.header-nav * { margin:0; padding:0; list-style:none; text-decoration:none; box-sizing:border-box; }
.header-nav img { display:block; width:100%; height:auto; border:none; }
.header-nav body { font-family:"Microsoft YaHei","苹方","PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif; background:#fafcff; }
.header-nav .header-nav-topbar { width:100%; background:#2c3e50; height:48px; position:relative; overflow:hidden; border-bottom:2px solid #015bac; transition:transform 0.3s ease, opacity 0.3s ease, max-height 0.3s ease, margin 0.3s ease, padding 0.3s ease; }
.header-nav .header-nav-topbar.scroll-hide { transform:translateY(-100%); opacity:0; max-height:0; padding:0; margin:0; border:none; overflow:hidden; }
.header-nav .header-nav-topbar-wrap { max-width:1400px; margin:0 auto; width:100%; height:100%; position:relative; padding:0 20px; display:flex; align-items:center; justify-content:space-between; }
.header-nav .header-nav-topbar-left { color:#fff; font-size:15px; letter-spacing:0.3px; }
.header-nav .header-nav-topbar-left i { margin-right:10px; color:#ff7820; }
.header-nav .header-nav-topbar-right { background:#015bac; padding:0 32px; height:48px; display:flex; align-items:center; clip-path:polygon(30px 0,100% 0,100% 100%,0 100%); padding-left:50px; }
.header-nav .header-nav-topbar-right a { color:#fff; font-size:15px; font-weight:500; letter-spacing:0.5px; }
.header-nav .header-nav-topbar-right i { margin-right:8px; }
.header-nav .header-nav-main { width:100%; background:#ffffff; box-shadow:0 4px 20px rgba(0,0,0,0.04); position:relative; z-index:100; border-bottom:1px solid #eef3f8; }
.header-nav .header-nav-main.fixed { position:fixed; top:0; left:0; z-index:1000; box-shadow:0 4px 30px rgba(0,0,0,0.12); animation:header-nav-slideDown 0.3s ease; }
@keyframes header-nav-slideDown { from { transform:translateY(-100%); } to { transform:translateY(0); } }
.header-nav .header-nav-main-wrap { max-width:1400px; margin:0 auto; width:100%; padding:0 20px; display:flex; align-items:center; justify-content:space-between; height:80px; position:relative; }
.header-nav .nav-logo { flex:0 0 240px; }
.header-nav .nav-logo a { display:inline-block; }
.header-nav .nav-logo img { height:60px; width:auto; object-fit:contain; }
.header-nav .nav-menu { display:flex; align-items:center; height:100%; margin:0 20px; }
.header-nav .nav-menu>ul { display:flex; align-items:center; height:100%; gap:0; }
.header-nav .nav-menu>ul>li { position:relative; height:100%; display:flex; align-items:center; padding:0 18px; cursor:pointer; }
.header-nav .nav-menu>ul>li>a { display:flex; align-items:center; gap:4px; font-size:16px; font-weight:600; color:#1a2634; padding:6px 0; position:relative; transition:color 0.25s ease; white-space:nowrap; height:100%; }
.header-nav .nav-menu>ul>li>a::after { content:''; position:absolute; bottom:2px; left:50%; transform:translateX(-50%); width:0; height:3px; background:#015bac; border-radius:2px; transition:width 0.35s cubic-bezier(0.25,0.46,0.45,0.94),left 0.35s cubic-bezier(0.25,0.46,0.45,0.94); }
.header-nav .nav-menu>ul>li:hover>a { color:#015bac; }
.header-nav .nav-menu>ul>li:hover>a::after { width:100%; left:0%; transform:translateX(0%); }
.header-nav .nav-menu>ul>li>a .arrow-down { font-size:12px; color:#8899aa; margin-left:2px; transition:transform 0.3s ease; display:inline-block; }
.header-nav .nav-menu>ul>li:hover>a .arrow-down { transform:rotate(180deg); color:#015bac; }
.header-nav .nav-menu .dropdown-menu { position:absolute; top:100%; left:50%; transform:translateX(-50%); background:#ffffff; min-width:200px; padding:8px 0;
 border-radius:0px 0px 12px 12px; box-shadow:0 12px 40px rgba(0,0,0,0.10); border:1px solid #eef3f8; z-index:200; opacity:0; visibility:hidden; max-height:0; overflow:hidden; transition:opacity 0.25s ease,max-height 0.3s ease,visibility 0s 0.3s; pointer-events:none; margin-top:0; }
.header-nav .nav-menu>ul>li::before { content:''; position:absolute; top:100%; left:0; width:100%; height:20px; background:transparent; z-index:199; pointer-events:none; transition:pointer-events 0s; }
.header-nav .nav-menu>ul>li:hover::before { pointer-events:auto; }
.header-nav .nav-menu>ul>li:hover .dropdown-menu, .header-nav .dropdown-menu:hover { opacity:1; visibility:visible; max-height:400px; transition:opacity 0.25s ease,max-height 0.3s ease,visibility 0s 0s; pointer-events:auto; }
.header-nav .dropdown-menu li { margin:0; padding:0; width:100%; }
.header-nav .dropdown-menu a { display:block; padding:10px 24px; text-align:left; color:#1e2a3a; font-size:14px; font-weight:500; transition:all 0.2s ease; border-left:3px solid transparent; white-space:nowrap; }
.header-nav .dropdown-menu a:hover { background:#f5faff; color:#015bac; border-left-color:#015bac; padding-left:28px; }
.header-nav .nav-tools { display:flex; align-items:center; gap:20px; flex-shrink:0; }
.header-nav .lang-selector { position:relative; cursor:pointer; display:flex; align-items:center; gap:6px; font-size:14px; color:#1a2634; font-weight:500; padding:6px 10px; border-radius:6px; transition:background 0.2s; user-select:none; z-index:50; }
.header-nav .lang-selector:hover { background:#f0f4fa; }
.header-nav .lang-selector .globe-icon { display:inline-block; animation:header-nav-spinGlobe 6s linear infinite; font-size:18px; color:#015bac; }
@keyframes header-nav-spinGlobe { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } }
.header-nav .lang-selector .lang-arrow { font-size:12px; color:#8899aa; transition:transform 0.3s ease; }
.header-nav .lang-selector:hover .lang-arrow { transform:rotate(180deg); }
.header-nav .lang-dropdown { position:absolute; top:calc(100% + 8px); left:50%; transform:translateX(-50%); background:#ffffff; min-width:160px; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.10); border:1px solid #eef3f8; padding:8px 0; z-index:300; opacity:0; visibility:hidden; max-height:0; overflow:hidden; transition:opacity 0.25s ease,max-height 0.3s ease,visibility 0s 0.3s; pointer-events:none; }
.header-nav .lang-selector:hover .lang-dropdown, .header-nav .lang-dropdown:hover { opacity:1; visibility:visible; max-height:200px; transition:opacity 0.25s ease,max-height 0.3s ease,visibility 0s 0s; pointer-events:auto; }
.header-nav .lang-dropdown a { display:flex; align-items:center; gap:10px; padding:10px 20px; color:#1a2634; font-size:14px; font-weight:400; transition:background 0.2s; pointer-events:auto; cursor:pointer; }
.header-nav .lang-dropdown a:hover { background:#f5faff; color:#015bac; }
.header-nav .lang-dropdown a img { width:24px; height:18px; border-radius:2px; object-fit:cover; }
.header-nav .search-wrapper { position:relative; display:flex; align-items:center; z-index:50; }
.header-nav .search-toggle { font-size:20px; color:#1a2634; cursor:pointer; padding:6px 8px; border-radius:6px; transition:background 0.2s,color 0.2s; }
.header-nav .search-toggle:hover { background:#f0f4fa; color:#015bac; }
.header-nav .search-dropdown { position:absolute; top:calc(100% + 8px); right:0; background:#ffffff; width:280px; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.10); border:1px solid #eef3f8; padding:12px 16px; z-index:300; opacity:0; visibility:hidden; max-height:0; overflow:hidden; transition:opacity 0.25s ease,max-height 0.3s ease,visibility 0s 0.3s; pointer-events:none; }
.header-nav .search-wrapper:hover .search-dropdown, .header-nav .search-dropdown:hover { opacity:1; visibility:visible; max-height:120px; transition:opacity 0.25s ease,max-height 0.3s ease,visibility 0s 0s; pointer-events:auto; }
.header-nav .search-dropdown form { display:flex; align-items:center; background:#f5f7fa; border-radius:30px; padding:0 6px; border:1px solid #e0e6ed; transition:border-color 0.2s; pointer-events:auto; }
.header-nav .search-dropdown form:focus-within { border-color:#015bac; }
.header-nav .search-dropdown input[type="text"] { flex:1; border:none; background:transparent; padding:10px 12px; font-size:14px; outline:none; color:#1a2634; pointer-events:auto; }
.header-nav .search-dropdown input[type="text"]::placeholder { color:#aab3c0; }
.header-nav .search-dropdown button { background:transparent; border:none; color:#1a2634; font-size:18px; padding:8px 12px 8px 8px; cursor:pointer; transition:color 0.2s; border-radius:30px; pointer-events:auto; }
.header-nav .search-dropdown button:hover { color:#015bac; }
.header-nav .mobile-hamburger { display:none; font-size:28px; color:#1a2634; cursor:pointer; padding:6px 0; line-height:1; z-index:60; }
.header-nav .mobile-hamburger:hover { color:#015bac; }
.header-nav .mobile-menu { display:none; position:absolute; top:100%; left:0; width:100%; background:#ffffff; border-top:1px solid #eef3f8; box-shadow:0 12px 28px rgba(0,0,0,0.06); z-index:150; padding:8px 0; max-height:80vh; overflow-y:auto; }
.header-nav .mobile-menu.open { display:block; }
.header-nav .mobile-menu ul { display:flex; flex-direction:column; }
.header-nav .mobile-menu li { width:100%; border-bottom:1px solid #f0f4fa; }
.header-nav .mobile-menu li:last-child { border-bottom:none; }
.header-nav .mobile-menu a { display:flex; justify-content:space-between; align-items:center; padding:14px 30px; color:#1a2634; font-size:16px; font-weight:500; transition:background 0.15s; }
.header-nav .mobile-menu a:hover { background:#f5faff; color:#015bac; }
.header-nav .mobile-menu .mobile-sub-toggle { cursor:pointer; }
.header-nav .mobile-menu .mobile-sub-menu { display:none; background:#f8fafc; padding-left:20px; }
.header-nav .mobile-menu .mobile-sub-menu.open { display:block; }
.header-nav .mobile-menu .mobile-sub-menu li { border-bottom:1px solid #e8eef4; }
.header-nav .mobile-menu .mobile-sub-menu li:last-child { border-bottom:none; }
.header-nav .mobile-menu .mobile-sub-menu a { padding:12px 30px; font-size:15px; font-weight:400; color:#33475b; }
.header-nav .mobile-menu .mobile-sub-menu a:hover { background:#edf5ff; }
.header-nav .mobile-menu .mobile-sub-toggle .fa-chevron-down { transition:transform 0.3s ease; }
.header-nav .mobile-menu .mobile-sub-toggle.open .fa-chevron-down { transform:rotate(180deg); }
.header-nav .demo-placeholder { max-width:1280px; margin:40px auto; padding:0 30px; font-size:18px; color:#2c3e50; text-align:center; }
.header-nav .header-nav-spacer { display:none; height:0; }
@media screen and (max-width:1280px) { .header-nav .header-nav-main-wrap { padding:0 24px; } .header-nav .nav-logo { flex:0 0 200px; } .header-nav .nav-menu>ul>li { padding:0 12px; } .header-nav .nav-menu>ul>li>a { font-size:15px; } }
@media screen and (max-width:992px) {
    .header-nav .header-nav-topbar { display:none !important; }
    .header-nav .nav-menu { display:none; }
    .header-nav .nav-tools { display:none; }
    .header-nav .mobile-hamburger { display:block; }
    .header-nav .header-nav-main-wrap { height:64px; padding:0 16px; }
    .header-nav .nav-logo { flex:0 0 160px; }
    .header-nav .nav-logo img { height:44px; }
    .header-nav .header-nav-main.fixed { animation:none; }
    .header-nav .header-nav-main { position:relative; top:auto; left:auto; }
    .header-nav .header-nav-main.fixed { position:fixed; top:0; left:0; }
}
@media screen and (max-width:768px) {
    .header-nav .header-nav-topbar { display:none !important; }
    .header-nav .header-nav-main-wrap { padding:0 16px; height:56px; }
    .header-nav .nav-logo { flex:0 0 130px; }
    .header-nav .nav-logo img { height:38px; }
    .header-nav .mobile-menu a { padding:12px 20px; font-size:15px; }
    .header-nav .mobile-menu .mobile-sub-menu a { padding:10px 20px; font-size:14px; }
    .header-nav .header-nav-main.fixed { position:fixed; top:0; left:0; }
}
@media screen and (max-width:480px) {
    .header-nav .header-nav-topbar { display:none !important; }
    .header-nav .header-nav-main-wrap { padding:0 12px; height:50px; }
    .header-nav .nav-logo { flex:0 0 100px; }
    .header-nav .nav-logo img { height:32px; }
    .header-nav .mobile-hamburger { font-size:22px; }
    .header-nav .mobile-menu a { padding:10px 16px; font-size:14px; }
    .header-nav .header-nav-main.fixed { position:fixed; top:0; left:0; }
}