.hotelex-info1{
    display: flex;
    padding-bottom: 16px;
    border-bottom: 1px solid #1A1A1A4D;
    margin: 32px 0;
    cursor: pointer;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-end;
    text-decoration: none;
    img{
        width: 178px;
        height: 54px;
        object-fit: contain;
        object-position: left;
    }
    ._center{
        width: calc(100% - 244px);
    }
    .el-iconfont{
        width: 26px;
        text-align: center;
        font-size: 24px;
        color: var(--color-primary);
    }
}
.img-load-show{
    width: 100%;
    overflow: hidden;
    img{
        width: 100%;
        object-fit: contain;
        transform: translateY(60%);
        transition: all 1s;
    }
}
.img-load-show.on{
    img{
        transform: translateY(0);
    }
}
.concurrent-exhibitions{
    padding-top: 32px;
    img{
        width: 100%;
        height: 80px;
        object-fit: contain;
        margin-bottom: 28px;
        max-width: 233px;
    }
    div{
        max-width: 233px;
    }
}
.concurrent-exhibitions._border{
    border-right: 1px solid #1a1a1a2b;
}
.category-item{
    padding-bottom: 48px;
    display: block;
    text-decoration: none;
    ._top{
        position: relative;
        width: 100%;
        aspect-ratio: 288 / 278;
        ._main-img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        ._code{
            position: absolute;
            padding: 4px 12px;
            font-size: 11px;
            line-height: 16px;
            color: #FAF7F2;
            font-weight: 500;
            font-family: Montserrat;
            background: #1A1A1AB2;
            top: 16px;
            right: 16px;
            z-index: 1;
            letter-spacing: 1.5px;
        }
        ._desc{
            position: absolute;
            display: flex;
            align-items: center;
            left: 16px;
            bottom: 16px;
            color: #FAF7F280;
            font-size: 11px;
            gap: 12px;
            z-index: 1;
            img{
                width: 44px;
                height: 44px;
            }
        }
    }
    ._top:after{
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(26, 26, 26, 0.55) 100%);
    }
    ._name{
        line-height: 20px;
        height: 40px;
        margin-top: 20px;
    }
}

.organizer-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 20px;
    border-left: 1px solid #1a1a1a1f;
    margin-top: 56px;
    text-decoration: none;
    img{
        height: 100px;
        object-fit: contain;
        margin-bottom: 20px;
        max-width: 100%;
        padding: 0 20px;
    }
    ._name{
        font-size: 16px;
        line-height: 22px;
        height: 44px;
        margin-bottom: 8px;
    }
}
.row .col-12:first-child .organizer-item{
    border-left: none;
}
.industry-item{
    padding: 204px 24px 32px;
    position: relative;
    display: block;
    text-decoration:  none;
    ._cont{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        position: relative;
        z-index: 2;
    }
    ._logo{
        width: 135px;
        height: 135px;
        object-fit: contain;
        border-radius: 50%;
        background: #fff;
        margin-bottom: 40px;
    }
    ._name{
        font-size: 20px;
        margin-bottom: 8px;
        color: #fff;
        line-height: 21px;
        height: 42px;
    }
    .hotelex-desc{
        font-size: 10px;
        margin-bottom: 56px;
    }
    .an{
        width: 100%;
    }
}
.industry-item:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(3px);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.info-card{
    display: flex;
    flex-wrap: wrap;
    ._item{
        padding: 48px 35px 48px 40px;
        display: flex;
        flex-direction: column;
        border-right: 1px solid #EDE8E0;
    }
    ._item:nth-child(n+4){
        border-top: 1px solid #EDE8E0;
    }
    ._item:nth-child(3n){
        border-right: none;
    }
}
.star-card{
    ._item{
        padding: 0 32px;
        border-right: 1px solid #1A1A1A1A;
        display: flex;
        flex-direction: column;
        ._star-line{
            display: flex;
            margin-bottom: 28px;
            gap: 2px;
            i{
                font-size: 14px;
                line-height: 14px;
                color: #C9A86A;
                font-style: unset;
                font-family: "el-iconfont" !important;
            }
            i::before{
                content: "\e64c";
            }
            .on::before{
                content: "\e65f";
            }
        }
        ._t1{
            flex-grow: 1;
            color: #1A1A1ABF;
            line-height: 24px;
            font-style: italic;
            font-size: 15px;
        }
        ._info{
            padding-top: 21px;
            margin-top: 28px;
            border-top: 1px solid #1A1A1A1A;
        }
    }
    ._item:last-child{
        border-right: none;
    }
}
.fhc-star-card.star-card{
    border:1px solid #D4D3D1;
    border-radius: 16px;
    padding: 26px 0;
    ._item{
        border-color: #D4D3D1;
        ._info{
            border-color: #D4D3D1;
        }
        ._star-line{
            i{
                color: #FFC049;
            }
        }
    }
}
.question-item{
    padding: 20px 0 16px;
    border-bottom: 1px solid #1A1A1A1A;
    ._lab{
        display: flex;
        justify-content: space-between;
        gap: 20px;
        font-size: 15px;
        font-weight: 500;
        line-height: 23px;
        cursor: pointer;
        i{
            color: var(--color-primary);
            font-size: 10px;
            font-weight: bold;
        }
    }
    ._cont{
        font-size: 15px;
        line-height: 23px;
        height: 0;
        overflow: hidden;
        opacity: 0;
    }
}
.question-item.on{
    ._lab{
        i{
            transform: rotate(180deg);
        }
    }
    ._cont{
        height: auto;
        margin-top: 20px;
        opacity: 1;
    }
}
.info-card.fhc-info-card{
    border:1px solid #D4D3D1;
    border-radius: 16px;
    ._item{
        padding: 40px;
        border-color: #D4D3D1;
    }
}
.ppkc-question-item{
    box-shadow: 0px 1px 4px 0px #0000000F;
    border-radius: 16px;
    margin-top: 16px;
    background: #fff;
    ._lab{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 24px 24px 24px 32px;
        font-size: 17px;
        line-height: 26px;
        color: #0A0F0D;
        font-weight: 600;
        cursor: pointer;
        i{
            width: 28px;
            height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #F5F7F5;
            border-radius: 50%;
            font-size: 10px;
            color: var(--color-primary);
        }
    }
    ._cont{
        height: 0;
        overflow: hidden;
        opacity: 0;
        font-size: 15px;
        color: #8B8B8B;
        line-height: 26px;
        padding: 0 32px;
        ul{
            padding-left: 18px;
        }
        li{
            list-style: disc;
            padding-top: 16px;
        }
        li::marker{
            color: var(--color-primary);
        }
    }
}
.ppkc-question-item.on{
    ._lab{
        i{
            background: var(--color-primary);
            color: #fff;
            transform: rotate(90deg);
        }
    }
    ._cont{
        height: auto;
        opacity: 1;
        border-top: 1px solid #E8EAE8;
        padding-bottom: 25px;
    }
}

.game-item{
    padding-bottom: 92px;
    display: block;
    text-decoration: none;

    ._main-img{
        position: relative;
        aspect-ratio: 397 / 260;
        margin-bottom: 20px;
        ._img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        ._code{
            display: flex;
            align-items: center;
            position: absolute;
            bottom: 17px;
            left: 17px;
            gap: 14px;
            font-size: 11px;
            color: #FAF7F280;
            z-index: 1;
            img{
                height: 44px;
                object-fit: contain;
                width: auto;
            }
        }
    }
    ._main-img::after{
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(26, 26, 26, 0.58) 100%);
    }
    ._main-img.aspect-ratio-397-320{
        aspect-ratio: 397 / 320;
    }
    ._btm-info{
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
}
.booth-inquiry-box{
    margin: auto;
    border: 1px solid #C9A86A4D;
    background: #FAF7F2;
    padding: 21px 33px;
    display: flex;
    gap: 33px;
    width: max-content;
    img{
        width: 16px;
        height: 16px;
    }
}
.number{
    padding: 0 0 98px;
}
.number-box{
    border-radius: var(--an-radius);
    border: 2px solid #C6AA83;
    padding: 23px 25px;
}
.number-box ._top{
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    color: #444444;
    white-space: nowrap;
}
.number-box ._top ._icon{
    color: #C8AC85;
    font-size: 53px;
    line-height: 53px;
    margin-right: 20px;
    height: 53px;
    object-fit: contain;
}
.number-box ._top div{
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: IBMPlexSans;
}
.number-box ._num-scroll{
    margin-top: 30px;
    height: 67px;
    overflow: hidden;
}
.number-box ._num{
    color: #444444;
    font-size: 50px;
    font-weight: 500;
    line-height: 67px;
    transition: all 1.5s ease-in-out;
    font-family: IBMPlexSans;
}
.number-box ._num *{
    font-family: IBMPlexSans;
}
.number.on .number-box ._num{
    transform: translateY(calc(-100% + 67px));
}
.number-small ._num{
    font-size: 40px;
    line-height: 58px;
}
.number-small .number-box ._num-scroll{
    margin-top: 0;
    height: 58px;
}
.number-small.on .number-box ._num{
    transform: translateY(calc(-100% + 58px));
}
.ppkc-number{
    display: flex;
    justify-content: space-between;
    ._item{
        overflow: hidden;
        /*padding-right: 131px;*/
        ._num-scroll{
            --num-height:60px;
            height: var(--num-height);
            overflow: hidden;
            margin-bottom: 12px;
            ._number{
                line-height: var(--num-height);
                font-size: 60px;
                transform: translateY(0);
                transition: all 2s;
            }
        }
    }
    ._item:nth-child(3n),._item:last-child{
        border-right: none;
        padding-right:0;
    }
    ._item:after{
        content: '';
        display: block;
        width: 32px;
        height: 2px;
        background: #69F6B8;
        margin-top: 12px;
        border-right: 2px;
    }
}

