:root{
  --primary:#c7443e; --primary-dark:#a93226; --primary-light:#e74c3c;
  --dark:#1a2530; --gray:#6b7a8d; --light:#f6f8fa; --border:#e8edf2;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{ color:#2c3e50;background:#fff;line-height:1.7;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;}
.container{max-width:1240px;margin:0 auto; }

/* ===== Top Bar ===== */
.topbar{background:var(--dark);color:#c8d2dc;font-size:13px;padding:6px 0;}
.topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.topbar a{color:#c8d2dc;margin-right:18px;transition:.3s;}
.topbar a:hover{color:#fff;}
.topbar .tb-right{display:flex;align-items:center;gap:14px;}

/* ===== Header / Nav ===== */
.header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 2px 18px rgba(0,0,0,.06);}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px;}
.logo{display:flex;align-items:center;gap:12px;}
.logo-mark{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 6px 16px rgba(199,68,62,.35);}
.logo-text{line-height:1.2;}
.logo-text b{font-size:20px;letter-spacing:.5px;color:var(--dark);}
.logo-text b span{color:var(--primary);}
.logo-text small{font-size:11px;color:var(--gray);letter-spacing:2px;}
.menu{display:flex;align-items:center;gap:4px;}
.menu>li{list-style:none;position:relative;}
.menu>li>a{display:flex;align-items:center;gap:5px;padding:26px 16px;font-size:15px;color:#34495e;font-weight:500;transition:.3s;position:relative;}
.menu>li>a::after{content:"";position:absolute;left:16px;right:16px;bottom:14px;height:3px;border-radius:3px;background:var(--primary);transform:scaleX(0);transition:.3s;}
.menu>li>a:hover,.menu>li.active>a{color:var(--primary);}
.menu>li>a:hover::after,.menu>li.active>a::after{transform:scaleX(1);}
.menu>li>a .fa-chevron-down{font-size:10px;opacity:.6;}
.dropdown{position:absolute;top:100%;left:0;min-width:190px;background:#fff;border-radius:10px;box-shadow:0 12px 36px rgba(0,0,0,.14);padding:8px;opacity:0;visibility:hidden;transform:translateY(12px);transition:.3s;border:1px solid var(--border);}
.menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown a{display:block;padding:10px 16px;border-radius:8px;font-size:14px;color:#455a64;transition:.2s;}
.dropdown a:hover{background:#fdecea;color:var(--primary);}
.nav-right{display:flex;align-items:center;gap:14px;}
.nav-login{display:flex;align-items:center;gap:8px;padding:9px 20px;border-radius:50px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:14px;box-shadow:0 6px 16px rgba(199,68,62,.35);transition:.3s;}
.nav-login:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(199,68,62,.4);}

.menu-login-m{display:none;}

/* 汉堡按钮（桌面隐藏，移动端显示） */
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:10px;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;flex-shrink:0;}
.nav-toggle span{display:block;height:2px;background:#333;border-radius:2px;transition:.3s;}
.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle.active span:nth-child(2){opacity:0;}
.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* Language Switcher (from user code) */
.lang-switcher{position:relative;display:inline-block;}
.lang-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px;color:#333;transition:all .3s;border:none;background:transparent;}
.lang-btn:hover{color:#c0392b;}
.lang-arrow{font-size:10px;transition:transform .3s;}
.lang-switcher.open .lang-arrow{transform:rotate(180deg);}
.lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:170px;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s;z-index:1000;border:1px solid #eee;}
.lang-switcher.open .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.lang-item{display:flex;align-items:center;gap:8px;padding:10px 16px;text-decoration:none;color:#333;font-size:14px;transition:background .2s;}
.lang-item:hover{background:#f5f5f5;}
.lang-item.active{background:#c0392b;color:#fff;}
.lang-item i{font-size:12px;width:16px;text-align:center;}

/* ===== Hero ===== */
.hero{position:relative;background:#16222e;color:#fff;padding:120px 0 80px;overflow:hidden;height:620px;}
.hero-slider{position:absolute;inset:0;z-index:0;}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.4s ease,transform 4s ease;transform:scale(1.08);}
.hero-slide.active{opacity:1;transform:scale(1);}
.hero-slider::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(18,28,38,.90) 0%,rgba(30,45,60,.74) 55%,rgba(44,66,84,.55) 100%);}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(to top,rgba(255,255,255,.05),transparent);z-index:1;}
.hero .container{position:relative;z-index:2;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:7px 18px;border-radius:50px;font-size:13px;letter-spacing:2px;margin-bottom:22px;backdrop-filter:blur(4px);}
.hero h1{font-size:56px;font-weight:800;letter-spacing:3px;line-height:1.15;}
.hero h1 span{color:var(--primary-light);}
.hero .sub{font-size:20px;letter-spacing:6px;color:#f0b8b5;margin:10px 0 8px;font-weight:600;}
.hero p.desc{font-size:16px;color:#aebcc9;max-width:620px;margin-bottom:40px;}
.track-panel{display:flex;gap:16px;margin-top:110px;justify-content:center;flex-wrap:wrap;}
.track-mod{background:linear-gradient(135deg,#c7443e,#b03a2e);color:#fff;padding:2px 30px;display:flex;align-items:center;justify-content:center;transition:.35s; border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,.32);flex:0 1 auto;border:1px solid rgba(255,255,255,.12);}
.track-mod:hover{background:linear-gradient(135deg,#d4523c,#c0402f);transform:translateY(-4px);box-shadow:0 20px 48px rgba(0,0,0,.38);}
.track-mod.track-search{justify-content:stretch;flex:1 1 320px; min-width:260px;}
.search-wrap{background:#fff;border-radius:12px;display:flex;align-items:center;padding-left:18px;height:60px;width:100%;box-shadow:inset 0 2px 6px rgba(0,0,0,.06),0 4px 14px rgba(0,0,0,.14);}
.search-wrap input{flex:1;border:none;outline:none;font-size:16px;color:#333;min-width:0;background:transparent;}
.search-wrap input::placeholder{color:#b0b0b0;}
.search-wrap button{border:none;background:#fdecea;color:var(--primary);font-size:20px;cursor:pointer;width:52px;height:52px;border-radius:10px;margin-right:4px;display:flex;align-items:center;justify-content:center;transition:.25s;flex-shrink:0;}
.search-wrap button:hover{background:var(--primary);color:#fff;}
.t-btn{display:flex;flex-direction:row;align-items:center;gap:18px;cursor:pointer;padding:10px 14px;background:transparent;border:none;color:#fff;transition:.3s;}
a.t-btn{text-decoration:none;color:#fff;}
.t-btn:hover{transform:translateX(4px);}
.t-ic{ height:56px;display:flex;align-items:center;justify-content:center;font-size:58px;transition:.35s;flex-shrink:0;}
.t-btn:hover .t-ic{transform:scale(1.15);}
.t-btn span{font-size:19px;font-weight:500;letter-spacing:2px;white-space:nowrap;}

/* ===== Section Head ===== */
.section{padding:90px 0;}
.sections{padding:30px 0;}

/* bg-light 区块背景图（模糊处理 + 白色遮罩，保证内容可读） */
.section.bg-light{position:relative;overflow:hidden;}
.section.bg-light::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.38);z-index:1;pointer-events:none;}
.section.bg-light .container{position:relative;z-index:2;}

/* OUR SERVICES 版块：淡灰背景，与上方白色版块做区分 */
.section.bg-soft{background-color:#f5f7fa;}
.section-head{text-align:center;margin-bottom:54px;}
.section-head .tag{display:inline-block;background:#fdecea;color:var(--primary);padding:5px 16px;border-radius:50px;font-size:13px;letter-spacing:2px;font-weight:600;margin-bottom:14px;}
.section-head h2{font-size:34px;color:var(--dark);font-weight:800;letter-spacing:1px;}
.section-head h2 em{font-style:normal;color:var(--primary);}
.section-head p{color:var(--gray);font-size:15px;margin-top:10px;}
 

/* ===== Advantages ===== */
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.adv-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:34px 26px;text-align:center;transition:.35s;position:relative;overflow:hidden;}
.adv-card::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light));transform:scaleX(0);transition:.35s;transform-origin:left;}
.adv-card:hover{transform:translateY(-8px);box-shadow:0 18px 42px rgba(0,0,0,.1);border-color:transparent;}
.adv-card:hover::after{transform:scaleX(1);}
.adv-icon{width:78px;height:78px;margin:0 auto 20px;border-radius:22px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 12px 26px rgba(199,68,62,.35);}
.adv-card:nth-child(2) .adv-icon{background:linear-gradient(135deg,#e67e22,#d35400);box-shadow:0 12px 26px rgba(230,126,34,.35);}
.adv-card:nth-child(3) .adv-icon{background:linear-gradient(135deg,#2980b9,#1f618d);box-shadow:0 12px 26px rgba(41,128,185,.35);}
.adv-card:nth-child(4) .adv-icon{background:linear-gradient(135deg,#27ae60,#1e8449);box-shadow:0 12px 26px rgba(39,174,96,.35);}
.adv-card h3{font-size:18px;margin-bottom:10px;color:var(--dark);}
.adv-card p{font-size:14px;color:var(--gray);}

/* ===== Promo Banner ===== */
.promo{display:flex;flex-direction:row;height:440px;background:#f2f4f6;}
.promo-img{flex:1 1 0%;background-size:cover;background-repeat:no-repeat;display:block;}
.promo-a{background-image:url('../a.png');background-position:right center;background-color:#c7443e;}
.promo-b{background-image:url('../b.png');background-position:left center;background-color:#f2f4f6;}
@media(max-width:1200px){.promo{flex-direction:column;height:400px;}}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}

/* ===== Products ===== */
.prod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;}
.prod-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:34px;display:flex;gap:26px;transition:.35s;position:relative;overflow:hidden;cursor:pointer;}
.prod-card::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--primary);opacity:0;transition:.3s;}
.prod-card:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(0,0,0,.1);}
.prod-card:hover::before{opacity:1;}
.prod-logo{width:150px;height:150px;border-radius:20px;border:1px solid #e8edf2;overflow:hidden;flex-shrink:0;display:block;}
.prod-logo img{width:100%;height:100%;object-fit:cover;display:block;}
.prod-body h3{font-size:21px;margin-bottom:10px;color:var(--dark);display:flex;align-items:center;gap:10px;}
.prod-body h3 .hot{background:var(--primary);color:#fff;font-size:11px;padding:2px 10px;border-radius:20px;font-weight:500;}
.prod-body p{font-size:14px;color:var(--gray);line-height:1.9;margin-bottom:16px;}
.prod-more{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:700;font-size:14px;}
.prod-more i{transition:.3s;}
.prod-more:hover i{transform:translateX(5px);}
.prod-more::after{content:"";position:absolute;inset:0;z-index:1;}
.prod-center{margin-top:48px;text-align:center;}
.prod-center a{display:inline-flex;align-items:center;gap:10px;padding:14px 38px;border-radius:50px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:600;box-shadow:0 10px 26px rgba(199,68,62,.35);transition:.3s;}
.prod-center a:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(199,68,62,.45);}

/* ===== Partners ===== */
.partner-title{font-size:44px;font-weight:400;color:#333;line-height:1;margin:0 0 50px;}
.partner-cont{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:1px;background:#f2f2f2;border:1px solid #f2f2f2;grid-auto-flow:dense;}
.partner-cont a{background:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;}

.partner-cont img{max-height:130px;max-width:85%;display:block;object-fit:contain;}
@media(max-width:1200px){
  .partner-title{font-size:28px;text-align:center;margin:0 0 20px;}
  .partner-cont{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(7,1fr);}
  .partner-cont img{max-height:96px;}
}

/* ===== World Map Block ===== */
.world{background:linear-gradient(135deg,#16222e,#20303f);color:#fff;padding:90px 0;position:relative;overflow:hidden;}
.world::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 320px at 50% 40%,rgba(199,68,62,.28),transparent 65%);}
.world .container{position:relative;z-index:2;text-align:center;}
.map-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:820px;margin:0 auto 40px;}
.map-dots span{width:10px;height:10px;border-radius:2px;background:rgba(255,255,255,.14);}
.map-dots span.on{background:var(--primary-light);box-shadow:0 0 10px rgba(231,76,60,.7);animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.5;}}
.world h2{font-size:40px;letter-spacing:8px;font-weight:800;}
.world h2 em{font-style:normal;color:var(--primary-light);}
.world .w-sub{color:#9fb0bf;letter-spacing:4px;font-size:15px;margin-top:12px;}
.world-veh{display:flex;justify-content:center;gap:40px;margin-top:36px;font-size:30px;color:#f0b8b5;}
.world-veh i{animation:float 4s ease-in-out infinite;}
.world-veh i:nth-child(2){animation-delay:1s;}
.world-veh i:nth-child(3){animation-delay:2s;}
.world-veh i:nth-child(4){animation-delay:3s;}

/* ===== Footer ===== */
.footer{background:#0f171f;color:#9fb0bf;padding:70px 0 0;font-size:14px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:40px;padding-bottom:46px;}
.footer h4{color:#fff;font-size:16px;margin-bottom:20px;position:relative;padding-bottom:12px;}
.footer h4::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:3px;background:var(--primary);}
.footer-about p{line-height:1.9;margin-top:16px;}
.footer-links a{display:flex;align-items:center;gap:8px;padding:7px 0;transition:.3s;}
.footer-links a i{font-size:10px;color:var(--primary);}
.footer-links a:hover{color:#fff;padding-left:6px;}
.footer-contact li{list-style:none;display:flex;gap:12px;align-items:flex-start;padding:8px 0;}
.footer-contact i{color:var(--primary);margin-top:4px;width:18px;}
.footer-qr{width:132px;height:132px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;}
.qr-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:2px;padding:10px;}
.qr-grid i{display:block;aspect-ratio:1;background:#111;border-radius:1px;}
.qr-grid i.x{background:#fff;}
.footer-qr-note{font-size:12px;color:#7b8b9c;margin-top:10px;text-align:center;}
.copyright{border-top:1px solid rgba(255,255,255,.08);padding:20px 0;font-size:13px;}
.copyright .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.copyright a{color:#7b8b9c;margin-left:18px;transition:.3s;}
.copyright a:hover{color:#fff;}


/* ===== Responsive ===== */
@media(max-width:992px){
  .nav-toggle{display:flex !important;background:#fff !important;border:1px solid #ccc !important;padding:8px !important;gap:4px !important;}
  .header .nav{padding:0 12px;}
  .nav-toggle span{display:block !important;width:22px !important;height:3px !important;margin:0 !important;flex-shrink:0 !important;background:#333 !important;border-radius:2px !important;}
  .lang-name{display:none !important;}
  .lang-arrow{display:none !important;}
  .lang-switcher{font-size:52px !important;padding:0 4px !important;gap:0 !important;line-height:1;}
  .lang-btn{width:42px !important;height:42px !important;justify-content:center !important;padding:0 !important;gap:0 !important;font-size:16px !important;}
  .lang-btn .fa-globe{font-size:22px !important;}
  .lang-dropdown .lang-item i{display:none !important;}
  .lang-dropdown .lang-item span{display:inline !important;}
  .menu{display:flex;position:fixed;top:74px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:8px 0;max-height:calc(100vh - 74px);overflow-y:auto;transform:translateY(-16px);opacity:0;visibility:hidden;transition:.3s;z-index:998;margin:0;}
  .menu.open{transform:translateY(0);opacity:1;visibility:visible;}
  .menu>li{width:100%;border-bottom:1px solid #f2f2f2;}
  .menu-login-m{display:block;}
  .menu-login-m a{display:flex;align-items:center;gap:8px;margin:12px 20px;padding:12px 20px;border-radius:50px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff !important;font-size:14px;justify-content:center;}
  .menu>li>a{padding:14px 20px;font-size:15px;}
  .menu>li>a:hover,.menu>li.active>a{color:#34495e !important;}
  .menu>li>a:hover::after,.menu>li.active>a::after{transform:scaleX(0) !important;}
  .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;min-width:0;padding:2px 0 8px 20px;background:transparent;}
  .dropdown a{padding:10px 16px;}
  .menu>li:hover .dropdown{transform:none;}
  .track-panel{gap:12px;}
  .track-mod{flex:1 1 45%;}
  .adv-grid{grid-template-columns:repeat(2,1fr);}
  .prod-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:repeat(2,1fr);}
  .hero h1{font-size:38px;}

  .hero {
    position: relative;
    background: #16222e;
    color: #fff;
    padding: 80px 0 60px;
    overflow: hidden;
    height:auto;
}

}
@media(max-width:640px){
  .section{padding:60px 0;}
  .hero .container{padding:0 18px;}
  .track-panel{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;padding:0;}
  .track-mod.track-search{flex:1 1 100%;max-width:100%;}
  .track-mod{flex:0 1 auto;max-width:118px;padding:0 6px;border-radius:14px;}
  .track-mod .t-btn{flex-direction:row;gap:6px;padding:10px 6px;}
  .track-mod .t-ic{font-size:22px;height:auto;}
  .track-mod .t-btn span{font-size:13px;letter-spacing:1px;}
  .footer-grid{grid-template-columns:1fr;}
  .nav-login{display:none;}
}


#translate{ display: none; }