/* English typography: retain the original grid, colors, images and animation. */
html[lang="en"] body, html[lang="en"] input, html[lang="en"] textarea, html[lang="en"] button {font-family:Arial,Helvetica,sans-serif;}
#nav ul .subnav {min-width:220px;}
#nav ul .subnav a {height:auto;min-height:22px;line-height:1.45;padding:10px 12px;white-space:normal;}
#nav .navlist>li>a {font-size:15px;}
.header_main .huany {font-size:12px;}
.index .title h3 {word-spacing:normal;}
.index .title h3 b {margin-left:.2em;}
.index .title p {max-width:1100px;margin-left:auto;margin-right:auto;line-height:1.65;}
.index .icase .list li .p {height:64px;line-height:1.35;display:flex;align-items:center;justify-content:center;padding:6px 12px;box-sizing:border-box;}
.index .icase .desc {height:96px;line-height:24px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.index .floor_4 .list h3 {white-space:normal;line-height:1.4;min-height:48px;}
.xunpan strong {font-family:Arial,Helvetica,sans-serif;font-size:27px;max-width:760px;line-height:1.45;}
.iabout .txt p {font-family:Arial,Helvetica,sans-serif;line-height:1.8;}
.footer_main .footer {display:flex;gap:22px;align-items:flex-start;}
.footer_main .botnavlist {width:590px;flex:0 0 590px;display:flex;}
.footer_main .botnavlist li {float:none;width:25%;height:auto;min-height:146px;box-sizing:border-box;text-indent:0;padding:0 16px;overflow:visible;}
.footer_main .botnavlist li .drop a {line-height:1.6;padding:3px 0;white-space:normal;}
.footer_main .qcode {float:none;width:330px;flex:0 0 330px;height:auto;min-height:146px;box-sizing:border-box;padding-right:16px;}
.footer_main .blogo {width:auto;overflow-wrap:anywhere;}
.footer_main .ewm {float:none;flex:1;min-width:0;margin:0;}
.footer_main .ewm h3 {white-space:normal;line-height:1.5;font-size:13px;}
.copyright {line-height:1.8;padding-top:12px;padding-bottom:12px;}
.float-right-box .stt {font-family:Arial,Helvetica,sans-serif;}
.ArticleTitle .bt {line-height:1.4;white-space:normal;}
.ArticleTencont,.ArticleTencont p,.aboutlist,.aboutlist p {font-family:Arial,Helvetica,sans-serif!important;line-height:1.8;word-break:normal;overflow-wrap:break-word;text-align:left;text-indent:0!important;}
.ArticleTencont span,.aboutlist span {font-family:inherit!important;}
.reLink a {white-space:normal;line-height:1.5;}
.reLink>div {height:auto;}
.divremmnews li a {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:12px;}

.bdsharebuttonbox a {background:none!important;display:inline-block;float:none;width:auto!important;height:auto!important;padding:3px 6px;line-height:1.5;font-size:12px;}
.float-right-box .bdsharebuttonbox a {padding:2px;font-size:10px;}

/* English layout repair: match the specificity of the original page rules. */
html[lang="en"] .submian .subleft .title {
  position:relative;
  box-sizing:border-box;
  height:auto;
  min-height:60px;
  padding:14px 18px;
  line-height:26px;
  overflow:visible;
}
html[lang="en"] .submian .subleft .title h2 {
  margin:0;
  padding:0 18px 0 0;
  font-size:20px;
  line-height:26px;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
  text-align:left;
}
html[lang="en"] .submian .subleft .title h2 a {
  padding:0;
  font-size:inherit;
  line-height:inherit;
  white-space:normal;
}
html[lang="en"] .submian .subleft .title i {
  position:absolute;
  right:18px;
  top:50%;
  margin:0;
  float:none;
  transform:translateY(-50%);
}
html[lang="en"] .submian .subleft .lefta .comt ul li {
  box-sizing:border-box;
  height:auto;
  min-height:0;
  padding:0;
  line-height:21px;
}
html[lang="en"] .submian .subleft .lefta .comt ul li a {
  position:relative;
  box-sizing:border-box;
  height:auto;
  min-height:54px;
  padding:15px 14px 15px 46px;
  line-height:21px;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
  text-indent:0;
}
html[lang="en"] .submian .subleft .lefta .comt ul li a em {
  position:absolute;
  left:24px;
  top:22px;
  margin:0;
}
html[lang="en"] .submian .subleft .lefta .comt .boxlist li a {
  margin-left:0;
  padding-left:46px;
}
html[lang="en"] .submian .subleft .lefta .comt .boxlist li a:before {
  top:22px;
}
html[lang="en"] .submian .subleft .leftprocomt li p {
  height:auto;
  min-height:42px;
  padding:8px 0;
  line-height:21px;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
}

/* Preserve 290 x 218 product images and the original card/hover layout. */
html[lang="en"] .subright .ipro .item a.txt {
  box-sizing:border-box;
  height:170px;
  padding:14px 18px 16px;
  line-height:22px;
  overflow:hidden;
}
html[lang="en"] .subright .ipro .item a.txt h3 {
  box-sizing:border-box;
  height:44px;
  max-height:44px;
  margin:0 18px 10px 0;
  padding:0;
  font-size:16px;
  line-height:22px;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
  text-indent:0;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
/* Browsers may insert an empty h3 after the legacy nested h2 markup. */
html[lang="en"] .subright .ipro .item a.txt h3:empty {
  display:none;
}
html[lang="en"] .subright .ipro .item a.txt h2 {
  box-sizing:border-box;
  height:66px;
  max-height:66px;
  margin:0;
  padding:0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:normal;
  line-height:22px;
  text-align:left;
  text-indent:0;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
html[lang="en"] .subright .ipro .item a.txt em.icon {
  top:18px;
  right:12px;
}

/* Replace the old Chinese sprite with a white link icon and English label. */
html[lang="en"] .index .ilinks {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 18px;
  line-height:32px;
}
html[lang="en"] .index .ilinks > span.icon {
  position:static;
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  gap:10px;
  box-sizing:border-box;
  width:auto;
  min-width:0;
  height:auto;
  margin:0 12px 0 0;
  padding:0;
  border:0;
  background:none;
  color:#fff;
  line-height:32px;
  text-indent:0;
  white-space:nowrap;
}
html[lang="en"] .index .ilinks > span.icon:before {
  content:"";
  display:block;
  flex:0 0 24px;
  width:24px;
  height:24px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7 .5l3-3a5 5 0 0 0-7-7l-1.7 1.7M14 11a5 5 0 0 0-7-.5l-3 3a5 5 0 0 0 7 7l1.7-1.7'/%3E%3C/svg%3E") center/24px 24px no-repeat;
}
html[lang="en"] .index .ilinks > span.icon:after {
  content:"Useful Links";
  display:block;
  font-family:Arial,Helvetica,sans-serif;
  font-size:20px;
  font-weight:bold;
  color:#fff;
  line-height:32px;
}
html[lang="en"] .index .ilinks:before,
html[lang="en"] .index .ilinks:after {
  display:none;
}


/* English recommendation products: keep a stable two-column grid.
   Prevent cards with different title lengths from shifting the next card. */
html[lang="en"] .leftprocomt ul {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  width:100%;
}
html[lang="en"] .leftprocomt li {
  float:none;
  flex:0 0 117px;
  width:117px;
  height:150px;
  margin:0 5px 10px 0;
  box-sizing:border-box;
}
html[lang="en"] .leftprocomt li:nth-child(2n) {
  margin-right:0;
}
html[lang="en"] .leftprocomt li img {
  display:block;
  width:117px;
  height:87px;
}
html[lang="en"] .leftprocomt li p {
  box-sizing:border-box;
  width:117px;
  height:50px;
  min-height:0;
  margin:0;
  padding:6px 0 0;
  font-size:12px;
  line-height:18px;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

/* English homepage news: prevent long descriptions from flowing into the date row. */
html[lang="en"] .txtlistbox li {
  box-sizing:border-box;
}
html[lang="en"] .txtlistbox li h3 {
  display:block;
  box-sizing:border-box;
  min-height:25px;
  line-height:25px;
  padding-right:28px;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
}
html[lang="en"] .txtlistbox li p {
  box-sizing:border-box;
  height:46px;
  max-height:46px;
  margin:0;
  line-height:23px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  word-break:normal;
  overflow-wrap:break-word;
}
html[lang="en"] .txtlistbox li span {
  display:block;
  height:22px;
  line-height:22px;
  margin-top:4px;
  overflow:hidden;
  white-space:nowrap;
}
