
.lang{width:auto;position:relative;z-index:9999;text-align:left;margin-left:10px;padding-top:7px;}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;user-select:none;white-space:nowrap}
.lang-icon>img{margin-right:5px;margin-top:3px}
.lang-icon span{position:relative;padding-right:18px;color:var(--headercolor)}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:var(--headercolor);transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:var(--headercolor);transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(25%)}
.lang-drop.lang-flex .lang-arrow{left:75%}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{width:340px;display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:1024px){
.lang{margin-left:auto;position:fixed;top:12px;right:60px;transition:all .2s linear}
.lang-icon span{display:none}
.lang-icon>img{width:36px;height:24px;margin-top:0px}
.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:60px!important;position:fixed;width:calc(100vw - 20px)}
.lang-drop.lang-flex.active{top:54px!important}
.lang-flex .lang-wrap{width:100%}
.lang-drop.lang-flex .lang-arrow{left:82%}
.lang-drop{display:none}
.lang-drop.active{display:block}}


/* 语言切换按钮容器 */
        .language-switcher {
            position: relative;
            display: inline-block;float: right;padding: 0 0 0 10px;
			
        }

        /* 语言切换按钮 */
        .language-btn {
           border-radius: 4px;
		   cursor: pointer;
		   color: #333;
		   display: flex;
        }

        .language-btn .globe-icon {
            font-size: 16px; padding-right: 7px;
        }

        .language-btn .arrow-icon {
            margin-left: 5px;
            transition: transform 0.3s; font-size: 12px;margin-top: 4px;
        }
		.language-list .hidden{ display:none}

        /* 下拉框容器 */
        .language-dropdown {
            position: absolute;
            top: calc(100% + 5px);
            right: 0;
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: none;
            z-index: 1000;
			width:180px;
        }

        /* 语言列表 */
        .language-list {
            display: grid;/* 
            grid-template-columns: repeat(3, 1fr); */
            gap: 5px;
            padding: 10px;
            max-height: 230px;
            overflow-y: auto;
        }

        /* 语言选项 */
        .language-item {
            display: flex;
            align-items: center;
            padding: 12px 14px;
            cursor: pointer;
            border-radius: 4px;
            gap: 5px;
            color: #333;
			    height: 40px;overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
        }
		.language-item a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
        .language-item:hover {
            background: #f5f5f5;
        }

        .language-item img {
            width: 16px;
            height: 12px;
            object-fit: cover;
        }

        /* More Language按钮 */
        .more-languages {
            text-align: center;
            padding: 8px;
            border-top: 1px solid #eee;
            cursor: pointer;
            color: #666;
            height: 40px;
	
        }

        .more-languages:hover {
            color: #333;
            background: #f5f5f5;
        }

        /* 展开状态 */
         .language-dropdown.active {
            display: block;
            background: white;
        }

        .language-list.show-all {
            max-height: 400px;
        }

        /* 滚动条样式 */
        .language-list::-webkit-scrollbar {
            width: 6px;
        }

        .language-list::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .language-list::-webkit-scrollbar-thumb {
            background: #ccc;
            border-radius: 3px;
        }

        .language-list::-webkit-scrollbar-thumb:hover {
            background: #9990
        }
		
		@media screen and (max-width: 800px) {
	.language-dropdown{position: absolute;right:-50px !important; top:45px !important;width:370px;}
	.current-lang{display:none;}
}


