table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:20px;table-layout:auto}
.firstRow{background-color:#2563eb;color:#fff;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(2n) td{background-color:#f9fafb}
table tr:nth-child(2n) 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,.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:.5px;display:flex;justify-content:center;align-items:center;text-align:center}
.nav-menu-pc a{margin-left:28px;text-decoration:none;color:#333;font-size:15px;transition:.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:.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:.3s}
.hamburger span:first-child{top:5px}
.hamburger span:nth-child(2){top:14px}
.hamburger span:nth-child(3){top:23px}
.hamburger.active span:first-child{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,.1);padding:30px 25px;transition:right .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,.4);z-index:997;display:none}
.mask.show{display:block}
.banner{height:530px;background:linear-gradient(135deg,#0f3460,#165dff);color:#fff;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%;opacity:.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,.15)}
.banner p{font-size:20px;max-width:750px;margin:0 auto 38px;opacity:.95}
.banner-btn a{background:var(--main);color:#fff;padding:14px 36px;border-radius:50px;text-decoration:none;margin:0 14px;display:inline-block;transition:.3s all;box-shadow:0 5px 18px rgba(22,93,255,.32);font-size:16px}
.banner-btn a:nth-child(2){background:0 0;border:2px solid #fff;box-shadow:none}
.banner-btn a:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(22,93,255,.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,.13)}
.about-img img{width:100%;display:block;transition:.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,.06);border-left:6px solid var(--main);transition:.35s ease}
.card:hover{transform:translateY(-8px);box-shadow:0 14px 35px rgba(15,52,96,.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,.05);text-align:center;transition:.35s}
.item:hover{transform:translateY(-8px);box-shadow:0 13px 32px rgba(22,93,255,.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,.07)}
.news-box{display:flex;flex-wrap:wrap;gap:16px 20px}
.news-box a{display:block;flex:0 0 calc(50% - 10px);text-decoration:none;color:inherit;background:#fafbfc;border-radius:6px;transition:background .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:.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,.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:.25s}
.zhaobiao-list li:hover{background:#f7fbff}
.zl-tit{color:#222}
.zl-area,.zl-date,.zl-type{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:.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,.18)}
.contact-col p{font-size:15px;margin:11px 0;opacity:.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:.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,.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-list li,.zhaobiao-table-head{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}
}