/* 核心表格样式：纯 table tr td 实现，自适应 */
table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    margin-bottom: 20px;
    table-layout: auto;
}

/* 表头行 */
.firstRow{
    background-color: #2563eb;
    color: #ffffff;
    font-weight: 600;
	line-height:3;
    text-align: center;
}
a {text-decoration: none;}
/* 单元格通用 */
table td {
    padding: 12px 15px;
    border: 1px solid #e5e7eb;
    font-size: 14px;
    color: #4b5563;
    vertical-align: top;
    word-break: break-all;
}

/* 隔行变色 + 悬浮高亮 */
table tr:nth-child(even) td {
    background-color: #f9fafb;
}
table tr:nth-child(even) td:hover td {
    background-color: #f9fafb;
}

/* 响应式适配小屏 */
@media (max-width: 768px) {
    body { padding: 10px; }
    table td { padding: 10px 8px; font-size: 13px; }
}
  * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", sans-serif;
        }
        :root {
            --main: #165DFF;
            --dark: #0F3460;
            --light-blue: #F0F7FF;
            --gray: #555;
            --white: #ffffff;
        }
        body {
            color: #333;
            line-height: 1.8;
            background-color: #fcfcfc;
        }
        /*全局容器 防大屏拉伸*/
        .container{
            max-width:1200px;
            width:100%;
            margin:0 auto;
            padding:0 20px;
        }
        /*面包屑美化*/
        .breadcrumb{
            max-width:1200px;
            margin:15px auto 0;
            padding:0 20px;
            font-size:14px;
            color:#999;
        }
        .breadcrumb a{
            color:var(--main);
            text-decoration:none;
        }
        .breadcrumb a:hover{
            text-decoration:underline;
        }
        /*导航美化*/
        .nav {
            background: var(--white);
            box-shadow: 0 3px 15px rgba(22,93,255,0.1);
            padding: 0;
            position: sticky;
            top: 0;
            z-index: 999;
        }
        .nav-container {
            height:78px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .logo {
               font-size: 24px;
    font-weight: 700;
    color: var(--dark);
    letter-spacing: 0.5px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
        }
        .logo span{
            color:var(--main);
        }
        .nav-menu-pc a {
            margin-left:28px;
            text-decoration: none;
            color:#333;
            font-size:15px;
            transition:0.3s;
            padding:8px 3px;
            position:relative;
        }
        .nav-menu-pc a:hover {
            color:var(--main);
        }
        .nav-menu-pc a::after{
            content:"";
            width:0;
            height:3px;
            background:var(--main);
            position:absolute;
            bottom:0;
            left:0;
            border-radius:3px;
            transition:0.3s;
        }
        .nav-menu-pc a:hover::after{
            width:100%;
        }

        /*移动端汉堡按钮*/
        .hamburger{
            display:none;
            width:36px;
            height:32px;
            position:relative;
            cursor:pointer;
        }
        .hamburger span{
            display:block;
            width:100%;
            height:3px;
            background:#333;
            border-radius:3px;
            position:absolute;
            transition:0.3s;
        }
        .hamburger span:nth-child(1){top:5px;}
        .hamburger span:nth-child(2){top:14px;}
        .hamburger span:nth-child(3){top:23px;}
        .hamburger.active span:nth-child(1){transform:rotate(45deg);top:14px;}
        .hamburger.active span:nth-child(2){opacity:0;}
        .hamburger.active span:nth-child(3){transform:rotate(-45deg);top:14px;}

        /*移动端侧边菜单*/
        .mobile-nav{
            position:fixed;
            top:78px;
            right:-100%;
            width:75%;
            height:calc(100vh - 78px);
            background:#fff;
            box-shadow:-5px 0 15px rgba(0,0,0,0.1);
            padding:30px 25px;
            transition:right 0.3s ease;
            z-index:998;
        }
        .mobile-nav.open{
            right:0;
        }
        .mobile-nav a{
            display:block;
            padding:14px 0;
            font-size:16px;
            color:#333;
            text-decoration:none;
            border-bottom:1px solid #eee;
        }
        .mobile-nav a:hover{
            color:var(--main);
            padding-left:8px;
        }
        /*遮罩层*/
        .mask{
            position:fixed;
            inset:0;
            background:rgba(0,0,0,0.4);
            z-index:997;
            display:none;
        }
        .mask.show{
            display:block;
        }

        /*首屏banner精致优化*/
        .banner {
            height:530px;
            background: linear-gradient(135deg,#0F3460,#165DFF);
            color:white;
            display:flex;
            align-items:center;
            justify-content:center;
            text-align:center;
            padding:20px;
            position:relative;
            overflow:hidden;
        }
        .banner::before{
            content:"";
            position:absolute;
            width:100%;
            height:100%;
            background:url() center/cover;
            opacity:0.15;
        }
        .banner > div{
            position:relative;
            z-index:2;
            max-width:1100px;
        }
        .banner h1 {
            font-size:46px;
            margin-bottom:20px;
            letter-spacing:1px;
            text-shadow:0 2px 10px rgba(0,0,0,0.15);
        }
        .banner p {
            font-size:20px;
            max-width:750px;
            margin:0 auto 38px;
            opacity:0.95;
        }
        .banner-btn a {
            background:var(--main);
            color:white;
            padding:14px 36px;
            border-radius:50px;
            text-decoration:none;
            margin:0 14px;
            display:inline-block;
            transition:0.3s all;
            box-shadow:0 5px 18px rgba(22,93,255,0.32);
            font-size:16px;
        }
        .banner-btn a:nth-child(2){
            background:transparent;
            border:2px solid #fff;
            box-shadow:none;
        }
        .banner-btn a:hover{
            transform:translateY(-5px);
            box-shadow:0 8px 24px rgba(22,93,255,0.38);
        }
        /*通用区块间距*/
        .section {
            margin:90px auto;
        }
        .bg-blue{
            background:var(--light-blue);
            padding:85px 0;
            margin:0;
        }
        /*栏目标题美化*/
        .title {
            text-align:center;
            font-size:30px;
            color:var(--dark);
            margin-bottom:55px;
            position:relative;
            font-weight:600;
        }
        .title::after {
            content:'';
            width:75px;
            height:4px;
            background:var(--main);
            position:absolute;
            left:50%;
            transform:translateX(-50%);
            bottom:-13px;
            border-radius:4px;
        }
        /*展开收起按钮样式*/
        .btn-more{
            display:inline-block;
            margin-top:12px;
            color:var(--main);
            font-size:14px;
            text-decoration:none;
            cursor:pointer;
        }
        .btn-more:hover{
            text-decoration:underline;
        }
        .more-content{
            display:none;
            margin-top:15px;
            padding-top:15px;
            border-top:1px dashed #ddd;
        }
        /*公司介绍左右卡片美化*/
        .about {
            display:flex;
            gap:55px;
            align-items:center;
        }
        .about-text {
            flex:1;
            font-size:16px;
            color:var(--gray);
        }
        .about-img {
            flex:1;
            border-radius:16px;
            overflow:hidden;
            box-shadow:0 10px 30px rgba(15,52,96,0.13);
        }
        .about-img img {
            width:100%;
            display:block;
            transition:0.5s ease;
            object-fit: cover;
        }
        .about-img:hover img{
            transform:scale(1.04);
        }
        /*四格卡片统一美化*/
        .card-box {
            display:grid;
            grid-template-columns:repeat(2,1fr);
            gap:32px;
        }
        .card {
            background:var(--white);
            padding:35px;
            border-radius:16px;
            box-shadow:0 6px 22px rgba(15,52,96,0.06);
            border-left:6px solid var(--main);
            transition:0.35s ease;
        }
        .card:hover{
            transform:translateY(-8px);
            box-shadow:0 14px 35px rgba(15,52,96,0.11);
        }
        .card h3 {
            color:var(--dark);
            margin-bottom:14px;
            font-size:20px;
        }
        .card p {
            color:var(--gray);
            font-size:15px;
        }
        /*三列产品/资质/案例卡片美化*/
        .grid3 {
            display:grid;
            grid-template-columns:repeat(3,1fr);
            gap:32px;
        }
        .item {
            background:#fff;
            padding:25px;
            border-radius:16px;
            box-shadow:0 5px 20px rgba(0,0,0,0.05);
            text-align:center;
            transition:0.35s;
        }
        .item:hover{
            transform:translateY(-8px);
            box-shadow:0 13px 32px rgba(22,93,255,0.11);
        }
        .item img {
            max-width:100%;
            height:220px;
            border-radius:12px;
            margin-bottom:18px;
            object-fit: cover;
        }
        .item h3{
            color:var(--dark);
            margin-bottom:9px;
            font-size:18px;
        }
        .item p{
            color:#666;
            font-size:14px;
        }
        /*媒体新闻板块【新增分页样式】*/
        .news-box{
            background:var(--light-blue);
            padding:38px;
            border-radius:16px;
            box-shadow:inset 0 0 0 1px rgba(22,93,255,0.07);
        }
		 /* 使用 flex 布局，实现一行两列 */
        .news-box {
            display: flex;
            flex-wrap: wrap;
            gap: 16px 20px;  /* 行间距 16px，列间距 20px */
        }
		 /* 每个新闻项的外层 a 标签占 50% 宽度（减去间距） */
        .news-box a {
            display: block;           /* 使 a 成为块级容器 */
            flex: 0 0 calc(50% - 10px); /* 50% 宽度，减去 gap 的一半（因为 gap 会影响） */
            text-decoration: none;
            color: inherit;
            background: #fafbfc;
            border-radius: 6px;
            transition: background 0.2s;
            border: 1px solid #e9edf4;
            padding: 14px 18px;
        }
        .news-item{
            background:#fff;
            padding:14px 18px;
            border-radius:8px;
            margin-bottom:12px;
            border-left:4px solid var(--main);
            transition:0.25s;
            display:flex;
            justify-content:space-between;
            align-items:center;
        }
        .news-item:hover{
            padding-left:22px;
        }
        .news-tit{
            font-size:16px;
            color:#333;
        }
        .news-date{
            font-size:13px;
            color:#888;
            white-space:nowrap;
            padding-left:10px;
        }
        .news-page{
            margin-top:25px;
            text-align:center;
        }
        .news-page a{
            display:inline-block;
            padding:6px 13px;
            margin:0 4px;
            border:1px solid #ddd;
            border-radius:5px;
            font-size:14px;
            color:#333;
            text-decoration:none;
        }
        .news-page a.active{
            background:#165DFF;
            color:#fff;
            border-color:#165DFF;
        }
        .news-page a:hover:not(.active),.page-num-current{
            border-color:#165DFF!important;
            color:#165DFF!important;
        }
        /*招标资讯列表样式*/
        .zhaobiao-wrap{
            background:#fff;
            border-radius:16px;
            overflow:hidden;
            box-shadow:0 5px 20px rgba(22,93,255,0.07);
        }
        .zhaobiao-head{
            background:linear-gradient(90deg,#0F3460,#165DFF);
            color:#fff;
            padding:16px 22px;
            font-size:17px;
            font-weight:500;
        }
        .zhaobiao-table-head{
            display:grid;
            grid-template-columns:4fr 1fr;
            background:#165DFF;
            color:#fff;
            padding:13px 18px;
            font-weight:500;
        }
        .zhaobiao-list{
            list-style:none;
        }
        .zhaobiao-list li{
            display:grid;
            grid-template-columns: 4fr 1fr;
            padding:15px 18px;
            border-bottom:1px solid #f1f1f1;
            align-items:center;
            transition:0.25s;
        }
        .zhaobiao-list li:hover{
            background:#f7fbff;
        }
        .zl-tit{color:#222;}
        .zl-area,.zl-type,.zl-date{font-size:14px;color:#666;}
        .zl-btn a{
            padding:5px 14px;
            border:1px solid #165DFF;
            color:#165DFF;
            border-radius:5px;
            font-size:13px;
            text-decoration:none;
            transition:0.25s;
        }
        .zl-btn a:hover{
            background:#165DFF;
            color:#fff;
        }
        .zhaobiao-page{
            padding:22px;
            text-align:center;
        }
        .zhaobiao-page a{
            display:inline-block;
            padding:6px 14px;
            margin:0 4px;
            border:1px solid #ddd;
            border-radius:5px;
            font-size:14px;
            color:#333;
            text-decoration:none;
        }
        .zhaobiao-page a.active{
            background:#165DFF;
            color:#fff;
            border-color:#165DFF;
        }
        /*底部美化升级*/
        .contact-wrap{
            background:linear-gradient(145deg,#0A2240,#103A80);
            color:#fff;
            padding:65px 20px 45px;
        }
        .contact-container{
            max-width:1200px;
            margin:0 auto;
            width:100%;
        }
        .contact-title{
            text-align:center;
            font-size:30px;
            margin-bottom:55px;
            position:relative;
        }
        .contact-title::after{
            content:"";
            width:75px;
            height:4px;
            background:#165DFF;
            position:absolute;
            left:50%;
            transform:translateX(-50%);
            bottom:-13px;
            border-radius:4px;
        }
        .contact-row{
            display:grid;
            grid-template-columns:repeat(4,1fr);
            gap:35px;
        }
        .contact-col h4{
            font-size:19px;
            margin-bottom:22px;
            padding-bottom:12px;
            border-bottom:1px solid rgba(255,255,255,0.18);
        }
        .contact-col p{
            font-size:15px;
            margin:11px 0;
            opacity:0.88;
        }
        .contact-col p i{
            margin-right:9px;
            color:#69b0ff;
        }
        .btn-online{
            display:inline-block;
            background:#165DFF;
            padding:11px 26px;
            border-radius:50px;
            color:#fff;
            text-decoration:none;
            margin-top:14px;
            transition:0.3s;
        }
        .btn-online:hover{
            background:#3378ff;
            transform:translateY(-3px);
        }
        .qr-box{
            width:115px;
            height:115px;
            background:#fff;
            border-radius:10px;
            margin:10px 0;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#333;
            font-size:13px;
        }
        .copyright{
            border-top:1px solid rgba(255,255,255,0.15);
            margin-top:50px;
            padding-top:30px;
            text-align:center;
            font-size:14px;
            color:#b9c9e4;
        }
        /*移动端适配*/
        @media (max-width:768px) {
            .nav-menu-pc{display:none;}
            .hamburger{display:block;}
            .about,.card-box,.grid3 {
                grid-template-columns:1fr;
                flex-direction:column;
            }
            .banner h1 {
                font-size:30px;
            }
            .banner p{
                font-size:16px;
            }
            .banner-btn a{
                margin:10px 6px;
                padding:12px 28px;
            }
            .contact-row{
                grid-template-columns:repeat(2,1fr);
                gap:30px;
            }
            .zhaobiao-table-head,.zhaobiao-list li{
                grid-template-columns:2fr 1fr;
                gap:8px;
            }
            .news-item{flex-wrap:wrap;}
            .news-date{margin-top:6px;width:100%;}
        }

/* 移动端适配：小屏设备改为单列 */
        @media (max-width: 640px) {
            .news-box a {
                flex: 0 0 100%;   /* 完全占满 */
            }
            .news-box {
                gap: 12px;
            }
        }