@charset "UTF-8";
/* 全局重置 & 移动端基础 */
*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",system-ui,-apple-system,sans-serif;
touch-action: manipulation; /* 消除移动端300ms点击延迟 */
}
ul{list-style:none;}
a{text-decoration:none;color:#333;}
button{cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent;}
input,textarea{outline:none;border:1px solid #ddd;padding:8px 12px;border-radius:4px;font-size:16px;}
img{max-width:100%;}
/* 顶部导航 */
.header{background:#111;color:#fff;position:sticky;top:0;z-index:999;}
.nav-wrap{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 15px;height:70px;}
.logo{display:flex;align-items:center;gap:8px;color:#fff;font-weight:bold;font-size:18px;}
/* PC端导航 */
.nav-list{display:flex;gap:25px;}
.nav-item{position:relative;height:70px;display:flex;align-items:center;}
.nav-item>a{color:#fff;font-size:15px;white-space:nowrap;}
/* 下拉菜单 */
.submenu{position:absolute;top:70px;left:0;width:160px;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,0.1);padding:10px 0;display:none;z-index:1000;}
.submenu li{padding:8px 20px;}
.submenu li a{color:#333;font-size:14px;}
.nav-item:hover .submenu{display:block;}
/* 移动端汉堡菜单 */
.mobile-menu-btn{display:none;color:#fff;font-size:26px;padding:0 10px;}
.mobile-nav-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:9998;display:none;}
.mobile-nav-box{position:fixed;top:0;right:-280px;width:260px;height:100%;background:#fff;z-index:9999;transition:right 0.3s ease;padding:20px;overflow-y:auto;}
.mobile-nav-box.active{right:0;}
.mobile-nav-close{text-align:right;font-size:24px;margin-bottom:20px;color:#111;}
.mobile-nav-item{padding:12px 0;border-bottom:1px solid #eee;}
.mobile-nav-item a{font-size:16px;color:#222;display:block;}
.mobile-sub{padding-left:15px;margin-top:8px;font-size:14px;color:#666;}
/* 主容器 */
.container{max-width:1200px;margin:30px auto;padding:0 15px;}
.page-title{font-size:22px;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #224477;color:#224477;}
/* 产品总列表卡片 弹性适配 */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:40px;}
.product-card{border:1px solid #eee;border-radius:8px;padding:20px;transition:0.3s;}
.product-card:hover{box-shadow:0 4px 15px rgba(0,0,0,0.05);border-color:#224477;}
.product-name{font-size:17px;font-weight:bold;margin-bottom:8px;color:#224477;}
.product-desc{color:#666;font-size:13px;margin-bottom:12px;line-height:1.6;}
.product-btn{padding:9px 16px;background:#224477;color:#fff;border-radius:4px;font-size:14px;width:100%;text-align:center;display:block;}
/* 单产品Tab容器 - 移动端横向滚动Tab */
.tab-box{border:1px solid #eee;border-radius:8px;overflow:hidden;margin:30px 0;display:none;}
.tab-nav{display:flex;background:#f7f8fa;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.tab-nav::-webkit-scrollbar{display:none;}
.tab-nav li{padding:14px 18px;cursor:pointer;font-size:14px;border-bottom:3px solid transparent;white-space:nowrap;flex-shrink:0;}
.tab-nav li.active{border-bottom-color:#224477;color:#224477;font-weight:bold;background:#fff;}
.tab-content{padding:20px 15px;min-height:350px;display:none;}
.tab-content.active{display:block;}
/* 公告列表通用样式 */
.announce-list{display:flex;flex-direction:column;gap:14px;margin-top:15px;}
.announce-item{padding:14px 15px;border:1px solid #eee;border-radius:6px;display:flex;flex-direction:column;gap:6px;}
.announce-title{font-size:14px;line-height:1.5;}
.announce-date{color:#888;font-size:13px;text-align:left;}
.announce-link{color:#224477;margin-left:6px;display:inline-block;margin-top:4px;}
/* PDF预览容器 - 移动端高度压缩 */
/* PDF附件预览区块 */
.attach-block{margin-top:40px;}
.attach-title{font-size:16px;font-weight:bold;margin-bottom:12px;color:#224477;}
.pdf-viewer{width:100%;height:520px;border:1px #ddd solid;border-radius:6px;}
.tip-text{font-size:13px;color:#888;margin-top:8px;}
.pdf-preview{width:100%;height:400px;border:1px solid #ddd;border-radius:6px;margin-top:15px;}
/* 身份核验弹窗（移动端全屏适配） */
.modal-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:9999;display:none;align-items:center;justify-content:center;padding:15px;}
.modal-box{width:100%;max-width:480px;background:#fff;border-radius:8px;padding:22px;max-height:90vh;overflow-y:auto;}
.modal-title{font-size:19px;margin-bottom:18px;color:#224477;}
.form-row{margin-bottom:16px;}
.form-row label{display:block;margin-bottom:6px;font-size:14px;color:#444;}
.form-radio{display:flex;gap:25px;margin-bottom:8px;flex-wrap:wrap;}
.form-input{width:100%;height:44px;font-size:16px;}
.modal-btn-group{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;}
.btn-submit{flex:1;padding:12px;background:#224477;color:#fff;border-radius:4px;font-size:15px;min-width:120px;}
.btn-close{flex:1;padding:12px;background:#eee;color:#333;border-radius:4px;font-size:15px;min-width:120px;}
.tip-text{margin-top:12px;color:#c0392b;font-size:13px;line-height:1.7;display:none;}
.test-data-tip{margin:10px 0;padding:10px;background:#eef5ff;border-radius:4px;font-size:12px;color:#224477;line-height:1.6;}
/* 底部页脚 */
.footer{margin-top:60px;padding:30px 15px;background:#111;color:#aaa;text-align:center;font-size:13px;line-height:1.7;}
/* 首屏Banner大图 */
.banner{width:100%;height:420px;background:#162030;display:flex;align-items:center;color:#fff;padding:0 15px;position:relative;overflow:hidden;scroll-margin-top: 70px; /*锚点偏移导航栏高度*/
}
.banner-bg{position:absolute;width:100%;height:100%;opacity:0.3;z-index:1;}
.banner-text{max-width:1240px;margin:0 auto;position:relative;z-index:2;}
.banner-text h1{font-size:36px;margin-bottom:16px;line-height:1.3;}
.banner-text p{font-size:17px;opacity:0.9;max-width:600px;margin-bottom:24px;}
.banner-btn{display:inline-block;padding:12px 28px;background:#224477;color:#fff;border-radius:4px;font-size:16px;}
/* 通用容器与标题 */
.container{max-width:1240px;margin:70px auto;padding:0 15px;}
/* 修复标题居中BUG */
.section-wrap{text-align:center;}
.section-title{font-size:24px;color:#224477;margin-bottom:45px;padding-bottom:12px;border-bottom:2px solid #224477;display:inline-block;}
/* 公司简介板块 */
.intro-wrap{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;}
.intro-text p{text-indent:2em;margin-bottom:16px;font-size:16px;color:#333;line-height:1.8;}
.intro-img{border-radius:6px;overflow:hidden;}
/* 特色数据&项目板块 */
.feature-section{background:#f7f9fc;padding:70px 0;margin:70px 0;scroll-margin-top:70px;}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;}
.data-card,project-card{background:#fff;border-radius:8px;padding:30px;box-shadow:0 3px 12px rgba(0,0,0,0.05);}
.card-subtitle{font-size:18px;color:#224477;font-weight:bold;margin-bottom:15px;}
.chart-box{width:100%;height:280px;background:#eef5ff;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#224477;margin-bottom:15px;}
.project-item{padding:12px 0;border-bottom:1px #eee solid;}
.project-item:last-child{border-bottom:none;}
.project-item h4{font-size:16px;margin-bottom:6px;}
.project-item p{font-size:14px;color:#666;}
/* 信息披露快捷入口 */
.disclosure-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:20px;}
.dis-card{border:1px solid #eee;padding:24px;text-align:center;border-radius:8px;transition:0.2s;}
.dis-card:hover{border-color:#224477;box-shadow:0 3px 10px rgba(34,68,119,0.08);}
.dis-card h4{margin:10px 0;color:#224477;}
/* 底部联系板块（简化版关于我们，仅联系方式） */
.contact-footer-block{background:#1a2233;color:#fff;padding:60px 0;margin-top:80px;scroll-margin-top:70px;}
.contact-inner{max-width:1240px;margin:0 auto;padding:0 15px;display:grid;grid-template-columns:2fr 1fr;gap:50px;}
.contact-title{font-size:20px;margin-bottom:25px;color:#fff;}
.contact-item{margin-bottom:16px;font-size:15px;opacity:0.9;}
.contact-item span{color:#a8c4e6;margin-right:8px;font-weight:bold;}
.qrcode-box{width:160px;height:160px;background:#fff;border-radius:6px;margin-top:10px;display:flex;align-items:center;justify-content:center;color:#224477;font-size:14px;}
/* 网站页脚版权 */
.site-copyright{background:#111;padding:25px 15px;text-align:center;color:#aaa;font-size:13px;line-height:1.7;}

/* 前台分页 */
.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin:28px 0 10px;flex-wrap:wrap;}
.pagination a,.pagination span{
    display:inline-block;padding:8px 14px;background:#fff;border:1px solid #ddd;border-radius:4px;
    font-size:14px;color:#333;min-width:40px;text-align:center;line-height:1.4;
}
.pagination a:hover{background:#224477;color:#fff;border-color:#224477;}
.pagination .current{background:#224477;color:#fff;border-color:#224477;font-weight:600;}
.pagination .disabled{color:#ccc;cursor:not-allowed;background:#f5f5f5;}
.pagination .ellipsis{border:none;background:transparent;min-width:auto;padding:8px 4px;color:#888;}
.pagination .page-info{border:none;background:transparent;color:#888;font-size:13px;min-width:auto;padding:8px 6px;}

/* ==========媒体查询：手机屏幕 768px以下 完整移动端适配========== */
@media(max-width:768px){
    .nav-list{display:none;}
    .mobile-menu-btn{display:block;}
    .logo{font-size:16px;}
    .page-title{font-size:20px;}
    .product-grid{grid-template-columns:1fr;}
    .tab-nav li{padding:12px 14px;font-size:13px;}
    .pdf-preview{height:320px;}
    .modal-box{padding:18px;}
    .container{margin:20px auto;}
    .pagination a,.pagination span{padding:6px 10px;font-size:13px;min-width:32px;}
    .pagination .page-info{width:100%;text-align:center;padding-top:4px;}
    /* banner手机缩小高度 */
    .banner{height:280px;}
    .banner-text h1{font-size:24px;}
    .banner-text p{font-size:15px;}
    /* 公司简介改为上下布局 */
    .intro-wrap{grid-template-columns: 1fr;gap:25px;}
    /* 数据板块单列 */
    .feature-grid{grid-template-columns: 1fr;}
    /* 信披快捷入口4栏→2栏 */
    .disclosure-grid{grid-template-columns:repeat(2,1fr);gap:15px;}
    /* 底部联系区块上下堆叠 */
    .contact-inner{grid-template-columns: 1fr;gap:30px;}
    .section-title{font-size:20px;}
    .feature-section{padding:40px 0;margin:40px 0;}
}
/* 超小屏 480px优化 */
@media(max-width:480px){
    .disclosure-grid{grid-template-columns:1fr;}
    .banner-btn{padding:10px 20px;font-size:15px;}
}
/*侧边栏打开禁止body滚动*/
body.lock-scroll{
    overflow:hidden;
}