/* 添加字体声明 */
/* ... existing code ... */

@font-face {
    font-family: 'FZLTXHK';
    src: url('/798cube/fonts/SourceHanSansSC-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SourceHanSans-ExtraLight';
    src: url('/798cube/fonts/SourceHanSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SourceHanSans-Light';
    src: url('/798cube/fonts/SourceHanSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SourceHanSans-Regular';
    src: url('/798cube/fonts/SourceHanSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SourceHanSans-Medium';
    src: url('/798cube/fonts/SourceHanSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SourceHanSans-Bold';
    src: url('/798cube/fonts/SourceHanSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SourceHanSans-Heavy';
    src: url('/798cube/fonts/SourceHanSans-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SourceHanSans-Normal';
    src: url('/798cube/fonts/SourceHanSans-Normal.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* ... existing code ... */

/* 应用字体到全局 */
body {
    font-family: 'FZLTXHK', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 24px;
}

/* 确保所有文本元素都使用该字体 */
.model-title,
.model-content-item-title,
.model-content-item-text,
.nav-link,
.footer,
.exhibition-title,
.model-desc,
button,
input,
select,
textarea {
    font-family: 'FZLTXHK', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form { margin: 0; padding: 0; list-style: none; vertical-align: middle; font-weight:normal; }
a:hover {text-decoration: none;}
.input-group-gwbj{}
.btn-gwbj{border:1px solid #ced4da;}
.layui-layer-dialog{font-size: 14px;}
.flex{display: flex;}
.empty-text{color: #e3e2e2;}
.mb-15{margin-bottom: 15px;}
.background-dark{background: #191919;}
.main-content{padding: 20px 25px;}
.main-banner{margin-top: 25px;}
/*Validform对话框*/
#Validform_msg{font-size:14px;width:300px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1)}
#Validform_msg .iframe{position:absolute; left:0; top:-1px; z-index:-1}
#Validform_msg .Validform_title{font-size:20px; padding:10px;text-align:left;color:#fff; position:relative; background-color:#fcc900}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{position:absolute; right:8px; top:6px; color:#fff; text-decoration:none; font-family:Verdana}
#Validform_msg a.Validform_close:hover{color:#fff}
#Validform_msg .Validform_info{padding:10px;border:1px solid #bbb; border-top:none; text-align:left}
.Validform_error{border:1px solid #ff2222;}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{padding-left: 12px;padding-right:12px;}
.row {
    margin-right: -12px;
    margin-left: -12px;
}

.header-nav .nav-link{position: static;text-align: center;white-space: nowrap;padding:0 50px; cursor: pointer;color: #FFFFFF;line-height: 1.5;font-size:16px;}
.header-nav{overflow:hidden; position: relative;}
.bottom-nav{display: flex;width: 100%;}
.bottom-nav .nav-link{flex:1;color: #000000;text-align: center;}
.nav-cont{width: auto;flex-wrap: nowrap;padding:1rem 0;border-bottom: 1px solid #848484;margin: 0 auto;position: relative;}
.header-index{padding:.5rem 1.5rem;border-bottom: 1px solid #000000;overflow: hidden;}
.header-index a{line-height: 30px;color: #000000;padding:0 1rem;font-size: 1.4rem;}
.container-fluid{padding:0 !important;}
.no-padding{padding: 0 !important;}
.no-margin{margin:0 !important;}
.bottom-img{margin-top: 5rem !important;}
.overHide{overflow: hidden;}
.bottom-img .col-sm-6{display: flex;align-items: flex-end;}
.bt-logo{}
.bt-text{font-size: 1rem;text-align: right;margin-bottom: 1rem;}
.bottom-slg{font-weight: 700;text-align: center;padding:.5rem;}
.block{display: block;}

/*导航 头部*/
.nav-inner{position: fixed;top: 0;height:100%;left: 0;right: 0;background: #191919;z-index: 10000;color: #FFFFFF;overflow-y: auto;}
.nav-close{position: absolute;right:1rem;top:1rem;}
.nav-inner-item-title{font-weight: 700;}
.nav-inner-item,.nav-inner-cont-item{font-size: 2.8rem;border-bottom: 1px solid #ffffff;}
.nav-inner-item span,.nav-inner-cont-item span{padding:0 1rem;width: 80%;display: block;}
.nav-inner-cont-item{display: block;overflow: hidden;margin-bottom: -3px;color: #FFFFFF;}
.nav-inner-cont-item:hover{color: #FFFFFF;text-decoration: none;font-style: italic;}
.nav-inner-cont{border-top: 2px solid #e8e7e7;}
.nav-inner-item span>i{float: right;}

/*固定位置*/
.fixed-bottom{position: fixed;width: 100%;bottom: 0;}
.fixed-top{position: fixed;width: 100%;top: 0;}
.has-bottom{padding-bottom:110px;}
.has-top{padding-top:60px;}
.show{display: block;}
.hide{display: none;}
.gwbj-btn{border:1px solid #000000; border-radius: 5px;line-height: 1.5;padding: .2rem 1rem;margin-bottom: 1rem;}
.gwbj-btn:hover{text-decoration: none;}

.model-block{padding:2rem 0;border-bottom: 1px solid #000000;overflow: hidden;}
/* 模块1图片滚动css */
.picScroll{ margin:10px 80px 10px 250px; text-align:center; position: relative; }
.picScroll-text{position: absolute;left: -230px;width: 200px;}
.picScroll .bd ul{ width:100%;  float:left; padding-top:10px;  }
.picScroll .bd li{ width:25%; float:left; text-align:center; padding:1rem 0; }
.picScroll .bd li a{width:100%; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ display: inline-block;text-align: left;font-size: 1.2rem;color: #000000;padding:0 .5rem;}
.picScroll .bd li .imgBg{background-position: center center;margin-bottom: 15px;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;}
.picScroll .bd li img{ width:100%; margin-bottom: 15px;}
.picScroll .bd li .imgBg img{visibility: hidden;}


.picScroll .hd{}
.picScroll .hd ul{ float:right; padding-top:16px;  display: none; }
.picScroll .hd li{ float:left; width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden;
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
}
.picScroll .hd .on{ background:#80BD6D;  }
.picScroll .prev,.picScroll .next{position: absolute;z-index: 10;top: 75px;opacity: 0;transition: opacity .5s ease;}
.picScroll:hover .prev,.picScroll:hover .next{position: absolute;z-index: 10;opacity: .8;}
.picScroll .prev{left: -45px;}
.picScroll .next{right: -45px;}
.picScroll .prevStop{ background-position:-6px -40px; }
.picScroll .nextStop{ background-position:-34px -40px; }
/* 模块2图片滚动css */
.model2{ margin:10px 80px 10px 250px; text-align:center; position: relative; }
.model2-text{position: absolute;left: -230px;}
.model2 .bd ul{ width:100%;  float:left; padding-top:10px;  }
.model2 .bd li{ width:25%; float:left; text-align:center; padding:1rem 0; }
.model2 .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ display: inline-block;text-align: left;font-size: 1.2rem;color: #000000;padding:0 .5rem;}
.model2 .bd li img{ width:100%; margin-bottom: 15px; }

.model2 .hd{}
.model2 .hd ul{ float:right; padding-top:16px;  display: none; }
.model2 .hd li{ float:left; width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden;
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
}
.model2 .hd .on{ background: #80bd6d;  }
.model2 .prev,.model2 .next{position: absolute;z-index: 10;top: 50%;margin-top:-20px;opacity: 0;transition: opacity .5s ease;}
.model2:hover .prev,.model2:hover .next{position: absolute;z-index: 10;top: 50%;margin-top:-20px;opacity: .8;}
.model2 .prev{left: -70px;}
.model2 .next{right: -70px; }
.model2 .prevStop{ background-position:-6px -40px; }
.model2 .nextStop{ background-position:-34px -40px; }
/* 模块3图片滚动css */
.model3{ margin:10px 80px 10px 250px; text-align:center; position: relative; }
.model3-text{position: absolute;left: -230px;}
.model3 .bd ul{ width:100%;  float:left; padding-top:10px;  }
.model3 .bd li{ width:100%; float:left; text-align:center; padding:1rem 0; }
.model3 .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ display: inline-block;text-align: left;font-size: 1.2rem;color: #000000;}
.model3 .bd li img{ width:100%;}

.model3 .hd{}
.model3 .hd ul{ float:right; padding-top:16px;  display: none; }
.model3 .hd li{ float:left; width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden;
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
}
.model3 .hd .on{ background:#80BD6D;  }
.model3 .prev,.model3 .next{position: absolute;z-index: 10;top: 50%;margin-top: -90px;opacity: 0;transition: opacity .5s ease;}
.model3:hover .prev,.model3:hover .next{opacity: .8;}
.model3 .prev{left: -70px;}
.model3 .next{right: -70px; }
.model3 .prevStop{ background-position:-6px -40px; }
.model3 .nextStop{ background-position:-34px -40px; }

.model3-share{padding:.8rem 0; overflow: hidden;opacity: .7;}
.model3-cont{margin: 1rem 0;overflow: hidden;text-align: left;}
.model3-cont a{color: #000000;text-align: left;}
/* 模块4图片滚动css */
.model4{ margin:10px 80px; text-align:center; position: relative; }
.model4-text{position: absolute;left: -230px;}
.model4 .bd ul{ width:100%;  float:left; padding-top:10px;  }
.model4 .bd li{ width:100%; float:left; text-align:center; padding:1rem 0; }
.model4 .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ display: inline-block;text-align: left;font-size: 1.2rem;color: #000000;}
.model4 .bd li img{ width:100%;}

.model4 .hd{}
.model4 .hd ul{ float:right; padding-top:16px;  display: none; }
.model4 .hd li{ float:left; width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden;
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
}
.model4 .hd .on{ background:#80BD6D;  }
.model4 .prev,.model4 .next{position: absolute;z-index: 10;top: 50%;margin-top: -25px;opacity: 0;transition: opacity .5s ease;}
.model4:hover .prev,.model4:hover .next{position: absolute;z-index: 10;top: 50%;margin-top: -25px;opacity: .8;}
.model4 .prev{left: -70px;}
.model4 .next{right: -70px; }
.model4 .prevStop{ background-position:-6px -40px; }
.model4 .nextStop{ background-position:-34px -40px; }

.model4-share{padding:.8rem 80px; overflow: hidden;opacity: .7;}
.model4-cont{margin: 1rem 80px;}
.model4-cont a{color: #000000;display: block;width: 330px;line-height: 1.2;}

.under_line{border-bottom: 1px solid #000000;display: inline-block;}
/*展览*/
.exhibition-title{padding: 10px 0 5px;font-size: 24px;color: #000;font-weight: 700;}
.exhibition-title-sub{padding-bottom: 5px;font-size: 24px;color: #000;font-weight: 700;}
.model-title{padding: 10px 0;font-size: 24px;font-weight: 700; margin-top: 40px; }
.model-title-white{border-bottom: 1px solid #9c9c9c;color: #FFFFFF;}
.model-title-black{border-bottom: 1px solid #b0b0b0;color: #000;}
.model-title a{font-size: 3.2rem;color: #000000;text-decoration: none;}
.model-title-sub{font-weight: 200 !important;}
.exhibition-title-des{padding: 1rem 2rem;border-bottom: 1px solid #000000;}

/*展览详情*/
.model-exhibition{border-bottom: 1px solid #000000;}
.model-exhibition-cont{position: relative;margin:30px 80px 30px 250px;}
.model-exhibition-text{position: absolute;left: -230px;width: 230px;}
.good-share{color: #3e3e3e;padding:.5rem 0;overflow:hidden;}
.good-share a{color: #3e3e3e;}
.exhibition-detail-des{line-height: 1;}
.exhibition-detail-des img{max-width: 100%;}
.exhibition-zhan-des{position: relative;line-height: 1;}
.exhibition-zhan-img{width: 100%;}
.exhibition-zhan-content{margin-top: 50px;}
.exhibition-zhan-content img{max-width: 100%;}

.zhan-item{margin-bottom: 10px;color: #000000;}
.zhan-item:hover{color: #000000;text-decoration: none;}
.zhan-item img{width: 100%;}
.zhan-price{margin-bottom: 10px;margin-top:10px;font-weight: 700;}
.zhan-tip{font-size: 21px;color: #8b8b8b;margin:10px 0;}
/*媒体*/
.media-des{padding:20px 0;}
.model3-cont .gwbj-btn{width: 300px;display: block;font-size: 1rem;}

/*通用模块*/
.md-ty{margin:10px 80px 10px 250px;position: relative;min-height: 100px;}
.media-n{position: absolute;left: -230px;}

/*到访*/
.ext-main{overflow: hidden;}
.ext-title{padding:10px 0;}
.ext-conf>a{font-size: 1rem;line-height: 25px;padding:5px 0 5px 25px;color: #000000;position: relative;}
.ext-conf>a>img{position: absolute;left: 0;top: 6px;}

/*日历*/
.zuopin-cont{width: 100%;}
.zuopin-main{margin-bottom: 25px;font-size: 1rem;position: relative;color: #000000;}
.zuopin-main:hover{text-decoration: none;color: #000000;}
.zuopin-box{padding: 10px;width: 33.3%;float:left;display: inline;}
.zuopin-main img{width: 100%;display: block;margin-bottom: 10px;}
.zuopin-title{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 22px;height: 22px;}
.media-filter{margin-bottom: 30px;}
.zuopin-title span{font-size: 12px;display: inline-block;background: #adb5bd;color: #FFFFFF;padding: 0 5px;border-radius: 5px;}

.zhan-title{margin-bottom: 30px;line-height: 1.5;}
.zhan-back{margin-top: 100px;}
.zhan-back a{color: #000000;}
.zhan-block{line-height: 1.5;}
.model-detail img{max-width: 100%;}
.exhibition-good-info-item{margin: 30px 0 0;line-height: 1.5;}

.good-btns{padding: 0 80px;}
.good-btns a{color: #000000;}
.good-btns a:hover{color: #000000;text-decoration: none;}
.good-btns img{width: 25px;height: 25px;margin-bottom: 4px;}
.buy-table{width: 100%;}
.buy-table th{padding: 10px;}
.buy-table td{padding: 10px;}

/*.yuding-box{position: fixed;top:50%;left: 50%;width: 300px;margin-left: -150px;z-index: 1000;background: #FFFFFF;border:1px solid #000000;padding: 10px;}*/

/*登录*/
.login-main{
    margin: auto;
}
.login-title{padding: 20px;border-bottom: 1px solid #000000;}
.login-form{padding: 20px;font-size: 16px;}
.width-100{width: 100px;}
.width-150{width: 150px;}
.login-sub{padding: 20px 0;font-size: 24px;}

.my-info{position: relative;}
.my-info-change{position: absolute;right: 0;top: 20px;}
.my-info-title{width: 150px;}
.my-events-main{max-width: 300px;}
.my-events-main img{max-width: 100%;}
.vip-card{width: 350px;border-radius: 10px; box-shadow: 0 0 0 #000000;margin-top:7px;}
.fankui-form{max-width: 500px;}

.zhan-filter{margin-bottom: 30px;}

.qr-cont{margin:auto;width: 250px;padding: 20px;border: 1px solid #ced4da;border-radius: 15px;text-align: center;}

.filter-menu{font-size: 20px;}
.filter-menu .dropdown-toggle{border-bottom: 1px solid #000000;}
.filter-cont{padding: 10px 0;}
.filter-item{font-size: 18px;display: block;color: #000000;margin-bottom: 5px;}
.filter-checkbox{position: relative;padding-right: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;margin-bottom: 0;}
.filter-checkbox-ck{position: absolute;right: 0;top: 2px;}

.countdown{display: flex;justify-content: center;}
.countdown-cont{background: #F2F2F2;padding:30px 40px;border-radius: 10px;text-align: center;}
.countdown-title{margin-bottom: 20px;font-size: 30px;}
.countdown-tip{font-size: 22px;margin-bottom: 10px;}
.countdown-time{margin:10px 0;}
.countdown-des{margin-top: 20px;}
.countdown-time-item{font-size: 40px;}
.countdown-time-tag{font-size: 35px;margin: 0 10px;}
.countdown-time-tip{font-size: 18px;}

.zhan-filter-box,.filter-downCont{background: #F2F2F2;border-radius: 8px;padding:10px 0;}
.hr-box{border-bottom: 1px solid #bfbfbf;margin: 10px 0;}
.filter-btn{border:1px solid #000000;background: #FFFFFF; width: 200px;}

.goods-cont{color: #000000;}
.goods-cont:hover{color: #000000;text-decoration: none;}

.email-btn{border-radius: 5px;border:1px solid #000000;padding: 5px 28px;color: #000000;}
.email-btn:hover{text-decoration: none;}

.yd-success{position: fixed;border:1px solid #000000; padding: 10px; width: 440px;top: 50%;left: 50%;margin-left: -220px;background: #FFFFFF;}
.yd-success h4{font-size: 28px;margin-bottom: 10px;}
.yd-success p{font-size: 20px;line-height: 1.2;}
.yd-success .close{position: absolute;right: 5px;top: 5px;}

.zhan-item-img{width: 180px;height: 250px;background-position: center center;margin-bottom: 15px;
    background-color: #d7d7d7;text-align: center;display: flex;justify-content: center;align-items: center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;}
.zhanting-item{width: 180px;margin:10px auto 10px 0;color: #000000;cursor: pointer;}
.zhanting-item:hover{color: #000000;text-decoration: none;}
.mod-exh-title{margin: 5px 0;font-size: 20px;}
.mod-exh-title-sub{margin: 5px 0 10px; color: #7b7b7b;font-size: 20px;}
.mod-exh-cont{line-height: 2;}
.sort_next_page{background: #F2F2F2;text-align: center;padding:10px 0;}
.sort_next_page .btn{
    border: 1px solid #000000;
    background: #FFFFFF;
    width: 200px;
    border-radius: 5px;
}

.model-ctn{overflow: hidden;}

.footer{border-top: 1px solid #848484;margin-top: 50px;padding-bottom: 100px;font-size: 18px;}
.foot-img{margin:50px 0 35px;}
.foot-nav .nav-link{color: #FFFFFF;}
.foot-copyright{color: #FFFFFF; margin: 50px 0;}
.model-content-item{margin-bottom:50px;}
.model-content-item img{width: 100%;margin-bottom:25px;}
.model-content{margin-top:25px;}
.model-content-item-title{font-size: 18px;}
.model-content-item-text{font-size: 16px;}

.zoom-on-hover {
    transition: transform 0.3s ease;
}

.zoom-on-hover:hover {
    transform: scale(1.1);
}
.exhibition-img{margin-top: 20px;}
.model-desc{margin-top: 25px; font-size: 20px;padding-right: 25%;}
.model-desc img{max-width: 100%;}
.project-nav{border-bottom: 1px solid #848484; margin-top:30px;padding-bottom:10px;}
.project-nav .nav-link{padding:10px 50px;}

#menu-toggle, .nav-mobile {
    display: none;
}
@media (max-width: 768px) {
    .model-desc{padding-right: 0;}
    .nav-mobile{margin-top: 20px;}
    .mobile-nav-item{line-height: 2 !important;width: 100%;text-align: left !important;padding-left: 12px !important;}
    .nav.nav-cont {
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        padding-right: 0;
    }

    .menu-item {
        display: none;
    }

    .lang-switch {
        display: block !important;
        padding-right: 15px !important;
        font-size: 16px;
    }

    #menu-toggle {
        display: block;
        cursor: pointer;
        height: 24px;
        display: flex;
        align-items: center;
        margin-left: 10px;
    }

    .nav-link img {
        height: 1em;
        vertical-align: middle;
    }

    .menu-icon {
        position: relative;
        display: inline-block;
        width: 24px;
        height: 18px;
    }
    
    .menu-icon:before,
    .menu-icon:after,
    .menu-icon span {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #ffffff;
        transition: all 0.3s ease;
    }
    
    .menu-icon span {
        top: 50%;
        transform: translateY(-50%);
    }
    
    .menu-icon:before {
        top: 0;
    }
    
    .menu-icon:after {
        bottom: 0;
    }

    /*.nav-link[href*="/index/translate"] {*/
    /*    position: absolute;*/
    /*    right: 40px;*/
    /*    top: 1rem;*/
    /*}*/
}

@media (max-width: 768px) {
    #social-icons {
        justify-content: flex-start; /* 小屏幕左对齐 */
    }
}

@media (min-width: 769px) {
    #social-icons {
        justify-content: flex-end; /* 大屏幕时右对齐 */
    }
}

.exhibition-image-container{position: relative; width: 100%; padding-top: 56.25%; overflow: hidden;margin-bottom: 25px;}
.exhibition-image-container img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.project-image-container{position: relative; width: 100%; padding-top: 140%; overflow: hidden;margin-bottom: 25px;}
.project-image-container img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

/* 展览现场轮播样式 */
.exhibition-scene {
    overflow: visible;
}

.scene-swiper {
    position: relative;
    margin-top: 25px;
    width: 100%;
    overflow: hidden;
}

.scene-swiper .swiper-wrapper {
    display: flex;
    width: 100%;
}

.scene-swiper .swiper-slide {
    width: calc((100% - 75px) / 4);
    flex-shrink: 0;
}

.scene-image-container {
    position: relative;
    width: 100%;
    padding-top: 60%;
    overflow: hidden;
}

.scene-image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 导航按钮样式 */
.scene-next,
.scene-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px !important;
    height: 30px !important;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    color: #000 !important;
}

.scene-prev {
    left: -40px !important;
}

.scene-next {
    right: -40px !important;
}

@media (max-width: 768px) {
    .exhibition-scene {
        padding: 0;
    }

    .scene-swiper .swiper-slide {
        width: calc((100% - 25px) / 2);
    }

    .scene-prev {
        left: -30px !important;
    }

    .scene-next {
        right: -30px !important;
    }
}

/* 导航按钮容器样式 */
.scene-navigation {
    display: flex;
    gap: 10px;  /* 按钮之间的间距 */
}

/* 调整导航按钮样式 */
.scene-navigation .swiper-button-prev,
.scene-navigation .swiper-button-next {
    position: static;  /* 取消绝对定位 */
    transform: none;   /* 取消transform */
    width: 20px !important;  /* 减小宽度 */
    height: 20px !important; /* 减小高度 */
    margin: 0;        /* 重置margin */
    color: #000 !important;
}

/* 调整导航按钮内部箭头大小 */
.scene-navigation .swiper-button-prev:after,
.scene-navigation .swiper-button-next:after {
    font-size: 14px !important;  /* 减小箭头大小 */
}

/* 调整按钮间距 */
.scene-navigation {
    display: flex;
    gap: 5px;  /* 减小按钮之间的间距 */
}

/* 移除原来的导航按钮定位样式 */
.scene-next,
.scene-prev {
    display: none;  /* 隐藏原来的导航按钮 */
}

/* 调整标题容器样式 */
.model-title.model-title-black {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 0;  /* 移除右侧padding */
}

.video-container {
    transition: all 0.3s ease;
    margin-bottom: 25px;
}

/* 确保视频容器在切换时保持良好的布局 */
.video-container.col-md-12 {
    margin-bottom: 20px;
}

/* 视频播放时的样式 */
.video-container.col-md-12 video {
    max-height: 70vh; /* 限制最大高度 */
    width: 100%;
    object-fit: contain;
}

/* 轮播图样式 */
.main-banner {
    margin-top: 25px;
    margin-bottom: 50px;
}

.banner-swiper {
    position: relative;
    width: 100%;
}

.banner-swiper .swiper-slide {
    width: 100%;
    /* 添加固定宽高比容器 */
    position: relative;
    padding-top: 56.25%;  /* 16:9 的宽高比 */
    overflow: hidden;
}

.banner-swiper .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;  /* 确保图片填充整个容器 */
}

/* 导航按钮样式调整，确保垂直居中 */
.banner-swiper .swiper-button-prev,
.banner-swiper .swiper-button-next {
    color: #fff !important;
    width: 30px !important;
    height: 30px !important;
    opacity: 0;
    transition: opacity 0.3s ease;
    top: 50%;  /* 确保按钮垂直居中 */
    transform: translateY(-50%);
}

/* 鼠标悬停时显示导航按钮 */
.banner-swiper:hover .swiper-button-prev,
.banner-swiper:hover .swiper-button-next {
    opacity: 0.8;
}

/* 分页器样式 */
.banner-swiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #fff;
    opacity: 0.5;
}

.banner-swiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .banner-swiper .swiper-button-prev,
    .banner-swiper .swiper-button-next {
        display: none;  /* 移动端隐藏导航按钮 */
    }
    
    .banner-swiper .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
    }
}



/* 左图右文布局样式 */
.content-layout {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.content-image {
    width: 45%;
    height: auto;
    display: block;
    object-fit: contain;
}

.content-text {
    flex: 1;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .content-layout {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .content-image {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    .content-text {
        width: 100%;
        padding-top: 0;
    }

    /* 调整右侧按钮组的布局 */
    .d-flex.align-items-center {
        position: absolute;
        right: 0;
        top: 1rem;
        display: flex !important;
        align-items: center !important;
    }
}

/* 修改导航相关样式 */
.header-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    background: #000;
    padding:20px 25px 25px !important;
}

/* 为固定导航腾出空间 */
.main-content {
    padding-top: 80px; /* 根据导航高度调整 */
}

/* 调整导航内容样式 */
.nav-cont {
    padding: 1rem 0;
    border-bottom: 1px solid #848484;
    /*max-width: 1200px;*/
    margin: 0 auto;
}

/* 调整右侧按钮组的布局 */
.d-flex.align-items-center {
    position: absolute;
    right: 0;
    top: 1rem;
    display: flex !important;
    align-items: center !important;
}