@charset "utf-8";
/* ============================================================================
   英文站专用排版层  css/en.css
   —— 只被 /en/ 下的 73 个页面引用，中文站完全不受影响。

   为什么单独一个文件而不是写进 common.css：
   common.css 与 mobile.css 里 174 条字号、120 条行高都是按中文的四字词组
   和方块字排出来的。英文换成拉丁字母后字宽、字高、断词规则全变，必须整体
   重定一套比例。单独成文件可以保证：
     ① 加载顺序在 common.css / mobile.css 之后，覆盖关系确定，不依赖 !important 打架；
     ② 中文站一个字节都不动；
     ③ 以后调英文观感只改这一个文件。

   一、字体：Inter（SIL Open Font License 1.1，可商用、可自托管）
   ---------------------------------------------------------------------------
   选它的理由：
     · 它是目前国际主流产品站/企业站用得最多的正文字体族之一（Stripe、Figma、
       GitHub、Mozilla、Linear 等都在用），字形中性、无装饰、不是"有性格"的
       字体，放工业装备类 B2B 站上不会抢戏；
     · 小写字母的 x-height 大，20px 左右的可读性明显好于 Helvetica/Arial；
     · 有真正的可变字重轴（wght 100–900），一个 47KB 文件覆盖 400/500/600/700，
       不用为每个字重单独下载；
     · 数字是等宽的（tabular）可选，日期、参数表能对齐。
   为什么自托管而不是引 Google Fonts：
     · 站点部署在国内云主机，fonts.googleapis.com 在国内不可达/极慢，引用 CDN
       会让英文站首屏字体一直白屏到超时；
     · 自托管后国内外访问一致，且不受第三方域名策略影响。

   二、字号：按国际主流企业站的层级重定，基准 20px
   ---------------------------------------------------------------------------
   中文站正文是 1.25rem = 25px。汉字是方块字，25px 的观感密度大约相当于
   拉丁字母 17–18px；直接把这套 25px 套到英文上，视觉上会大一号，而且英文
   单词比中文词组平均长 1.5–1.8 倍，是"撑破表格框"的直接原因。
   新的一套比例（rem 基准仍是 20px，与中文站共用根字号）：

       角色                 中文站      英文站        说明
       eyebrow 小标签       22.5px  →   16.25px    大写小标签，配 +0.08em 字距
       正文 / 列表          25px    →   20px       主力字号，1rem 整
       辅助信息 / 日期      25px    →   17.5px     次要信息降一级
       卡片标题             32.5px  →   25px       1.25 倍正文
       区块标题             32.5px  →   32.5px     不动，作为对比锚点
       页面主标题           45px    →   45px       不动
       长文正文             30px    →   22.5px     阅读区字号略大于界面文字

   比例检查：16.25 → 20 → 25 → 32.5 → 45，相邻比值 1.23 / 1.25 / 1.30 / 1.38，
   是递增的模数级数，层级不会挤在一起也不会断层。正文 20px 对 45px 主标题是
   2.25 倍，正是国际企业站常见的标题/正文对比区间（2.0–2.5 倍）。

   三、行高
   ---------------------------------------------------------------------------
   原来一律写死 rem（如正文 25px 配 1.8125rem = 36.25px，比值 1.45），字距跟着
   字号走不了。这里改成无单位数值，让它随字号自动换算：
       正文 1.65、长文 1.7、卡片标题 1.4、区块标题 1.3、主标题 1.2
   无单位行高只影响该元素自身及其继承子元素，不会影响任何定高容器。
   ========================================================================== */