.full-box{
    overflow: hidden;
    position: relative;
}
.full-box .swiper{
    overflow: visible;
    max-width: 100%;
}
.full-text{
    position: relative;
}
._bg,
._bg-cover,
.half-text-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.half-text-bg{
    padding: 30px 0;
    height: 100%;
    display: flex;
}
.half-img{
    height: 100%;
    display: flex;
    align-items: flex-start;
}
.half-img.align-c{
    align-items: center;
}
.half-img.align-end{
    align-items: flex-end;
}
.half-img img{
    height: auto;
    max-height: 100%;
    border-radius: var(--an-radius);
    width: 100%;
}
._bg{
    object-fit: cover;
}
._bg-cover-left{
    background: linear-gradient(90deg, #C6AA83 40%, rgba(133, 133, 133, 0) 100%);
}
._bg-cover-right{
    background: linear-gradient(-90deg, #827769 40%, rgba(133, 133, 133, 0) 100%);
}
.half-text-bg img,
.half-text-bg video{
    max-height: 100%;
    height: 100%;
    width: 48%;
    object-fit: cover;
    border-radius: 0 var(--half-text-radius) var(--half-text-radius) 0;
}
.half-text-bg.d-flex-end .img-fit-contain{
    object-fit: contain !important;
    height: auto !important;
    border-radius: var(--half-text-radius) 0 0 var(--half-text-radius) ;
}
.bg-brown .half-text-bg img,
.bg-brown .half-text-bg video{
    margin: 0;
}
.half-text-bg.half-4 img{
    width: 40%;
}
.half-text-bg.d-flex-end img,
.half-text-bg.d-flex-end video{
    object-position: left;
    border-radius:  var(--half-text-radius) 0 0 var(--half-text-radius);
}
.half-text-bg.d-flex-start img{
    object-position: left;
    border-top-right-radius: var(--half-text-radius);
    border-bottom-right-radius: var(--half-text-radius);
}
.half-text-cont{
    width: 50%;
    position: relative;
    z-index: 1;
    min-height: 100px;
}
.half-text-cont .half-6{
    width: 60%;
}
.half-text-cont .t1{
    color: #000000;
    font-weight: 500;
    font-size: 24px;
    margin-top: 39px;
    line-height: 31px;
}
.half-text-cont .t2{
    color: #666666;
    font-size: 24px;
    line-height: 33px;
    margin-top: 33px;
}
.half-text-cont .t3{
    color: #333333;
    font-size: 24px;
    font-weight: 600;
    line-height: 33px;
}
.dot{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000000;
}
.text-decoration-underline{
    text-decoration: underline;
}



.subscribe-form ._t1{
    font-weight: 500;
    line-height: 44px;
    font-size: 44px;
    background-image: linear-gradient(to right, #1F1F1F, #858585);
    -webkit-background-clip: text;
    color: transparent;
    margin-bottom: 40px;
}
.subscribe-form ._t2{
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 18px;
    color: #1F1F1F;
    line-height: 26px;
}
.subscribe-form ._form{
    gap: 48px;
}
.subscribe-form ._form>div{
    flex: 1;
    width: calc((100% - 161px) / 4 - 48px);
}
.subscribe-form ._form input,
.subscribe-form ._form select{
    width: 100%;
    box-shadow: 0px 0px 10px 0px #0000001A;
    height: 45px;
    padding: 0 24px;
    font-size: 18px;
    border: 1px solid #fff;
    appearance: none;
    outline: none;
    border-radius: var(--normal-radius);
}
.subscribe-form ._form .error input,
.subscribe-form ._form .error select{
    border: 1px solid #E72922;
    background-color: #FFECED;
}
.subscribe-form ._form .error .error-messgae{
    display: none !important;
}
.subscribe-form ._form select{
    background-image: url("https://jimg.jiagle.com/upload/2025/10/29/But8tHKur3szUxpmmtJ0uExsiFJP9Jjzha6i6MfL.png");
    background-size: 14px;
    background-position: calc(100% - 13px) center;
    background-repeat: no-repeat;
}
.subscribe-form ._form input::placeholder{
    color: #757575;
}
.subscribe-form .color-placeholder{
    color: #757575 !important;
}
.subscribe-form ._form .an{
    height:45px;
    width: 161px;
    font-weight: normal;
}
.hsp-number-img{
    width: 48px;
}
.hsp-number-img img{
    aspect-ratio: 1;
}
.hsp-subscribe{
    padding: 48px 56px;
    border: 1px solid #0000001F;
    input{
        width: 100%;
        height: 50px;
        border: 1px solid #EFEBE5;
        padding: 0 16px;
        font-size: 14px;
        background: #F8F6F3;
    }
    input::placeholder{
        color: #AEABA5;
    }
}


.partners-list{
    gap:  52px 36px;
}
.partners-list img{
    height: 35px !important;
}

/*fur banner*/
.banner{
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    .banner-html{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 140px;
        position: relative;
        z-index: 1;
        height: 100vh;
        ._time{
            color: #C9A86A;
            margin-bottom: 24px;
            letter-spacing: 4.2px;
        }
        ._name{
            font-size: 96px;
            line-height: 106px;
            margin-bottom: 70px;
            color: #FAF7F2;
            letter-spacing: -2.4px;
            text-align: center;
        }
        ._btn-line{
            margin-bottom: 80px;
        }
    }

}
.banner ._bg{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}
.banner ._bg-cover{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0.6) 100%);
    pointer-events: none;
}
.banner ._bg-cover._type-radial{
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(0, 0, 0, 0) 30%, rgba(8, 8, 8, 0.7) 100%);
}
.banner-swiper-pagination{
    z-index: 2;
    display: flex;
    justify-content: center;
    gap: 16px;
    cursor: pointer;
    margin: var(--bullet-margin,0);
}
.banner-swiper-pagination .swiper-pagination-bullet{
    width: var(--bullet-width,48px);
    height: var(--bullet-height,3px);
    border-radius: 12px;
    background: #FAF7F273;
    opacity: 1;
}
.banner-swiper-pagination .swiper-pagination-bullet-active{
    background: var(--color-secondary);
}
.banner .wal{
    height: fit-content;
    position: relative;
    z-index: 1;
}
.banner ._t1{
    margin-bottom: 6px;
    font-weight: 300;
    font-size: 30px;
    line-height: 37px;
    vertical-align: middle;
    color: #FFFFFF;
}
.banner ._t2{
    font-family: IBMPlexSans;
    font-weight: bold;
    font-size: 76px;
    line-height: 80px;
    margin-bottom: 24px;
    color: #FFFFFF;
    text-shadow: 0px 4px 12px #00000040;
    text-align: center;
}
.banner ._t3{
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    /*margin-bottom: 143px;*/
    display: none;
    line-height: 16px;
    text-align: center;
}
.banner .wal .an{
    margin: 0 calc(45px / 2);
}
.banner ._banner-info{
    gap: 36px;
    position: absolute;
    bottom: 2vw;
    z-index: 1;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.banner ._banner-info ._item{
    background: #22222273;
    max-width: 537px;
    padding: 16px;
    border-radius: 12px;
    gap: 20px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    white-space: nowrap;
    line-height: 20px;
    flex: 1;
    width: 100%;
}
.banner ._banner-info ._item span{
    font-weight: normal;
    font-size: 16px;
}
.count-down{
    padding: 20px 42px;
    border-top: 1px solid #FFFFFF29;
    background: #FFFFFF0F;
    backdrop-filter: blur(32px);
    border-radius: 16px;
    ._count-name{
        color: #FFFFFFCC;
        font-size: 10px;
        line-height: 15px;
        letter-spacing: 2px;
        margin-bottom: 12px;
    }
    ._item{
        min-width: 31px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3px;
        ._count-num{
            font-size: 24px;
            line-height: 32px;
            color: #69F6B8;
        }
        ._text{
            color: #FFFFFFCC;
            font-size: 9px;
            line-height: 14px;
        }
    }
}
/*fur banner end*/


.news-card{
    width: 100%;
    aspect-ratio: 368 / 572;
    display: flex;
    position: relative;
    overflow: hidden;
    border-radius: var(--normal-radius);
}
.news-card._style1{
    border-top-right-radius: 100px;
}
.news-card ._main-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-card ._btm-text{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    backdrop-filter: blur(3px);
    height: 164px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 95px 25px 25px;
    display: flex;
    align-items: flex-end;
}
.news-card ._btm-text._btm-text-shadow{
    background: linear-gradient(0deg, #000000 0%, rgba(102, 102, 102, 0) 100%);
}
.news-card._style1 ._btm-text{
    padding: 62px 25px 25px;
}
.news-card.style3 ._btm-text{
    backdrop-filter: none;
    transition: none;
}
.news-card ._btm-text ._t1{
    font-size: 34px;
    font-weight: 500;
    color: #fff;
    line-height: 40px;
}
.news-card ._btm-text ._shop-logo{
    border-radius: 50%;
    object-fit: contain;
    background: #fff;
    flex-shrink: 0;
    width: 45px;
    height: 45px;
    margin-right: 12px;
}
.news-card ._btm-text ._shop-info{
    width: calc(100% - 57px);
    color: #fff;
}
.news-card ._btm-text ._shop-info ._shop-t1{
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
}
.news-card ._btm-text ._shop-info ._shop-t2{
    margin-top: 10px;
    font-size: 14px;
    line-height: 14px;
}
.news-card ._btm-text ._shop-desc{
    position: absolute;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    bottom: 0;
    transform: translateY(100%);
    transition: all .6s;
    width: calc(100% - 50px);
}
.news-card.style3 ._btm-text ._shop-desc{
    font-size: 20px;
    transition: opacity .3s ease-in-out;
    opacity: 0;
}
.news-card ._btm-text ._go{
    width: 75px;
    height: 32px;
    border-radius: 11px;
    cursor: pointer;
    text-align: center;
    line-height: 28px;
    position: absolute;
    font-size: 20px;
    background-image: linear-gradient(to right, #C5C5C5, #fff);
    -webkit-background-clip: text;
    color: transparent;
    font-weight: bold;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 109% );
    box-shadow: 1px -1px 1px rgba(255, 255, 255, .7), inset 1px -1px 0px rgba(255, 255, 255, .8);
    transition: all 1s;
}
.news-card .an{
    --an-padding:20px;
    width: calc(100% - var(--an-padding) - var(--an-padding));
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 109%);
}
.news-card:hover .an{
    transform: translate(-50%,calc(0px - var(--an-padding)));
}
.news-card ._btm-text ._img1{
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 109% );
    position: absolute;
    object-fit: contain;
    height: 135px;
}
.news-card:not(._style1):not(.style2):hover ._btm-text{
    height: 100%;
    padding-bottom: 201px;
    backdrop-filter: blur(6px);
    padding-left: 22px;
    padding-right: 22px;
}
.news-card.style2:hover ._btm-text{
    backdrop-filter: none;
}
.news-card:hover ._shop-desc{
    transform: translateY(-110px);
}
.news-card:hover ._go{
    transform: translate(-50%,-48px );
}
.news-card:not(._style1):not(.style2):hover ._btm-text ._shop-info ._shop-t1{
    --row-num: 2;
    /*height: 48px;*/
}
.news-card:hover ._btm-text ._shop-logo{
    /*margin-bottom: 20px;*/
}
.news-card.style2 ._btm-text{
    padding-bottom: 241px;
    height: 100%;
    backdrop-filter: blur(6px);
}
.news-card.style2 ._shop-desc{
    transform: translateY(-150px);
}
.news-card.style2 ._go{
    transform: translate(-50%,-80px );
}
.news-card.style2 ._img1{
    transform: translate(-50%,-330px );
}
.news-card.style3 .style3-img{
    position: absolute;
    width: 100%;
    top: 53px;
}
.news-card.style3:hover{
    border-top-right-radius: var(--news-card-hover-radius);
}
.news-card.style3:hover ._btm-text{
    backdrop-filter: unset;
    background: unset;
}
.news-card.style3:hover .style3-img{
    opacity: 0;
}
.news-card.style3:hover ._shop-desc{
    transform: translateY(00px);
    height: 100%;
    display: flex;
    align-items: center;
    line-height: 26px;
    width: 100%;
    left: 0;
    padding: 25px;
    border-top-right-radius: 100px;
    opacity: 1;
}
.news-card.style3:hover ._t1{
    display: none;
}
.exhibition-card{
    width: 408px;
    height: 490px;
    position: relative;
    border-radius:16px;
    overflow: hidden;
    ._main-img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    ._name{
        position: absolute;
        width: calc(100% - 48px);
        left: 24px;
        bottom: 24px;
        font-size: 24px;
        line-height: 28px;
        display: flex;
        flex-direction: column;
        z-index: 1;
        font-weight: 600;
        color: #fff;
    }
    ._name:after{
        content: '';
        width: 100%;
        height: 2px;
        display: block;
        margin-top: 16px;
        border-radius: 2px;
        background: #69F6B8;
    }
}
.exhibition-card:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(214.84deg, rgba(102, 102, 102, 0) -22.3%, rgba(0, 0, 0, 0.7) 100%);
    position: absolute;
}
.exhibition-card._auto-wh{
    width: 100%;
    height: auto;
    aspect-ratio: 297 / 388;
    ._name{
        width: calc(100% - 32px);
        left: 16px;
        bottom: 16px;
        font-size: 17px;
        line-height: 20px;
    }
    ._name:after{
        margin-top: 11px;
    }
}
.exhibition-swiper-btn{
    display: flex;
    align-items: center;
    border: 1.5px solid #007A51;
    margin: 48px auto 0;
    border-radius: 8px;
    width: fit-content;
    height: 39px;
    .el-iconfont{
        padding: 0 16px;
        line-height: 15px;
        cursor: pointer;
        color: #007A51;
        font-size: 20px;
    }
    .el-iconfont.swiper-button-disabled{
        color: #005438;
    }
    .el-iconfont:first-child{
        border-right: 1px solid #8B8B8B;
    }
}
.img-scroll-box{
    display: flex;
    height: 100%;
    gap: 20px;
    overflow: hidden;
    position: relative;
    min-height: 300px;
    --duration:10s;
    .dual-columns{
        display: flex;
        width: 100%;
        height: 100%;
        gap: 20px;
        position: absolute;
        .img-scroll-line{
            flex: 1;
            height: 100%;
            overflow-y: hidden;
            position: relative;
            .scroll-down-container,
            .scroll-up-container{
                display: flex;
                flex-direction: column;
                will-change: transform;
                gap: 27px;
                width: 100%;
                animation-timing-function: linear;
                animation-iteration-count: infinite;
                animation-duration: var(--duration);
                /*animation-direction: alternate;*/
                img{
                    width: 100%;
                    object-fit: contain;
                    border-radius: 14px;
                }
            }
            .scroll-down-container {
                animation-name: imgScrollDown;
            }
            /* 右侧列 (向上滚动) 的滚动内容容器 */
            .scroll-up-container {
                animation-name: imgScrollUp;
            }
        }

        .img-scroll-line::-webkit-scrollbar {
            display: none;
        }
        /*.img-scroll-line:hover .scroll-down-container,*/
        /*.img-scroll-line:hover .scroll-up-container {*/
        /*    animation-play-state: paused;*/
        /*}*/
    }
}
@keyframes imgScrollDown {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50%);
    }
}
/* 自定义向上滚动动画 */
@keyframes imgScrollUp {
    0% {
        transform: translateY(-50%);
    }
    100% {
        transform: translateY(0);
    }
}
.ppkc-info{
    ._item{
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 30px 0;
        gap: 57px;
        color: #0A0F0D;
        transition: padding ,background .8s;
        border-bottom: 1px solid rgb(228, 230, 228);
        text-decoration: none;
        ._main-img{
            height: 29px;
            object-fit: contain;
            width: 96px;
            object-position: left;
        }
        ._main-img._img2{
            display: none;
        }
        ._name{
            font-size: 32px;
            width: 350px;
            line-height: 36px;
        }
        ._desc{
            font-size: 20px;
            flex: 1;
        }
        .el-iconfont{
            color: #007A51;
            font-size: 40px;
            line-height: 24px;
        }
    }
    ._item:hover{
        padding: 30px 24px;
        color: #fff;
        background: #007A51;
        div{
            color: #fff;
        }
        ._main-img._img1{
            display: none;
        }
        ._main-img._img2{
            display: block;
        }
        .el-iconfont{
            color: #fff;
        }
    }
}
.ppkc-title{
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-end;
}
.ppkc-logos{
    display: flex;
    ._item{
        display: flex;
        width: 25%;
        justify-content: space-between;
        img{
            max-height: 50px;
            width: 100%;
            object-fit: contain;
            object-position: center;
            padding: 0 40px;
        }
        img:hover{
            transform: scale(1.1);
        }
    }
    ._item:after{
        content: '';
        width: 1px;
        height: 53px;
        background: #8B8B8B;
        display: block;
        flex-shrink: 0;
    }
    ._item:nth-child(4n - 3){
        img{
            object-position: left;
            padding: 0;
        }
    }
    ._item:nth-child(4n){
        img{
            object-position: right;
            padding: 0;
        }
    }
    ._item:last-child:after,
    ._item:nth-child(4n):after{
        display: none;
    }
}
.event-card{
    display: block;
}
.ppkc-media-logos{
    border-radius: 12px;
    overflow: hidden;
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)) ;
    background: rgb(228, 230, 228);
    border: 1px solid rgb(237, 237, 237);
    grid-gap: 1px;
    a{
        display: flex;
        overflow: hidden;
        flex: 1;
        background: #fff;
        padding: 23px;
        height: 92px;
        img{
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
    }
    a:hover{
        background: #f5f5f5;
    }
}
.event-card ._main-img{
    border-radius: var(--an-radius);
    object-fit: cover;
    width: 100%;
    aspect-ratio: 390 / 220;
    margin-bottom: 45px;
}
.event-card ._t1{
    font-size: 25px;
    font-weight: 500;
    color: #444444;
    line-height: 30px;
    height: 30px;
}
.event-card ._t2{
    margin-top: 27px;
    color: #444444;
    line-height: 23px;
    font-weight: 300;
    font-size: 16px;
    height: 46px;
}
.img-star-cont{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 37px;
    height: 490px;
}
.img-star-box{
    position: relative;
    width: 451px;
    height: 294px;
}
.img-star-box img{
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 15px 23px 12px 2px #0000000A;
    border-radius: 21px;
    object-fit: cover;
    position: absolute;
    width: 451px;
    height: 294px;
    transition: all 1s;
}
.img-star-box .main-img{
    z-index: 2;
}
.img-star-cont.on ._img1{
    width: 236px;
    height: 157px;
    transform: translate(-100%, 0);
    top: 58px;
    left: -53px;
}
.img-star-cont.on ._img2{
    width: 159px;
    height: 106px;
    transform: translate(0, 0);
    left: calc(100% + 154px);
    top: 87px;
}
.img-star-cont.on ._img3{
    width: 152px;
    height: 102px;
    transform: translate(-100%, 0);
    top: -64px;
    left: -19px;
}
.img-star-cont.on ._img4{
    width: 203px;
    height: 135px;
    transform: translate(0, 0);
    left: calc(100% + 19px);
    top: 215px;
}
.img-star-cont.on ._img5{
    width: 159px;
    height: 106px;
    transform: translate(-100%, 0);
    top: 233px;
    left: -35px;
}
.img-star-cont.on ._img6{
    width: 233px;
    height: 155px;
    transform: translate(0, 0);
    left: calc(100% + 50px);
    top: -91px;
}
.img-star-cont.on ._img7{
    width: 146px;
    height: 98px;
    transform: translate(-100%, 0);
    top: -49px;
    left: -222px;
}
.desc{
    padding: 0 0 82px;
    text-indent: 0;
}
.desc .info{
    padding: 37px 0 0;
    max-width: 725px;
}
.desc .info ._t1{
    font-size: 64px;
    line-height: 64px;
    margin-bottom: 21px;
    color: #444444;
}
.desc .info ._t2{
    color: #444444;
    font-size: 17px;
}
.full-swiper{
    overflow: hidden;
}
.full-swiper .swiper-slide{
    position: relative;
}
.full-swiper .swiper-slide ._main-img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    object-fit: cover;
}
.full-swiper .swiper-slide ._main-img._img2{
    display: none;
}
/*.full-swiper .swiper-slide:after{*/
/*    content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    left: 0;*/
/*    top:0;*/
/*    background: linear-gradient(90deg, #827769 12.98%, rgba(133, 133, 133, 0) 100%);*/
/*}*/
.full-swiper .wal{
    height: 630px;
    position: relative;
    z-index: 1;
    opacity: 0;
    transition: all 3s;
}
.full-swiper .swiper-slide-active .wal{
    opacity: 1;
}
.full-swiper .wal ._t1{
    font-size: 67px;
    line-height: 67px;
    font-weight: bold;
    color: #fff;
    max-width: 620px;
}
.full-swiper .wal ._t2{
    margin-top: 54px;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
}
.full-swiper-btn{
    display: flex;
    align-items: center;
    bottom: 37px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 20px;
    gap: 20px;
    position: absolute;
    z-index: 1;
    box-shadow: 1px -1px 1px rgba(255,255,255, .7), inset 1px -1px 0px rgba(255, 255, 255, .8);
    backdrop-filter: blur(3px);
    white-space: nowrap;
}
.full-swiper-btn.p-right{
    left: 100%;
    transform: translateX(-101%);
}
.full-swiper-btn:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    border-radius: var(--an-radius);
    opacity: 0.3;
    z-index: -1;
    filter: blur(1px) drop-shadow(2px 4px 2px #000) brightness(128%);
}
.full-swiper-btn .el-iconfont{
    font-weight: bold;
    background-image: linear-gradient(to right, #C5C5C5, #fff);
    -webkit-background-clip: text;
    color: transparent;
    cursor: pointer;
    font-size: 22px;
}
.full-swiper-btn .fraction{
    font-size: 14px;
    font-weight: 300;
    color: #FFFFFF;
}
.full-swiper-btn.dark{
    border: 1px solid #444444;
}
.full-swiper-btn.dark:after{
    display: none;
}
.full-swiper-btn.dark .el-iconfont{
    background-image: linear-gradient(to right, #777777, #444);
}
.full-swiper-btn.dark .fraction{
    color: #444;
}
.full-swiper .swiper-button-lock,
.full-swiper .swiper-pagination-lock{
    display: unset;
}

.section-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--base-color);
    font-weight: var(--section-title-weight);
    font-size: var(--section-title-size);
    line-height: var(--section-title-line-height);
    margin-bottom: var(--section-title-mb);
    font-family: var(--section-title-family);
}
.section-title *{
    font-family: var(--section-title-family);
}
.section-title ._more{
    color: #1F1F1F;
    font-size: 24px;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
}
.section-title ._more i{
    margin-right: 8px;
    font-size: 20px;
}
.section-desc{
    color: #404040;
    line-height: 26px;
    font-size: 16px;
    padding: 0 20%;
    margin-bottom: 24px;
}
.list-cont{
    padding: 36px 0;
    border-top: 1px solid #CACACA;
    border-bottom: 1px solid #CACACA;
}
.event-item{
    display: block;
    overflow: hidden;
    text-decoration: unset;
}
.event-item ._main-img{
    aspect-ratio: 606 / 405;
}
.event-item ._main-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.event-item ._info{
    padding: 28px 0 16px;
    color: #444;
}
.event-item ._info ._t1{
    line-height: 32px;
    height: 32px;
    font-weight: 500;
    margin-bottom: 16px;
}
.event-item ._info ._t2{
    margin-top: 16px;
    color: #444;
    font-weight: 300;
}

