.banner {
    position: relative
}

.banner .bg {
    width: 100%;
    display: block;
    object-fit: cover
}

.sec1 {
    padding: 4.47917vw 8.33333vw 4.6875vw;
    display: flex;
    justify-content: space-between;
    background: #E60012
}

.sec1 .item {
    width: 40.41667vw
}

.sec1 .item .h5 {
    color: #FFF;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    margin-bottom: 1.45833vw;
    border-left: .20833vw solid #fff;
    padding: 0 0 0 1.09375vw
}

.sec1 .item .p {
    color: #F5F5F5;
    font-weight: 400;
    line-height: 150%
}

.common_title .en {
    color: #E60012;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: .06646vw;
    text-transform: uppercase
}

.common_title .h5 {
    color: #0A0A0A;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    margin: .36458vw 0 0
}

.sec2 {
    padding: 3.64583vw 8.33333vw 7.96875vw
}

.sec2 .box {
    display: flex;
    align-items: center;
    margin: 3.125vw 0 0;
    gap: 8.02083vw
}

.sec2 .box .l {
    position: relative
}

.sec2 .box .l:after {
    content: "";
    width: 41.14583vw;
    height: 20.20833vw;
    position: absolute;
    right: -2.34375vw;
    bottom: -2.29167vw;
    border: .05208vw solid #D4D4D4;
    background: #E5E5E5;
    z-index: -1
}

.sec2 .box .l .img {
    width: 40.10417vw;
    position: relative
}

.sec2 .box .l .img img {
    transform: skew(-3deg);
    filter: brightness(0.5)
}

.sec2 .box .l .text_box {
    position: absolute;
    top: 2.39583vw;
    left: 2.08333vw;
    width: 36.45833vw
}

.sec2 .box .l .text_box .h5 {
    color: #FFF;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase
}

.sec2 .box .l .text_box .h5 span {
    color: #E60012
}

.sec2 .box .l .text_box .p {
    color: #D4D4D4;
    font-weight: 400;
    line-height: 150%;
    margin: 1.19792vw 0 1.19792vw
}

.sec2 .box .l .text_box .num_list {
    width: 100%;
    padding: 1.92708vw 0 0;
    border-top: .05208vw solid #404040;
    display: flex
}

.sec2 .box .l .text_box .num_list .num_item {
    text-align: center;
    width: 33.333%
}

.sec2 .box .l .text_box .num_list .num_item .num {
    color: #E60012;
    font-weight: 700;
    line-height: 1.3
}

.sec2 .box .l .text_box .num_list .num_item .num_item_des {
    color: #D4D4D4;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase
}

.sec2 .box .l .text_box .num_list .num_item:nth-child(2) {
    border-left: .05208vw solid #404040;
    border-right: .05208vw solid #404040
}

.sec2 .box .r {
    width: 29.42708vw;
    color: #737373;
    font-weight: 400;
    line-height: 150%
}

.sec3 {
    background: #F3F4F6;
    padding: 7.60417vw 3.48958vw 7.60417vw 8.33333vw;
    display: flex;
    overflow: hidden;
    justify-content: space-between
}

.sec3 .l_box {
    width: 40.625vw
}

.sec3 .l_box .swiper {
    margin: 5.83333vw 0 0;
    width: 100%
}

.sec3 .l_box .swiper .swiper-slide {
    position: relative
}

.sec3 .l_box .swiper .swiper-slide .slide_box {
    position: absolute;
    left: 2.39583vw;
    bottom: 1.77083vw;
    opacity: 0;
    transform: translateY(1.04167vw)
}

.sec3 .l_box .swiper .swiper-slide .slide_box .year {
    color: #E60012;
    font-weight: 700;
    line-height: 1
}

.sec3 .l_box .swiper .swiper-slide .slide_box .year.sp {
    color: #A3A3A3
}

