/* 前台正文：CKEditor 图文混排 */
.cms-body .image,
.cms-body figure.image,
.article-content .image,
.article-content figure.image,
.product-desc .image,
.product-desc figure.image {
  display: table;
  clear: both;
  text-align: center;
  margin: 1em auto;
}
.cms-body .image img,
.cms-body figure.image img,
.cms-body img,
.article-content img,
.product-desc img {
  max-width: 100%;
  height: auto;
}
.cms-body .image-style-align-left,
.cms-body .image-style-side,
.cms-body img.image-style-align-left,
.article-content .image-style-align-left,
.article-content .image-style-side,
.article-content img.image-style-align-left,
.product-desc .image-style-align-left,
.product-desc .image-style-side {
  float: left;
  margin: 0.4em 1.5em 1em 0;
  max-width: 46%;
}
.cms-body .image-style-align-right,
.cms-body img.image-style-align-right,
.article-content .image-style-align-right,
.article-content img.image-style-align-right,
.product-desc .image-style-align-right {
  float: right;
  margin: 0.4em 0 1em 1.5em;
  max-width: 46%;
}
.cms-body .image-style-block,
.cms-body .image-style-align-center,
.article-content .image-style-block,
.article-content .image-style-align-center,
.product-desc .image-style-block,
.product-desc .image-style-align-center {
  display: table;
  margin: 1.2em auto;
  float: none;
  max-width: 100%;
}
.cms-body .image-style-inline,
.article-content .image-style-inline,
.product-desc .image-style-inline {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.4em;
}
.cms-body figcaption,
.article-content figcaption,
.product-desc figcaption {
  font-size: 13px;
  color: #64748b;
  padding: 6px 8px 0;
}
.cms-body::after,
.article-content::after,
.product-desc::after {
  content: "";
  display: table;
  clear: both;
}
img.nav-logo-mark,
.nav-logo-img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  border-radius: 8px;
  display: block;
  background: #fff;
}
/* 页脚 logo 与公司名上下结构，logo 水平居中（2026-10-24，覆盖 .ft-top .flogo 旧规则） */
.ft-top .flogo h2 a{ display:block; text-align:center; }
.ft-top .flogo h2 a img{ display:block; margin:0 auto; width:auto; height:53px; max-height:56px; }
.ft-top .flogo h2 a span{ display:block; font-size:16px; line-height:1.5; padding-top:12px; color:#fff; text-align:center; white-space:normal; }

.ft-top .flogo p{ text-align:center !important; background:none !important; padding-left:0 !important; }
.ft-top .flogo p a{ display:inline-block !important; background:url(/templates/yuanlian/static/image/f_icp.png) no-repeat 0 center !important; padding-left:26px !important; }

/* 产品列表卡片图片精控（2026-10-24）：统一图框、等比居中不变形 */
.leftnav-z1-list dt { height: 453px; overflow: hidden; background: #fff; }
.leftnav-z1-list dt img { width: 100%; height: 453px; object-fit: contain; object-position: center; }

/* ===== v1030: 修复产品网格 3 列残留规则导致的第 2 行空洞 ===== */
.leftnav-z1-list dl:nth-child(3n-1) { margin-right: 2% !important; }
.leftnav-z1-list dl:nth-child(2n) { margin-right: 0 !important; }

/* ===== v1031: 关于我们子页（生产基地/资质证书/企业风采）===== */
.yl-lead { font-size:15px; line-height:1.9; color:#555; margin-bottom:26px; }
.yl-photo-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.yl-photo-grid figure { margin:0; background:#fff; border:1px solid #e5e5e5; overflow:hidden; }
.yl-photo-grid img { display:block; width:100%; height:300px; object-fit:cover; }
.yl-photo-grid figcaption { text-align:center; padding:10px 0; font-size:14px; color:#555; }
.yl-cert-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.yl-cert-grid figure { margin:0; border:1px solid #e5e5e5; background:#fff; padding:14px; text-align:center; transition:all .25s; }
.yl-cert-grid figure:hover { border-color:#094bba; box-shadow:0 6px 18px rgba(0,0,0,.08); }
.yl-cert-grid a { display:block; height:260px; }
.yl-cert-grid img { max-width:100%; max-height:100%; object-fit:contain; }
.yl-cert-grid figcaption { margin-top:10px; font-size:13px; color:#666; line-height:1.5; height:40px; overflow:hidden; }
.yl-style-banner img { width:100%; display:block; }
.yl-values-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:26px 0; }
.yl-values-cards .vc { border:1px solid #e5e5e5; background:#fff; padding:24px 20px; text-align:center; }
.yl-values-cards .vc b { display:block; font-size:17px; color:#154c64; margin-bottom:8px; }
.yl-values-cards .vc span { font-size:13px; color:#777; line-height:1.8; }
.yl-logo-wall { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:22px 0; }
.yl-logo-wall div { border:1px solid #eee; background:#fff; display:flex; align-items:center; justify-content:center; height:80px; }
.yl-logo-wall img { max-height:44px; max-width:70%; }
.yl-sub-tit { font-size:20px; color:#154c64; border-left:4px solid #e4000d; padding-left:12px; margin:30px 0 18px; }


/* ===== v1032: 老站式全宽大图画廊（生产基地/企业风采）===== */
.endit-content .img-block { margin: 0 0 6px 0; }
.endit-content .img-block img { display: block; width: 100%; border: 1px solid #e8e8e8; box-sizing: border-box; }
.endit-content .img-block strong { display: block; text-align: center; font-size: 17px; color: #333; padding: 12px 0 30px; font-weight: bold; }


/* ===== v1033: 老站式相册网格（生产基地）===== */
.endit-content .yl-album-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.endit-content .yl-album-grid a { display: block; border: 1px solid #e5e5e5; background: #fff; overflow: hidden; }
.endit-content .yl-album-grid img { display: block; width: 100%; height: 180px; object-fit: cover; transition: transform .3s; }
.endit-content .yl-album-grid a:hover img { transform: scale(1.05); }

/* ICP 备案号页脚显示优化 */
.site-icp{color:#cfe0ef!important;display:inline-block!important;width:100%!important;text-align:center!important;padding:16px 0 12px!important;font-size:13px!important;letter-spacing:.5px}
.site-icp:hover{color:#ffffff!important;text-decoration:underline!important}

/* 页头与主体内容区对齐(1200)——仅宽屏生效，窄屏不强制溢出 */
@media screen and (min-width:1260px){
.top_bg .header,.top_bg .h_con{width:1200px}
}

/* v1040: banner 轮播 JS 未就绪时防塌陷兜底（float li 撑不起父容器） */
.banner .bd{overflow:hidden}
.banner .bd::after{content:"";display:block;clear:both;height:0}
.banner .bd li{list-style:none}

/* v1037: 页脚版权行(.link)深蓝底融入页脚，消除白条 */
.link{background:#0a1c3a!important;margin:0!important}
.link .content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 0;padding:0 0 2px}
.link .content span{margin:0}
.link em{color:#9db3c9;font-style:normal;font-size:13px;letter-spacing:.5px}

/* v1038: 页脚手机端修复——背景图兜底色 + 窄屏流式布局 */
.footer{background-color:#0a1c3a}
@media screen and (max-width:1259px){
  .footer{height:auto!important;padding-bottom:6px;overflow:hidden}
  .footer .content{width:auto!important;max-width:1200px;margin:0 auto;padding:0 15px;box-sizing:border-box}
  .footer .gsxx{height:auto!important;padding-bottom:24px!important}
  .footer .gsxx ul li{margin-right:20px!important;margin-bottom:10px!important}
  .footer .gsxx ul li p{font-size:16px!important;line-height:20px!important;margin-top:8px!important;word-break:break-all}
  .footer .gsxx ul{float:none!important;width:auto!important;margin-top:16px!important;overflow:hidden}
  .footer .ft-top{height:auto!important;padding:18px 0 26px!important}
  .footer .ft-top .flogo{width:auto!important;max-width:100%;height:auto!important;float:none!important;border-right:none!important;border-bottom:1px solid #202d49;padding-bottom:14px}
  .footer .ft-top .ft-nav{width:auto!important;height:auto!important;float:none!important;border-right:none!important;padding-left:0!important;margin-top:14px;overflow:hidden}
  .footer .ft-top .ft-nav ul li{float:left!important;width:auto!important;margin-right:22px!important;padding-right:4px}
  .footer .ft-top .ft-nav ul li:nth-child(2n){float:left!important}
  .footer .ft-top .ft-code{float:none!important;width:auto!important;margin-top:14px;overflow:hidden}
  .footer .ft-top .ft-code span{width:96px;margin-right:14px}
  .footer .ft-top .ft-code span em{color:#9db3c9!important}
  .footer .link{height:auto!important;padding:10px 0}
  .footer .link span{float:none!important}
  .footer .link span em{height:auto!important;line-height:24px!important;float:none!important;margin-right:0!important}
  .footer .link strong{float:none!important}
  .footer .link strong i,.footer .link strong a{height:auto!important;line-height:24px!important;float:none!important;margin-left:0!important;margin-right:18px}
}

/* v1041: banner 轮播纯 CSS 接管——彻底摆脱 superSlide 初始化尺寸错误（塌成小图）
   帧宽恒等于容器宽，5 帧自动循环；!important 压住插件写入的内联宽度/偏移 */
.banner{overflow:hidden}
.banner .bd{width:100%!important;overflow:hidden!important}
.banner .bd .tempWrap{width:100%!important;overflow:hidden!important;position:relative!important}
.banner .bd ul{display:flex!important;flex-wrap:nowrap!important;margin-left:0!important;left:0!important;position:relative!important;animation:none!important}
.banner .bd ul li{flex:0 0 var(--yl-bw,100vw)!important;width:var(--yl-bw,100vw)!important;max-width:none!important;float:none!important;line-height:0}
.banner .bd ul li img{width:100%!important;height:auto!important;display:block}
@keyframes ylBannerSlide{
  0%,16%{transform:translateX(0)}
  20%,36%{transform:translateX(-100%)}
  40%,56%{transform:translateX(-200%)}
  60%,76%{transform:translateX(-300%)}
  80%,96%{transform:translateX(-400%)}
  100%{transform:translateX(0)}
}

/* v1046: 导航与 logo 同一行。页头若锁死 1200，宽屏下 rem 变大后导航会掉到第二行。
   恢复模板原宽 86rem，导航 float 在右侧，与 logo 同处 6rem 页头内。 */
@media screen and (min-width:1260px){
  .top_bg .header,
  .top_bg .h_con{
    width:86rem !important;
    max-width:calc(100% - 40px) !important;
  }
}
.top_bg{height:6rem !important}
.h_con{height:6rem !important;min-height:6rem}
.h_nav{
  float:right !important;
  clear:none !important;
  width:auto !important;
  max-width:none !important;
  height:3.6rem !important;
  margin-top:2.4rem !important;
  white-space:nowrap;
}
.h_nav ul{white-space:nowrap}
.h_nav li{float:left !important;white-space:nowrap}
.banner{
  clear:both!important;
  display:block!important;
  float:none!important;
  width:100%!important;
  max-width:1920px;
  margin-top:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
}