.exhi-item{
    display: block;
    overflow: hidden;
    cursor: pointer;
}
.exhi-item ._main-img{
    aspect-ratio: 1;
    position: relative;
    width: 100%;
    border-radius: var(--an-radius);
    border: 1px solid #eee;
    overflow: hidden;
}
.exhi-item ._main-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.exhi-item ._main-img ._tag{
    position: absolute;
    top: 0;
    left: 0;
    width: 76px;
    height: 36px;
    background-image: url("https://jimg.jiagle.com/upload/2025/10/30/8SuJGad8gxVpLHhYaFDj7UqvX18r0FgKsaf14SMo.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}
.exhi-item ._info{
    padding: 10px 0;
    font-weight: bold;
}
.exhi-item ._t1{
    color: #000000;
    line-height: 26px;
    height: 52px;
    margin-bottom: 12px;
    font-weight: bold;
}
.exhi-item ._t2{
    margin-top: 6px;
    color: #000000;
    line-height: 26px;
}
/*间距*/
.p-b {
    padding-bottom: var(--padding-height);
}
.p-t {
    padding-top: var(--padding-height);
}

.swiper-split-3-padding{
    padding-bottom: 160px;
}
.swiper-split-2{
    padding-bottom: 94px;
}
.swiper-split-2.swiper{
    overflow: visible;
}
.btm-btns{
    margin-top: 40px;
    flex-wrap: wrap;
    gap: 10px;
}
.el-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    text-decoration: none;
    border-radius: var(--an-radius);
    border: 2px solid #fff;
    padding: 18px 16px;
    font-size: 20px;
    line-height: 20px;
    font-family: Manrope;
    font-weight: bold;
    color: #fff;
    min-width: 206px;
    cursor: pointer;
    overflow: hidden;
    background: #000;
}
.btm-btns .el-btn{

}
.el-btn .el-icon-xia1{
    font-size: 25px;
    margin-left: 8px;
    color: #FFFFFF;
}
.el-btn .el-icon-a-jiantouyou-cop{
    font-size: 14px;
    margin-left: 8px;
    color: #FFFFFF;
}
.el-btn:hover{
    color: #444444;
    background-color: transparent;
    border-color: #000;
}
.el-btn-radius{
    border-radius: 40px;
}
.btm-btns a.el-btn-outline{
    border: 1px solid var( --color-primary);
    color: var( --color-primary);
    background: transparent;
}
.btm-btns a.el-btn-outline .el-iconfont{
    color: var( --color-primary);
}
.btm-btns a.el-btn-outline:hover{
    color: #fff;
    background-color: var(--color-primary);
}
.btm-btns a.el-btn-outline:hover *{
    color: #fff;
}
.btm-btns a.el-btn-white{
    background: transparent;
    color: #444444;
    border-color: #000;
}
.btm-btns a.el-btn-white .el-iconfont{
    color: #444444;
}
.btm-btns a.el-btn-white:hover{
    background: #000;
    color: #fff;
}
.bg-cover{
    position: relative;
}
.bg-cover>*{
    z-index: 3;
    position: relative;
}
.bg-cover:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    /*background: var(--color-bg);*/
    pointer-events: none;
    z-index: 2;
}
.bg-cover .bg,
.bg{
    width: 100%;
    height: 100%;
    position: absolute !important;
    left: 0;
    top: 0;
    object-fit: cover;
    z-index: 1 !important;
    pointer-events: none;
}
.background-cover{
    background-size: cover !important;
}
.crumbs{
    text-align: center;
    padding: 20px 0;
    background-color: #F9F9F9;
}
.crumbs-title{
    font-size: 42px;
    line-height: 45px;
    font-weight: bold;
    text-align: left;
    margin-top: 20px;
}
.crumbs-routes{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    color: #2F1C1A;
}
.crumbs-routes a{
    color: initial;
}
.crumbs-routes a i{
    font-size: 10px;
    margin: 0 8px 0 1px;
}
.crumbs-routes div{
    font-weight: bold;
}
.radius-0{
    border-radius: 0 !important;
}
.half-desc-box{
    min-height: 550px;
}

