.aboutUs_banner {
    width: 100%;
    height: 8rem;
    background: url(../img/aboutUs-banner.jpg) no-repeat center center;
    background-size: cover;
}

.company_profile {
    width: 100%;
    height: 7.5rem;
    background: url(../img/aboutUs1-bj.jpg) no-repeat center center;
    background-size: cover;
}

.company_profile .profile_content {
    width: 15rem;
    margin: 0 auto;
    padding: .6rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.company_profile .profile_contentL {
    width: 40%;
    height: 5rem;
    overflow: hidden;
}

.company_profile .profile_contentL img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.company_profile .profile_contentL:hover img {
    transform: scale(1.02);
}

.company_profile .profile_contentR {
    width: 60%;
    padding-left: 1rem;
}

.company_profile .msgH {
    margin-bottom: .2rem;
}

.company_number {
    width: 100%;
    height: 7rem;
    background: url(../img/aboutUs2.jpg) no-repeat center center;
    background-size: cover;
}

.company_number .number_content {
    width: 15rem;
    margin: 0 auto;
    padding: .6rem 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.company_number .titleH {
    width: 32%;
    color: #fff;
    font-size: .48rem;
    font-family: pb;
    margin-top: 1rem;
}

.company_number .number_ul {
    width: 58%;
    color: #fff;
    font-size: .48rem;
    font-family: pb;
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.company_number .number_li {
    width: 50%;
    height: 1.5rem;
    text-align: center;
    margin-bottom: 1rem;
    position: relative;
    padding: 0 .2rem;
}

.company_number .number_li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 2px;
    background: rgba(255, 255, 255, .2);
}

.company_number .number_li::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: .4rem;
    background: rgba(255, 255, 255, 1);
}

.company_number .number_liMsg {
    font-size: .26rem;
    font-family: pr;
}

.company_number .number_liNum {
    font-size: .42rem;
    font-family: pb;
}

.company_number .number_li3 {
    margin-left: -2.2rem;
}

.company_number .number_li4 {
    margin-right: 2.2rem;
}

.company_environment {
    width: 100%;
}

.company_environment .environment_conten {
    width: 15rem;
    margin: 0 auto;
    padding: .6rem 0;
}

.company_environment .titleH {
    margin-bottom: .6rem;
}

.company_environment .environment_swiper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.company_environment .swiper-wrapper {
    display: flex;
    transition: transform 0.3s ease;
}

.company_environment .swiper-slide {
    flex-shrink: 0;
}

.company_environment .environment_li {
    width: 100%;
    cursor: pointer;
    overflow: hidden;
}

.company_environment .imgCss {
    width: 100%;
    height: 4.5rem;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.company_environment .environment_li:hover .imgCss {
    transform: scale(1.02);
}

.company_environment .environment_liMsg {
    font-size: .26rem;
    font-family: pb;
    color: #001d2d;
    margin-top: .4rem;
    text-align: center;
}

.company_environment .scrollbar_container {
    width: 100%;
    position: relative;
    padding-top: .4rem;
    padding-bottom: 0.3rem;
}

.company_environment .swiper-scrollbar {
    background: #d8e1ed;
    height: .04rem !important;
    border-radius: .01rem;
}

.company_environment .scroll_hint {
    font-size: .22rem;
    color: #001d2d;
    font-family: pr;
    position: absolute;
    top: .9rem;
    left: 6%;
}

.company_environment .swiper-scrollbar-drag {
    background-color: #00134c !important;
    border-radius: 50%;
    cursor: grab;
    width: .6rem !important;
    height: .6rem !important;
    top: -.3rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.company_environment .swiper-scrollbar-drag::after {
    content: '< >';
    color: #fff;
    font-size: .18rem;
    font-weight: bold;
    letter-spacing: 0.03rem;
}

.company_environment .swiper-scrollbar-drag:hover {
    background-color: #00134c !important;
}

.company_environment .swiper-button-next,
.company_environment .swiper-button-prev {
    width: 0.6rem;
    height: 0.6rem;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease;
}

.company_environment .swiper-button-next::after,
.company_environment .swiper-button-prev::after {
    font-size: 0.24rem;
    color: #000;
    font-weight: bold;
}

.company_environment .swiper-button-next:hover,
.company_environment .swiper-button-prev:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.company_environment .swiper-button-prev {
    left: -0.8rem;
}

.company_environment .swiper-button-next {
    right: -0.8rem;
}

.employee_showcase {
    width: 100%;
}

.employee_showcase .showcase_content {
    width: 15rem;
    margin: 0 auto;
    padding: .6rem 0;
}

.employee_showcase .showcase_ul {
    width: 100%;
    padding-top: .3rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.employee_showcase .showcase_ulL {
    width: 33%;
    height: 6rem;
    overflow: hidden;
}

.employee_showcase .showcase_ulL img,
.employee_showcase .showcase_ulR_li img {
    transition: transform 0.3s ease;
}

.employee_showcase .showcase_ulL:hover img,
.employee_showcase .showcase_ulR_li:hover img {
    transform: scale(1.02);
}

.employee_showcase .showcase_ulR {
    width: 66%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.employee_showcase .showcase_ulR_li {
    width: 49%;
    height: 2.9rem;
    margin-bottom: .2rem;
    overflow: hidden;
}

.client_cases {
    width: 100%;
}

.client_cases .client_content {
    width: 15rem;
    margin: 0 auto;
}

.client_cases .client_ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: .3rem;
}

.client_cases .client_li {
    width: 24%;
    height: 7rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.client_cases .client_li img {
    transition: transform 0.3s ease;
}

.client_cases .client_li img:hover {
    transform: scale(1.02);
}

/* 第1个li的图片高度比例 */
.client_cases .client_li:nth-child(1) img:first-child {
    width: 100%;
    height: 39%;
    object-fit: cover;
}

.client_cases .client_li:nth-child(1) img:last-child {
    width: 100%;
    height: 59%;
    object-fit: cover;
}

/* 第2、3个li的图片高度比例 */
.client_cases .client_li:nth-child(2) img:first-child,
.client_cases .client_li:nth-child(3) img:first-child {
    width: 100%;
    height: 49%;
    object-fit: cover;
}

.client_cases .client_li:nth-child(2) img:last-child,
.client_cases .client_li:nth-child(3) img:last-child {
    width: 100%;
    height: 49%;
    object-fit: cover;
}

/* 第4个li的图片高度比例 */
.client_cases .client_li:nth-child(4) img:first-child {
    width: 100%;
    height: 59%;
    object-fit: cover;
}

.client_cases .client_li:nth-child(4) img:last-child {
    width: 100%;
    height: 39%;
    object-fit: cover;
}