/* 关于我们 */

/* 文字基准线 */
.share_title:before,
.share_title:after {
    content: "";
    width: 1.0625rem;
    height: 0.015rem;
    background: #3770F8;
    display: block;
    /*1.首先使伪类显示方式为块级元素*/
    position: relative;
    /*2.通过相对定位的方式控制两侧内容的位置*/
}

/* 背景图 */
.about_bg {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 7.655rem;
    background: url(../img/about/about_banner.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

/* 背景文字 */
.about_bg .backContent {
    width: 5.775rem;
    /* height:2rem; */
    margin: 2.325rem auto 0;
    /* background-color: aqua; */
}

.about_bg .backContent .title {
    width: 5.775rem;
    /* height: 0.7rem; */
    font-size: 0.75rem;
    font-family: SourceHanSans;
    font-weight: 400;
    color: #FEFEFE;
    text-align: center;
    letter-spacing: 0.125rem;
}

.about_bg .backContent .intr {
    width: 5.775rem;
    /* height: 0.2875rem; */
    font-size: 0.3rem;
    font-family: SourceHanSans;
    font-weight: 300;
    color: #FFFFFF;
    /* background-color: indianred; */
    /* line-height: 0.2875rem; */
    text-align: center;
    letter-spacing: 0.185rem;
    margin-top: 0.35rem;
}

.about_bg .backContent .content {
    width: 5.625rem;
    /* height: 0.1875rem; */
    font-size: 0.2rem;
    font-family: SourceHanSans;
    font-weight: 300;
    color: #FFFFFF;
    text-align: center;
    letter-spacing: 0.025rem;
    margin-top: 0.475rem;
    /* line-height: 172px; */
}

/* 大熊简介 */
.abo_brief {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

.flex_title {
    width: 3.65rem;
    height: 0.425rem;
    margin: 0.825rem auto 0;
    font-family: SourceHanSans;
    text-align: center;
    color: #353535;
    font-size: 0.45rem;
    font-weight: 400;
}

/*文字的基准线 */
.flex_title:before {
    top: 0.36rem;
    left: -1.3rem;
}

.flex_title:after {
    top: -0.26rem;
    right: -3.64rem;
}

/* .brief_pic {
    width: 16.3rem;
    height: 9.0875rem;
    margin: 0.85rem auto 0;
    background: url(../img/about/Office_photos.png) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

.brief_title {
    width: 9.4875rem;
    height: 2.0625rem;
    font-size: 0.18rem;
    font-family: SourceHanSans;
    font-weight: 400;
    color: #0058F3;
    line-height: 0.45rem;
    margin: 0.4875rem 0 0 0.45rem;
} */
.brief_pic {
    width: 16.3rem;
    margin: 0.85rem auto 0;
    background-size: 100% 100%;
    overflow: hidden;
}

.brief_title {
    font-size: .225rem;
    font-family: SourceHanSans;
    font-weight: 400;
    color: #0058F3;
    line-height: .375rem;
    margin-top: 0.4875rem;
    min-height: 3.675rem;
    position: relative;
}
.brief_title .tit{
    width: 11.075rem;
    padding: .4375rem 0 0 .2875rem;
}
.brief_title .tit>p{
    text-indent: 2em;
}
.brief_title .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3.625rem;
    background: url(../img/about/Office_photos.png) no-repeat;
    background-size: 100% 100%;

}
.brief_con{
    width: 16.3rem;
    height: 5.625rem;
    background: url(../img/about/Office_photos_bottom.png) no-repeat;
    background-size: 100% 100%;
    /* margin-top: .1875rem; */
}


/* 我们的资质 */
.abo_qua {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 8.5rem;
}

.qua_bg {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 3.75rem;
    overflow: hidden;
}

.abo_qua .flex_title {
    width: 3.65rem;
    height: 0.425rem;
    margin: 1.4625rem auto 0;
    font-family: SourceHanSans;
    text-align: center;
    color: #353535;
    font-size: 0.45rem;
    font-weight: 400;
}

.abo_qua .qua_content {
    width: 16.875rem;
    /* height: 5rem; */
    margin: 0.8rem 3.25rem 1rem 3.875rem;
}

#slide3 {
    /* width: 3.875rem !important; */
    /* background-color: #2D6DC1; */
    height: 3rem;
}

#wrapper3 {
    transition-timing-function: linear !important;
}

.abo_qua .qua_content .qua_details {
    /* width: 3.875rem; */
    height: 3.25rem;
    margin-right: 0.15rem;
    text-align: center;
}

.abo_qua .qua_details .qua_img {
    /* width: 3.225rem; */
    height: 3.25rem;
    margin: 0 auto;
}