.nav-box{
    height: 558px;
    padding-top: 96px;
}
.nav-title{
   font-size: 64px;
    line-height: 80px;
    color: #FAF7F2;
    text-align: center;
}
.nav-box .container{
    height: 100%;
    position: relative;
    z-index: 3;
}
.nav-sub-title{
    font-size: 14px;
    margin-bottom: 24px;
    line-height: 20px;
    letter-spacing: 4.2px;
    color: var(--color-secondary);
    text-align: center;
}
ul[data-type="li"] .container{
    padding: 0 !important;
}
.img-hover-scale{
    overflow: hidden;
}
.img-hover-scale img{
    transition: all 1s;
}
.img-hover:hover .img-hover-scale img{
    transform: scale(1.05);
}


.full-video{
    width: 100%;
    display: flex;
    video{
        width:100%;
        height:auto;
        object-fit: contain;
    }
}


.hotelex-desc{
    color: var(--color-secondary);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 3.6px;
    margin-bottom: 16px;
}
.ppkc-desc{
    color: var(--color-primary);
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 2.2px;
    line-height: 15px;
    text-transform: uppercase;
    span{
        color: #0A0F0D38;
        font-weight: 700;
    }
}

.fhc-desc{
    color: var(--color-secondary);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 3.6px;
    padding: 8px 16px;
    width: fit-content;
    border-radius: 40px;
    border: 1px solid var(--color-secondary);
    font-family: stack_sans_headline;
}
.fhc-desc._w{
    color: #fff;
    border-color: #fff;
}
.msh-number{
    .container{
        display: grid;
        grid-gap: 16px 15px;
        grid-template-columns: repeat(3,1fr);
        ._item{
            height: 180px;
            background: #FFFFFF;
            padding: 34px 56px 0;
            position: relative;
            overflow: hidden;
            ._t1{
                font-size: 64px;
                color: #000000;
                line-height: 78px;
                margin-bottom: 5px;
            }
            ._t2{
                font-weight: 500;
                font-size: 16px;
                color: #333333;
                line-height: 21px;
            }
        }
        ._item:after,
        ._item:before{
            content: '';
            background: #000;
            position: absolute;
            transition: all 2s;
            opacity: 0;
        }
        ._item:nth-child(1):after,._item:nth-child(3):after,._item:nth-child(5):before,._item:nth-child(5):after{
            width: 1px;
            height: 0;
        }
        ._item:nth-child(2):before,._item:nth-child(2):after,._item:nth-child(4):after,._item:nth-child(6):after{
            height: 1px;
            width: 0;
        }
        ._item:nth-child(1):after{right: 0;bottom:0;}
        ._item:nth-child(3):after{left: 0;bottom:0;}
        ._item:nth-child(5):before{left: 0;top:0;}
        ._item:nth-child(5):after{right: 0;top:0;}

        ._item:nth-child(2):before{bottom: 0; left: 0;}
        ._item:nth-child(2):after{bottom: 0; right: 0;}
        ._item:nth-child(4):after{top: 0;right: 0;}
        ._item:nth-child(6):after{top: 0; left: 0;}

    }
    .container:hover{
        ._item:nth-child(1):after,._item:nth-child(3):after,._item:nth-child(5):before,._item:nth-child(5):after{
            height: 100%;
            opacity: 1;
        }
        ._item:nth-child(2):before,._item:nth-child(2):after,._item:nth-child(4):after,._item:nth-child(6):after{
            width: 100%;
            opacity: 1;
        }
    }
    .container.for-4{
        grid-template-columns: repeat(4,1fr);
        ._item{
            padding: 48px 33px 0;
            ._t1{
                font-size: 48px;
                line-height: 48px;
                margin-bottom: 16px;
            }
            ._t2{
                font-size: 14px;
            }
        }
        ._item:before,._item:after{
            display: none !important;
        }
    }
}
._number-line{
    display: flex;
    ._item{
        display: flex;
        flex-direction: column;
        border-right: 1px solid #E5E0D8;
        align-items: center;
        flex: 1 1 23%;
        padding: 16px 0;
        img{
            height: 52px;
            margin-bottom: 16px;
        }
        ._num-scroll{
            --num-height:48px;
            height: var(--num-height);
            overflow: hidden;
            ._number{
                line-height: var(--num-height);
                font-size: 48px;
                transform: translateY(0);
                transition: all 2s;
                text-align: center;
                white-space: nowrap;
            }
        }
        ._info{
            color: #404040;
            font-size: 13px;
            letter-spacing: 1.5px;
            margin-top: 13px;
            text-align: center;
        }
    }
    ._item:last-child{
        border-right: none;
    }

}
._number-line.on{
    ._item{
        ._num-scroll{
            ._number{
                transform: translateY(calc(-100% + var(--num-height)));
            }
        }
    }

}
._number-line._type2{
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
    ._item{
        flex: 1 1 30%;
        background: #FAF7F2;
        padding: 40px;
        border: none;
        img{
            height: 64px;
            margin-bottom: 24px;
        }
        ._num-scroll {
            --num-height: 60px;
            ._number{
                font-size: 40px;
                color: #8B1C1C;
            }
        }
        ._info{
            font-size: 16px;
            letter-spacing: 1px;
            color: #1A1A1A;
            margin-bottom: 12px;
        }
    }
}
.scroll-img-line{
    max-width: 48%;
    padding: 0 21px;
    ._item{
        width: 218px;
        flex-shrink: 0;
        img{
            width: 100%;
            object-fit: cover;
            aspect-ratio: 218 / 289;
            height: auto;
            border: 1px solid #fff;
        }
    }
    ._scroll-btn{
        position: absolute;
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        cursor: pointer;
        justify-content: center;
        background: #C9A86A;
        top: 124px;
        z-index: 1;
        .el-iconfont{
            color: #fff;
            font-size: 24px;
        }
    }
    ._scroll-btn:before{
        display: none;
    }
    ._scroll-btn.el-icon-xia1-copy{
        transform: rotate(180deg);
        left: -21px;
    }
    ._scroll-btn.el-icon-xia1{
        right: 0;
    }
    ._scroll-btn:hover{
        background: #956E26;
    }
}
.scroll-img-line._full-line{
    max-width: 100%;
    ._item{
        width: 369px;
    }
    ._scroll-btn{
        top: 220px;
    }
}
.topic-desc{
    color: #333333;
    position: relative;
    ._left{
        display: flex;
        z-index: 2;
        overflow: hidden;
        position: absolute;
        top: 0;
        height: 100%;
        width: 40%;
        left: 0;
        img{
            width:calc(100% - 150px);
            height: 100%;
            object-fit: cover;
        }
        ._text{
            width: 150px;
            background: #356189;
            position: relative;
            flex-shrink: 0;
            div{
                position: absolute;
                font-weight: 500;
                font-size: 24px;
                color: #FFFFFF;
                top: 0;
                left: 50%;
                transform-origin: left;
                white-space: nowrap;
                line-height: 150px;
                animation: scrollUp 10s linear infinite;
            }
            div:hover{
                animation-play-state: paused;
            }
        }
    }
    ._right-container{
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }
    ._right{
        width: calc(53%);
        padding-top: 104px;
        ._main-img{
            aspect-ratio: 670 / 377;
            height: auto;
            object-fit: cover;
            width: 100%;
        }
    }
}
.channels-line{
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    ._item{
        width: calc((100% - 96px) / 4);
        background: #fff;
        padding: 32px 42px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        ._icon{
            width: 96px;
            height: 96px;
        }
    }
}
.msh-event-item,
.msh-event-item-sp{
    display: flex;
    flex-direction: column;
    padding-bottom: 60px;
    ._main-img{
        aspect-ratio: 596 / 348;
        width: 100%;
        overflow: hidden;
        position: relative;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        ._tag{
            position: absolute;
            top: 16px;
            left: 16px;
            background: #000000;
            color: #fff;
            font-size: 12px;
            font-weight: 700;
            padding: 3px 12px;
            line-height: 17px;
        }
    }
    ._t1{
        font-size: 24px;
        color: #000000;
        line-height: 30px;
        margin: 14px 0 24px;
        height: 30px;
    }
    ._split{
        margin-bottom: 24px;
        width: 32px;
        height: 1px;
        background: #D9D9D9;
    }
    ._t2{
        font-size: 16px;
        color: #333333;
        line-height: 22px;
    }
}
.msh-event-item-sp{
    ._t1{
        font-size: 22px;
        color: #333333;
        margin: 24px 0 28px;
        border-bottom: 1px solid #333;
        width: fit-content;
        flex-shrink: 0;
    }
    ._t2{
        font-size: 24px;
        line-height: 31px;
    }
}
.gallery-menu{
    display: flex;
    gap: 12px;
    justify-content: center;
    div{
        flex-shrink: 0;
        white-space: nowrap;
        padding: 13px 33px;
        line-height: 20px;
        font-size: 13px;
        cursor: pointer;
        text-decoration: unset;
        letter-spacing: 1.4px;
        border: 1px solid #1A1A1A33
    }
    .on{
        color: #FAF7F2;
        border-color: var(--color-primary);
        background: var(--color-primary);
    }
}
.gallery-menu::-webkit-scrollbar{
    display: none;
}
.gallery-item{
    text-decoration: unset;
    display: flex;
    flex-direction: column;
    border: 1px solid #1A1A1A1F;
    height: 100%;
    ._main-img{
        aspect-ratio: 398 / 334;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    ._info{
        padding: 17px;
    }
}
.travel-menu-item{
    display: flex;
    font-size: 13px;
    font-weight: 500;
    gap: 8px;
    align-items: center;
    height: 46px;
    padding: 0 16px;
    cursor: pointer;
    color: #0A0F0D;
    border: 1px solid #0000001F;
    border-radius: 46px;
    .el-iconfont{
        font-size: 20px;
        color: var(--color-primary);
    }
}
.travel-menu-item.on{
    border-color: var(--color-primary);
    background: var(--color-primary);
    color: #fff;
    .el-iconfont{
        color: #fff;
    }
}
.travel-menu-content{
    display: none;
    .travel-icon{
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        background: var(--bg-primary);
        border-radius: 14px;
        margin-right: 12px;
        color: var(--color-primary);
    }
}
.travel-menu-content.on{
    display: block;
}
.ppkc-table{
    border: 1px solid #00000012;
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
    display: table;
    ._tr{
        display: table-row;
        ._td{
            display: table-cell;
            padding: 15px 20px;
            vertical-align: middle;
            border-bottom: 1px solid #00000012;
            ._tag{
                color: #007A51;
                font-size: 12px;
                font-weight: 500;
                background: #007A511A;
                line-height: 22px;
                border-radius: 22px;
                padding: 0 8px;
                width: fit-content;
            }
        }
    }
    ._tr:last-child{
        ._td{
            border-bottom: none;
        }
    }
    ._head{
        background: #F5F7F5;
        height: 45px;
        ._td{
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 1.5px;
        }
    }
}


@keyframes scrollUp {
    0% {
        transform:rotate(-90deg) translateX(0%);
    }
    100% {
        transform:rotate(-90deg) translateX(-50%);
    }
}
.detail-content{
    max-width: 100%;
    img{
        object-fit: contain;
        height: auto;
        margin: 10px 0;
    }
    p{
        margin: 10px 0;
    }
    *{
        max-width: 100%;
    }
}
.msh-news-item{
    display: flex;
    aspect-ratio: 494 / 308;
    width: 988px;
    max-width: 80vw;
    cursor: pointer;
    ._left{
        width: 50%;
        height: 100%;
        overflow: hidden;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    ._left:hover img{
        transform: scale(1.1);
    }
    ._right{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #FBFBFB;
        width: 50%;
        padding: 60px;
        gap: 45px;
        ._t1{
            font-weight: 500;
            font-size: 24px;
            color: #333;
            line-height: 31px;
            width: 100%;
        }
        ._t2{
            font-size: 16px;
            color: #333;
            line-height: 20px;
            width: 100%;
        }
    }
    ._right:hover{
        padding-top: 44px;
    }
}

.loop-swiper{
    .swiper-slide{
        width: fit-content;
    }
    .full-swiper-btn{
        position: relative;
        width: fit-content;
        bottom: unset;
        margin-top: 56px;
    }
}
.hsp-navigation{
        width: 64px;
        height: 64px;
        border: 1px solid var(--color-primary);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 32px;
        color:  var(--color-primary);
}
.hsp-category-list{
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(4,1fr);
    .hsp-category{
        position: relative;
        aspect-ratio: 1;
        width: 100%;
        overflow: hidden;
        ._img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        ._text{
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 59.62%, rgba(0, 0, 0, 0) 100%);
            padding: 15px;
            color: #fff;
            display: flex;
            align-items: flex-end;
        }
    }
}
.hsp-category-list:not(.swiper-slide-active){
    opacity: 0 !important;
}
.hsp-category-list._page{
    grid-gap: 2px;
    .hsp-category{
        display: block !important;
    }
}
.hsp-exhibition{
    display: flex;
    flex-direction: column;
    border: 1px solid #0000001A;
    width: 100%;
    cursor: pointer;
    ._main-img{
        aspect-ratio: 294 / 176;
        width: 100%;
        overflow: hidden;
    }
    ._other{
        padding: 24px;
    }
}
.hsp-exhibition:hover{
    border-color: var(--color-primary);
    ._main-img{
        img{
            transform: scale(1.2);
        }
    }
}
.hsp-show{
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    aspect-ratio: 20 / 21;
    ._other{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 48px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 0%, rgba(120, 120, 120, 0.65) 100%);
        ._icon{
            width: 50px;
            height: 50px;
            margin-bottom: 16px;
            border-radius: 50%;
        }
        ._name{
            font-size: 40px;
            line-height: 40px;
            height: 85px;
            color: #fff;
            margin-bottom: 24px;
            letter-spacing: -1px;
        }
    }
}
.hsp-exhibitor{
    position: relative;
    overflow: hidden;
    width: 333px;
    height: 517px;
    display: block;
    ._img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    ._about-shop{
        position: absolute;
        display: flex;
        padding: 14px 17px;
        gap: 16px;
        align-items: center;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 2;
        color: #fff;
        ._logo{
            width: 40px;
            height: 40px;
            background: #fff;
            border-radius: 50%;
            padding: 2px;
        }
    }
    ._l{
        height: 2px;
        background: #F8F6F3;
        width: calc(100% - 40px);
        position: absolute;
        left: 20px;
        bottom: 14px;
    }
    ._other{
        width: 100%;
        height: 100%;
        pointer-events: none;
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(360deg, rgba(67, 67, 67, 0.95) 0%, rgba(33, 31, 32, 0.95) 100%);
        display: flex;
        flex-direction: column;
        gap: 36px;
        padding: 14px;
        justify-content: flex-end;
        ._btn{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            height: 44px;
            border: 1px solid #fff;
            letter-spacing: 1px;
        }
        ._btn:hover{
            background: var(--color-primary);
            border-color: var(--color-primary);

        }
    }
}
.hsp-exhibitor:hover{
    ._l{
        opacity: 0;
    }
    ._other{
        opacity: 1;
        pointer-events: all;
    }
}
.hsp-info{
    background-color: #EFEBE533;
    background-image: url("https://zimg.jiagle.com/gw_upload/2026/07/09/WvHnBRgld9Ga3e4RIeaN8lgqqIWMU3YoruKmHd2n.png");
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 36px 34px;
    padding: 58px 36px 34px 44px;
    font-size: 15px;
    color: #5A5A5A;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    ._l{
        height: 1px;
        margin: 32px 0 24px;
        background: #EFEBE5;
    }
}
.hsp-forum{
    ._main-img{
        position: relative;
        aspect-ratio: 592 / 240;
    }
    ._other{
        justify-content: space-between;
    }
}
.msh-banner{
    height: calc(100vh - 130px);
    min-height: 742px;
    display: flex;
    width: 100%;
    *{
        transition: all 1s;
    }
    ._item{
        display: flex;
        position: relative;
        justify-content: flex-end;
        background-color: var(--msh-baner-color);
        ._left{
            transform: scaleX(0);
            width: 0;
            opacity: 0;
            padding: 46px 44px 0 114px;
            height: 100%;
            position: absolute;
            background-size:auto 100% ;
            color: #fff;
            background-position: center;
            transition: background 10s;
            *{
                position: relative;
                z-index: 1;
            }
            img{
                width: 174px;
                margin-bottom: 127px;
            }
            ._t1{
                font-size: 96px;
                text-shadow: 0px 4px 4px rgba(0,0,0,0.25);
                line-height: 117px;
                margin-bottom: 12px;
            }
            ._t2{
                font-weight: bold;
                font-size: 42px;
                text-shadow: 0px 4px 4px rgba(0,0,0,0.25);
                line-height: 65px;
                margin-bottom: 29px;
            }
            ._t3{
                font-size: 16px;
                text-shadow: 0px 4px 4px rgba(0,0,0,0.25);
                margin-bottom: 84px;
                max-width: 500px;
            }
        }
        ._left:after{
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: linear-gradient( 0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
        }
        ._right{
            background-color: var(--msh-baner-color);
            width: 210px;
            font-weight: 500;
            color: #FFFFFF;
            flex-shrink: 0;
            transform: rotate(180deg);
            height: 100%;
            ._t1{
                line-height: 210px;
                font-size: 34px;
                transform: rotate(90deg);
                white-space: nowrap;
                padding-left: 173px;
            }
            ._box1{
                display: none;
                .__t1{
                    font-size: 24px;
                    line-height: 28px;
                    margin-bottom: 20px;
                }
            }
        }
    }
    ._item.on{
        flex: 1;
        background-color: transparent;
        ._left{
            width: 100%;
            transform: scaleX(1);
            opacity: 1;
            background-size:auto 110% ;

        }
        ._right{
            position: absolute;
            right: 0;
            opacity: 0;
        }
    }
}

.guider-title{
    height: 718px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
    z-index: 2;
    .d-flex{
        align-items: flex-end;
    }
    ._t1{
        font-size: 225px;
        line-height: 225px;
    }
    ._t2{
        font-size: 60px;
        line-height: 110px;
    }
}
.block-line{
    width: 60px;
    height: 3px;
    border-radius: 3px;
    background: #C9A86A;
}
.user-card-line{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 83px  30px;
    ._item{
        display: flex;
        flex-direction: column;
        width: calc((100% - 63px) / 3);
        overflow: hidden;
        .img-hover-scale{
            width: 100%;
            aspect-ratio: 39 / 52;
            margin-bottom: 24px;
        }
        ._main-img{
            width: 100%;
            height: 100%;
            filter: grayscale(100%);
        }
        ._name{
            padding-top: 20px;
            width:100%;
            border-top: 1px solid #E7E5E4;
            color: #333333;
            margin-bottom: 10px;
            font-weight: 700;
            font-size: 20px;
            line-height: 21px;
        }
        ._t1{
            margin-bottom: 24px;
            color: #666666;
            font-size: 16px;
            line-height: 21px;
        }
        ._t2{
            font-size: 20px;
            color: #333333;
            line-height: 26px;
        }
    }
    ._item:hover{
        ._main-img{
            filter: grayscale(0%);
        }
        ._name{
            border-color: #333;
        }
    }

}

.exhibition-zones{
    margin-top: 40px;
    ._item:first-child{
        border-top: 1px solid #162B60;
    }
    ._item{
        border-bottom: 1px solid #162B60;
        ._line1{
            display: flex;
            align-items: center;
            height: 168px;
            ._code{
                width: 208px;
                color: #BFBFBF;
                font-size: 72px;
                line-height: 80px;
                font-weight: 700;
                flex-shrink: 0;
            }
            ._name{
                color: #000000;
                font-size: 36px;
                font-weight: 700;
                flex: 1;
            }
            .el-iconfont{
                width: 32px;
                line-height: 32px;
                text-align: center;
                flex-shrink: 0;
                cursor: pointer;
                font-size: 20px;
            }
        }
        ._line2{
            padding: 0 0  0 208px;
            flex-direction: column;
            display: block;
            background: #FBFBFB;
            height: 0;
            overflow: hidden;
            ._text{
                font-size: 18px;
                color: #162B60;
                font-weight: 700;
                line-height: 30px;
            }
        }
    }
    ._item.on{
        border-color: var(--zones-color);
        ._line1{
            ._code{
                color: var(--zones-color);
            }
            .el-iconfont{
                transform: rotate(45deg);
                font-size: 28px;
            }
        }
        ._line2{
            padding: 48px 0  48px 208px;
            height: auto;
        }
    }
}
@media (min-width: 992px) {
    .exhibition-zones{
        ._item:hover{
            border-color: var(--zones-color);
            ._line1{
                ._code{
                    color: var(--zones-color);
                }
                .el-iconfont{
                    transform: rotate(45deg);
                    font-size: 28px;
                }
            }
            ._line2{
                padding: 48px 0  48px 208px;
                height: auto;
            }
        }
    }
}
.code-info-card{
    margin-top: 64px;
    .container{
        display: flex;
        gap:30px;
        flex-wrap: wrap;
        ._item{
            padding: 40px 25px;
            border: 1px solid transparent;
            border-top-color: #333333;
            background: #fff;
            ._code{
                font-size: 18px;
                color: #666666;
                line-height: 28px;
                height: 28px;
                margin-bottom: 50px;
            }
            ._name{
                line-height: 32px;
                margin-bottom: 18px;
                font-weight: 700;
                color: #333333;
                font-size: 24px;
                height: 32px;
            }
            ._desc{
                color: #333333;
                font-size: 16px;
                line-height: 24px;
            }
        }
        ._item:hover{
            border-color: #333333;
        }
    }
}
.footer-get-btn{
    background: #FBFBFB;
    margin-bottom: 120px;
    .container{
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 188px;
        flex-wrap: wrap;
        img{
            height: 59px;
            width: fit-content;
            object-fit: contain;
            max-width: 100%;
        }
        .an{
            width: 288px;
            height: 60px;
            gap: 12px;
        }
    }
}
.download-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 32px 0;
    text-decoration: none;
    ._img{
        width: calc(100% - 60px);
        height: 250px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        margin-bottom: 47px;
        img{
           max-width: 100%;
            max-height: 100%;
            border: 5px solid #FAF7F2;
            box-shadow: 0px 4px 4px 0px #00000040;
        }
    }
    .limit2{
        height: 40px;
        margin-bottom: 30px;
    }
    .an{
        width: 100%;
        max-width: calc(100% - 50px);
    }
}
.travel-item-line{
    display: flex;
    flex-direction: column;
    align-items: center;
    .travel-item{
        border-bottom: 1px solid #EDE8E0;
        padding: 48px 67px;
        font-size: 16px;
        line-height: 28px;
        max-width: 854px;
        width: 100%;
        ._logo{
            width: 72px;
            height: 72px;
            display: block;
            margin:0 auto 24px;
            padding: 12px;
        }
        ._name{
            font-size: 24px;
            line-height: 34px;
            margin-bottom: 40px;
        }
    }
    .travel-item:last-child{
        border-bottom: none;
        padding-bottom: 0;
    }
}
.agent-box{
    width: 100%;
    max-width: 814px;
    margin: 0 auto;
    background: #FAF7F2;
    border-radius: 4px;
    overflow: hidden;
    ._name{
        padding: 38px 48px;
        line-height: 24px;
        color: #FAF7F2;
        font-size: 24px;
        background: var(--color-primary);
    }
    ._cont{
        padding: 40px 48px;
        ._list{
            border-bottom: 1px solid #EDE8E0;
            margin-bottom: 32px;
            padding-bottom: 27px;
            display: grid;
            grid-gap: 33px 55px;
            grid-template-columns: repeat(2,1fr);
            ._item{
                overflow: hidden;
                position: relative;
                padding-left: 16px;
                border-left: 3px solid #C9A86A;
                display: flex;
                flex-direction: column;
                gap: 5px;
                ._t1{
                    font-size: 11px;
                    color: #A8A8A8;
                    letter-spacing: 2px;
                    line-height: 16px;
                }
                ._t2{
                    font-size: 18px;
                    line-height: 28px;
                }
            }
        }
    }
}
.website-line{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    ._item{
        padding: 32px 31px;
        display: flex;
        flex-direction: column;
        gap: 26px;
        align-items: center;
        background: #FAF7F2;
        border-bottom: 4px solid #8B1C1C;
        width: calc((100% - 64px) / 3) ;
        transform: translateY(100%);
        transition: all .6s;
        ._logo{
            height: 50px;
            object-fit: contain;
        }
    }
}
.website-line.on{
    ._item{
        transform: translateY(0);
    }
    ._item:nth-child(1){

    }
    ._item:nth-child(2){
        transition-delay: .2s;
    }
    ._item:nth-child(3){
        transition-delay: .4s;
    }
}
.hotelex-event-item{
    display: flex;
    flex-direction: column;
    text-decoration: none;
    width: 100%;
    height: 100%;
    ._main-img{
        background-image: url("https://jimg.jiagle.com/upload/2025/11/19/J8YEwMlQWLw18wVb3y7pVZjiWF1ANzt6vXjuPGxn.jpg");
        background-size: cover;
        aspect-ratio: 394 / 400;
        position: relative;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        img{
            padding: 15px 47px;
            width: 100%;
            object-fit: contain;
        }
        ._name{
            position: absolute;
            bottom: 18px;
            left: 24px;
            color: #fff;
            font-size: 26px;
            line-height: 34px;
        }
    }
    ._info{
        background: #fff;
        display: flex;
        flex-direction: column;
        padding: 24px 24px 16px;
        gap: 16px;
        flex-grow: 1;
        ._li{
            display: flex;
            gap:12px;
            color: #404040;
            line-height: 22px;
        }
        ._li:before{
            content: '';
            display: block;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #8B1C1C;
            flex-shrink: 0;
            margin-top: 8px;
        }
    }
}
.ppkc-event{
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
    box-shadow: 0px 1px 4px 0px #0000000A;
    text-decoration: none;
    ._main-img{
        width: 100%;
        aspect-ratio: 397 / 180;
        overflow: hidden;
    }
    ._other{
        padding: 20px;
        ._name{
            line-height: 21px;
            margin-bottom: 16px;
        }
        ._name.limit2{
            height: 42px;
        }
        ._name.limit3{
            height: 63px;
        }
        ._info{
            display: flex;
            gap: 8px;
            color: #0A0F0D8C;
            font-size: 13px;
            align-items: center;
            margin-top: 8px;
            .el-iconfont{
                font-size: 14px;
                color: var(--color-primary);
                font-weight: bold;
            }
            .limit3{
                line-height: 15px;
                height: 45px;
            }
        }
        ._about{
            margin-top: 20px;
            border-top: 1px solid #00000012;
            padding-top: 18px;
            line-height: 18px;
            height: 54px;
            font-size: 12px;
            font-weight: 500;
            color: var(--color-primary);
            span{
                font-weight: normal;
                color: #8B8B8B;
            }
        }
    }
}

