.about .l {
    padding: 0 0 0 10%;
    box-sizing: border-box;
}

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

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

.about {
    padding: .75rem 0;
    box-sizing: border-box;
}

.bktit h4 {
    color: #0059BA;
}

.bktit h5 {
    margin: .1875rem 0 .25rem 0;
    color: rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
}

.bktit {
    line-height: .45rem;
}

.about .l a {
    display: block;
    padding: .1875rem 0;
    width: 30%;
    text-align: center;
    color: #fff !important;
    background-color: #0059BA;
    border-radius: 20px 0 20px 0;
    box-sizing: border-box;
}

.about .l {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.four_unit .bktit {
    text-align: center;
}

.four_unit {
    padding: .5rem 0;
    box-sizing: border-box;
    background-image: url(../image/about/图层\ 0.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.four_unit ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 23%;
}

.four_unit ul li img {
    display: block;
    width: 40px;
    height: 40px;
}

.four_unit ul li h4 {
    margin: .375rem 0 .125rem 0;
}

.four_unit ul {
    margin: .625rem 0 0 0 !important;
}

.culture_box {
    padding: .75rem 0;
    box-sizing: border-box;
}

.culture .bktit {
    text-align: center;
}

.culture ul li .p_box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: #E7F0FD;
    border-radius: 50px;
}

.culture ul li .p_box img {
    display: block;
    width: 40px;
    height: 40px;
}

.culture ul li h4 {
    margin: .25rem 0 0 0;
}

.culture ul {
    margin: .75rem 0 !important;
}

.culture ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 23%;
}

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

.culture .line_box .l img {
    display: block;
    width: 100%;
    border-radius: 20px;
}

.culture .line_box .l img:hover {
    
        box-shadow: 0 0 10px 2px #0059BA;
        transition: all 0.6s;
}

.culture .line_box .l {
    position: relative;
}

.culture .line_box .l .text_box {
    position: absolute;
    left: 0;
    top: 0;
    padding: .25rem .1875rem;
    box-sizing: border-box;
    color: #fff;
}

.culture .line_box .l .text_box h4 {
    margin: 0 0 .1875rem 0;
}

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

.culture .line_box dt,
.culture .line_box dd{
    border-radius: 20px;
}
.culture .line_box dt:hover,
.culture .line_box dd:hover {
    
        box-shadow: 0 0 10px 2px #0059BA;
        transition: all 0.6s;
}

.culture .line_box .r dl dt {
    position: relative;
    margin: 0 0 .1875rem 0;
    width: 100%;
}

.culture .line_box .r dl dt .text_box {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff;

    display: none;
}

.culture .line_box dt, .culture .line_box dd {
    overflow: hidden;
}

.culture .line_box .r dl dd {
    position: relative;
    width: 49%;
}

.culture .line_box .r dl dd img {
    display: block;
    width: 100%;
}

.culture .line_box .r dl {
    flex-wrap: wrap;
}

.culture .line_box .r dl dd .text_box {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    padding: .25rem .1875rem;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    color: #fff;
    line-height: .45rem;
}

.culture .line_box .r dl dd .text_box h4 {
    margin: 0 0 10px 0;
}

.culture .line_box .r dl dd .text_box p {
    font-size: 18px !important;
}

