/* 全局重置 */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; font-size:16px; line-height:1.6; color:#333; background:#fff; overflow-x:hidden; }
a { text-decoration:none; color:inherit; }
ul { list-style:none; }
img { max-width:100%; display:block; }
.container { max-width:1200px; margin:0 auto; padding:0 20px; }

/* 按钮 - 橙色 */
.btn { display:inline-block; padding:12px 30px; border-radius:50px; font-weight:600; font-size:15px; transition:all .3s; border:none; cursor:pointer; }
.btn-primary { background:#E87A20; color:#fff; box-shadow:0 4px 15px rgba(232,122,32,0.3); }
.btn-primary:hover { background:#C96A1C; transform:translateY(-2px); }
.btn-outline { background:transparent; color:#E87A20; border:2px solid #E87A20; }
.btn-outline:hover { background:#E87A20; color:#fff; }
.btn-sm { padding:8px 20px; font-size:13px; }

/* 顶部导航 */
.header { position:fixed; top:0; left:0; width:100%; background:rgba(255,255,255,0.96); backdrop-filter:blur(8px); box-shadow:0 2px 20px rgba(0,0,0,0.06); z-index:1000; height:70px; display:flex; align-items:center; }
.header-inner { display:flex; align-items:center; justify-content:space-between; width:100%; }
.logo a { display:flex; align-items:center; gap:10px; }
.logo-img { height:40px; width:auto; object-fit:contain; }
.logo-text { font-size:22px; font-weight:700; color:#C96A1C; letter-spacing:.5px; }
.nav-menu { display:flex; gap:6px; }
.nav-item a { display:block; padding:8px 16px; font-weight:500; color:#444; border-radius:30px; transition:all .3s; font-size:15px; }
.nav-item a:hover, .nav-item.active a { background:#E87A20; color:#fff; }
.hamburger { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:8px; }
.hamburger .bar { width:26px; height:3px; background:#C96A1C; border-radius:3px; transition:.3s; }
.hamburger.active .bar:nth-child(1) { transform:rotate(45deg) translate(5px,6px); }
.hamburger.active .bar:nth-child(2) { opacity:0; }
.hamburger.active .bar:nth-child(3) { transform:rotate(-45deg) translate(5px,-6px); }

/* 移动端菜单 */
.mobile-menu { position:fixed; top:70px; left:0; width:100%; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,0.08); padding:20px 0; transform:translateY(-120%); transition:.4s cubic-bezier(.22,1,.36,1); z-index:999; }
.mobile-menu.open { transform:translateY(0); }
.mobile-nav-item a { display:block; padding:14px 20px; font-weight:500; color:#333; font-size:17px; border-bottom:1px solid #f0f0f0; text-align:center; }
.mobile-nav-item a:hover, .mobile-nav-item.active a { background:#fef0e0; color:#E87A20; }
.mobile-nav-item:last-child a { border-bottom:none; }

/* Banner */
.banner { position:relative; width:100%; height:92vh; min-height:500px; margin-top:70px; overflow:hidden; }
.banner-slider { position:relative; width:100%; height:100%; }
.banner-slide { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center; opacity:0; transition:opacity 1s; display:flex; align-items:center; }
.banner-slide.active { opacity:1; }
.banner-overlay { width:100%; height:100%; background:rgba(0,0,0,0.45); display:flex; align-items:center; }
.banner-content { max-width:700px; color:#fff; padding:20px 0; }
.banner-title { font-size:48px; font-weight:700; margin-bottom:20px; line-height:1.2; }
.banner-desc { font-size:20px; margin-bottom:30px; opacity:.9; }
.banner .btn-primary { background:#fff; color:#E87A20; }
.banner .btn-primary:hover { background:#E87A20; color:#fff; }
.banner-dots { position:absolute; bottom:30px; left:50%; transform:translateX(-50%); display:flex; gap:12px; z-index:10; }
.dot { width:14px; height:14px; border-radius:50%; background:rgba(255,255,255,0.5); cursor:pointer; border:2px solid transparent; transition:.3s; }
.dot.active { background:#fff; border-color:#E87A20; transform:scale(1.2); }
.banner-arrow { position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,0.2); backdrop-filter:blur(4px); border:none; color:#fff; width:50px; height:50px; border-radius:50%; font-size:22px; cursor:pointer; z-index:10; transition:.3s; display:flex; align-items:center; justify-content:center; }
.banner-arrow:hover { background:rgba(255,255,255,0.4); }
.banner-arrow.prev { left:20px; }
.banner-arrow.next { right:20px; }

/* 通用区块 */
.section { padding:80px 0; }
.bg-light { background:#f8faff; }
.section-header { text-align:center; margin-bottom:50px; }
.section-title { font-size:36px; font-weight:700; color:#C96A1C; margin-bottom:10px; }
.section-subtitle { font-size:18px; color:#777; }
.section-footer { text-align:center; margin-top:40px; }

/* 关于我们 */
.about-wrapper { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; }
.about-left { display:flex; flex-direction:column; gap:30px; }
.about-left h3 { font-size:20px; color:#C96A1C; margin-bottom:12px; display:flex; align-items:center; gap:10px; }
.about-left h3 i { color:#E87A20; width:24px; }
.about-intro p { margin-bottom:12px; color:#555; line-height:1.8; }
.timeline-list li { display:flex; align-items:baseline; gap:16px; padding:8px 0; border-bottom:1px dashed #e9eef2; }
.timeline-list .year { font-weight:700; color:#E87A20; min-width:50px; }
.honor-tags { display:flex; flex-wrap:wrap; gap:12px; }
.honor-tags span { background:#fef0e0; padding:6px 18px; border-radius:30px; font-size:14px; font-weight:500; color:#C96A1C; display:inline-flex; align-items:center; gap:8px; }
.honor-tags span i { color:#E87A20; }
.about-right { position:relative; }
.about-image { width:100%; border-radius:24px; box-shadow:0 20px 40px rgba(0,0,0,0.08); object-fit:cover; height:auto; }
.about-stats { display:flex; justify-content:space-around; background:#fff; padding:20px 10px; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,0.06); margin-top:-30px; position:relative; z-index:2; width:90%; margin-left:auto; margin-right:auto; }
.stat-item { text-align:center; }
.stat-number { font-size:32px; font-weight:700; color:#E87A20; display:block; }
.stat-label { font-size:14px; color:#888; margin-top:4px; }

/* 产品中心 */
.product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; margin-top:20px; }
.product-card { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 6px 24px rgba(0,0,0,0.04); transition:transform .3s, box-shadow .3s; }
.product-card:hover { transform:translateY(-6px); box-shadow:0 12px 40px rgba(0,0,0,0.08); }
.product-card .product-image { position:relative; height:180px; overflow:hidden; background:#f0f4fa; }
.product-card .product-image img { width:100%; height:100%; object-fit:cover; }
.product-card .product-tag { position:absolute; top:12px; right:12px; background:#E87A20; color:#fff; padding:2px 14px; border-radius:30px; font-size:12px; font-weight:600; letter-spacing:.5px; }
.product-card .product-info { padding:16px 18px 20px; }
.product-card .product-name { font-size:18px; font-weight:600; color:#C96A1C; margin-bottom:6px; line-height:1.3; }
.product-card .product-desc { font-size:14px; color:#666; line-height:1.5; margin-bottom:14px; min-height:42px; }
.pagination-wrapper { text-align:center; margin-top:30px; }
.pagination-wrapper .pagination { display:inline-block; padding-left:0; }
.pagination-wrapper .pagination li { display:inline; margin:0 4px; }
.pagination-wrapper .pagination li a, .pagination-wrapper .pagination li span { display:inline-block; padding:6px 14px; border:1px solid #ddd; border-radius:4px; color:#333; background:#fff; transition:all .2s; }
.pagination-wrapper .pagination li a:hover, .pagination-wrapper .pagination li.active span { background:#E87A20; color:#fff; border-color:#E87A20; }
.pagination-wrapper .pagination li.disabled span { color:#ccc; background:#f5f5f5; }

/* 企业优势 */
.advantages-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }
.advantage-card { background:#fff; padding:30px 20px; border-radius:20px; text-align:center; box-shadow:0 6px 24px rgba(0,0,0,0.04); transition:.3s; }
.advantage-card:hover { transform:translateY(-6px); }
.advantage-icon { font-size:44px; color:#E87A20; margin-bottom:16px; }
.advantage-card h3 { font-size:20px; color:#C96A1C; margin-bottom:8px; }
.advantage-card p { font-size:14px; color:#666; line-height:1.6; }

/* 新闻动态 */
.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.news-card { display:flex; gap:20px; background:#fff; padding:20px 24px; border-radius:16px; box-shadow:0 4px 16px rgba(0,0,0,0.04); transition:.3s; align-items:flex-start; }
.news-card:hover { box-shadow:0 10px 30px rgba(0,0,0,0.06); }
.news-date { background:#fef0e0; border-radius:12px; text-align:center; min-width:60px; padding:8px 0; flex-shrink:0; }
.news-date .day { display:block; font-size:26px; font-weight:700; color:#E87A20; line-height:1.2; }
.news-date .month { font-size:14px; color:#888; }
.news-content { flex:1; }
.news-content h3 { font-size:17px; font-weight:600; margin-bottom:6px; }
.news-content h3 a:hover { color:#E87A20; }
.news-content p { font-size:14px; color:#666; margin-bottom:10px; line-height:1.5; }
.news-more { font-weight:500; color:#E87A20; font-size:14px; display:inline-flex; align-items:center; gap:6px; }
.news-more:hover { text-decoration:underline; }

/* 人才招聘 */
.careers-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }
.career-card { background:#fff; padding:30px 20px; border-radius:20px; text-align:center; box-shadow:0 6px 24px rgba(0,0,0,0.04); transition:.3s; }
.career-card:hover { transform:translateY(-6px); }
.career-icon { font-size:40px; color:#E87A20; margin-bottom:12px; }
.career-card h3 { font-size:20px; color:#C96A1C; margin-bottom:8px; }
.career-card p { font-size:14px; color:#666; margin-bottom:16px; line-height:1.5; }
.career-card .btn { font-size:13px; }

/* 页脚 */
.footer { background:#1a1a2e; color:#ccc; padding-top:60px; padding-bottom:20px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.5fr; gap:40px; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,0.06); }
.footer-about .footer-logo { display:flex; align-items:center; gap:12px; margin-bottom:15px; }
.footer-about .footer-logo span { font-size:22px; font-weight:700; color:#E87A20; }
.footer-about p { font-size:14px; line-height:1.7; margin-bottom:20px; opacity:.8; }
.footer-social { display:flex; gap:14px; }
.footer-social a { display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,0.06); color:#ccc; transition:.3s; }
.footer-social a:hover { background:#E87A20; color:#fff; }
.footer-title { color:#fff; font-size:18px; font-weight:600; margin-bottom:18px; }
.footer-links ul li { margin-bottom:12px; }
.footer-links ul li a { font-size:14px; opacity:.75; transition:.3s; }
.footer-links ul li a:hover { opacity:1; color:#E87A20; }
.contact-list li { display:flex; align-items:flex-start; gap:12px; font-size:14px; margin-bottom:14px; opacity:.8; }
.contact-list li i { color:#E87A20; width:18px; margin-top:3px; flex-shrink:0; }
.contact-list li a { color:inherit; }
.contact-list li a:hover { color:#E87A20; }
.footer-bottom { display:flex; justify-content:space-between; align-items:center; padding-top:25px; font-size:14px; opacity:.6; }
.footer-bottom a { color:inherit; }
.footer-bottom a:hover { color:#E87A20; }

/* 回到顶部 */
.back-to-top { position:fixed; bottom:30px; right:30px; width:50px; height:50px; border-radius:50%; background:#E87A20; color:#fff; border:none; font-size:20px; cursor:pointer; box-shadow:0 4px 16px rgba(232,122,32,0.3); transition:.3s; opacity:0; visibility:hidden; z-index:999; }
.back-to-top.show { opacity:1; visibility:visible; }
.back-to-top:hover { background:#C96A1C; transform:translateY(-4px); }

/* 响应式 */
@media (max-width:1024px) {
    .about-wrapper { grid-template-columns:1fr; }
    .product-grid { grid-template-columns:repeat(3,1fr); }
    .advantages-grid { grid-template-columns:repeat(2,1fr); }
    .careers-grid { grid-template-columns:repeat(2,1fr); }
    .news-grid { grid-template-columns:repeat(2,1fr); }
    .footer-grid { grid-template-columns:1fr 1fr; gap:30px; }
}
@media (max-width:768px) {
    .header { height:60px; }
    .nav-menu { display:none; }
    .hamburger { display:flex; }
    .banner { height:70vh; margin-top:60px; }
    .banner-title { font-size:32px; }
    .banner-desc { font-size:17px; }
    .banner-arrow { width:40px; height:40px; font-size:16px; }
    .banner-arrow.prev { left:10px; }
    .banner-arrow.next { right:10px; }
    .about-stats { width:100%; margin-top:10px; flex-wrap:wrap; gap:10px; }
    .product-grid { grid-template-columns:repeat(2,1fr); gap:20px; }
    .advantages-grid { grid-template-columns:1fr 1fr; }
    .careers-grid { grid-template-columns:1fr 1fr; }
    .news-grid { grid-template-columns:1fr; }
    .footer-grid { grid-template-columns:1fr; }
    .footer-bottom { flex-direction:column; gap:10px; text-align:center; }
    .section { padding:60px 0; }
    .section-title { font-size:28px; }
}
@media (max-width:480px) {
    .product-grid { grid-template-columns:1fr; }
    .advantages-grid { grid-template-columns:1fr; }
    .careers-grid { grid-template-columns:1fr; }
    .banner-title { font-size:26px; }
    .logo-text { font-size:18px; }
    .stat-number { font-size:26px; }
}