.img-wall-swiper{
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #0A0F0DE5;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
    overflow: hidden;
    .swiper{
        max-width: 1094px;
        width: 100%;
    }
    ._close{
        font-weight: bold;
        position: absolute;
        font-size: 18px;
        top: 32px;
        right: 32px;
        color: #fff;
        padding: 7px;
        cursor: pointer;
        line-height: 18px;
    }
    ._change{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 44px;
        height: 44px;
        border-radius: 44px;
        background: #0000004D;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 14px;
        z-index: 1;
    }
    ._change.el-icon-zuo{
        left: 24px;
    }
    ._change.el-icon-you-copy{
        right: 24px;
    }
    ._page-slide{
        font-size: 12px;
        margin-top: 16px;
        color: #FFFFFF80;
        text-align: center;
    }
}
.swiper-lg-row2{
    display: flex;
    gap: 20px;
    width: auto;
}
.fhc-cate-item{
    display: flex;
    position: relative;
    height: 330px;
    width: 247px;
    border-radius: 18px;
    overflow: hidden;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    div{
        position: absolute;
        padding: 16px 17px;
        font-size: 18px;
        line-height: 20px;
        width: 100%;
        left: 0;
        bottom: 0;
        font-weight: 700;
        z-index: 2;
        color: #fff;
    }
}
.fhc-cate-item:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: linear-gradient(0deg, rgba(68, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 50%);
}
.fhc-swiper-btn{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: var(--color-primary);
    font-size: 32px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    z-index: 2;
    font-weight: bold;
}
.fhc-swiper-btn.el-icon-xia1{
    right: -30px;
}
.fhc-swiper-btn.el-icon-xia1-copy{
    left: -30px;
}
.fhc-event{
    width: 512px;
    border-radius: 24px;
    border: 1px solid rgb(139, 139, 139);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    ._top{
        position: relative;
        width: 100%;
        aspect-ratio: 24 / 16;
        border-radius: 16px;
        overflow: hidden;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        ._tag{
            position: absolute;
            font-size: 10px;
            line-height: 16px;
            padding: 8px 16px;
            border-radius: 40px;
            color: #1A1A1A;
            top: 12px;
            left: 12px;
            background: #FFFFFF;
        }
    }
    ._name{
        font-size: 24px;
        line-height: 30px;
        height: 30px;
        color: #1A1A1A;
    }
    ._desc{
        color: #636363;
        font-size: 14px;
        line-height: 22px;
        height: 44px;
    }
}
.fhc-forum{
    position: relative;
    display: flex;
    padding: 32px 0 32px 92px;
    border-bottom: 1px solid #D4D3D1;
    align-items: stretch;
    gap: 40px;
    ._img{
        width: 410px;
        height: 190px;
        object-fit: cover;
        border-radius: 14px;
    }
    ._cont{
        flex: 1;
        ._date{
            position: absolute;
            left: 0;
            top: 32px;
            div:nth-child(1){
                padding: 4px 3px;
                font-size: 12px;
                line-height: 12px;
                color: #636363;
                border-bottom: 1px solid #D4D3D1;
                margin-bottom: 6px;
            }
            div:nth-child(2){
                color: #1A1A1A;
                font-size: 36px;
                line-height: 36px;
                letter-spacing: -1px;
            }
        }
        ._info{
            height: 100%;
            display: flex;
            flex-direction: column;
            ._name{
                font-size: 26px;
                line-height: 32px;
                color: #1A1A1A;
                margin-bottom: 17px;
            }
            ._desc{
                flex: 1;
                font-size: 14px;
                line-height: 22px;
                color: #636363;
            }
            ._link{
                display: flex;
                align-items: center;
                width: 100%;
                border-top: 1px solid #D4D3D1;
                padding-top: 17px;
                gap: 13px;
                color: #D70000;
                font-size: 12px;
                line-height: 19px;
                margin-top: 17px;
            }
        }
    }
}
.fhc-exhi{
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #8B8B8B;
    ._img{
        width: 100%;
        height: 180px;
        border-bottom: 2px solid #990000;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 40px;
        img{
           max-width: 100%;
            max-height: 100%;
            object-fit: cover;
        }
    }
    ._info{
        padding: 20px 40px 24px;
        display: flex;
        text-align: center;
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
}
.hall-info{
    --hall-info-color:#D70000;
    ._name{
        display: flex;
        align-items: center;
        font-size: 10px;
        line-height: 15px;
        padding: 12px 0;
        gap: 14px;
        letter-spacing: 2.5px;
        color: var(--hall-info-color);
        div{
            flex: 1;
            height: 1px;
            background: var(--hall-info-color);
            opacity: .15;
        }
    }
    ._line{
        display: flex;
        padding: 14px 0;
        gap: 20px;
        border-bottom: 1px solid #0000000F;
        ._tag{
            padding: 7px 12px;
            font-size: 11px;
            line-height: 11px;
            background: var(--hall-info-color);
            border-radius: 40px;
            color: #fff;
            height: fit-content;
            min-width: 36px;
            text-align: center;
        }
    }
    ._line:last-child{
        border-bottom: none;
    }
}
.hsp-news{
    display: flex;
    gap: 52px;
    padding-bottom: 32px;
    border-bottom: 1px solid #E5E7EB;
    margin-bottom: 48px;
}
.hsp-news ._date{
    width: 110px;
    flex-shrink: 0;
    text-transform: uppercase;
    letter-spacing: .7px;
}
.hsp-news ._link{
    letter-spacing: .7px;
}
.hsp-news ._name{
    line-height: 37px;
}
.hsp-news ._main-img{
    width: 320px;
    height: 183px;
    flex-shrink: 0;
}

.col-border-right>div{
    border-right: 1px solid #EFEBE5;
}
@media(min-width: 992px){
    .col-border-3>div:nth-child(3n){
        border: none;
    }
}
@media (max-width: 1294px){
    .subscribe-form ._form{
        gap: 14px;
    }
    .banner ._banner-info{
        gap: 34px;
    }
    .banner ._banner-info ._item{
        flex-direction: column;
        gap: 10px;
        max-width: 360px;
    }
    .banner-swiper-pagination{

    }
    .img-star-cont{
        zoom: .6;
        margin-top: 120px;
    }
    .subscribe-form ._form{
        gap: 14px;
    }
}
@media (max-width: 1200px) {
    .msh-number{
        .container{
            ._item{
                ._t1{
                    font-size: 40px;
                }
            }
        }
    }
}
@media (max-width: 992px) {
    .nav-box{
      padding-top: 80px;
    }
    .nav-title{
        font-size: 36px;
        min-height: 48px;
        line-height: 42px;
    }
    .nav-sub-title{
        font-size: 12px;
        letter-spacing: 3.84px;
        margin-bottom: 16px;
        line-height: 18px;
    }

    .footer-get-btn{
        display: none;
    }
    .banner ._bg-cover{
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.75) 100%);
    }
    .hotelex-desc{
        font-size: 8px;
        margin-bottom: 8px;
    }
    .fhc-desc{
        font-size: 10px;
        line-height: 14px;
        padding: 6px 14px;
    }
    .ppkc-media-logos{
        border: none;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        a{
            height: 81px;
        }
    }
    .img-wall-swiper{
        ._close{
            top: 23px;
            right: 24px;
        }
        ._change.el-icon-zuo{
            left: 16px;
        }
        ._change.el-icon-you-copy{
            right: 16px;
        }
    }
    .ppkc-question-item{
        ._lab{
            padding: 24px 16px;
        }
        ._cont{
            padding: 0 16px;
        }
    }
    .hotelex-event-item{
        ._main-img{
            aspect-ratio: 37 / 32;
            img{
                padding: 15px 65px;
            }
            ._name{
                font-size: 20px;
                line-height: 32px;
                bottom: 20px;
                left: 20px;
            }
        }
        ._info{
            padding: 20px;
            gap: 12px;
        }
    }
    .gallery-menu{
        overflow-x: auto;
        justify-content: unset;
        gap: 16px;
        div{
            font-size: 12px;
            line-height: 18px;
            padding: 10px 25px;
        }
    }
    .channels-line{
        gap: 16px;
        ._item{
            width: 100%;
            padding: 24px;
            ._icon{
                width: 72px;
                height: 72px;
            }
        }
    }
    .website-line{
        gap: 16px;
        ._item{
            width: 100%;
            padding: 24px;
            gap: 20px;
        }
    }
    .booth-inquiry-box{
        padding: 16px;
        gap: 10px;
        flex-direction: column;
        width: 100%;
        margin-top: 12px;
    }
    .hsp-navigation{
            width: 50px;
            height: 50px;
            font-size: 17px;
    }
    .hsp-category-list{
        grid-template-columns: repeat(2,1fr);
        grid-gap: 4px;
        .hsp-category{
            ._text{
                padding: 14px 13px;
            }
        }
        .hsp-category:nth-child(n+7){
            display: none;
        }
    }
    .hsp-category-list._page{
        grid-gap: 4px;
    }
    .hsp-exhibition{
        ._main-img{
            aspect-ratio: 368 / 160;
        }
    }
    .hsp-show{
        aspect-ratio: 370 / 255;
        ._other{
            padding: 29px;
            ._icon{
                width: 40px;
                height: 40px;
                margin-bottom: 10px;
            }
            ._name{
                font-size: 24px;
                line-height: 24px;
                height: 24px;
                margin-bottom: 14px;
                --row-num:1;
            }
        }
    }
    .hsp-exhibitor{
        width: 195px;
        height: 300px;
        ._about-shop{
            padding: 8px 11px;
            gap: 9px;
            ._logo{
                width: 24px;
                height: 24px;
            }
            ._name.fs-md-12{
                line-height: 12px;
            }
        }
        ._l{
            height: 1px;
            width: calc(100% - 24px);
            left: 12px;
            bottom: 8px;
        }
        ._other{
            gap: 28px;
            padding: 8px;
            ._desc{
                max-height: 162px;
                overflow: hidden;
                padding: 0 7px;
            }
            ._btn{
                height: 26px;
            }
        }
    }
    .agent-box{
        ._name{
            padding: 24px 20px;
            font-size: 18px;
            line-height: 25px;
        }
        ._cont{
            padding: 28px 20px;
            ._list{
                margin-bottom: 24px;
                grid-template-columns: repeat(1,1fr);
                grid-gap: 24px;
                ._item{
                    ._t3{
                        font-size: 13px;
                    }
                }
            }
        }
    }
    .hsp-news{
       flex-direction: column;
        gap: 16px;
        margin-bottom: 32px;
    }
    .hsp-news ._date{
        width: unset;
    }
    .hsp-news ._name{
        line-height: 30px;
    }
    .hsp-news ._desc{
        --row-num:3;
    }
    .hsp-news ._main-img{
        width: 100%;
        height: auto;
        aspect-ratio: 37 / 20;
    }
    .travel-item-line{
        .travel-item{
            font-size: 14px;
            padding: 40px 0;
            ._logo{
                width: 64px;
                height: 64px;
            }
            ._name{
                font-size: 20px;
                line-height: 28px;
                margin-bottom: 16px;
            }
        }
    }
    .ppkc-table{
        display: flex;
        flex-direction: column;
        gap: 12px;
        border: none;
        ._tr{
            display: block;
            background: #F5F7F5;
            border-radius: 16px;
            padding: 16px 92px 16px 16px;
            position: relative;
            ._td{
                padding: 0;
                border: none;
                display: block;
                ._tag{
                    position: absolute;
                    top: 16px;
                    right: 27px;
                }
            }
        }
        ._head{
            display: none;
        }
    }
    .number{
        padding: 0 0 56px;
    }
    .number-box{
        padding: 15px;
        border-width: 1.22px;
    }
    .number .gap-20{
        gap: 7px;
    }
    .number:not(.number-small) .number-box ._top{
        font-size: 16px;
        line-height: 16px;
    }
    .number:not(.number-small) .number-box ._top ._icon{
        font-size: 33px;
        line-height: 33px;
        height: 33px;
    }
    .number:not(.number-small) .number-box ._num-scroll{
        margin-top: 20px;
        height: 40px;
    }
    .number:not(.number-small) .number-box ._num{
        font-size: 30px;
        line-height: 40px;
    }
    .number:not(.number-small).on .number-box ._num{
        transform: translateY(calc(-100% + 40px));
    }

    .half-text-bg{
        position: relative;
        justify-content: center;
        padding: 0 16px;
    }
    .half-text-bg img, .half-text-bg video{
        max-width: 100%;
        border-radius: var(--an-radius) !important;
    }
    .half-text-bg.d-flex-end img, .half-text-bg.d-flex-end video{

        width: 100%;
    }
    .half-text-cont{
        width: 100%;
    }
    .half-text-bg.half-4 img{
        width: 100%;
    }
    .subscribe-form{
        padding: 64px 0;
    }
    .subscribe-form ._t1{
        font-size: 24px;
        line-height: 31px;
        margin-bottom: 12px;
    }
    .subscribe-form ._t2{
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 36px;
        font-weight: 300;
    }
    .subscribe-form ._form{
        flex-direction: column;
    }
    .subscribe-form ._form>div{
        width: 100%;
    }
    .subscribe-form ._form .an{
        width: 100%;
        margin-top: 24px;
        border-width: 2px;
    }
    .subscribe-form ._form input, .subscribe-form ._form select{
        line-height: 43px;
        font-size: 14px;
    }
    .hsp-number-img{
        width: 36px;
    }
    .hsp-subscribe{
        padding: 40px 32px;
    }
    .partners-list{
        gap: 16px 50px;
    }
    .partners-list img{
        height: 25px !important;
    }
    .banner ._t1{
        font-size: 24px;
    }
    .banner ._t2{
        font-size: 52px;
    }
    .news-card._style1 ._btm-text{
        padding: 62px 16px 14px;
    }
    .news-card ._btm-text ._t1{
        font-size: 17px;
        line-height: 18px;
    }
    .news-card.style3 ._btm-text ._t1{
        font-size: 34px;
        line-height: 44px;
        font-weight: normal;
    }
    .swiper-split-3 .full-swiper-btn.dark{
        display: none;
    }
    .swiper-split-3-padding{
        padding-bottom: 56px;
    }
    .news-card:not(.style3){
        border-radius: var(--normal-radius-wap);
    }
    .news-card._style1,
    .news-card.style3:hover,
    .news-card.style3:hover ._shop-desc{
        border-top-right-radius: 52px;
    }
    .news-card ._btm-text{
        padding: 60px 12px 12px;
        height: 50px;
    }
    .news-card:not(._style1):not(.style2):hover ._btm-text {
        padding-bottom: 140px;
        backdrop-filter: blur(6px);
        padding-left: 12px;
        padding-right: 12px;
    }
    .news-card.style2:hover ._btm-text{
        backdrop-filter: none;
    }
    .news-card.style3:hover ._btm-text{
        backdrop-filter: none !important;
    }
    .news-card ._btm-text ._shop-logo{
        width: 24px;
        height: 24px;
        margin-right: 6px;
    }
    .news-card:not(.style2):not(.style3)  ._btm-text ._shop-info ._shop-t1{
        font-size: 12px;
        line-height: 12px;
    }
    .news-card:hover ._btm-text ._shop-logo{
        margin-bottom: 12px;
    }
    .news-card:hover ._btm-text ._shop-info{
        width: calc(100% - 30px);
        margin-bottom: 12px;
    }
    .news-card:not(._style1):not(.style2):hover ._btm-text ._shop-info ._shop-t1{
        /*height: 24px;*/
    }
    .news-card:not(.style2) ._btm-text ._shop-info ._shop-t2{
        font-size: 10px;
        line-height: 10px;
        margin-top: 5px;
    }
    .news-card:not(.style2):not(.style3) ._btm-text ._shop-desc{
        font-size: 10px;
        line-height: 16px;
        width: calc(100% - 24px);
    }
    .news-card ._btm-text ._go{
        width: 39px;
        height: 17px;
        line-height: 17px;
        border-radius: 5px;
        font-size: 10px;
    }
    .news-card ._btm-text ._go em,
    .news-card ._btm-text ._go i{
        font-size: 10px;
    }
    .news-card:not(.style2):not(.style3):hover ._shop-desc {
        transform: translateY(-71px);
    }
    .news-card:not(.style2):hover ._go {
        transform: translate(-50%, -25px);
    }
    .event-card ._main-img{
        border-radius: 10px;
        margin-bottom: 16px;
    }
    .event-card ._t1{
        font-size: 12px;
        line-height: 14px;
        height: 14px;
    }
    .event-card ._t2 {
        margin-top: 15px;
        line-height: 14px;
        font-size: 10px;
        height: 28px;
    }
    .img-star-cont{
        zoom: .3;
    }
    .full-swiper .wal{
        height: 510px;
    }
    .full-swiper .wal ._t1{
        font-size: 32px;
        line-height: 32px;
    }
    .full-swiper .wal ._t2{
        font-size: 14px;
        margin-top: 24px;
    }
    .full-swiper .swiper-slide:after{
        background: linear-gradient(0deg, #827769 12.98%, rgba(133, 133, 133, 0) 100%);
    }
    .full-swiper .wal{
        padding-bottom: 51px;
        justify-content: flex-end !important;
    }
    .full-swiper-btn{
        zoom: .7;
        bottom: 14px;
    }
    .swiper-split-3{
        /*width: 100vw;*/
    }
    .swiper-split-3 .full-swiper-btn.dark{
        display: none;
    }
    .event-item ._info .fs-20{
        font-size: 12px;
    }
    .event-item ._info{
        padding: 10px 0 33px;
    }
    .event-item ._info ._t2{
        font-size: 12px;
        line-height: 16px;
        margin-top: 8px;
    }
    .section-title{
        font-size: var(--section-title-md-size);
        line-height: var(--section-title-md-line-height);
        margin-bottom: var(--section-title-md-mb);
    }
    .section-desc{
        font-size: 12px;
        line-height: 16px;
        padding: 0;
    }
    .section-title ._more,
    .section-title ._more i{
        font-size: 12px;
    }
    .desc{
        padding-bottom: 40px;
    }
    .desc .info{
        text-align: center;
    }
    .desc .info ._t1{
        line-height: 48px;
        font-size: 32px;
        margin-bottom: 7px;
    }
    .desc .info ._t2{
        font-size: 14px;
        line-height: 22px;
    }
    .full-text.home-dts .half-text-bg img{
        padding-bottom: 46px;
    }
    .half-text-cont .t1,
    .half-text-cont .t2{
        font-size: 16px;
        line-height: 22px;
    }
    .half-text-cont .t3{
        font-size: 16px;
    }
    .home-dts .t1{
        font-size: 20px;
    }
    .event-reMe ._main-img,
    .exhi-item.event-reMe ._main-img{
        aspect-ratio: 370 / 293 !important;
    }

    .ppkc-title{
        flex-direction: column;
        align-items:flex-start;
    }
    .ppkc-number{
        flex-direction: column;
        gap: 27px;
        ._item{
            border-right: none;
            position: relative;
        }
        ._item:after{
            top: 50px;
            position: absolute;
        }
    }
    .exhibition-card{
        width: 250px;
        height: 300px;
        ._name{
            font-size: 20px;
            line-height: 25px;
        }
    }
    .exhibition-card._auto-wh{
        ._name{
            font-size: 14px;
            line-height: 18px;
        }
    }
    .exhibition-swiper-btn{
        display: none;
    }
    .ppkc-info{
        ._item{
            padding: 24px 0;
            ._main-img{
                height: 37px;
            }
            ._name{
                display: none;
            }
            ._desc{
                display: none;
            }
        }
    }
    .ppkc-logos{
        flex-wrap: wrap;
        gap: 24px;
        ._item{
            width: 100%;
            height: 117px;
            display: flex;
            align-items: center;
            padding: 20px 24px;
            border-bottom: 1px solid #0000001A;
            img{
                object-position: left !important;
                padding: 0 !important;
            }
        }
        ._item:last-child{
            border-bottom: none;
        }
        ._item:after{
            display: none;
        }
    }
    .img-scroll-box{
        min-height: 243px;
        position: unset;
        .dual-columns{
            left: 0;
            height: 203px;
            .img-scroll-line{
                .scroll-down-container{
                    flex-direction: row;
                    animation: unset;
                    gap: 8px;
                    padding: 0 17px;
                    width: max-content;
                    img{
                        height: 203px;
                        width: auto;
                    }
                }
            }
            .img-scroll-line:nth-child(2){
                display: none;
            }
        }
    }
    .msh-number{
        .container,
        .container.for-4{
            display: grid;
            grid-gap: 24px;
            grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
            ._item{
                height: 84px;
                padding:16px 2px 0 26px;
                ._t1{
                    font-size: 30px;
                    line-height: 36px;
                    margin-bottom: 0;
                }
                ._t2{
                    font-size: 12px;
                    line-height: 16px;
                }
            }
            ._item:after,
            ._item:before{
                display:none;
            }

        }
    }
    .msh-event-item {
        ._t1{
            font-size: 24px;
            line-height: 30px;
            margin: 8px 0 15px;
        }
        ._split{
            display: none;
            width: 24px;
            height: 2px;
        }
        ._t2{
            font-size: 16px;
            line-height: 22px;
        }
    }
    .msh-event-item-sp {
        ._t1{
            font-size: 12px;
            line-height: 16px;
            height: 16px;
            margin: 16px 0 12px;
        }
        ._t2{
            font-size: 18px;
            line-height: 20px;
        }
    }
    .msh-banner{
        height: 742px;
        ._item{
            flex-direction: column;
            position: absolute;
            left: 0;
            z-index: 0;
            width: 100%;
            opacity: 1;
            background-color: transparent;
            ._left{
                height: 442px;
                transform: scaleX(1);
                position: relative;
                background-size: cover !important;
                *{
                    display: none;
                }
            }
            ._left:after{
                display: none;
            }
            ._right{
                position: relative !important;
                opacity: 1 !important;
                width: 100%;
                transform: none;
                writing-mode: unset;
                padding: 36px 32px 0 44px;
                height: 300px;
                ._t1{
                   display: none;
                }
                ._box1{
                    display: block;
                }
            }
        }
        ._item.on{
            opacity: 1;
            z-index: 2;
        }

    }
    .guider-title{
        height: 320px;
        .d-flex{
            flex-direction: column;
            align-items: center;
        }
        ._t1{
            font-size: 90px;
            line-height: 90px;
        }
        ._t2{
            font-size: 24px;
            line-height: 36px;
            margin-top: 8px;
        }
    }
    .block-line{
        width:40px;
        height: 3px;
    }
    .bg-md-F5F5F5{
        background: #F5F5F5;
    }
    .grey-block{
        font-size: 14px;
        line-height: 21px;
    }

    .user-card-line {
        gap: 48px;
        ._item{
            width:100%;
            ._main-img{
                margin-bottom: 16.6px;
                filter: grayscale(0%);
            }
            ._name{
                font-size: 16px;
                margin-bottom: 7px;
            }
            ._t1{
                font-size: 12px;
                margin-bottom: 16px;
                line-height: 18px;
            }
            ._t2{
                font-size: 14px;
                line-height: 22px;
            }
        }
    }
    .exhibition-zones{
        ._item{
            ._line1{
                height: 114px;
                ._code{
                    width: 68px;
                    line-height: 42px;
                    font-size: 42px;
                }
                ._name{
                    font-size: 22px;
                }
            }
            ._line2{
                padding: 0 20px;
                ._text{
                    font-size: 14px;
                    line-height: 17px;
                }
            }
        }
        ._item.on{
            ._line2 {
                padding: 20px;
                margin-bottom: 30px;
            }
        }
    }
    .code-info-card{
        .container{
            gap: 0;
            ._item{
                padding: 24px 0;
                ._code{
                    font-size: 16px;
                    line-height: 24px;
                    margin-bottom: 16px;
                }
                ._name{
                    font-size: 20px;
                    line-height: 30px;
                    margin-bottom: 14px;
                }
                ._desc{
                    font-size: 14px;
                }
            }
        }
    }
    .banner {
        .banner-html{
            padding-bottom: 33px;
            ._time{
                font-size: 12px;
                letter-spacing: 2px;
            }
            ._name{
                font-size: 42px;
                letter-spacing: -0.9px;
                line-height: 52px;
                margin-bottom: 48px;
            }
            ._btn-line{
                margin-bottom: 48px;
            }

        }
    }
    .count-down{
        padding: 12px 70px;
    }
    ._number-line{
        flex-wrap: wrap;
        ._item{
            flex: unset;
            width: 50%;
            min-height: 146px;
            padding: 20px 8px 10px;
            img{
                height: 32px;
                margin-bottom: 10px;
            }
            ._num-scroll{
                --num-height:35px;
                ._number{
                    font-size: 32px;
                }
            }
            ._info{
                font-size: 10px;
                margin-top: 10px;
            }
        }
        ._item:nth-child(2n){
            border-right: none;
        }
        ._item:nth-child(1),
        ._item:nth-child(2){
            border-bottom: 1px solid #E5E0D8;
        }
    }
    ._number-line._type2{
        gap: 16px;
        ._item{
            padding: 24px;
            border: none;
            flex: 1 1 100%;
            width: 100%;
            img{
                height: 56px;
            }
            ._num-scroll {
                --num-height: 42px;
                ._number{
                    font-size: 28px;
                }
            }
            ._info{
                font-size: 14px;
            }
        }
    }
    .scroll-img-line{
        max-width: 100%;
        padding: 0 16px;
        /*gap: 16px;*/
        ._item{
            width: 128px;
        }
        ._scroll-btn{
            width: 24px;
            height: 24px;
            top: 73px;
            .el-iconfont{
                font-size: 13px;
            }
        }
        ._scroll-btn.el-icon-xia1-copy{
            left: -12px;
        }
        ._scroll-btn.el-icon-xia1{
            right: -12px;
        }
    }
    .scroll-img-line._full-line{
        ._item{
            width: 210px;
        }
        ._scroll-btn{
            top: 131px;
        }
    }
    .hotelex-info1{
        margin: 24px 0;
        padding-bottom: 8px;
        img{
            height: 28px;
            width: 85px;
        }
        ._center{
            width: calc(100% - 142px);
        }
        .el-iconfont{
            width: 17px;
            font-size: 16px;
        }
    }
    .news-card{
        .an{
            --an-padding:12px;
            letter-spacing: 0;
        }
    }
    .concurrent-exhibitions{
        padding: 32px 40px 28px;
        img{
            height: 56px;
            margin-bottom: 20px;
            max-width: 100%;
        }
        div{
            max-width: 100%;
        }
    }
    .concurrent-exhibitions._border{
        border-right: none;
        border-bottom: 1px solid #1a1a1a2b;
    }
    .category-line{
        padding: 0;
    }
    .category-item{
        border: 1px solid #fff;
        padding-bottom: 62px;
        ._top{
            aspect-ratio: 199 / 160;
            ._code{
                top: 14px;
                right: 18px;
                font-size: 9px;
                line-height: 14px;
                padding: 0;
            }
            ._desc{
                left: 12px;
                bottom: 12px;
                font-size: 8px;
                gap: 8px;
                img{
                    width: 32px;
                    height: 32px;
                }
            }
        }
        ._name{
            height: 30px;
            line-height: 15px;
            font-size: 10px;
            margin-top: 12px;
            padding: 0 10px;
        }
    }
    .organizer-item{
        padding-bottom: 24px;
        border-left: none;
        border-bottom: 1px solid #1a1a1a1f;
        img{
            max-width: 180px;
            padding: 0;
            margin-bottom: 12px;
            max-height: 90px;
            height: auto;
        }
        ._name{
            font-size: 12px;
            line-height: 18px;
            height: auto;
            margin-bottom: 5px;
        }
    }
    .row .col-12:nth-child(3) .organizer-item{
        border-bottom: none;
    }
    .info-card{
        ._item{
            padding: 24px 20px;
            border-right:none;
            border-top: 1px solid #EDE8E0;
            border-top: 1px solid #EDE8E0;
        }
        ._item:first-child{
            border-top: none;
        }
    }
    .info-card.fhc-info-card{
        ._item{
            padding: 32px;
        }
    }
    .star-card{
        ._item{
            border-right: none;
            padding: 32px 16px;
            border-bottom: 1px solid #1A1A1A1A;
            ._star-line{
                margin-bottom: 24px;
            }
            ._info{
                margin-top: 24px;
                padding-top: 0;
                border-top: 0;
            }
        }
    }
    .fhc-star-card.star-card{
        padding: 0;
        ._item{
            padding: 32px;
            ._info{
                margin-top: 28px;
                border-top: 1px solid #1A1A1A1A;
                padding-top: 20px;
            }
        }
    }
    .game-item{
        padding-bottom: 20px;
        ._main-img{
            aspect-ratio: 37 / 20;
            margin-bottom: 16px;
            ._code{
                left: 12px;
                bottom: 12px;
                img{
                    height: 36px;
                }
            }
        }
        ._btm-info{
            gap: 8px;
        }
    }
    .download-item{
        ._img{
            width: calc(100% - 16px);
            height: unset;
            img{
                max-height: 250px;
            }
        }
        .an{
            max-width: 100%;
        }
    }
    .swiper-lg-row2{
       flex-direction: column;
        gap: 12px;
    }
    .fhc-cate-item{
        width: 112px;
        height: 150px;
        border-radius: 12px;
        div{
            font-size: 10px;
            line-height: 10px;
            padding: 8px 6px;
        }
    }
    .fhc-event{
        width: 100%;
        padding: 12px;
        gap: 16px;
        ._top{
            aspect-ratio: 346 / 230;
            border-radius: 12px;
            ._tag{
                position: absolute;
                font-size: 8px;
                line-height: 12px;
                padding: 6px 12px;
                top: 9px;
                left: 9px;
            }
        }
        ._name{
            font-size: 20px;
            line-height: 16px;
            height: 20px;
        }
        ._desc{
            font-size: 12px;
            line-height: 16px;
            height: 32px;
        }
        .an{
            height: 44px;
        }
    }
    .fhc-forum{
        padding: 32px 0 23px;
        gap: 24px;
        flex-direction: column;
        ._img{
            width: 100%;
            height: auto;
            aspect-ratio: 370 / 172;
        }
        ._cont{
            display: flex;
            gap: 33px;
            ._date{
                position: unset;
                width: 37px;
                flex-shrink: 0;
                padding-right: 1px;
            }
            ._info{
                ._name{
                    font-size: 20px;
                    line-height: 28px;
                    margin-bottom: 12px;
                }
                ._desc{
                    font-size: 12px;
                    line-height: 16px;
                }
                ._link{
                    padding-top: 8px;
                    border: none;
                }
            }

        }
    }
    .col-border-lg-2>div:nth-child(2n){
        border: none;
    }
}
@media (max-width: 768px){
    .left-md-sticky-top{
        position: sticky;
        top: 57px;
        z-index: 3;
        backdrop-filter: blur(10px);
    }
}
@media (max-width: 744px){
    .banner .wal{
        flex-direction: column;
    }
    .banner ._banner-info ._item{
        padding: 15px ;
    }
    .banner .wal ._btn-line{
        margin-bottom: 185px;
    }
    .banner ._banner-info{
        flex-direction: column;
        align-items: center;
        gap: 25px;
        max-width: 360px;
        /*position: relative;*/
        bottom: unset;
        top: calc(100vh - 185px - 32px);
    }
    .banner ._text-part{
        flex-grow: 1;
        flex-direction: column;
        display: flex;
        justify-content: center;
        padding-top: 70px;
    }
    .banner-swiper-pagination{
        bottom: 15px !important;
    }
    .exhi-item ._main-img ._tag{
        width: 45px;
    }
    .exhi-item ._info{
        padding: 12px 0;
    }
    .exhi-item ._t1{
        font-size: 12px !important;
        line-height: 16px;
        height: 32px;
        margin-bottom: 7px;
    }
    .exhi-item .fs-20{
        font-size: 20px;
    }
    .half-desc-box{
        min-height: 311px;
    }
    .half-desc-box .fs-26{
        font-size: 16px;
        line-height: 16px;
    }
    .half-desc-box .fs-20{
        font-size: 12px;
        line-height: 16px;
    }
    .topic-desc{
        --translateY:calc(-100% - 128px);
        ._left{
            position: relative;
            width: 100%;
            aspect-ratio: 370 / 476;
            margin-top: 64px;
            img{
                width: calc(100% - 93px);
            }
            ._text{
                width: 93px;
                div{
                    line-height: 93px;
                    font-size: 15px;
                }
            }
        }
        ._right{
            padding-top: 44px;
            width: 100%;
        }
    }
    .msh-news-item{
        flex-direction: column;
        ._left{
            width: 100%;
            aspect-ratio: 350 / 436;
            height: auto;
        }
        ._right{
            width: 100%;
            padding: 44px 32px;
            gap: 24px;
            ._t1{
                font-size: 16px;
                line-height: 30px;
                height: 60px;
            }
            ._t2{
                line-height: 26px;
                --row-num: 3;
                height: 78px;
            }
        }
    }
    .loop-swiper {
        .full-swiper-btn{
            display: none;
        }
    }

}
@media (max-width: 600px){
    .banner ._banner-info{
        gap:12px;
        top: calc(100vh - 147px - 32px);
    }
    .banner .wal ._btn-line{
        flex-direction: column;
        margin-bottom: 147px;
    }
    .banner .wal ._btn-line .an{
        margin: 16px auto;
        width: fit-content;
    }
    .banner ._t1{
        font-size: 24px;
        justify-content: center;
    }
    .banner ._t2{
        font-size: 37px;
        line-height: 40px;
        margin-bottom: 6px;
    }
    .banner ._t3{
        display: block;
        margin-bottom: 40px;
    }
    .banner ._banner-info ._item{
        font-size: 19px;
        line-height: 19px;
        gap: 6px;
        padding: 14px;
    }
    .banner ._banner-info ._item span{
        font-size: 15px;
        line-height: 15px;
    }
    .full-swiper .swiper-slide ._main-img._img2{
        display: block;
    }
    .full-swiper .swiper-slide ._main-img._img1{
        display: none;
    }


}
@media (max-width: 576px) {
    .swiper-split-3{
        width: 100vw;
    }
}
@media (min-width: 2048px) {
    .half-text-bg{
        max-width: 2048px;
        left: 50%;
        transform: translateX(-50%);
    }
}