.culture .line_box .r {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.his_box {
    padding: .75rem 0;
    box-sizing: border-box;
}

.his .bktit {
    text-align: center;
}

.bannerhis .swiper-slide .l {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
}

.bannerhis .swiper-slide .r {
    width: 60%;
}

.swiper-containerhis {
    margin: .75rem 0;
}

.bannerhis .swiper-slide .r ul li {
    display: flex;
    align-items: center;
    margin: 0 0 10px 0;
    line-height: .45rem;
}

.bannerhis .swiper-slide .r ul li::before {
    content: " ";
    display: block;
    margin: 0 .25rem 0 0;
    width: 10px;
    height: 10px;
    background-color: #0059BA;
    border-radius: 50px;
}

.his_box {
    background-image: url(../image/about/图层\ 7\ 拷贝.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.bannerhis .swiper-slide .r ul li a:hover {
    color: #0059BA !important;
    transition: all 0.6s;
}

.swiper-paginationhis {
    display: flex;
    justify-content: space-around;
    padding: 15px 0;
    box-sizing: border-box;
    border-top: 1px solid #0059BA;
}

.swiper-pagination-bullet {
    position: relative;
    width: auto;
    height: auto;
    background: none !important;
    opacity: 1;
}

.swiper-paginationhis span {
    font-size: 18px;
    font-weight: bold;
}

.swiper-pagination-bullet-active::before {
    content: " ";
    display: block;
    position: absolute;
    top: -40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 14px solid #0059BA;
}

.swiper-button-prevhis,
.swiper-button-nexthis {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 20px;
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
    color: #0059BA;
    cursor: pointer;
}

.bannerzjbox {
    position: relative;
}

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

.swiper-button-nexthis {
    position: absolute;
    top: 0%;
    left: 100%;
    transform: translate(-50%, -50%);
}

.swiper-button-prevhis:hover,
.swiper-button-nexthis:hover {
    background-color: #0059BA;
    color: #fff;
    transition: all 0.6s;
}

.style_box {
    padding: .75rem 0;
    box-sizing: border-box;
}

.style .bktit {
    margin: 0 0 .5rem 0;
    text-align: center;
}

.bannerstyle a {
    display: block;
}

.swiper-containerstyle {
    padding: 15px;
    box-sizing: border-box;
}

.bannerstyle a:hover {
    
        box-shadow: 0 0 10px 2px #0059BA;
        transition: all 0.6s;
}

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

.swiper-button-prevstyle,
.swiper-button-nextstyle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    font-size: 20px;
    border: 1px solid #A1A1A1;
    color: #A1A1A1;
    border-radius: 50px;
    cursor: pointer;
}

.bannerstyle {
    position: relative;
}

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

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

.swiper-button-prevstyle:hover,
.swiper-button-nextstyle:hover {
    color: #fff;
    background-color: #0059BA;
    transition: all 0.6s;
}

.honor .bktit {
    text-align: center;
}

.honor_box {
    padding: .75rem 0;
    box-sizing: border-box;
    background-image: url(../image/about/图层\ 16.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

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

.swiper-button-prevhonor:hover,
.swiper-button-nexthonor:hover {
    color: #fff;
    background-color: #0059BA;
    transition: all 0.6s;
}

.swiper-button-prevhonor,
.swiper-button-nexthonor {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    font-size: 20px;
    border: 1px solid #A1A1A1;
    color: #A1A1A1;
    border-radius: 50px;
    cursor: pointer;
}

.bannerhonor {
    position: relative;
    margin: .5rem 0 0 0;
}

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

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

.scope_box {
    padding: .75rem 0;
    box-sizing: border-box;
    background-image: url(../image/about/图层\ 19.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.scope .bktit {
    text-align: center;
}

.scope span {
    line-height: .45rem;
    text-align: center;
}

.scope span p {
    margin: 0 0 .1875rem 0;
}

.scope a {
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    width: 15%;
    text-align: center;
    padding: .1875rem 0;
    box-sizing: border-box;
    background-color: #0059BA;
    color: #fff !important;
    border-radius: 10px;
}

@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) {
    
    .culture .line_box .r dl dd .text_box {
        padding: 5px;
        left: 5px;
        top: 5px;
    }
    
    .bannerhis .swiper-slide .r ul li {
        line-height: 1.5;
    }
    
    .culture .line_box .r dl dd .text_box p {
        display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 overflow: hidden;
    }
    
    .culture .line_box .r dl dd .text_box p {
        line-height: 1.5;
    }
    
    .culture .line_box .r dl dd .text_box p {
        font-size: 14px !important;
    }
    
    .about .l,
    .about .r {
        padding: 0 10%;
        width: 100%;
        box-sizing: border-box;
    }
    .about {
        flex-wrap: wrap;
    }
    span p {
        line-height: 1.5;
    }
    .about .r {
        margin: 10px 0 0 0;
    }
    .four_unit ul li {
        margin: 0 0 15px 0;
        width: 45%;
    }
    .four_unit ul {
        flex-wrap: wrap;
    }
    .culture ul li {
        margin: 0 0 15px 0;
        width: 45%;
    }
    .culture ul {
        flex-wrap: wrap;
    }
    .culture .line_box .l,
    .culture .line_box .r {
        width: 100%;
    }
    .culture .line_box {
        flex-wrap: wrap;
    }
    .culture .line_box .r {
        margin: 10px 0 0 0;
    }
    .culture .line_box {
        line-height: 1.5;
    }
    .bktit {
        line-height: 1.5;
    }
    .swiper-button-prevhis,
    .swiper-button-nexthis {
        display: none;
    }
    .swiper-button-prevstyle,
    .swiper-button-nextstyle,
    .swiper-button-prevhonor,
    .swiper-button-nexthonor {
        display: none;
    }
    .scope span {
        line-height: 1.5;
    }
    .scope a {
        width: 30%;
    }
}

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

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

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