.sec3 .l_box .swiper .swiper-slide .slide_box .p {
    color: #FFF;
    font-weight: 700;
    line-height: 1.56;
    text-transform: uppercase;
    margin: .36458vw 0 0
}

.sec3 .l_box .swiper .swiper-slide .img {
    transform: skew(-3deg);
    position: relative;
    box-shadow: 0 1.43094vw 2.86193vw-.68688vw rgba(0, 0, 0, 0.25);
    opacity: 0
}

.sec3 .l_box .swiper .swiper-slide .img:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
    top: 0;
    left: 0
}

.sec3 .l_box .swiper .swiper-slide .img img {
    display: block;
    width: 100%;
    height: 19.79167vw;
    object-fit: cover
}

.sec3 .l_box .swiper .swiper-slide.swiper-slide .img {
    opacity: 1;
    transition: 0.6s
}

.sec3 .l_box .swiper .swiper-slide.swiper-slide .slide_box {
    opacity: 1;
    transform: translateY(0);
    transition: 0.6s
}

.sec3 .r_box {
    position: relative
}

.sec3 .r_box:after {
    content: "";
    width: .10417vw;
    height: 100%;
    position: absolute;
    top: .26042vw;
    left: .78125vw;
    background: #E5E5E5;
    z-index: -1
}

.sec3 .r_box .swiper {
    height: 53.38542vw;
    width: 38.22917vw;
    position: relative;
    overflow: hidden;
    padding-left: 1.30208vw;
    z-index: 5
}

.sec3 .r_box .swiper .swiper-slide {
    transition: 0.6s;
    padding: 0 0 0 2.60417vw;
    cursor: pointer
}

.sec3 .r_box .swiper .swiper-slide .year {
    color: rgba(230, 0, 18, 0.4);
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    transition: 0.6s;
    font-family: "Inter"
}

.sec3 .r_box .swiper .swiper-slide .year.sp {
    color: #A3A3A3
}

.sec3 .r_box .swiper .swiper-slide .year:after {
    content: "";
    width: .72917vw;
    height: .72917vw;
    border-radius: 50%;
    background: white;
    border: .10417vw solid #D4D4D4;
    position: absolute;
    left: -2.60417vw;
    top: 50%;
    transform: translate(-100%, -50%);
    transition: 0.6s
}

.sec3 .r_box .swiper .swiper-slide .p {
    color: #171717;
    font-weight: 700;
    line-height: 150%;
    text-transform: uppercase;
    margin: .36458vw 0 .72917vw;
    opacity: 0.4;
    transition: 0.6s
}

.sec3 .r_box .swiper .swiper-slide .des {
    color: #525252;
    font-weight: 400;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    transition: 0.6s;
    text-overflow: ellipsis;
    opacity: 0.4
}

.sec3 .r_box .swiper .swiper-slide.swiper-slide-thumb-active {
    opacity: 1
}

.sec3 .r_box .swiper .swiper-slide.swiper-slide-thumb-active .year {
    color: #e60012
}

.sec3 .r_box .swiper .swiper-slide.swiper-slide-thumb-active .year:after {
    background: #E60012;
    border: .10417vw solid #E60012
}

.sec3 .r_box .swiper .swiper-slide.swiper-slide-thumb-active .p,
.sec3 .r_box .swiper .swiper-slide.swiper-slide-thumb-active .des {
    opacity: 1
}

.sec4 {
    padding: 0 10.41667vw 0 8.33333vw;
    display: flex;
    background: #171717;
    justify-content: space-between;
    align-items: center
}

.sec4 .l_box {
    width: 37.5vw
}

.sec4 .l_box .common_title .h5 {
    color: #FFFFFF
}

.sec4 .l_box .content {
    margin: 4.21875vw 0 2.34375vw
}

.sec4 .l_box .content p {
    color: #A3A3A3;
    font-weight: 400;
    line-height: 150%
}

.sec4 .l_box .content p:not(:last-child) {
    margin-bottom: 1.25vw
}

