.group_hero {
    background: url(../img/history/group_hero.png) no-repeat;
    width: 100%;
    height: 372px;
    line-height: 372px;
    min-width: 1200px;
}

.text_hero_title {
    display: inline-block;
    font-weight: 600;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 50px;
    text-shadow: 2px 2px 4px rgba(0, 65, 144, 0.67);
}

.text_history_title_revert {
    font-weight: 600;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 50px;
}

.group_history {
    background: url(../img/history/group_history_bg.png) no-repeat;
    width: 100%;
    /* height: 1000px; */
    min-width: 1200px;
    background-size: cover;
    background-position: center;
}

.text_progress {
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
}

.dot_progress {
    width: 16px;
    height: 16px;
    background: #789DCA;
    border-radius: 50%;
    backdrop-filter: blur(10px);
}

.item_progress.active .dot_progress {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border: 1px solid #FFF;
    width: 20px;
    height: 20px;
    position: relative;
}

.item_progress.active .dot_progress::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #FFF;
}

.item_progress.active .text_progress {
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
}

.item_progress {
    width: 150px;
    word-break: keep-all;
    white-space: pre-wrap;
}

.text_progress_title {
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    line-height: 25px;
}

.text_progess_sub {
    font-weight: 400;
    font-size: 14px;
    color: #282828;
    line-height: 20px;
}

.block_progress_content {
    padding-top: 23px;
    padding-bottom: 77px;
    padding-left: 32px;
    padding-right: 32px;


    width: 1200px;
    /* height: 725px; */
    overflow: hidden;
}


#swiper-v-inner .swiper-wrapper {
    height: 725px;
}

.block_progress_item {
    padding-top: 35px;
    padding-bottom: 0;
    padding-left: 48px;
    padding-right: 48px;
}

.text_progress_title::after {
    content: "";
    display: block;
    width: 116px;
    height: 0;
    border-top: 1px solid #E2E5EE;
    transform: rotate(-15deg);
    margin-top: 5px;
    margin-left: -17px;
}

.text_progess_sub {
    position: relative;
    padding-left: 20px;
}

.text_progess_sub::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #D8D8D8;
    border-radius: 50%;
    position: absolute;
    left: 4px;
    top: 7px;
}

.image_honor_decor {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(../img/history/image_honor_decor.svg) no-repeat;
}

.image_honor_decor_revert {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(../img/history/image_honor_decor.svg) no-repeat;
    transform: rotate3d(0, 1, 0, 180deg);
}

.text_honor_title {
    font-weight: 600;
    font-size: 36px;
    color: #623400;
    line-height: 50px;
    margin-left: 10px;
    margin-right: 10px;
}

.text_honor_sub {
    font-weight: 400;
    font-size: 16px;
    color: #282828;
    line-height: 22px;
}

.group_honor {
    background: url(../img/history/group_honor.png) no-repeat;
    width: 100%;
    /* height: 1000px; */
    min-width: 1200px;
    background-size: cover;
    background-position: center;
}


/* .box_honor_item {

} */

.box_honor_item + .box_honor_item  {
    margin-left: 20px;
}

.box_honor_item img{
    max-width: 182px;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

[data-line="2"] .box_honor_item_content {
    height: 250px;
}

.box_honor_item_content {
    width: 200px;
    height: 150px;
    border: 1px solid #fff;
    backdrop-filter: blur(10px);
    position: relative;
    transition: all 0.3s ease;
}
.box_honor_item_content:hover {
    transform: scale(1.05);
    transition: all 0.3s ease;
}