/* =========================================================
   页头站内搜索：默认只显示放大镜图标，点击图标展开输入框
   - 默认状态靠 JS 给 .header .search 加 .collapsed（见
     /skin/js/search-toggle.js）；无 JS 时输入框照常可见（降级）
   - 仅对页头导航里的搜索生效，不影响独立搜索页 /search.html
   ========================================================= */
.root .header .search input[type="text"] {
	transition: opacity .18s ease;
}
/* 折叠态：隐藏文本框，只留图标按钮 */
.root .header .search.collapsed input[type="text"] {
	width: 0 !important;
	min-width: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.root .header .search.collapsed form {
	width: auto;
	flex: none;
}
/* 折叠态图标略收紧成方形小图标；展开态还原为原按钮宽度 */
.root .header .search.collapsed .search-btn {
	width: 40px !important;
	background-size: 22px 22px;
}

/* 页头导航 ≥1200px 单行：导航项统一 118→98px，为右侧右对齐的
   搜索/语言区腾出空间（栏目标题均为短词，宽度足够） */
@media (min-width:1200px){
	.root .header .navbar-collapse .navbar-nav .nav-item .header-link{width:98px;}
}

/* =========================================================
   页头导航 ≥768px(非折叠菜单)：搜索图标与语言开关(EN/中文)靠右对齐；
   点击搜索图标时输入框从图标处向左展开，占用图标左侧的空白
   ========================================================= */
@media (min-width:768px){
	.root .header .navbar-collapse .navbar-nav > li.nav-lang,
	.root .header .navbar-collapse .navbar-nav > li.nav-search {
		float: right !important;
	}
	/* 搜索图标与语言开关之间留 4px(图标略向右、贴近 EN/CN) */
	.root .header .navbar-collapse .navbar-nav > li.nav-search {
		margin-right: 4px;
	}
	.root .header .navbar-collapse .navbar-nav > li.nav-lang {
		margin-right: 0;
	}
}

/* =========================================================
   语言开关(EN/中文) hover：只把文字变橙色高亮，
   不出现导航项底部黄色/橙色横条
   ========================================================= */
/* 语言键静止态：与其它导航项一致画 #ddd 分隔线（去掉其底部的白色横条） */
.root .header .navbar-collapse .navbar-nav .nav-item .header-link.lang-link{
	border-bottom-color:#ddd !important;
}
/* hover/选中：底边保持 #ddd(与静止一致，不出白线、也不出黄条)，只把文字变橙 */
.root .header .navbar-collapse .navbar-nav .nav-item .header-link.lang-link:hover,
.root .header .navbar-collapse .navbar-nav .nav-item .header-link.lang-link:focus{
	border-bottom-color:#ddd !important;
	color:#FB7D00;
}

/* =========================================================
   英文页面(html lang="en")专用微调
   ========================================================= */
/* 1) 板块标题：去掉文字两侧/贯穿的装饰横线，长英文标题不再显示成“删除线” */
html[lang="en"] .products .tit .zh:before,
html[lang="en"] .products .tit .zh:after,
html[lang="en"] .tit .zh:before,
html[lang="en"] .tit .zh:after{ display:none !important; }

/* 2) 页脚：英文栏目文字较长会自动加高列，让页脚容器随内容增高，避免盖住底部版权行 */
html[lang="en"] .footer .footer-top{ height:auto; }
html[lang="en"] .footer .footer-top .footer-item{ height:auto; min-height:215px; }

/* 3) 首页板块标题(中文:解决方案/资质荣誉；英文:Solutions/Qualifications & Honors)
      颜色改为品牌橙 #FB7D00，与导航 hover/active 颜色一致；两侧装饰短线同色 */
.products .tit .zh{ color:#FB7D00 !important; }
.products .tit .zh:before,
.products .tit .zh:after{ background-color:#FB7D00 !important; }