/* ---------------------------------------------------------------- 字体文件 -- */
/* 只声明 latin 子集：英文站 73 个页面里出现的非 ASCII 字符只有
   © ® ° ± × · – — ″ 这几个，全部落在 U+0000-00FF 与 U+2000-206F 区间内。
   其余字符（如偶发的人名重音符）由后面的回退字体接管，不会出现豆腐块。 */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('/fonts/inter/inter-latin-var.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ------------------------------------------------------------ 字体族替换 -- */
/* common.css 第 7 行是 -apple-system, Helvetica Neue, PingFang SC, Microsoft YaHei …
   这条栈在 Windows 上会一路回落到「微软雅黑」，也就是说英文站的拉丁字母一直是
   用雅黑画的 —— 雅黑的拉丁字形是为汉字配的，字宽偏大、字形偏扁，这是英文站看着
   "不像英文站"的根源。这里把 Inter 放到最前面，并把 Windows/macOS 的系统字体
   按国际惯例排在后面兜底。 */
html[lang="en"],
html[lang="en"] body,
html[lang="en"] button,
html[lang="en"] input,
html[lang="en"] select,
html[lang="en"] textarea {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
		'Helvetica Neue', Helvetica, Arial, 'Noto Sans', sans-serif !important;
	/* 让浏览器按字号自动微调字重与字距（Inter 自带这套光学补偿数据） */
	font-optical-sizing: auto;
	/* macOS 上避免细字重被渲染得过粗 */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* 中文站仍然用原来的字体栈，这里显式声明一遍是为了让"英文站换字体"这件事
   在文件里自解释：任何 lang 不是 en 的页面都不进上面的规则。 */

/* 招聘页英文副标题原来单独用了 Ubuntu（装饰性几何字体），全站只此两处，
   与正文不搭。字体族必须在所有宽度生效，所以这一条留在全局区。 */
html[lang="en"] #job .top .item .infos .en_title,
html[lang="en"] #job .top.xy .list .itemson .en_title {
	font-family: inherit !important;
}

/* 下载页弹窗里「中英两套并列」的节点：英文站两套都是英文，同时出现就是重复。
   隐藏 _cn 一套与 .en 小标签（.cn 里已有正式字段名），全宽度生效。 */
html[lang="en"] #contactxz .notice_cn,
html[lang="en"] #contactxz .notices .noname_cn,
html[lang="en"] #contactxz .notices .t2,
html[lang="en"] #contactxz .pop .items .item .en {
	display: none !important;
}


/* ---------------------------------------------------------------- 桌面限定 --
   下面所有字号规则都限定在 ≥751px。
   原因：mobile.css 整份包在 @media (max-width:750px) 里，并对手机端逐个把字号
   调小过（手机根字号 15px）。en.css 的加载顺序在它之后，如果不加宽度限定，
   这里为桌面定的字号会把手机端的缩放顶回去。手机端保持原有比例即可 ——
   根字号 15px 时正文 1.25rem = 18.75px，本身就在英文正文的合理区间内。
   字体族是全宽度生效的（Inter 比雅黑窄，手机上只会更宽松，不会更挤）。
   ========================================================================== */
@media (min-width: 751px) {

/* -------------------------------------------------------- 标题排版细节 -- */
/* ① 大标题：负字距收紧，行高收到 1.2，避免两行标题之间空得离谱 */
html[lang="en"] .container-fluid#artcont h1,
html[lang="en"] .atitle .cntit,
html[lang="en"] .btitle .cntit {
	letter-spacing: -0.02em;
	line-height: 1.2;
	/* 让多行标题自动均衡断行，不会出现最后一行只剩一个词 */
	text-wrap: balance;
}

/* ② 小标签（eyebrow）：原来 22.5px 大写配 -0.015em 负字距。
      全大写文字必须用正字距，否则字母会粘在一起 —— 这是国际排版的基本规则，
      原来那条负字距是中文设计里带过来的惯性。 */
html[lang="en"] .atitle .entit,
html[lang="en"] .btitle .entit,
html[lang="en"] #job .top .item .infos .en_title,
html[lang="en"] #job .top.xy .list .itemson .en_title {
	font-size: 0.8125rem;   /* 16.25px */
	line-height: 1.4;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 500;       /* 500 让大写小字更清晰，不用 600 免得太重 */
}

/* ------------------------------------------------------------ 正文与段落 -- */
/* 主力正文：25px → 20px。行高 1.65 是拉丁字母长段落的舒适区间
   （国际大站正文行高普遍在 1.5–1.7）。 */
