@font-face {
    font-family: "IBMPlexSans";
    src: url('https://jefile.jiagle.com/file_FUR_en/guanwang/IBMPlexSans-Light.ttf') format('truetype');
    font-weight: 300;
}
@font-face {
    font-family: "IBMPlexSans";
    src: url('https://jefile.jiagle.com/file_FUR_en/guanwang/IBMPlexSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: "IBMPlexSans";
    src: url('https://jefile.jiagle.com/file_FUR_en/guanwang/IBMPlexSans-Medium.ttf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: "IBMPlexSans";
    src: url('https://jefile.jiagle.com/file_FUR_en/guanwang/IBMPlexSans-Bold.ttf') format('truetype');
    font-weight: bold;
}
@font-face {
    font-family: "Manrope";
    src: url('https://jefile.jiagle.com/file_FUR_en/guanwang/Manrope-Light.ttf') format('truetype');
    font-weight: 300;
}
@font-face {
    font-family: "Manrope";
    src: url('https://jefile.jiagle.com/file_FUR_en/guanwang/Manrope-Regular.ttf') format('truetype');
}
@font-face {
    font-family: "Manrope";
    src: url('https://jefile.jiagle.com/file_FUR_en/guanwang/Manrope-Medium.ttf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: "Manrope";
    src: url('https://jefile.jiagle.com/file_FUR_en/guanwang/Manrope-Bold.ttf') format('truetype');
    font-weight: bold;
}
@font-face {
    font-family: "newyork";
    src: url('../../../../static/fonts/PlayfairDisplay/PlayfairDisplay-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: "newyork-en";
    src: url('../../../../static/fonts/newyork/newyork.ttf') format('truetype');
}
@font-face {
    font-family: "asimovian";
    src: url('../../../../static/fonts/asimovian/Asimovian-Regular.otf') format('truetype');
}
@font-face {
    font-family: 'Alibaba_PuHuiT';
    src: url('../../../../static/fonts/AlibabaPuHui/Alibaba_PuHuiTi_2.0_55_Regular_55_Regular.ttf') format('truetype'); /* 也可以是其他格式，如 'woff', 'woff2' */
}
@font-face {
    font-family: 'Alibaba_PuHuiT';
    src: url('../../../../static/fonts/AlibabaPuHui/Alibaba_PuHuiTi_2.0_65_Medium_65_Medium.ttf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: 'Alibaba_PuHuiT';
    src: url('../../../../static/fonts/AlibabaPuHui/Alibaba_PuHuiTi_2.0_55_Regular_85_Bold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'Noto_Serif_SC';
    src: url('../../../../static/fonts/Noto_Serif_SC/NotoSerifSC-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Noto_Serif_SC';
    src: url('../../../../static/fonts/Noto_Serif_SC/NotoSerifSC-Medium.ttf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: 'Noto_Serif_SC';
    src: url('../../../../static/fonts/Noto_Serif_SC/NotoSerifSC-Bold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'Open_Sans';
    src: url('../../../../static/fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Open_Sans';
    src: url('../../../../static/fonts/Open_Sans/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
}
@font-face {
    font-family: 'Open_Sans';
    src: url('../../../../static/fonts/Open_Sans/OpenSans-Medium.ttf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: 'Open_Sans';
    src: url('../../../../static/fonts/Open_Sans/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
}
@font-face {
    font-family: 'HarmonyOS_Sans';
    src: url('../../../../static/fonts/HarmonyOS_Sans/HarmonyOS_Sans_Bold.ttf') format('truetype');
    font-weight: bold;
}
@font-face {
    font-family: 'HarmonyOS_Sans';
    src: url('../../../../static/fonts/HarmonyOS_Sans/HarmonyOS_Sans_Medium.ttf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: 'HarmonyOS_Sans';
    src: url('../../../../static/fonts/HarmonyOS_Sans/HarmonyOS_Sans_Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'HarmonyOS_Sans';
    src: url('../../../../static/fonts/HarmonyOS_Sans/HarmonyOS_Sans_Light.ttf') format('truetype');
    font-weight: 300;
}
@font-face {
    font-family: 'ChillDuanSans';
    src: url('../../../../static/fonts/ChillDuanSans/ChillDuanSans_Light.otf') format('opentype');
    font-weight: 300;
}
@font-face {
    font-family: 'ChillDuanSans';
    src: url('../../../../static/fonts/ChillDuanSans/ChillDuanSans_Regular.otf') format('opentype');
}
@font-face {
    font-family: 'ChillDuanSans';
    src: url('../../../../static/fonts/ChillDuanSans/ChillDuanSans_Medium.otf') format('opentype');
    font-weight: 500;
}
@font-face {
    font-family: 'ChillDuanSans';
    src: url('../../../../static/fonts/ChillDuanSans/ChillDuanSans_Bold.otf') format('opentype');
    font-weight: bold;
}
.font-IBMPlexSans{
    font-family: IBMPlexSans;
}
.font-PuhuiT{
    font-family: Alibaba_PuHuiT !important;
}
.font-Manrope{
    font-family: Manrope;
}
.font-newyork{
    font-family: newyork  !important;
}
.font-newyork-en{
    font-family: newyork-en  !important;
}
.font-asimovian{
    font-family: asimovian  !important;
}
.font-Open_Sans{
    font-family: Open_Sans;
}
.font-Noto_Serif_SC{
    font-family: Noto_Serif_SC;
}
.font-HarmonyOS_Sans{
    font-family: HarmonyOS_Sans;
}
.font-ChillDuanSans{
    font-family: ChillDuanSans !important;
}
.limit{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.limit1{--row-num:1;}
.limit2{--row-num:2;}
.limit3{--row-num:3;}
.limit4{--row-num:4;}
.limit5{--row-num:5;}
.limit6{--row-num:6;}
.limit1,.limit2,.limit3,.limit4,.limit5,.limit6{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--row-num);
}
.img-fit-contain{
    object-fit: contain !important;
    height: auto !important;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}
.text-000{
    color: #000;
}
.text-333{
    color: #333;
}
.text-666{
    color: #666;
}
.text-999{
    color: #999;
}
.font-primary{
    color: var(--color-primary);
}
.width-100{
    width: 100% !important;
}
.pc-hide{
    display: none;
}
.display-grid{
    display: grid;
}
.d-flex{
    display: flex;
}
.d-flex-between{
    display: flex;
    justify-content: space-between;
}
.d-flex-center{
    display: flex;
    justify-content: center !important;
}
.d-flex-end{
    display: flex;
    justify-content: flex-end;
}
.d-flex-start{
    display: flex;
    justify-content: flex-start !important;
}
.row-reverse{
    flex-direction: row-reverse;
}
.align-start{
    align-items: flex-start;
}
.align-c{
    align-items: center;
}
.align-end{
    align-items: flex-end;
}
.justify-c{
    justify-content: center;
}
.flex-col{
    flex-direction: column;
}
.flex-wrap{
    flex-wrap: wrap;
}
.row{
    margin-top: 0 !important;
}
.font-light{
    font-weight: 300;
}
.font-regular{
    font-weight: 400 !important;
}
.font-medium{
    font-weight: 500;
}
.font-bold{
    font-weight: bold !important;
}
.fs-59{font-size: 59px;}
.fs-60{font-size: 60px;}
.fs-40{font-size: 40px;}
.fs-42{font-size: 42px;}
.fs-44{font-size: 44px;}
.fs-48{font-size: 48px;}
.fs-32{font-size: 32px;}
.fs-36{font-size: 36px;}
.fs-26{font-size: 26px;}
.fs-24{font-size: 24px;}
.fs-20{font-size: 20px;}
.fs-22{font-size: 22px;}
.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.mb-24{margin-bottom: 24px;}
.mb-46{margin-bottom: 46px;}
.flex-1{
    flex: 1;
}
.width-fit{
    width: fit-content;
}
.an{
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    text-decoration: none;
    border-radius: var(--an-radius);
    border: var(--an-border-width) solid var(--an-color);
    padding: var(--an-padding);
    font-size: var(--an-font-size);
    line-height: var(--an-font-size);
    font-weight: bold;
    color: var(--an-color);
    cursor: pointer;
}
.an:hover{
    color: var(--an-hover-color);
    background: var(--an-color);
}
.an-dark{
    color: var(--an-dark-color);
    border-color: var(--an-dark-color);
}
.an-dark:hover{
    background: var(--an-dark-color);
    color: var(--an-color);
}
.an-fill{
    color: var(--an-hover-color);
    background: var(--an-color);
}
.an-fill:hover{
    background: transparent;
    color: var(--an-color);
}
.an-dark-fill{
    background: var(--an-dark-color);
    color: var(--an-color);
    border-color: var(--an-dark-color);
}
.an-dark-fill:hover{
    background: transparent;
    color: var(--an-dark-color);
}
.sticky-btn{
    padding: 10px 40px;
    border-width: 1px;
    border-style: solid;
    border-color: #000;
    color: #000;
    background-color: #fff;
}
.sticky-btn:hover{
    background: #000;
    color: #fff;
}
.grey-block{
    padding: 0 20px;
    height: 108px;
    line-height: 28px;
    background: #FBFBFB;
    /*height: 100%;*/
    display: flex;
    align-items: center;
    justify-content: center;
}
.grey-block:hover{
    background: #333;
    color:  #FBFBFB;
}
.cursor-pointer{
    cursor: pointer !important;
}
.cursor-default{
    cursor: default !important;
}
.height-100{
    height: 100%;
}
.rotate-180{
    transform: rotate(180deg);
}

.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));
}

.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 32px 32px 0;
}
.half-text-bg.d-flex-end .img-fit-contain{
    object-fit: contain !important;
    height: auto !important;
    border-radius: 32px 0 0 32px ;
}
.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;
    background-color: #fff;
}
.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;
}


.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 ._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.25) 28.37%, rgba(0, 0, 0, 0.5) 100%);
    pointer-events: none;
}
.banner-swiper-pagination{
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
    gap: 12px;
    bottom: 127px !important;
    cursor: pointer;
}
.banner-swiper-pagination .swiper-pagination-bullet{
    width: 24px;
    height: 6px;
    opacity: .4;
    border-radius: 12px;
    background: #fff;
}
.banner-swiper-pagination .swiper-pagination-bullet-active{
    opacity: 1;
}
.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;
}
/*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 ._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;
}
.event-card{
    display: block;
}
.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{
    color: #fff;
}
.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(--section-title-color);
    font-weight: 500;
    font-size: 42px;
    line-height: 48px;
    margin-bottom: 18px;
    font-family: IBMPlexSans;
}
.section-title *{
    font-family: IBMPlexSans;
}
.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: #444444;
    line-height: 22px;
    font-size: 16px;
    margin-bottom: 57px;
}
.list-cont{
    padding: 36px 0;
    border-top: 1px solid #CACACA;
    border-bottom: 1px solid #CACACA;
}
.event-item{
    display: block;
    overflow: hidden;
}
.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 #000;
    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;
}
.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: 600px;
    padding-bottom: 45px;
}
.nav-title{
    font-weight: bold;
    line-height: 80px;
    color: #fff;
    font-size: 76px;
    min-height: 160px;
    height: fit-content;
    font-family: IBMPlexSans;
}
.nav-box .wal{
    height: 100%;
}
.nav-sub-title{
    line-height: 37px;
    color: #fff;
    font-size: 34px;
    font-weight: 300;
    margin-bottom: 18px;
}
ul[data-type="li"] .container{
    padding: 0 !important;
}
.img-hover-scale{
    overflow: hidden;
}
.img-hover-scale img,
.img-hover-scale video{
    transition: all 1s;
}
.img-hover:hover .img-hover-scale img,
.img-hover:hover .img-hover-scale video{
    transform: scale(1.05);
}


.full-video{
    width: 100%;
    display: flex;
    video{
        width:100%;
        height:auto;
        object-fit: contain;
    }
}
.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.watchScroll.on{
        ._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;
        }
    }
}

.topic-desc{
    color: #333333;
    position: relative;
    height: calc(100vh - 130px);
    ._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;
            pre{
                position: absolute;
                font-weight: 500;
                font-size: 24px;
                color: #FFFFFF;
                bottom: 0;
                left: 50%;
                transform-origin: left;
                white-space: pre;
                line-height: 150px;
                animation: scrollUp 16s linear infinite;
                animation-play-state: running;
            }
            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%;
        }
    }
}
@media (max-height: 700px ) {
    @media (min-width: 992px) {
        .topic-desc{
            ._right{
                ._main-img{
                    width: 50%;
                }
            }
        }
    }

}
.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;
        max-width: 100%;
        flex-shrink: 0;
    }
    ._t2{
        font-size: 24px;
        line-height: 31px;
    }
}

@keyframes scrollUp {
    0% {
        transform:rotate(-90deg) translateX(0%);
    }
    100% {
        transform:rotate(-90deg) translateX(-53%);
    }
}

.msh-accordion{
    width: 100vw;
    overflow: hidden;
    height:698px;
    display: flex;
    justify-content: flex-end;
    ._item{
        width: 0;
        flex-shrink: 0;
        display: flex;
        transition: width .8s ease;
        background: var(--msh-baner-color);
        cursor: pointer;
        overflow: hidden;
        position: relative;
        ._html{
            background: var(--msh-baner-color);
            width: 377px;
            color: #fff;
            padding: 0 44px 155px;
            flex-direction: column;
            display: flex;
            justify-content: flex-end;
            position: relative;
            flex-shrink: 0;
            pointer-events: none;
            *{
                opacity: 0;
            }
            ._name{
                transform: rotate(-90deg);
                color: #FFFFFF;
                flex-shrink: 0;
                white-space: nowrap;
                position: absolute;
                font-size: 34px;
                font-weight: 500;
                right: -53px;
                transform-origin: bottom left;
                width: 100%;
            }

            ._t1{
                font-size: 56px;
                line-height: 75px;
                margin-bottom: 8px;
                white-space: nowrap;
            }
            ._t2{
                font-size: 24px;
                line-height: 31px;
                white-space: nowrap;
            }
            ._t3{
                font-size: 16px;
                line-height: 22px;
                display: flex;
                overflow: hidden;
                height: 0px;
                align-items: center;
                transition: height .6s ease;
                transform-origin: bottom;
            }
            .an{
                padding: 16px 59px;
            }
        }
        ._img{
            width: 100%;
            position: relative;
            overflow: hidden;
            img{
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: opacity 1s ease, transform 10s ease;
                pointer-events: none;
                user-select: none;
                opacity: 0;
            }
        }
        ._img::after{
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            left:0;
            top:0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        }
        ._code{
            position: absolute;
            right: 16px;
            bottom: 10px;
            color: #fff;
            font-size: 22px;
            font-family: newyork;
            z-index: 1;
        }
    }
    ._item._prev{
        width:67px;
        ._code{
            opacity: 0;
        }
    }
    ._item._active{
        flex-shrink: unset;
        ._html{
            pointer-events: all;
            *{
                opacity: 1;
            }
            ._name{
                opacity: 0;
            }
            ._t3{
                height: 144px;
            }
        }
        ._img{
            img{
                opacity: 1;
                transform: scale(1.1);
            }
        }
    }
    ._item._next{
        width: 142px;
        transition: width 1s;
        ._html{
            ._name{
                opacity: 1;
            }
        }
    }
    ._item._next:hover{
        width: 377px;
    }
    ._item._two_next{
        width: 110px;
        ._html{
            ._name{
                opacity: 1;
            }
        }
    }
    ._item._three_next{
        width: 67px;
        ._html{
            ._name{
                opacity: 1;
            }
        }
    }

}



.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;
            transition: all 1s;
        }
    }
    ._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;
    }
}
.msh-banner{
    height: calc(100vh - var(--header-height));
    min-height: 742px;
    display: flex;
    width: 100%;
    position: relative;
    *:not(.bg){
        transition: all 1s;
    }
    ._item{
        display: flex;
        position: relative;
        justify-content: flex-end;
        background-color: var(--msh-baner-color);
        width: 210px;
        transition: none;
        ._left{
            transform: scaleX(0);
            width: 0;
            opacity: 0;
            padding: 46px 44px 0 114px;
            height: 100%;
            position: absolute;
            color: #fff;
            overflow: hidden;
            transition: all 1s;
            *{
                position: relative;
                z-index: 2;
            }
            .bg{
                transition: all 10s;
            }
            img:not(.bg){
                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;
                white-space: nowrap;
            }
            ._t2{
                font-weight: bold;
                font-size: 42px;
                text-shadow: 0 4px 4px rgba(0,0,0,0.25);
                line-height: 65px;
                margin-bottom: 29px;
                white-space: nowrap;
            }
            ._t3{
                font-size: 16px;
                text-shadow: 0px 4px 4px rgba(0,0,0,0.25);
                margin-bottom: 84px;
            }
        }
        ._left:after{
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 1;
            background: linear-gradient( 0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
        }
        ._right{
            transform: translateX(0) rotate(180deg);
            width: 210px;
            font-weight: 500;
            color: #FFFFFF;
            flex-shrink: 0;
            right:0;
            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;
                }
            }
            a{
                color: #fff;
            }
        }
    }
    ._item.on{
        flex: 1;
        ._left{
            width: 100%;
            transform: scaleX(1);
            opacity: 1;
            .bg{
                transform: scale(1.1);
            }
        }
        ._right{
            position: absolute;
            right: 100%;
            transform: translateX(100%) rotate(180deg);
            opacity: 0;
        }
    }
    .msh-banner-dot{
        display: none;
    }
}

.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;
    }
}
.green-line{
    width: 80px;
    height: 4px;
    border-radius: 4px;
    background: #52824A;
}
.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%);
            object-fit: cover;
        }
        ._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;
        }
    }

}
.video-list{
    display: flex;
    flex-wrap: wrap;
    gap:64px 0;
    justify-content: space-between;
    margin-top: 60px;
    ._item{
        width: calc(50% - 19px);
        ._main-img{
            aspect-ratio: 593 / 364;
            margin-bottom: 24px;
            img,video{
                width:100%;
                height:100%;
                object-fit: cover;
            }
        }
        ._name{
            font-size: 24px;
            line-height: 31px;
            color: #333333;
        }
    }
}
.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;
        }
    }
}


.hall-part{
    display: grid;
    gap: 100px;
    grid-template-columns: repeat(2, 1fr);
    ._left{
        padding: 48px 60px;
        .hall-box{
            position: relative;
            display: flex;
            .hall-img{
                width: 100%;
                object-fit: contain;
            }
            .hall-item{
                position: absolute;
                width: 42.3%;
                height: 21.4%;
                margin: 0;
                background-size: contain;
                background-repeat: no-repeat;
                cursor: pointer;
                span{
                    display: none;
                    color: #fff;
                    font-weight: bold;
                    font-size: 2vw;
                    transform: scaleX(1.5) rotate(46deg);
                    /*display: block;*/
                    transform-origin: left;
                    width: auto;
                    position: absolute;
                    bottom: 52%;
                    left: 11%;
                }
            }
            .h3{
                top: 6.9%;
                right: 11%;
                background-image: url("https://jimg.jiagle.com/upload/2026/02/28/RkgWqVJkvVZiRIvzU5MN6KnbsY2WM8EloZvRvF0e.png");
            }
            .h3.on{
                  background-image: url("https://jimg.jiagle.com/upload/2026/02/28/dS7oOZXaEgUHppVotxpLXGm6uOEu4g8kyldgSn3U.png");
            }
            .h1{
                top: 25.5%;
                left: 11%;
                background-image: url("https://jimg.jiagle.com/upload/2026/02/28/X4mLMdglQCymg9wdwFNLeKySvKeAVk7CzFIXvNW1.png");
            }
            .h1.on{
                  background-image: url("https://jimg.jiagle.com/upload/2026/02/28/WwTU7CPPbwMZPCwLig7fVHPOfZtSwXVfMe17ubOD.png");
            }
            .h2{
                top: 40.5%;
                right: 10.7%;
                background-image: url("https://jimg.jiagle.com/upload/2026/02/28/OCVi8nwBZOtchyhKr9IU0k9wmxcM1p2WPjIQCHmn.png");
            }
            .h2.on{
                  background-image: url("https://jimg.jiagle.com/upload/2026/02/28/T4peKRP3of5z7AoqIFDstGJfSq2OgD43YjduiDwZ.png");
            }
            .h4{
                right: 11.4%;
                bottom: 4.4%;
                background-image: url("https://jimg.jiagle.com/upload/2026/02/28/9co35Vcbuqs7riMv5HghzqYTC5bpOpueJXw1mQrf.png");
            }
            .h4.on{
                  background-image: url("https://jimg.jiagle.com/upload/2026/02/28/QApSSbBGodtV0uhdYxgmx61JwlLk3VzIraryqct9.png");
            }
        }
    }
    ._right{
        .hall-desc{
            display: none;
        }
        .hall-desc.on{
            display: block;
        }
    }
}