/* 我们的荣誉 */
.abo_honour {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.honour_bg {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 3.75rem;
    background: url(../img/about/glory_title.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    margin-top: 0.525rem;
}

.abo_honour .flex_title {
    width: 3.65rem;
    height: 0.425rem;
    margin: 1.4625rem auto 0;
    font-family: SourceHanSans;
    text-align: center;
    color: #FFFFFF;
    font-size: 0.45rem;
    font-weight: 400;
}

.abo_honour .qua_content {
    width: 17.25rem;
    /* height: 6.0875rem; */
    flex-wrap: wrap;
    justify-content: space-between;
    /* background-color: aquamarine; */
    margin-top: 0.5875rem;
    display: flex;
}

.abo_honour .qua_content .qua_details {
    /* width: 3.875rem; */
    height: 2.925rem;
    margin-top: 0.25rem;
    box-shadow: 0 0 15px 0px #999;
}

.qua_details .qua_img {
    /* width: 3.225rem; */
    height: 2.925rem; 
}
.qua_details .qua_img img{
    /* width: 3.225rem; */
    width: auto;
    height: 2.925rem; 
}
/* 合作企业 */

.abo_coo {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}


.coo_title {
    width: 3.65rem;
    height: 0.425rem;
    margin: 0.825rem auto 0.2rem;
    font-family: SourceHanSans;
    text-align: center;
    color: #353535;
    font-size: 0.45rem;
    font-weight: 400;
}

.coo_photo {
    width: 24rem;
    height: 6.5125rem;
    margin-top: 1.275rem;
    background-color: #FAFAFA;
    overflow: hidden;
}

#wrapper4 {
    width: 15.575rem;
    height: 5.5rem;
    margin: 0.1rem auto 0;
    /* background-color: khaki; */
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column
}

.bg_out {
    background-color: #FFFFFF;
    margin: 0.15rem;    
    width: 2.31rem;
    height: 0.81rem;
}

.bg_out:nth-child(4n+2),
.bg_out:nth-child(4n+4) {
    margin-left: -1rem;
}
div#companyLogo {
    width: 80%;
    height: 9.5rem;
    -webkit-mask-image: radial-gradient(#F2F5FC 22%, transparent 70%);
    -webkit-mask-size: 100% 100%;
    margin: 0 auto;
    padding: 2.3rem 0;
    position: relative;
    top: -1.5rem;
}
#wrapper4 {
    animation: scroll 16s linear infinite;
}
@keyframes scroll {
    0% {
        transform: translateX(0%);
    }
    100%{
        transform: translateX(-150%);
    }
    /* from {
        transform: translateX(0%);
    }

    to {
        transform: translateX( -100%);
    } */
}
.bg_out:hover {
    /* width: 1.325rem;
    height: 1.325rem;
    border-radius: 50%;
    background-color: #FFFFFF;
    margin-left: 0.55rem;
    box-shadow: 0px 0px 16px 0px rgba(117, 117, 117, 0.3); */
}

/* 联系我们 */
.phone_mailbox {
    width: 16.25rem;
    /* height:1.9375rem; */
    margin: 0.5rem auto;
    display: flex;
    border-bottom: 0.0125rem #EBEBEB solid;
    /* justify-content:space-around; */
}

.phone_mailbox .phone {
    /* width: 4.3375rem; */
    display: flex;
    /* background-color: lightblue; */
    margin: 0.9375rem 0 0.6875rem 3.725rem;
}

.phone_mailbox .phone_bg {
    width: 1.125rem;
    height: 1.125rem;
    /* background-color: lightblue; */
}

.phone_mailbox .phone_font {
    height: 1.125rem;
    margin-left: 0.1rem;
}

.phone_title {
    /* width: 0.8875rem; */
    height: 0.2125rem;
    font-size: 0.225rem;
    font-family: SourceHanSans;
    font-weight: normal;
    color: #596066;
    margin-top: 0.225rem;
    /* line-height: 172px; */
}

.phone_num {
    /* width: 161p; */
    height: 0.2875rem;
    font-size: 0.375rem;
    font-family: DIN;
    font-weight: bold;
    color: #2D6DC1;
    margin-top: 0.085rem;
    /* line-height: 172px; */
}

.phone_mailbox .mailbox {
    /* width: 4.3375rem; */
    display: flex;
    margin: 0.9375rem 0 0.6875rem 1.95rem;
    /* background-color: lightblue; */
}

.phone_mailbox .mailbox_bg {
    width: 1.125rem;
    height: 1.125rem;
    /* background-color: lightblue; */
}

.phone_mailbox .mailbox_font {
    height: 1.125rem;
    margin-left: 0.1rem;
}

.mailbox_title {
    height: 0.2125rem;
    font-size: 0.225rem;
    font-family: SourceHanSans;
    font-weight: normal;
    color: #596066;
    margin-top: 0.225rem;
    /* line-height: 172px; */
}

.mailbox_num {
    height: 0.3rem;
    font-size: 0.375rem;
    font-family: SourceHanSans;
    font-weight: 400;
    color: #59C47F;
}

.contact_add {
    width: 16.375rem;
    height: 6.65rem;
    display: flex;
    margin: 0.375rem auto 1.2125rem;
    justify-content: space-between;
}

.areaBack {
    width: 8.175rem;
    height: 6.65rem;
}

.address {
    width: 6.725rem;
    height: 5.625rem;
    margin: 0.3rem 0 0 0;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 14px 2px rgba(151, 151, 151, 0.5);
}

.address .address_pho {
    width: 6.725rem;
    height: 3.275rem;
}

.address .address_font {
    width: 6.0rem;
    margin: 0.3875rem auto 0;
}

.address .address_font .title {
    width: 1.2875rem;
    height: 0.275rem;
    font-size: 0.3rem;
    font-family: SourceHanSans;
    font-weight: 400;
    color: #3A3B3B;
    margin-bottom: 0.2875rem;
}

.address .address_font .add_font {
    width: 5.1625rem;
    font-size: 0.2rem;
    font-family: SourceHanSans;
    font-weight: 300;
    color: #596066;
}
.swiper-pagination1 {
    margin: 0 auto;
    text-align: center;
    margin-top: 1rem;
}
.swiper-pagination1 .swiper-pagination-bullet-active,
.swiper-pagination1 .swiper-pagination-bullet {
    width: 0.6rem;
}