html[lang="en"] #index #service .left .decs,
html[lang="en"] #index #service .right .decs,
html[lang="en"] #znsy .container.tedian .item .descs,
html[lang="en"] #znsy .container.ys .item p,
html[lang="en"] #index_service #server1 .slide_server1 .tab-content .con .infos .dec,
html[lang="en"] #index_service #server2 .slide_server2 .tab-content .con .infos .dec,
html[lang="en"] #tripcs .desc,
html[lang="en"] #tripcs .yd,
html[lang="en"] #caselists .list .item .info,
html[lang="en"] #last_news .item .infos .dec,
html[lang="en"] #index_job .maininfo .dec,
html[lang="en"] #index_job .maininfo .email,
html[lang="en"] #about_dec .conent .dec1,
html[lang="en"] #about_dec .conent .dec2,
html[lang="en"] #job .joblist .list .items .moreinfo .con {
	font-size: 1rem;
	line-height: 1.65;
	letter-spacing: 0;
	/* 万一遇到超长单词（型号名、缩写），在框内断行而不是撑出容器 */
	overflow-wrap: break-word;
}

/* 长文阅读区：30px → 22.5px，行高 1.7。
   正文比界面字号略大一档是国际惯例（正文 18–22px 才好读长段落）。 */
html[lang="en"] #article .main p {
	font-size: 1.125rem;
	line-height: 1.7;
	letter-spacing: 0;
	overflow-wrap: break-word;
}

/* 产品页导语：30px → 22.5px */
html[lang="en"] #znsy .dec,
html[lang="en"] #znsy .container.maininfo .infos .descs,
html[lang="en"] #about_zizhi .content,
html[lang="en"] #about_leader .main .right {
	font-size: 1.125rem;
	line-height: 1.7;
	letter-spacing: 0;
}

/* 技术服务页大图块右侧说明：27.5px → 22.5px */
html[lang="en"] #index_service #server1 .slide_server1 .tab-content .con .infos .dec2,
html[lang="en"] #index_service #server2 .slide_server2 .tab-content .con .infos .dec2,
html[lang="en"] #index_service #server3 .con .infos .dec2 {
	font-size: 1.125rem;
	line-height: 1.6;
}

/* -------------------------------------------------------- 辅助信息 / 元数据 -- */
/* 日期、城市、页脚小字统一降到 17.5px，和正文拉开一档，
   让"标题 → 正文 → 元信息"三层关系清晰。 */
html[lang="en"] #news .datetime,
html[lang="en"] #industry_news .item .datetime,
html[lang="en"] #last_news .item .infos .date,
html[lang="en"] #footer .city,
html[lang="en"] #footer .webmap li,
html[lang="en"] #footer .contact p,
html[lang="en"] .container-fluid#artcont .artinfo {
	font-size: 0.875rem;    /* 17.5px */
	line-height: 1.55;
	letter-spacing: 0;
	font-variant-numeric: tabular-nums;   /* 日期数字等宽，列表里能对齐 */
}

html[lang="en"] #footer .copyright,
html[lang="en"] #footer .icp {
	font-size: 0.8125rem;   /* 16.25px */
	line-height: 1.5;
}

html[lang="en"] #footer .top_tit,
html[lang="en"] #footer .company .company_name {
	font-size: 1.125rem;    /* 22.5px */
	line-height: 1.45;
	letter-spacing: 0;
}

/* ------------------------------------------------------------ 卡片 / 条目标题 -- */
/* 卡片标题 32.5px → 25px。英文标题普遍比中文长，32.5px 下两行就吃掉半张卡片，
   25px 恰好压在一行半以内。 */
html[lang="en"] #news .tit,
html[lang="en"] #last_news .item .infos .tit,
html[lang="en"] #industry_news .item .tit,
html[lang="en"] #industry_news .item .img .tits,
html[lang="en"] #about_tream .item .info .name,
html[lang="en"] #index #equipment .main .right .item h3,
html[lang="en"] #caselists .list .item .name,
html[lang="en"] #znsy .listpz ul li a,
html[lang="en"] #znsy .listpz ul li .tit,
html[lang="en"] .cat_son .item .tit,
html[lang="en"] .cat_son .item .num,
html[lang="en"] #tripcs .canshu .tit {
	font-size: 1.25rem;     /* 25px */
	line-height: 1.4;
	letter-spacing: -0.005em;
	overflow-wrap: break-word;
	text-wrap: pretty;
}