.sec4 .l_box .des_box {
    width: 100%;
    border-left: .20833vw solid #E60012;
    background: rgba(38, 38, 38, 0.5);
    padding: 1.09375vw
}

.sec4 .l_box .des_box img {
    width: 1.66667vw;
    display: block;
    margin-bottom: .88542vw
}

.sec4 .l_box .des_box p {
    font-family: Inter;
    color: #FFF;
    font-style: italic;
    font-weight: 400;
    line-height: 1.36
}

.sec4 .r_box {
    width: 36.45833vw;
    position: relative
}

.sec4 .r_box .sq {
    position: absolute;
    width: 3.17708vw
}

.sec4 .r_box .sq img {
    display: block;
    width: 100%
}

.sec4 .r_box .sq1 {
    top: 0;
    right: -4.6875vw
}

.sec4 .r_box .sq2 {
    bottom: 0;
    left: -4.6875vw
}

.sec4 .r_box .img {
    transform: skew(-3deg)
}

.sec4 .r_box .img img {
    display: block;
    width: 100%
}

.sec5 {
    position: relative;
    overflow: hidden;
    display: none
}

.sec5 .title {
    color: #171717;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    top: 5.72917vw;
    width: 100%;
    text-align: center;
    z-index: 3;
    pointer-events: none
}

.sec5 .title span {
    color: #E60012
}

.sec5 .map {
    width: 100%;
    position: relative
}

.sec5 .map .maps img {
    width: 100%;
    display: none
}

.sec5 .map .maps img.show {
    display: block
}

.sec5 .map img {
    display: block;
    width: 100%
}

.sec5 .map .dians {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sec5 .map .dians .dian {
    position: absolute
}

.sec5 .map .dians .dian .cir {
    width: .83333vw;
    height: .83333vw;
    border-radius: 50%;
    background: #E60012;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.sec5 .map .dians .dian .cir:after,
.sec5 .map .dians .dian .cir:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #E60012;
    opacity: 0.4;
    border-radius: 50%;
    position: absolute;
    animation: 3s scale linear infinite
}

.sec5 .map .dians .dian .cir:before {
    animation-delay: 1.5s
}

.sec5 .map .dians .dian .dian_box {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: max-content;
    opacity: 0;
    pointer-events: none;
    transition: 0.6s;
    z-index: 10
}

.sec5 .map .dians .dian .dian_box .dian_box_content {
    display: flex;
    align-items: center
}

.sec5 .map .dians .dian .dian_box .dian_box_content .line {
    width: 11.66667vw;
    height: .05208vw;
    background: #E60012
}

.sec5 .map .dians .dian .dian_box .dian_box_content .country {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 2.08333vw;
    padding: 0 1.5625vw;
    position: relative;
    color: #000;
    font-weight: 700;
    margin-right: .88542vw
}

.sec5 .map .dians .dian .dian_box .dian_box_content .country:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    transform: skew(-10deg);
    background: rgba(230, 0, 18, 0.2);
    border-left: .52083vw solid #E60012;
    z-index: -1
}

.sec5 .map .dians .dian .dian_box .dian_box_content .address {
    width: 15.625vw;
    padding: 1.04167vw;
    color: #000;
    text-align: center;
    font-weight: 400;
    line-height: 150%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.sec5 .map .dians .dian .dian_box .dian_box_content .address:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    transform: skew(-10deg);
    background: #fff;
    z-index: -1
}

.sec5 .map .dians .dian.on .dian_box {
    opacity: 1
}

.sec5 .map .dians .dian:nth-child(1) {
    top: 21.97917vw;
    left: 19.42708vw
}

.sec5 .map .dians .dian:nth-child(2) {
    top: 17.65625vw;
    left: 23.02083vw
}

.sec5 .map .dians .dian:nth-child(3) {
    top: 21.35417vw;
    left: 23.85417vw
}

