:root{
  --primary:#0a5c8a;
  --primary-dark:#073f61;
  --primary-light:#1a7bb8;
  --accent:#e8a33d;
  --dark:#1a2433;
  --gray:#f5f7fa;
  --text:#333;
  --text-light:#666;
  --white:#fff;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;color:var(--text);line-height:1.7}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* 顶部信息栏 */
.topbar{background:var(--dark);color:#ccc;font-size:13px;padding:8px 0}
.topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.topbar a{color:#ccc;margin-left:15px}
.topbar a:hover{color:var(--accent)}

/* 头部 */
header{background:var(--white);box-shadow:0 2px 10px rgba(0,0,0,.08);position:sticky;top:0;z-index:100}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:15px 20px}
.logo{display:flex;align-items:center;gap:12px}
.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:bold}
.logo-text h1{font-size:20px;color:var(--primary);font-weight:bold;line-height:1.3}
.logo-text p{font-size:12px;color:var(--text-light);letter-spacing:1px}
nav ul{display:flex;list-style:none;gap:2px}
nav ul li{position:relative}
nav ul li a{display:block;padding:10px 14px;font-size:15px;color:var(--text);border-radius:5px;transition:.3s}
nav ul li a:hover,nav ul li a.active{background:var(--primary);color:#fff}
nav ul li .dropdown{position:absolute;top:100%;left:0;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.12);border-radius:8px;min-width:220px;display:none;z-index:200;padding:8px 0}
nav ul li:hover .dropdown{display:block}
nav ul li .dropdown a{display:block;padding:10px 18px;font-size:14px;border-radius:0;color:var(--text)}
nav ul li .dropdown a:hover{background:var(--gray);color:var(--primary)}

/* 移动端菜单 */
.menu-toggle{display:none;font-size:24px;cursor:pointer;color:var(--primary)}

/* 内页banner */
.page-banner{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 50%,var(--primary-light) 100%);color:#fff;padding:55px 0;text-align:center}
.page-banner h2{font-size:32px;margin-bottom:8px;letter-spacing:2px}
.page-banner p{font-size:15px;color:rgba(255,255,255,.85)}
.breadcrumb{font-size:13px;color:rgba(255,255,255,.7);margin-top:8px}
.breadcrumb a{color:rgba(255,255,255,.85)}
.breadcrumb a:hover{color:var(--accent)}

/* 通用板块 */
.section{padding:60px 0}
.section.gray{background:var(--gray)}
.section-head{text-align:center;margin-bottom:40px}
.section-head h3{font-size:28px;color:var(--primary-dark);margin-bottom:10px}
.section-head .line{width:60px;height:3px;background:var(--accent);margin:0 auto 14px;border-radius:2px}
.section-head p{color:var(--text-light);font-size:15px}

/* 按钮 */
.btn{display:inline-block;padding:11px 28px;border-radius:30px;font-size:15px;font-weight:bold;transition:.3s;cursor:pointer}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:#d18f27;transform:translateY(-2px)}
.btn-outline{border:2px solid rgba(255,255,255,.7);color:#fff}
.btn-outline:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}
.btn-blue{background:var(--primary);color:#fff}
.btn-blue:hover{background:var(--primary-dark)}

/* 起运地/目的地 */
.routes{background:var(--gray);padding:25px 0}
.route-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}
.route-label{min-width:70px;font-weight:bold;color:var(--primary-dark);font-size:15px;padding-top:2px}
.route-tags{display:flex;flex-wrap:wrap;gap:8px;flex:1}
.route-tag{background:#fff;border:1px solid #ddd;border-radius:20px;padding:4px 14px;font-size:13px;color:var(--text);transition:.3s}
.route-tag:hover{border-color:var(--primary);color:var(--primary);background:#f0f7fc}
.route-tag.hot{background:var(--accent);border-color:var(--accent);color:#fff}

/* 业务卡片 */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.service-card{background:#fff;border-radius:12px;padding:30px 25px;text-align:center;box-shadow:0 3px 15px rgba(0,0,0,.06);transition:.3s;border:1px solid #eee}
.service-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(10,92,138,.15);border-color:var(--primary-light)}
.service-icon{width:70px;height:70px;margin:0 auto 18px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff}
.service-card h4{font-size:18px;color:var(--primary-dark);margin-bottom:10px}
.service-card p{font-size:14px;color:var(--text-light);margin-bottom:15px}
.service-card .more{color:var(--primary);font-size:14px;font-weight:bold}
.service-card .more:hover{color:var(--accent)}

/* 优势 */
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.adv-item{background:#fff;border-radius:10px;padding:25px 20px;text-align:center;box-shadow:0 3px 12px rgba(0,0,0,.05)}
.adv-item .num{font-size:22px;font-weight:bold;color:var(--accent);margin-bottom:8px}
.adv-item h5{font-size:16px;color:var(--primary-dark);margin-bottom:8px}
.adv-item p{font-size:13px;color:var(--text-light)}

/* 流程 */
.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.flow-step{text-align:center}
.flow-num{width:56px;height:56px;margin:0 auto 15px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:50%;color:#fff;font-size:22px;font-weight:bold;display:flex;align-items:center;justify-content:center}
.flow-step h5{font-size:15px;color:var(--primary-dark);margin-bottom:8px}
.flow-step p{font-size:13px;color:var(--text-light)}

/* 资讯 */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.news-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.06);transition:.3s;border:1px solid #eee}
.news-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.1)}
.news-img{height:170px;background:linear-gradient(135deg,var(--primary-light),var(--primary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:36px}
.news-body{padding:20px}
.news-date{font-size:12px;color:var(--text-light);margin-bottom:8px}
.news-body h4{font-size:16px;color:var(--dark);margin-bottom:8px;line-height:1.5}
.news-body p{font-size:13px;color:var(--text-light);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 案例 */
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.case-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.06);border:1px solid #eee}
.case-img{height:150px;background:linear-gradient(135deg,#274b6d,#0a5c8a);display:flex;align-items:center;justify-content:center;color:#fff;font-size:40px}
.case-body{padding:18px 20px}
.case-body h4{font-size:16px;color:var(--primary-dark);margin-bottom:6px}
.case-body p{font-size:13px;color:var(--text-light)}

/* CTA */
.cta{background:linear-gradient(135deg,var(--accent),#d18f27);color:#fff;text-align:center;padding:55px 0}
.cta h3{font-size:28px;margin-bottom:12px}
.cta p{font-size:16px;margin-bottom:25px;opacity:.95}

/* 联系方式 */
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px}
.contact-info h4{font-size:22px;color:var(--primary-dark);margin-bottom:20px}
.contact-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}
.contact-item .icon{width:44px;height:44px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}
.contact-item h5{font-size:15px;color:var(--dark);margin-bottom:3px}
.contact-item p{font-size:14px;color:var(--text-light)}
.contact-form{background:#fff;border-radius:12px;padding:30px;box-shadow:0 3px 15px rgba(0,0,0,.08)}
.contact-form h4{font-size:20px;color:var(--primary-dark);margin-bottom:20px}
.form-group{margin-bottom:16px}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:.3s}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(10,92,138,.1)}
.form-group textarea{height:100px;resize:vertical}
.form-submit{width:100%;padding:13px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:bold;cursor:pointer;transition:.3s}
.form-submit:hover{background:var(--primary-dark)}

/* 内容页 */
.content-page{padding:50px 0 60px}
.content-page h2{color:var(--primary-dark);font-size:26px;margin:30px 0 15px;padding-left:14px;border-left:4px solid var(--accent)}
.content-page h2:first-child{margin-top:0}
.content-page h3{color:var(--primary);font-size:20px;margin:25px 0 12px}
.content-page p{color:var(--text-light);font-size:15px;margin-bottom:14px;line-height:1.9}
.content-page ul,.content-page ol{padding-left:25px;margin-bottom:14px}
.content-page li{color:var(--text-light);font-size:15px;line-height:2}
.content-page table{width:100%;border-collapse:collapse;margin:18px 0}
.content-page table th{background:var(--primary);color:#fff;padding:12px;font-size:14px;text-align:center}
.content-page table td{padding:11px;border:1px solid #ddd;font-size:14px;text-align:center}
.content-page table tr:nth-child(even){background:var(--gray)}
.content-page .note{background:#fff8ec;border:1px solid #f0d9a8;border-radius:8px;padding:15px 20px;font-size:14px;color:#8a6d3b;margin:18px 0}

/* 页脚 */
footer{background:var(--dark);color:#aaa;padding:50px 0 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:30px;padding-bottom:35px}
.footer-grid h5{color:#fff;font-size:16px;margin-bottom:16px}
.footer-grid p{font-size:13px;line-height:1.9}
.footer-links li{list-style:none;margin-bottom:8px}
.footer-links a{font-size:13px;color:#aaa;transition:.3s}
.footer-links a:hover{color:var(--accent)}
.footer-contact li{list-style:none;margin-bottom:8px;font-size:13px}
.copyright{background:rgba(0,0,0,.2);text-align:center;padding:15px 0;font-size:12px;color:#777}

/* 返回顶部 */
.back-top{position:fixed;right:25px;bottom:25px;width:44px;height:44px;background:var(--primary);color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.2);z-index:99}
.back-top.show{display:flex}

/* 响应式 */
@media(max-width:992px){
  .contact-grid{grid-template-columns:1fr}
  .services-grid,.news-grid,.case-grid{grid-template-columns:repeat(2,1fr)}
  .adv-grid{grid-template-columns:repeat(2,1fr)}
  .flow-steps{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .menu-toggle{display:block}
  nav{position:fixed;top:78px;left:0;right:0;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1);display:none;z-index:99;max-height:80vh;overflow-y:auto}
  nav.open{display:block}
  nav ul{flex-direction:column;padding:10px}
  nav ul li a{padding:12px 16px}
  nav ul li .dropdown{position:static;display:none;box-shadow:none;min-width:auto;padding:0 0 0 20px}
  nav ul li:hover .dropdown{display:none}
  nav ul li.open .dropdown{display:block}
  .services-grid,.news-grid,.case-grid{grid-template-columns:1fr}
  .adv-grid{grid-template-columns:1fr 1fr}
  .flow-steps{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .topbar .right{display:none}
}