/* 稍大一档的条目标题 */
html[lang="en"] #znsy .container.tedian .item h3,
html[lang="en"] #znsy #category .topclass .item h3,
html[lang="en"] #about_leader .main .left .name,
html[lang="en"] #index_service .performance h3,
html[lang="en"] #znsy .container.ys .item h4,
html[lang="en"] #tripcs .prolist .litem .name,
html[lang="en"] .btitle .num,
html[lang="en"] #index .idea {
	font-size: 1.375rem;    /* 27.5px */
	line-height: 1.4;
	letter-spacing: -0.005em;
}

/* 区块级大标题：保持比卡片标题明显高一档 */
html[lang="en"] #index #equipment .main .left h3,
html[lang="en"] #index_service #server1 .slide_server1 .tab-content .con .infos .name,
html[lang="en"] #index_service #server2 .slide_server2 .tab-content .con .infos .name,
html[lang="en"] #index_service #server3 .con .infos .name,
html[lang="en"] #job .top .item .infos .title,
html[lang="en"] #job .top.xy .list .itemson .title,
html[lang="en"] .carousel-item .year,
html[lang="en"] #dsj .year {
	font-size: 1.75rem;     /* 35px */
	line-height: 1.3;
	letter-spacing: -0.015em;
}

/* 人才页：姓名 / 职位 / 学校 / 简介 */
html[lang="en"] #about_tream .item .info .job,
html[lang="en"] #about_leader .main .left .job {
	font-size: 1rem;
	line-height: 1.5;
}
html[lang="en"] #about_tream .item .info .school,
html[lang="en"] #about_tream .item .info .dec {
	font-size: 0.9375rem;   /* 18.75px */
	line-height: 1.55;
}

/* ------------------------------------------------------------ 参数表格 -- */
/* 这是"文字撑出表格框"最容易发生的地方：中文站把标签列写死 27.5px，
   英文标签（如 Working temperature）比中文长一倍，一挤就破框。
   降到 20px 并把超长词允许断行，框线不会被顶开。 */
html[lang="en"] #tripcs .canshu .item .label,
html[lang="en"] #tripcs .canshu .item .info,
html[lang="en"] #tripcs .canshu2 .item,
html[lang="en"] #jscs .list .item .label,
html[lang="en"] #jscs .list .item .info,
html[lang="en"] #tripcs .jscss .list .item .label,
html[lang="en"] #tripcs .jscss .list .item .info,
html[lang="en"] #job .joblist .list .items .item {
	font-size: 1rem;
	line-height: 1.55;
	letter-spacing: 0;
	overflow-wrap: break-word;
}

html[lang="en"] #tripcs .canshu2 .lie .item:first-child {
	font-size: 1.125rem;
	line-height: 1.5;
}

/* ------------------------------------------------------------ 顶部导航 -- */
/* 导航 22.5px → 20px。英文菜单项（Products & Services 等）本来就比中文长，
   缩小一档后横向更宽松，纵向下划线位置由 bottom 值决定，不受影响。 */
html[lang="en"] #header .row .nav>li>a,
html[lang="en"] .navbar .nav-link {
	font-size: 1rem;
	line-height: 1.4;
	letter-spacing: 0;
	white-space: nowrap;
}

html[lang="en"] #header .dropdown-menu a {
	font-size: 0.875rem;
	line-height: 2.75rem;
	letter-spacing: 0;
}

/* 选项卡标签（技术与服务 / 新闻等页面的 tab 条） */
html[lang="en"] .slide_zizhi .nav-tabs li,
html[lang="en"] .slide_zizhi .nav-tabs li a,
html[lang="en"] #last_news .nav-tabs li,
html[lang="en"] #last_news .nav-tabs li a,
html[lang="en"] #index_service .nav-tabs li,
html[lang="en"] #index_service .nav-tabs li a,
html[lang="en"] #jscs .nav-tabs li,
html[lang="en"] #jscs .nav-tabs li a,
html[lang="en"] #tripcs .jscss .nav-tabs li,
html[lang="en"] #tripcs .jscss .nav-tabs li a {
	font-size: 1rem;
	line-height: 1.5;
	letter-spacing: 0;
	white-space: nowrap;
}