.sec5 .map .dians .dian:nth-child(4) {
    top: 27.03125vw;
    left: 32.96875vw
}

.sec5 .map .dians .dian:nth-child(5) {
    top: 27.03125vw;
    left: 42.86458vw
}

.sec5 .map .dians .dian:nth-child(6) {
    top: 29.16667vw;
    left: 49.375vw
}

.sec5 .map .dians .dian:nth-child(7) {
    top: 33.69792vw;
    left: 50.57292vw
}

.sec5 .map .dians .dian:nth-child(8) {
    top: 37.60417vw;
    left: 53.07292vw
}

.sec5 .map .dians .dian:nth-child(9) {
    top: 28.64583vw;
    left: 56.09375vw
}

.sec5 .map .dians .dian:nth-child(10) {
    top: 36.04167vw;
    left: 61.14583vw
}

.sec5 .map .dians .dian:nth-child(11) {
    top: 22.13542vw;
    left: 50.67708vw
}

.sec5 .map .dians .dian:nth-child(12) {
    top: 20.41667vw;
    left: 55.41667vw
}

.sec5 .map .dians .dian:nth-child(13) {
    top: 20.36458vw;
    left: 58.85417vw
}

.sec5 .map .dians .dian:nth-child(14) {
    top: 8.69792vw;
    left: 89.0625vw
}

.sec5 .map .dians .dian:nth-child(14) .dian_box {
    right: 0;
    left: auto
}

.sec5 .map .dians .dian:nth-child(14) .dian_box .dian_box_content {
    flex-direction: row-reverse
}

.sec5 .map .dians .dian:nth-child(14) .dian_box .dian_box_content .country {
    margin: 0 0 0 .88542vw
}

@keyframes scale {
    100% {
        transform: scale(4);
        opacity: 0
    }
}

.sec5_new {
    padding: 4.94792vw 8.33333vw
}

.sec5_new .title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.sec5_new .title .lt .p1 {
    color: #E60012;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5
}

.sec5_new .title .lt .p2 {
    margin-top: .41667vw;
    color: #0A0A0A;
    font-weight: 700;
    text-transform: uppercase
}

.sec5_new .title a {
    display: flex;
    align-items: center;
    gap: .41667vw;
    padding: 0 0 .52083vw;
    border-bottom: .10417vw solid #E60012
}

.sec5_new .title a p {
    color: #0A0A0A;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    transition: 0.6s
}

.sec5_new .title a img {
    display: block;
    width: .72917vw;
    transition: 0.6s;
    filter: brightness(0)
}

.sec5_new .title a:hover p {
    color: #E60012
}

.sec5_new .title a:hover img {
    filter: brightness(1)
}

.sec5_new .tabs {
    display: flex;
    gap: 1.875vw;
    margin: 4.47917vw 0 1.875vw 0
}

.sec5_new .tabs div {
    color: #0A0A0A;
    line-height: 1.5;
    text-transform: uppercase;
    padding: .83333vw 0;
    border-bottom: .20833vw solid transparent;
    cursor: pointer;
    transition: all 600ms
}

.sec5_new .tabs div.on,
.sec5_new .tabs div:hover {
    border-color: #E60012
}

.sec5_new .content .c_b {
    display: none;
    gap: 4.47917vw;
    align-items: center
}

.sec5_new .content .c_b.on {
    display: flex
}

.sec5_new .content .c_b .pic {
    width: 44.21875vw;
    overflow: hidden
}

.sec5_new .content .c_b .pic img {
    width: 100%;
    display: block;
    height: 25.9375vw;
    object-fit: cover;
    transition: 600ms
}

.sec5_new .content .c_b .pic:hover img {
    transform: scale(1.05)
}

.sec5_new .content .c_b .text {
    flex: 1
}

.sec5_new .content .c_b .text .pt {
    color: #0A0A0A;
    font-weight: 500;
    line-height: 1.5;
    text-transform: uppercase;
    margin-bottom: 2.5vw
}

