/****************************** header bg image effects ******************************/
@keyframes moveBackground {
    from {
        background-position: 0% 0%;
    }
    to {
        background-position: 100% 100%;
    }
}

.about_us_header {
    height: 60vh;
    width: 100%;
    margin: 0;
    /*background-image: url('{__PC__}/default/images/company_main_bg.jpg');*/
    background-position: center;
    background-size: cover;
    animation: moveBackground 5s linear infinite; /* 调整动画时间和速度 */
}

/***************************** cooperate *****************************/
.left-reason:hover {
    z-index: 999;
}

.right-reason:hover {
    z-index: 999;
}

/***************************** cooperate_case_wraper *****************************/
.cooperate_case_wraper {
    /*border:1px solid red;*/
}

.swiper {
    width: 100%;
    height: 400px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 100%;
    height: 100%;
}

.tlst {
    /*border: 1px solid blue;*/
}

.swiper-slide img {
    display: block;
    width: 80%;
    height: 80%;
    object-fit: cover;
}