/* ------------------------------------------------------------ 按钮 / 表单 -- */
html[lang="en"] #contact .pop .items .item .label,
html[lang="en"] #contact .pop .items .item input,
html[lang="en"] #contact .pop .items .item select,
html[lang="en"] #contactxz .pop .items .item .label,
html[lang="en"] #contactxz .pop .items .item input,
html[lang="en"] #contactxz .pop .items .item select,
html[lang="en"] #contactxz .pop .items .submit,
html[lang="en"] #job .pop2 .items .item .label,
html[lang="en"] #job .pop2 .items .item input,
html[lang="en"] #job .pop2 .items .item select,
html[lang="en"] #contact .file,
html[lang="en"] #job .file,
html[lang="en"] #index_job .maininfo .more,
html[lang="en"] #index #equipment .main .left .more,
html[lang="en"] #index #equipment .main .right .item .more,
html[lang="en"] #job .joblist .list .items .moreinfo .tit {
	font-size: 1rem;
	line-height: 1.55;
	letter-spacing: 0;
}

html[lang="en"] #contact .pop .items .submit,
html[lang="en"] #job .pop2 .items .submit {
	font-size: 1.0625rem;
	line-height: 1.5;
	letter-spacing: 0;
}

/* 右下角悬浮按钮：英文 Contact Us 比"联系我们"长，
   字号降一档后即使保留内边距也不会换行 */
html[lang="en"] #contact .contact .txt,
html[lang="en"] #contactxz .contact .txt {
	font-size: 0.875rem;
	line-height: 1.4;
}

/* ------------------------------------------------------- 下载页的弹窗 -- */
/* 这个弹窗（#contactxz）在原站是「中英两套并列、各隐藏一套」的做法：
   一套 .notice_en / .noname_en，一套 .notice_cn / .noname_cn。
   英文站上两套内容现在都是英文，于是会同时显示成
   「一句 14px 灰色小字 + 一句 28px 粗黑大字」，内容还几乎一样 —— 这就是
   用户说的"排版错乱"。英文页把 _cn 那一套整组隐藏，只留英文那套。 */
html[lang="en"] #contactxz .notice_en {
	font-size: 1rem;
	line-height: 1.6;
	letter-spacing: 0;
	text-transform: none;   /* 一整句提示语不该全大写 */
}

html[lang="en"] #contactxz .notices .noname_en {
	font-size: 1.75rem;
	line-height: 1.3;
	letter-spacing: -0.01em;
	font-weight: 700;
}

html[lang="en"] #contactxz .notices .t1 {
	font-size: 1rem;
	line-height: 1.6;
}

/* ------------------------------------------------------------ 其他零散块 -- */
/* 产品页"产品名称 / 销量"这类小表头：24px 与正文 20px 只差 4px，
   层级挤在一起反而显乱，压到正文同号、靠颜色和字重区分。 */
html[lang="en"] #casemap .infos .tits {
	font-size: 1rem;
	line-height: 1.5;
}
html[lang="en"] #znsy .container.maininfo .infos .download,
html[lang="en"] .loading span,
html[lang="en"] .carousel-item li,
html[lang="en"] #dsj li {
	font-size: 1rem;
	line-height: 1.55;
}

/* 招聘列表的筛选条与年份轴 */
html[lang="en"] #job .joblist .topmenu .item {
	font-size: 1.125rem;
	line-height: 1.4;
}
html[lang="en"] #job .joblist .search select,
html[lang="en"] #job .joblist .search select option {
	font-size: 0.9375rem;
}

/* 下载列表用的是 px 字号，这里统一到 rem，保证和全站比例一致 */
html[lang="en"] #downlist .item a .name {
	font-size: 1.125rem;
	line-height: 1.5;
}
html[lang="en"] #downlist .item a .down {
	font-size: 0.875rem;
	line-height: 1.5;
}

/* ------------------------------------------------------------
   产品页"产品名称 / 销量"图例（业主反馈：英文文字重叠）
   common.css 已把行高从写死 2.5rem 改为 min-height + 允许换行；
   这里再把面板放宽，让英文产品名尽量一行放得下，少换行。
   220px 是给中文两三个字设计的，英文要 300px 才够。
   ------------------------------------------------------------ */
html[lang="en"] #casemap .infos {
	width: 300px;
}
html[lang="en"] #casemap .infos .tits {
	height: auto;
	min-height: 3rem;
	padding: 0.4rem 0.5rem;
}
html[lang="en"] #casemap .infos .items .item {
	font-size: 0.9375rem;
}

}   /* @media (min-width: 751px) */