.middle-center-wrap {
    padding-top: 9.375vw;
    background-color: #F8F8F8;
    box-sizing: border-box;
    z-index: 1;
}
.middle-center-wrap .history-bg {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
}
.middle-center-wrap .history-title-ch {
    /* text-align: center; */
    position: relative;
    z-index: 2;
    margin-left: 7vw;
    font-size: 2.5vw;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #00252F;
    line-height: 2.5vw;
    letter-spacing: 0.2083vw;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.middle-center-wrap .history-title-en {
    position: relative;
    z-index: 1;
    margin: -2.6042vw  0 0 8.5625vw; 
    font-size: 4.1667vw;
    /* font-family: DINAlternate-Bold, DINAlternate;
    font-weight: bold; */
    color: #F2F2F2;
    line-height: 4.1667vw;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

/* 发展历程 */
.development-history-wrap {
    width: 80vw;
    margin: 2.0833vw auto 0 auto;
    position: relative;
    padding: 3vw 3vw 0 3vw;
    height: 52vh;
    background: #ffffff;
}
.dowebok {
    position: relative;
    display: flex;
    height: 100% !important;
    background: #ffffff;
}
.dowebok::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #CD6B69;
}

.history-box {
    padding-right: 5.2083vw;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.str_move {
    /* padding-top: 1.0417vw; */
    height: 100% !important;
    flex: 1;
    display: flex;
}
.str_wrap.str_active {
    background: #ffffff;
}
.history-box {
    width: 11.4583vw;
}
.history-box .history-img {
    height: 8.0208vw;
    width: 11.4583vw;
}
.history-box .history-icon {
    position: absolute;
    top: 48.5%;
    left: 0;
    height: 2.7604vw;
    width: 0.8333vw;
    margin-bottom: 3.125vw;
}
.history-box .history-icon1 {
    position: absolute;
    top: 40.5%;
    left: 0;
    height: 2.7604vw;
    width: 0.8333vw;
    margin-bottom: 3.125vw;
}
.history-box .history-text {
    width: 11.4583vw;
    display: flex;
    flex-direction: column;
}
.history-box .history-text .history-time {
    margin-bottom: 0.5208vw;
    font-size: 30px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #00252F;
}
.history-box .history-text .text {
    width: 10.8333vw;
    font-size: 16px;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #00252F;
    line-height: 22px;
    word-wrap: break-word; 
    word-break: break-all; 
    text-align: justify;
    white-space: pre-wrap;
}

/* .development-history-wrap .slick-prev {
   z-index: 99;
   position: absolute;
   top: 45%;
   left: 5%;
   height: 3.0208vw;
   width: 1.5625vw;
   background-size: 100% 100%;
   background-image: url('../../image/icon_left.png'); 
}
.development-history-wrap .slick-next {
    z-index: 99;
    position: absolute;
    top: 45%;
    right: 5%;
    height: 3.0208vw;
    width: 1.5625vw;
    background-size: 100% 100%;
    background-image: url('../../image/icon_right.png'); 
} */

.middle-center-wrap .slick-prev {
   z-index: 99;
   position: absolute;
   top: 9.375vw;
   right: 10.9375vw;
   height: 2.7083vw;
   width: 2.7083vw;
   background-size: 100% 100%;
   background-image: url('../../image/banner_btn_left.png'); 
   transition: all 0.6s;
}
.middle-center-wrap .slick-prev:hover {
   background-image: url('../../image/banner_btn_left1.png'); 
}
.middle-center-wrap .slick-next {
    z-index: 99;
    position: absolute;
    top: 9.375vw;
    right: 7vw;
    height: 2.7083vw;
    width: 2.7083vw;
    background-size: 100% 100%;
    background-image: url('../../image/banner_btn_right.png'); 
    transition: all 0.6s;
}
.middle-center-wrap .slick-next:hover {
    background-image: url('../../image/banner_btn_right1.png');
}