*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#333;background:#fff;font-size:14px;line-height:1.8}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:1100px;max-width:calc(100% - 32px);margin:0 auto}
.topbar{height:30px;background:#fff;color:#111;font-size:13px}
.topbar .container{height:30px;display:flex;justify-content:flex-end;align-items:center;gap:8px}
.header{height:84px;background:#fff;border-bottom:1px solid #e6e6e6}
.header .container{height:84px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:12px}
.logo-icon{font-size:34px;font-weight:900;letter-spacing:-2px;color:#0067c7;font-style:italic}
.logo-line{width:1px;height:28px;background:#0b63ce}
.logo-title{font-size:21px;font-weight:700;color:#0b4fa8}
.nav{display:flex;align-items:center;gap:34px;font-size:15px;color:#111}
.nav a{position:relative;padding:30px 0}
.nav a:hover,.nav a.active{color:#0b63ce}
.nav a.active:after,.nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:#0b63ce}
.menu-btn{display:none;border:0;background:#0b63ce;color:#fff;font-size:23px;width:42px;height:36px;border-radius:3px}
.banner{height:310px;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.24)),linear-gradient(135deg,#0f172a,#4b5563 45%,#111827);color:#fff;display:flex;align-items:center;overflow:hidden}
.banner .container{position:relative}
.banner h1{font-size:42px;margin:0 0 14px;font-weight:500;letter-spacing:2px}
.banner p{font-size:18px;margin:0;color:rgba(255,255,255,.82)}
.subnav{background:#e5e7eb}
.subnav .container{height:62px;display:flex;justify-content:center;gap:88px;align-items:center}
.subnav a{font-size:15px;color:#333}
.subnav a:hover,.subnav a.active{color:#0b63ce}
.section{padding:72px 0}
.title{text-align:center;margin-bottom:42px}
.title .en{font-size:13px;color:#0b63ce;text-transform:uppercase;letter-spacing:3px}
.title h2{font-size:30px;color:#1f2937;margin:6px 0 10px;font-weight:500}
.title .line{width:52px;height:3px;background:#0b63ce;margin:0 auto}
.home-about{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.home-about-img{height:300px;background:linear-gradient(135deg,#eef7ff,#dbeafe);border:1px solid #e5e7eb;display:grid;place-items:center;color:#0b63ce;font-size:60px}
.home-about h3{font-size:24px;font-weight:500;color:#0b2f66;margin-top:0}
.more{display:inline-block;margin-top:16px;padding:9px 28px;border:1px solid #0b63ce;color:#0b63ce}
.more:hover{background:#0b63ce;color:#fff}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.product-card{border:1px solid #e5e7eb;background:#fff}
.product-thumb{height:190px;background:linear-gradient(135deg,#f8fafc,#dbeafe);display:grid;place-items:center;color:#0b63ce;font-size:46px}
.product-card h3{font-size:18px;font-weight:500;margin:18px 20px 6px;color:#0b2f66}
.product-card p{margin:0 20px 22px;color:#666}
.adv-bg{background:linear-gradient(90deg,#071f48,#1457aa,#071f48);color:#fff}
.adv-bg .title h2,.adv-bg .title .en{color:#fff}
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.adv-item{border:1px solid rgba(255,255,255,.25);padding:30px 24px;min-height:165px;text-align:center;background:rgba(255,255,255,.08)}
.adv-item .num{font-size:32px;color:#7dd3fc;margin-bottom:8px}
.adv-item h3{font-size:18px;font-weight:500;margin:0 0 10px}
.adv-item p{margin:0;color:rgba(255,255,255,.78)}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.news-card{padding:28px;border:1px solid #e5e7eb;background:#fff}
.news-card .date{color:#0b63ce;font-size:13px}
.news-card h3{font-size:18px;font-weight:500;color:#111;margin:8px 0}
.news-card p{color:#666;margin:0}
.page-layout{display:grid;grid-template-columns:230px 1fr;gap:45px}
.sidebar{border:1px solid #e5e7eb;align-self:start}
.sidebar h3{margin:0;background:#0b63ce;color:#fff;padding:16px 22px;font-size:18px;font-weight:500}
.sidebar a{display:block;padding:14px 22px;border-bottom:1px solid #e5e7eb}
.sidebar a:hover,.sidebar a.active{color:#0b63ce;background:#f3f8ff}
.content h2{font-size:26px;font-weight:500;color:#0b2f66;margin-top:0}
.content p{color:#555}
.company-box{padding:28px;border:1px solid #e5e7eb;background:#fafafa;margin:24px 0}
.list{padding-left:18px;color:#555}
.list li{margin:8px 0}
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.contact-info{border:1px solid #e5e7eb;padding:36px;background:#fff}
.contact-info h3{font-size:22px;font-weight:500;color:#0b2f66;margin-top:0}
.contact-info p{margin:10px 0;color:#555}
.form{border:1px solid #e5e7eb;padding:28px;background:#fff;display:grid;gap:14px}
.form input,.form textarea{width:100%;border:1px solid #ccc;padding:12px;font:inherit}
.form button{background:#0b63ce;color:#fff;border:0;padding:13px 20px;font:inherit;cursor:pointer}
.footer{background:linear-gradient(90deg,#071f48,#155db4,#071f48);color:#fff;padding:42px 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:32px}
.footer h3,.footer h4{margin-top:0;font-weight:500}
.footer a{display:block;color:rgba(255,255,255,.78);margin:6px 0}
.footer p{color:rgba(255,255,255,.78)}
.copyright{background:#050505;color:#ddd;padding:18px 0;font-size:13px}
.backtop{position:fixed;right:24px;bottom:24px;width:46px;height:46px;border:0;background:#4aa6b5;color:#fff;font-size:24px;cursor:pointer}
@media(max-width:900px){
.header,.header .container{height:auto}.header .container{padding:16px 0;align-items:flex-start}.menu-btn{display:block}.nav{display:none;position:absolute;left:0;right:0;top:114px;background:#fff;z-index:10;flex-direction:column;gap:0;border-top:1px solid #eee}.nav.open{display:flex}.nav a{padding:12px 24px;border-bottom:1px solid #eee}.banner{height:260px}.banner h1{font-size:32px}.subnav .container{gap:24px;flex-wrap:wrap;height:auto;padding:16px}.home-about,.page-layout,.contact-wrap{grid-template-columns:1fr}.product-grid,.news-grid{grid-template-columns:1fr 1fr}.adv-grid,.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){.logo-title{font-size:16px}.logo-icon{font-size:26px}.product-grid,.news-grid,.adv-grid,.footer-grid{grid-template-columns:1fr}.section{padding:48px 0}}