.swiper-img-translate{
    width: 48%;
    margin: 0;
    max-height: 100%;
    height: 100%;
    img{
        width: 100%;
        object-fit: cover;
        transition: all 2s;
        transition-delay: 1s;
    }
    .swiper-slide-active{
        img{
            object-position: right;
        }
    }
}


@media (min-width: 992px) {
    .paint-page{
        width: 100%;
        ._paint-item{
            contain: paint;
            will-change: contain;
            height: 100vh;
            width: 100%;
            position: relative;
            ._paint-inner{
                position: absolute;
                top: -100vh;
                height: 200vh;
                width: 100%;
            }
            ._paint-cont{
                height: 100vh;
                position: sticky;
                top: var(--header-height);
            }
        }
        ._paint-item:first-child{
            ._paint-inner{
                height: 200vh;
                top: 0;
            }
        }
    }
}





@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;
    overflow-x: hidden;
    .container{
        display: flex;
        gap:30px;
        flex-wrap: wrap;
        ._item{
            padding: 40px 25px;
            border: 1px solid transparent;
            border-top-color: #333333;
            background: #fff;
            height: 100%;
            ._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;
    ._cont{
        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;
        }
    }
}
.html-content img,
.html-content video{
    max-width: 100%;
}

@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) {
    :root{
        --padding-height: 64px
    }
    .hall-part{
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
        ._left{
            padding: 30px 36px;
            .hall-box{
                .hall-item{
                    span{
                        font-size: 17px;
                    }
                }
            }
        }
    }
    .font-md-regular{
        font-weight: 400 !important;
    }
    .video-list{
        margin-top: 50px;
        gap: 44px;
        ._item{
            width:100%;
            ._main-img{
                margin-bottom: 8px;
            }
            ._name{
                font-size: 16px;
                line-height: 23px;
                display: block;
            }
        }
    }
    .news-card ._btm-text ._shop-info{
        width: calc(100% - 24px);
    }
    .news-card ._btm-text ._shop-desc{
        width: calc(100% - 24px);
    }
    .msh-accordion{
        height: unset;
        ._item{
            width: 100% !important;
            position: relative;
            opacity: 0;
            display: flex;
            flex-direction: column-reverse;
            transition: none;
            ._html{
                padding: 20px;
                width: 100% !important;
                background: var(--msh-baner-color);
                ._t3{
                    height: auto !important;
                    margin: 20px 0;
                }
            }
            ._img{
                width: 100%;
                overflow: hidden;
                height: 400px;

            }
        }
        ._item._active{
            opacity: 1;
            position: absolute;

        }
    }
    .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;
    }
    .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: 133px;
        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:not(._style1):not(.style2):hover ._btm-text ._shop-info ._shop-t1{
        height: 14px;
    }
    .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: 13px;
    }
    .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 .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: 24px;
        line-height: 31px;
        margin-bottom: 12px;
    }
    .section-desc{
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 36px;
    }
    .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;
    }

    .msh-number{
        .container,
        .container.for-4{
            display: grid;
            grid-gap: 8px;
            grid-template-columns: repeat(auto-fit, minmax(40%, 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: 508px;*/
        height: unset;
        min-height: unset;
        ._item{
            flex-direction: column;
            /*position: absolute;*/
            /*left: 0;*/
            z-index: 0;
            /*width: 100%;*/
            opacity: 1;
            background-color: transparent;

            display: none;
            justify-content: unset;
            ._left{
                height: 350px;
                flex-shrink: 0;
                width: 100%;
                padding: 32px 40px;
                transform: scaleX(1);
                position: relative;
                background-size: cover !important;
                img:not(.bg){
                    width: 81px;
                    margin-bottom: 141px;
                }
                ._t1{
                    font-size: 44px;
                    line-height: 54px;
                }
                ._t2{
                    font-size: 24px;
                    line-height: 31px;
                    margin-bottom: 200px;
                }
            }
            /*._left:after{*/
            /*    display: none;*/
            /*}*/
            ._right{
                position: relative !important;
                opacity: 0;
                width: 100%;
                writing-mode: unset;
                padding: 34px 44px 37px;
                transform: rotate(0deg) !important;
                height: auto;
                ._t1{
                   display: none;
                }
                ._box1{
                    display: block;
                }
            }
        }
        ._item.on{
            /*opacity: 1;*/
            /*z-index: 2;*/
            display: flex;
            ._right{
                opacity: 1;
                right: 0;
            }
        }
        .msh-banner-dot{
            display: flex;
            position: absolute;
            right: 24px;
            bottom: 12px;
            gap: 4px;
            z-index: 2;
            div{
                width: 20px;
                height: 1px;
                background: #fff;
                opacity: .3;
            }
            .on{
                opacity: 1;
            }
        }
    }
    .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;
        }
    }
    .green-line{
        width:60px;
        height: 3px;
        margin-bottom: 20px !important;
    }
    .bg-md-F5F5F5{
        background: #F5F5F5;
    }
    .grey-block{
        font-size: 14px;
        line-height: 21px;
        padding: 20px;
        height: 100px;
    }

    .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;
                }
            }
        }
    }
    .swiper-img-translate{
        width: 100%;
    }
    .over6-limit:not(.more){
        >*:nth-child(n+7):not(.pc-hide){
            display: none !important;
        }
    }
    .topic-desc{
        height:unset;
    }





    /*基础属性*/
    .fs-60 {
        font-size: 26px;
    }
    .fs-59 {
        font-size: 24px;
    }
    .fs-32 {
        font-size: 20px;
    }
    .fs-40 {
        font-size: 24px;
    }

    .fs-26 {
        font-size: 21px;
    }

    .fs-24 {
        font-size: 19px;
    }
    .fs-20 {
        font-size: 14px;
        line-height: 24px;
    }
    .fs-22 {
        font-size: 14px;
    }
    .fs-md-16{
        font-size: 16px !important;
    }
    .fs-md-18{font-size: 18px;}
    .fs-md-19{font-size: 19px;}
    .fs-md-14{
        font-size: 14px;
    }
    .fs-md-24 {
        font-size: 24px;
    }
    .fs-md-32 {font-size: 32px;}
    .fs-md-36 {font-size: 36px;}
    .fs-md-20 {font-size: 20px;}
    .fs-md-22 {font-size: 22px;}
    .fs-md-28 {
        font-size: 28px !important;
    }
    .fs-md-12{
        font-size: 12px;
    }
    .fs-md-11{
        font-size: 11px;
    }
    .font-md-regular{
        font-weight: normal;
    }
    .font-md-bold{
        font-weight: 700;
    }
    .text-md-center{
        text-align: center;
    }
    .text-md-left{
        text-align: left;
    }
    .wap-hide{
        display: none !important;
    }
    .pc-hide{
        display: block;
    }
    .line-height-md-20{
        line-height: 20px !important;
    }
    .direction-md-column-reverse{
        flex-direction: column-reverse;
    }

    .footer-get-btn{
        display: 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;
                pre{
                    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;
    }
    .nav-box{
        height: 240px;
        padding-bottom: 17px;
    }
    .nav-title{
        font-size: 32px;
        min-height: 48px;
        line-height: 32px;
    }
    .nav-sub-title{
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 12px;
    }

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