.sec5_new .content .c_b .text .des {
    color: #737373;
    line-height: 1.5
}

.sec6 {
    background: #F3F4F6;
    position: relative;
    padding: 0 0 10.41667vw
}

.sec6 .fix_box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.sec6 .fix_box .fix {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    padding: 10vw 0 0
}

.sec6 .fix_box .fix .title {
    color: #171717;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    text-align: center
}

.sec6 .fix_box .fix .title span {
    color: #E60012
}

.sec6 .grid {
    display: flex;
    justify-content: center;
    gap: 1.5625vw;
    padding: 60vh 0 0
}

.sec6 .grid .grid_row.is-outer {
    margin: 7.65625vw 0 0
}

.sec6 .grid .grid_row.is-center {
    margin: -2.08333vw 0 0
}

.sec6 .grid .item {
    width: 14.47917vw;
    height: 4.375vw;
    border-radius: .83333vw;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 .41667vw 0 rgba(0, 0, 0, 0.1)
}

.sec6 .grid .item img {
    display: block;
    width: 100%;
    border-radius: .83333vw;
}

.sec6 .grid .item:not(:last-child) {
    margin-bottom: 1.71875vw
}

@media screen and (max-width: 768px) {
    .banner {
        margin-top: 60px
    }

    .banner .bg {
        height: 300px
    }

    .common_title .h5 {
        font-size: 24px;
        margin: 6px 0 0
    }

    .sec1 {
        display: block;
        padding: 50px 5vw
    }

    .sec1 .item {
        width: 100%
    }

    .sec1 .item:not(:last-child) {
        margin-bottom: 25px
    }

    .sec1 .item .h5 {
        padding: 0 0 0 12px;
        line-height: 1.2;
        border-left: 2px solid #FFFFFF;
        margin-bottom: 15px
    }

    .sec1 .item .p {
        font-size: 15px
    }

    .sec2 {
        padding: 50px 5vw
    }

    .sec2 .box {
        display: block;
        width: 100%;
        margin: 30px 0 0
    }

    .sec2 .box .l {
        width: 100%
    }

    .sec2 .box .l:after {
        width: 100%;
        height: 44vw;
        top: 4vw;
        left: 2vw;
        bottom: unset;
        right: unset
    }

    .sec2 .box .l .img {
        width: 100%
    }

    .sec2 .box .l .text_box {
        width: 100%;
        position: unset;
        margin: 25px 0 0
    }

    .sec2 .box .l .text_box .h5 {
        color: #000000
    }

    .sec2 .box .l .text_box .p {
        color: #737373;
        margin: 15px 0
    }

    .sec2 .box .l .text_box .num_list .num_item .num {
        font-size: 32px
    }

    .sec2 .box .l .text_box .num_list .num_item .num_item_des {
        font-size: 13px;
        margin: 3px 0 0
    }

    .sec2 .box .r {
        width: 100%;
        margin: 20px 0 0
    }

    .sec3 {
        padding: 50px 5vw
    }

    .sec3 .l_box {
        width: 100%
    }

    .sec3 .l_box .swiper {
        width: 100%;
        margin: 30px 0 0
    }

    .sec3 .l_box .swiper .swiper-slide .img img {
        height: 35vw
    }

    .sec3 .l_box .swiper .swiper-slide .slide_box {
        position: unset;
        margin: 20px 0 0
    }

    .sec3 .l_box .swiper .swiper-slide .slide_box .p {
        color: #000000;
        margin: 6px 0
    }

    .sec3 .l_box .swiper .swiper-slide .slide_box .des {
        display: block !important;
        color: #737373
    }

    .sec3 .r_box {
        display: none
    }

    .sec4 {
        padding: 50px 5vw;
        flex-direction: column-reverse
    }

    .sec4 .r_box {
        width: 86%
    }

    .sec4 .r_box .sq {
        width: 20px
    }

    .sec4 .r_box .sq1 {
        right: -30px
    }

    .sec4 .r_box .sq2 {
        left: -30px
    }

    .sec4 .l_box {
        width: 100%;
        margin: 20px 0 0
    }

    .sec4 .l_box .des_box {
        padding: 20px;
        border-left: 4px solid #E60012
    }

    .sec4 .l_box .des_box img {
        width: 20px
    }

    .sec5 {
        background: #EEEEEE;
        padding: 30px 0
    }

    .sec5 .title {
        font-size: 24px;
        position: unset;
        margin-bottom: 20px
    }

    .sec5 .map .dians .dian .cir {
        width: 4px;
        height: 4px
    }

    .sec5 .map .dians .dian .dian_box {
        display: none
    }

    .sec5 .swiper {
        width: 90%;
        margin: 0 auto;
        display: block !important
    }

    .sec5 .swiper .swiper-slide .country {
        font-weight: 700;
        color: #E60012;
        margin-bottom: 6px
    }

    .sec5 .swiper .swiper-slide .address br {
        display: none
    }

    .sec5_new {
        padding: 30px 5%
    }

    .sec5_new .title {
        flex-direction: column;
        align-items: center;
        gap: 10px
    }

    .sec5_new .title .lt {
        text-align: center
    }

    .sec5_new .title .lt .p1 {
        font-size: 14px
    }

    .sec5_new .title .lt .p2 {
        font-size: 24px
    }

    .sec5_new .title a {
        gap: 6px;
        padding: 0 0 4px
    }

    .sec5_new .title a img {
        width: 14px
    }

    .sec5_new .tabs {
        gap: 10px;
        margin: 30px 0;
        flex-wrap: wrap;
        justify-content: center
    }

    .sec5_new .tabs div {
        padding: 5px 0;
        border-bottom: 2px solid transparent;
        font-size: 16px
    }

    .sec5_new .content .c_b {
        flex-direction: column;
        gap: 20px
    }

    .sec5_new .content .c_b .pic {
        width: 100%
    }

    .sec5_new .content .c_b .pic img {
        height: auto
    }

    .sec5_new .content .c_b .text {
        width: 100%
    }

    .sec5_new .content .c_b .text .pt {
        margin-bottom: 10px;
        text-align: center;
        font-size: 18px
    }

    .sec6 {
        padding: 50px 5vw 60px;
        overflow: hidden
    }

    .sec6 .fix_box {
        position: unset
    }

    .sec6 .fix_box .fix {
        position: unset;
        height: unset;
        padding: 0
    }

    .sec6 .fix_box .fix .title {
        margin: 0;
        font-size: 24px
    }

    .sec6 .grid {
        display: none
    }

    .sec6 .logos {
        display: flex !important;
        margin: 35px 0 0;
        width: max-content;
        animation: img_go 60s infinite linear
    }

    .sec6 .logos .flex {
        display: flex;
        width: max-content
    }

    .sec6 .logos .flex .logo {
        width: 160px;
        border-radius: 10px;
        background: #FFFFFF;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        margin-right: 20px
    }
}

@keyframes img_go {
    100% {
        transform: translateX(-50%)
    }
}

.banner .text {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 8.33333vw;
    bottom: 4.6875vw
}

.banner .text .line {
    clip-path: inset(0 100% 0 0);
    transition: all 2s
}

.banner .text .line img {
    width: 6.97917vw;
    display: block
}

.banner .text .line.animated {
    clip-path: inset(0 0 0 0)
}

.banner .text .pt {
    margin: 1.40625vw 0;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase
}

.banner .text .pt .sp1 {
    background: linear-gradient(90deg, #fff 0%, #A3A3A3 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.banner .text .pt .sp2 {
    color: #E60012
}

.banner .text .des {
    color: #D4D4D4;
    width: 28.85417vw;
    line-height: 1.5;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}