.awards{ color: #EEEEEE; background-color: #000000; }
h1, h2, h3, h4, h5, h6 { font-family: 'Conv_AvenirLTStd-Black-1'; }

.categories { padding-top: 120px; padding-bottom: 120px; overflow: hidden; }
.categories .layout .layout-right .data-container .swiper { width: 100%; overflow: visible; touch-action: pan-y; }
.categories .layout .layout-right .swiper-wrapper .swiper-slide { flex: 1; padding-left: 24px; padding-right: 24px; position: relative; height: auto; }
.categories .layout .layout-right .swiper-wrapper .swiper-slide + .swiper-slide::after { content: ""; display: inline-block; width: 1px; height: 80px; background-color: #2A2A2A; position: absolute; top: 50%; transform: translateY(-50%); left: 0; }
.categories .layout .layout-right .swiper-slide > * { position: relative; z-index: 1; text-align: center; }
.categories .layout .layout-right .swiper-slide .title .meta i { display: inline-block; }
.categories .layout .layout-right .swiper-slide .title p { font-size: 20px; margin-bottom: 0; }
.categories .layout .layout-right .swiper-slide .meta { font-family: 'Conv_AvenirLTStd-Black-1'; color: var(--color-primary); font-weight: 900; font-size: var(--fs-48); line-height: 100%; margin-bottom: 8px; display: block; }
.categories .layout .layout-right .swiper-slide .meta i { font-style: normal; display: block; }
.categories .layout .layout-right .swiper-slide .explan { font-weight: 400; font-size: var(--fs-16); line-height: 138%; margin-bottom: 0px; }
.categories .layout .layout-right .swiper-slide .explan b { font-weight: 900; }

.video .layout-left { width: 100%; }
.video .layout-left video { width: 100%; height: 100%; object-fit: cover; vertical-align: bottom; border-radius: 32px; }

.honors { padding-top: 120px; overflow: hidden; }
.honors .container { width: 100%; padding-left: 20px; padding-right: 20px; }
.honors .lists { width: 100%; margin-left: auto; margin-right: auto; cursor: pointer; margin-bottom: 48px; }
.honors .swiper-container { overflow: visible !important; }
.honors .lists .swiper-wrapper { -webkit-transition-timing-function: linear; /*ease-out*/ -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; margin-left: auto; margin-right: auto; width: max-content; }
.honors .lists .swiper-wrapper .swiper-slide { width: auto !important; }
.honors .lists .swiper-wrapper .swiper-slide + .swiper-slide { margin-left: 32px; }
.honors .lists .item { flex-shrink: 0; width: 120px; }
.honors .lists .item img { width: 100%; height: 100%; object-fit: cover; -webkit-user-drag: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; }

.honors_two .proudly { display: flex; flex-direction: column; align-items: center; }
.honors_two .proudly .title { font-weight: 900; font-size: var(--fs-12); line-height: 138%; margin-bottom: 12px; }
.honors_two .proudly .proudly-images { display: flex; gap: 24px; align-items: stretch; }
.honors_two .proudly .proudly-images .image { width: 120px; height: 60px; border: 1px solid #2A2A2A; display: flex; justify-content: center; align-items: center; border-radius: 12px; padding: 8px; }
.honors_two .proudly .proudly-images .image img { width: 100%; height: 100%; max-width: 80px; max-height: 32px; object-fit: contain; vertical-align: top; }

.line_container { padding-top: 60px; padding-bottom: 60px; }
.line_container .line_current { width: 100%; height: 1px; background: #2A2A2A; }

.achievements { padding-bottom: 120px; }
.achievements .stage { display: flex; gap: 24px; padding-top: 48px; padding-bottom: 48px; }
.achievements .stage + .stage { border-top: 1px solid #2A2A2A; }
.achievements .stage:first-child { padding-top: 0; }
.achievements .stage:last-child { padding-bottom: 0; }
.achievements .stage .year { width: 100%; max-width: 78px; font-weight: 900; font-size: var(--fs-20); line-height: 138%; -webkit-tap-highlight-color: transparent !important; background-color: transparent !important; }
.achievements .stage .year i { display: none; }
.achievements .stage .details { flex: 1; display: flex; gap: 24px; }
.achievements .stage .details > * { flex: 1; }
.achievements .stage .details .range + .range { margin-top: 32px; }
.achievements .stage .details .range .title { margin-bottom: 12px; font-weight: 900; font-size: var(--fs-16); line-height: 138%; color: var(--color-primary); }
.achievements .stage .details .range .content p { margin: 0; font-weight: 400; font-size: 14px; line-height: 138%; }
.achievements .stage .details .range .content p + p { margin-top: 8px; }
.achievements .stage .details.details_mb { display: none; }

@media (max-width:1200px) {
    .categories .layout { flex-direction: column; }
    .categories .layout .layout-right .swiper-wrapper .swiper-slide { flex: none; width: 100%; max-width: 264px; }
}

@media (max-width:1040px) {
    .honors .swiper_content, .honors .pc { gap: 48px; }
    .honors .lists .swiper_box, .honors .lists .swiper_box_pc { gap: 48px; }
}

@media (max-width:1024px) {
    .categories { padding-top: 64px; padding-bottom: 64px; }

    .video .layout-left video { border-radius: 24px; }

    .honors { padding-top: 64px; }
    .honors .lists { margin-bottom: 32px; }
    .honors .lists .swiper-wrapper .swiper-slide + .swiper-slide { margin-left: 24px; }

    .honors_two .proudly .proudly-images .image { width: 116px; }

    .line_container { padding-top: 32px; padding-bottom: 32px; }

    .achievements { padding-bottom: 64px; }
    .achievements .stage { padding-bottom: 32px; }
    .achievements .stage .details { gap: 32px; }
    .achievements .stage .details.details_pc { display: none; }
    .achievements .stage .details.details_mb { display: flex; }
}

@media (max-width:800px) {
    .categories .layout .layout-right .swiper-slide { border-radius: 24px; }
    
    .honors .swiper_content, .honors .pc { gap: 36px; }
    .honors .lists .swiper_box, .honors .lists .swiper_box_pc { gap: 36px; }
    
    .honors_two .proudly .title { font-size: 9.6px; margin-bottom: 9.6px; }
}

@media (max-width:768px) {
    .page_banner_box .text_box { max-width: 100% !important; }
    
    .categories .layout .layout-right .title { flex-direction: column; align-items: center; gap: 0; }
    .categories .layout .layout-right .top-container { margin-bottom: 24px; }

    .honors .swiper_content, .honors .pc { gap: 28px; }
    .honors .lists .swiper_box, .honors .lists .swiper_box_pc { gap: 28px; }
}

@media (max-width: 767px) {
    .achievements .stage { flex-direction: column; gap: 0; padding-top: 24px; padding-bottom: 16px; }
    .achievements .stage:last-child { border-bottom: 1px solid #2A2A2A; padding-bottom: 16px; }
    .achievements .stage .year { max-width: 100%; display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-weight: 400; font-size: var(--fs-16); line-height: 138%; }
    .achievements .stage .year i { display: inline-block; width: 24px; height: 24px; }
    .achievements .stage .year i img { width: 100%; }
    .achievements .stage .year i img.open { display: none; }
    .achievements .stage .year i img.close { display: block; }
    .achievements .stage .year.active i img.open { display: block; }
    .achievements .stage .year.active i img.close { display: none; }
    .achievements .stage .year.active + .details { display: flex; opacity: 1; }
    .achievements .stage .details { gap: 24px; flex-direction: column; overflow: hidden; transition: all 0.4s ease, padding 0.4s ease; max-height: 0; opacity: 0; }
    .achievements .stage .details .range + .range { margin-top: 24px; }
    .achievements .stage .details.details_pc { display: flex; }
    .achievements .stage .details.details_mb { display: none; }
}

@media (max-width: 767px) {
    .honors .lists { margin-bottom: 24px; }
    
    .honors .lists .item { width: 90px; }
    .honors_two .proudly .proudly-images { gap: 16px; }
    .honors_two .proudly .proudly-images .image { height: 48px; }
}

@media (max-width: 736px) {
    .honors_two .proudly .proudly-images { width: 100%; }
    .honors_two .proudly .proudly-images .image img { max-width: 48px; max-height: 24px; }
}

@media (max-width:540px) {
    .categories .layout { align-items: normal; }
    .categories .layout .layout-right .data-container .swiper .swiper-wrapper { flex-wrap: nowrap; gap: 0; }
    .categories .layout .layout-right .swiper-slide { width: 100%; }
}