/* ============================================================
	   导航菜单样式（桌面下拉 + 手机端侧滑/手风琴）
	   ============================================================ */

	/* ===== 桌面端：二级栏目下拉（作用域限定 header .navbar-nav） ===== */
	header .navbar-nav{ float:left; margin:0; padding:0; list-style:none; }
	header .navbar-nav > li{ float:left; margin:0; padding:0; list-style:none; }
	header .navbar-nav > li > a{ display:block; padding:30px 20px; color:#fff; text-transform:uppercase; text-decoration:none; background:transparent; font-size: 18px; }
	header .navbar-nav > li:hover{ background:#f07517; }/* 
	header .navbar-nav > li:after{ content:""; position:absolute; left:0; bottom:0; width:0; height:5px; background:#34c9dd; transition:all .5s ease 0s; } */
	header .navbar-nav > li:hover a.topmenu{ background:#f07517; color: #fff;}
	header .navbar-nav > li:hover:after{ width:100%; }
	header .navbar-nav > li.dropdown > a.dropdown-toggle{ position:relative; cursor:pointer;padding-right: 30px; }
	header .navbar-nav > li.dropdown > a.dropdown-toggle:after{ content:"+"; font-family:'Font Awesome 6 Free','FontAwesome'; font-size:12px; font-weight:500; position:absolute; top:38%; right:13%; transition:all .4s ease 0s; }
	header .navbar-nav > li.dropdown.on > a.dropdown-toggle:after{ content:"\f105"; transform:rotate(90deg); }
	header .navbar-nav li.dropdown ul.dropdown-menu{ display:none; position:absolute; top:100%; left:0; z-index:1000; float:left; min-width:160px; width:100%; margin:0; padding:0; list-style:none; text-align:left; background-color:#fff; border:none; border-radius:0; box-shadow:0 0 10px rgba(0,0,0,.1); border-top: 1px solid #eee; }
	header .navbar-nav li.dropdown ul.dropdown-menu > li{ position:relative; float:none; margin:0; padding:0; list-style:none; }
	header .navbar-nav li.dropdown ul.dropdown-menu > li > a{ display:block; padding:10px 15px; border-bottom:1px solid #eee; color:#6f6f6f; white-space:normal; text-decoration:none; background:transparent; }
	header .navbar-nav li.dropdown ul.dropdown-menu > li:last-child > a{ border-bottom:none; }
	header .navbar-nav li.dropdown ul.dropdown-menu > li > a:hover,
	header .navbar-nav li.dropdown ul.dropdown-menu > li > a:focus{ color:#0F52BA; background:transparent; text-decoration:none; }
	header .navbar-nav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after{ content:"\f105"; float:right; font-family:'Font Awesome 6 Free','FontAwesome'; font-weight:900; }
	header .navbar-nav li.dropdown ul.dropdown-menu ul.dropdown-menu{ top:0; left:100%; }
	header .navbar-nav li.dropdown ul.dropdown-menu ul.dropdown-menu.multi-dropdown{ left:-100%; }
	@keyframes abFadeInDown{ from{ opacity:0; transform:translateY(-10px); } to{ opacity:1; transform:translateY(0); } }
	@keyframes abFadeOutUp{ from{ opacity:1; transform:translateY(0); } to{ opacity:0; transform:translateY(-10px); } }
	@keyframes abFadeIn{ from{ opacity:0; } to{ opacity:1; } }
	header .navbar-nav li.dropdown ul.dropdown-menu.fadeInDown{ animation:abFadeInDown .4s ease both; }
	header .navbar-nav li.dropdown ul.dropdown-menu.fadeOutUp{ animation:abFadeOutUp .3s ease both; }
	@media (min-width:768px){
		header .navbar-nav li.dropdown:hover > ul.dropdown-menu{ display:block; }
	}
	
	header .navbar-nav > li > a.GetQuote{padding: 10px 20px;  border-radius: 50px;  background: #f07517; color: #fff;   margin:20px 15px 0;}
	header .navbar-nav > li:hover{ background:none; }
	header .navbar-nav > li > a.GetQuote:hover{ background: #f00;}
	header .navbar-nav li.dropdown ul.dropdown-menu > li.twomenu a{position: relative;margin-bottom: 20px;font-size: 1.2rem;}
	header .navbar-nav li.dropdown ul.dropdown-menu > li.twomenu a:hover{color:#f07517}
	header .navbar-nav li.dropdown ul.dropdown-menu > li.twomenu a::before {
	content: '';
	position: absolute;
	top: -15px;
	left: 25px;
	transform: translateX(-50%);
	width: 50px;
	height: 1px;
	background-color: #f07517;
}
	

	/* ===== 手机端：侧滑菜单面板 + body 右移（navbar-mobile） ===== */
	body{ transition:margin .3s ease-in-out; }
	#mobileMenuOverlay{ display:none; position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:98; }
	#mobileMenuOverlay.in{ display:block; }
	@media (max-width:767px){
		#mobileMenu{
			position:fixed !important; top:0; left:-280px;
			width:280px; height:100% !important;
			background:#fff; z-index:99;
			overflow-y:auto; overflow-x:hidden;
			border:none !important;
			display:block !important;
			transition:left .3s ease-in-out;
			padding-top:20px;
			box-shadow:none;
		}
		#mobileMenu.in{ left:0; box-shadow:0 0 20px rgba(0,0,0,.3); }
		#mobileMenu .mobile-close{ position:absolute; top:10px; right:15px; font-size:22px; color:#6f6f6f; cursor:pointer; z-index:100; }
		#mobileMenu .mobile-menu-inner{ padding:0; }
		body.side-right{ margin-left:280px; margin-right:-280px; }

		/* ===== 手机端：多级栏目手风琴（点击一级栏目展开/收起二级，三级同理） ===== */
		#mobileMenu .mobile-nav{ list-style:none; margin:0; padding:0; }
		#mobileMenu .mobile-nav > li{ position:relative; }
		#mobileMenu .mobile-nav > li > a{
			display:block; width:100%; padding:13px 15px;
			color:#333; text-transform:uppercase; font-weight:600; font-size:14px;
			border-bottom:1px solid #e0e0e0; text-decoration:none; background:transparent;
		}
		#mobileMenu .mobile-nav li.dropdown > a.dropdown-toggle{ position:relative; }
		#mobileMenu .mobile-nav li.dropdown > a.dropdown-toggle:after{
			content:"\f105"; font-family:'Font Awesome 6 Free','FontAwesome'; font-weight:900;
			float:right; font-size:14px; color:#999;
		}
		#mobileMenu .mobile-nav li.dropdown.on > a.dropdown-toggle:after{ content:"\f107"; }
		/* 二级/三级子菜单：默认收起，父 li.on 时展开 */
		#mobileMenu .mobile-nav .dropdown-menu{
			display:none; position:static; float:none; width:auto; min-width:0;
			background:transparent; border:none; box-shadow:none; border-radius:0;
			padding:0 0 0 12px; margin:0;
		}
		#mobileMenu .mobile-nav li.dropdown.on > .dropdown-menu{ display:block; animation:abFadeIn .25s ease both; }
		#mobileMenu .mobile-nav .dropdown-menu > li{ position:relative; float:none; }
		#mobileMenu .mobile-nav .dropdown-menu > li > a{
			display:block; width:100%; padding:11px 15px;
			color:#666; font-size:13px; border-bottom:1px solid #eee;
			text-decoration:none; background:transparent; white-space:normal;
		}
		#mobileMenu .mobile-nav .dropdown-menu > li > a:hover{ color:#0F52BA; }
		#mobileMenu .mobile-nav .dropdown-menu .dropdown-menu{ padding-left:12px; }
		#mobileMenu .mobile-nav .dropdown-menu li.dropdown > a.dropdown-toggle:after{
			content:"\f105"; font-family:'Font Awesome 6 Free','FontAwesome'; font-weight:900;
			float:right; font-size:13px; color:#999;
		}
		#mobileMenu .mobile-nav .dropdown-menu li.dropdown.on > a.dropdown-toggle:after{ content:"\f107"; }
		#mobileMenu .mobile-nav .multi-dropdown{ left:auto !important; }
		#mobileMenu .mobile-quote{
			display:block; margin:18px 15px; text-align:center;
			background:#FF6B00; color:#fff; padding:10px 24px; border-radius:9999px;
			font-weight:500; text-decoration:none;
		}
		/* 手机端语言切换按钮 */
		#mobileMenu .mobile-lang{ margin-top:18px; padding:0 15px; }
		#mobileMenu .mobile-lang-btns{ display:flex; gap:10px; }
		#mobileMenu .mobile-lang-btn{
			flex:1; display:flex; align-items:center; justify-content:center; gap:6px;
			padding:10px 8px; border:1px solid #ccc; border-radius:8px;
			font-size:14px; color:#333; text-decoration:none; background:#fff;
			transition:border-color .2s ease, color .2s ease;
		}
		#mobileMenu .mobile-lang-btn:hover{ border-color:#0F52BA; color:#0F52BA; }
		#mobileMenu .mobile-lang-btn img{ width:20px; height:14px; object-fit:cover; border-radius:2px; }
	}