/* =====================================================================
   内页公共样式 —— 严格对齐源站 app.css / main.css
   源站结构：page-banner → page-wrap(.container) → page-wrap-left(290px)
             [left-title-info 124px 金色块 压在 banner 上]
             [xypg-left 菜单 + page-message-img 销售热线]
             → page-wrap-right [wrap-right-nav 深色面包屑 + xypg-right-content]
   ===================================================================== */

/* 内页大图：源站 .page-banner img{width:100%}，无固定高度 */
.g-ny-banner {
  width: 100%;
  overflow: hidden;
  font-size: 0;
}

.g-ny-banner img {
  display: block;
  width: 100%;
  height: auto;
}

/* 内页容器：源站 .page-wrap{background:#fff;padding-bottom:3.385%} */
.g-ny-wrap {
  background: #fff;
  padding-bottom: 3.385%;
}

/* 两栏：左 290px + 10px 间距 */
.g-ny-body {
  display: flex;
  align-items: flex-start;
}

.g-side {
  flex: 0 0 290px;
  width: 290px;
  margin-right: 10px;
}

/* 左栏标题块：290×124 金色，margin-top:-124px 压在 banner 上 */
.g-side-tit {
  width: 100%;
  height: 124px;
  background: #bca289;
  padding-left: 40px;
  margin-top: -124px;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}

.g-side-tit h1 {
  color: #fff;
  font-size: 23px;
  font-weight: 600;
  padding-top: 36px;
  line-height: 1.2;
}

.g-side-tit p {
  color: #fff;
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.4;
}

/* 左栏菜单：源站 .xypg-left-con 边框 + li 60px 行高 + 4px 圆点 */
.g-side-menu {
  border: 1px solid #d2d2d2;
  border-top: 0;
  background: #fff;
}

.g-side-list > li {
  position: relative;
  padding: 10px 40px;
  min-height: 60px;
  display: flex;
  align-items: center;
  transition: background .3s;
}

.g-side-list > li > .g-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #a9a9a9;
  display: block;
  float: left;
  margin-top: 28px;
  margin-right: 15px;
  transition: background .3s;
}

.g-side-list > li > a {
  display: block;
  width: 100%;
  font-size: 13px;
  line-height: 1.45;
  color: #2e2e2e;
  white-space: normal;
  padding-right: 24px;
}

.g-side-list > li > .g-arrow {
  position: absolute;
  right: 25px;
  top: 50%;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  transform: rotate(45deg);
  transition: border-color .3s;
}

.g-side-list > li:hover,
.g-side-list > li.on {
  background: #282828;
}

.g-side-list > li:hover > a,
.g-side-list > li.on > a {
  color: #fff;
}

.g-side-list > li:hover > .g-dot,
.g-side-list > li.on > .g-dot {
  background: #fff;
}

.g-side-list > li:hover > .g-arrow,
.g-side-list > li.on > .g-arrow {
  border-color: #fff;
}

/* 二级菜单（有子分类时） */
.g-side-sub {
  display: none;
  background: #fff;
  border-top: 1px solid #eee;
}

.g-side-sub li {
  padding-left: 20px;
}

.g-side-sub a {
  display: block;
  line-height: 42px;
  font-size: 13px;
  color: #777;
}

.g-side-sub a:hover {
  color: #bca289;
}

/* 销售热线块：290×313，背景图 20191025143211_247.png */
.g-side-tel {
  width: 290px;
  height: 313px;
  overflow: hidden;
  padding: 55px 30px 55px 45px;
  background: url(../../images/gongbao/20191025143211_247.png) center center no-repeat;
  background-size: cover;
  box-sizing: border-box;
}

.g-side-tel h3 {
  font-size: 15px;
  color: #fff;
  font-weight: 600;
}

.g-side-tel h2 {
  font-size: 23px;
  color: #fff;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 40px;
  white-space: nowrap;
}

.g-side-tel img {
  width: 100px;
  height: 100px;
  display: block;
}

/* 右栏：源站 .page-wrap-right 负 40px 上移 + 阴影 */
.g-ny-main {
  flex: 1;
  min-width: 0;
  margin-top: -40px;
  background: #fff;
  margin-bottom: 100px;
  padding-bottom: 50px;
  box-shadow: -3px 3px 12px #ccc;
  position: relative;
  z-index: 2;
}

/* 面包屑：源站 .wrap-right-nav 40px 深色条，右对齐 */
.g-crumb {
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  background: #282828;
  color: #a6a6a6;
  font-size: 13px;
  text-align: right;
  margin: 0;
}

.g-crumb a {
  color: #a6a6a6;
}

.g-crumb a:hover {
  color: #bca289;
}

.g-crumb span {
  color: #a6a6a6;
}

/* 右栏内容内边距：源站 .xypg-right-content{padding:15px} */
.g-ny-content {
  padding: 15px;
}

/* 列表页标题：源站列表页不显示该标题（.xypg-pro-description 为 display:none），默认隐藏 */
.g-list-head {
  display: none;
}

/* ---------------- 产品列表 ---------------- */
.g-pro-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  font-size: 0;
}

.g-pro-item {
  display: block;
  border: 1px solid #dcdcdc;
  background: #fff;
  padding: 10px 10px 0;
  text-align: center;
  transition: border-color .5s ease;
}

.g-pro-item .img {
  display: block;
  overflow: hidden;
  font-size: 0;
}

.g-pro-item .img img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform .5s ease;
}

.g-pro-item h3 {
  font-size: 14px;
  color: #5a5a5a;
  line-height: 1.4;
  padding: .8em 0;
  font-weight: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 3.2em;
  transition: color .5s ease;
}

.g-pro-item:hover {
  border-color: #bca289;
}

.g-pro-item:hover .img img {
  transform: scale(1.1);
}

.g-pro-item:hover h3 {
  color: #bca289;
}

/* ---------------- 新闻列表 ---------------- */
.g-news-list {
  padding: 0;
}

.g-news-list li {
  display: block;
  margin-top: 20px;
  padding: 0;
  border: 0;
  transition: all .5s;
}

.g-news-list li:first-child {
  border: 0;
}

.g-news-list li .g-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #a9a9a9;
  display: block;
  float: left;
  margin-top: 7px;
  margin-right: 12px;
  transition: background .6s;
}

.g-news-list li .tit {
  display: block;
  color: #282828;
  font-size: 13px;
  transition: color .6s;
  padding-right: 100px;
  line-height: 1.5;
  overflow: hidden;
  white-space: normal;
}

.g-news-list li .date {
  float: right;
  color: #969696;
  font-size: 13px;
  transition: color .6s;
  margin-top: -19px;
}

.g-news-list li:hover .tit,
.g-news-list li:hover .date {
  color: #bca289;
}

.g-news-list li:hover .g-dot {
  background: #bca289;
}

/* ---------------- 资料下载列表（源站 xypg-download-list） ---------------- */
.g-dl-list {
  width: 100%;
}

.g-dl-title {
  line-height: 60px;
  background: #d9d9d9;
  font-size: 18px;
  color: #333;
  overflow: hidden;
}

.g-dl-title span {
  display: block;
  float: left;
  text-align: center;
  width: 19%;
}

.g-dl-title .file-name {
  width: 43%;
  text-align: left;
  padding-left: 5%;
}

.g-dl-item {
  line-height: 50px;
  overflow: hidden;
}

.g-dl-item:nth-child(odd) {
  background: #f3f3f3;
}

.g-dl-span {
  float: left;
  width: 19%;
  text-align: center;
  font-size: 14px;
  color: #555;
}

.g-dl-span.g-dl-first {
  padding-left: 4%;
  width: 43%;
  text-align: left;
}

.g-dl-span.g-dl-icon a {
  color: #292e39;
}

.g-dl-span.g-dl-icon a:hover {
  text-decoration: underline;
}

.g-dl-span.g-dl-icon i {
  margin-right: 5px;
  font-size: 14px;
}

.g-mob-tit {
  display: none;
}

/* ---------------- 文章详情 ---------------- */
.g-detail {
  font-size: 14px;
  color: #333;
  line-height: 2;
}

.g-detail h1 {
  font-size: 22px;
  color: #222;
  line-height: 1.5;
  padding-bottom: 14px;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 14px;
  font-weight: normal;
}

.g-detail .meta {
  font-size: 13px;
  color: #999;
  margin-bottom: 20px;
}

.g-detail .meta span {
  margin-right: 20px;
}

.g-detail-content {
  text-align: justify;
  text-justify: inter-ideograph;
  text-align-last: left;
  letter-spacing: 0;
}

.g-detail-content p {
  margin-bottom: 14px;
}

.g-detail-content img {
  max-width: 100%;
  height: auto;
}

/* ---------------- 产品详情（源站 xypg-product-detail） ---------------- */
.g-pd-detail > h1 {
  text-align: center;
  font-size: 24px;
  color: #333;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 1.5em;
}

.g-pd-effect {
  display: flex;
  align-items: flex-start;
  margin: 0 12.22% 20px;
  height: 520px;
  overflow: hidden;
}

.g-pd-big {
  flex: 0 0 76.86%;
  height: 510px;
  border: 1px solid #d4d4d4;
  padding: 8px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.g-pd-big img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: inline-block;
}

.g-pd-thumbs {
  flex: 0 0 20.89%;
  margin-left: 2.25%;
}

.g-pd-thumbs a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 102px;
  margin: 5px 0;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
}

.g-pd-thumbs a.on {
  border-color: #bca289;
}

.g-pd-thumbs img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}

.g-pd-inquiry {
  text-align: center;
  margin: 20px 0 40px;
  font-size: 0;
}

.g-pd-inquiry a {
  display: inline-block;
  width: 160px;
  line-height: 2.5;
  text-align: center;
  background: #282828;
  color: #fff;
  font-size: 15px;
  border-radius: 3px;
  padding: 0;
  transition: background .5s ease;
}

.g-pd-inquiry a:hover {
  background: #bca289;
}

.g-pd-attr-box {
  margin-bottom: 22px;
}

.g-pd-attr-box > h4 {
  font-size: 16px;
  color: #333;
  font-weight: normal;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 8px;
  margin-bottom: 10px;
}

.g-pd-attr {
  overflow: hidden;
}

.g-pd-attr li {
  float: left;
  width: 50%;
  font-size: 14px;
  color: #666;
  line-height: 2;
}

.g-pd-attr li span {
  color: #333;
}

/* 产品详情 tab */
.g-pd-tabs {
  margin-bottom: 24px;
}

.g-pd-tabli {
  overflow: hidden;
  border-bottom: 1px solid #e9e9e9;
}

.g-pd-tabli li {
  float: left;
  width: 20%;
  line-height: 1.3;
  padding: 11px 2px;
  text-align: center;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  margin-top: -1px;
}

.g-pd-tabli li.on {
  background: #bca289;
  color: #fff;
}

.g-pd-tabbox {
  padding: 15px 0 0;
}

.g-pd-tabcon {
  display: none;
  font-size: 14px;
  line-height: 2;
  color: #333;
}

.g-pd-tabcon.on {
  display: block;
}

/* 上一页/下一页：源站 xypg-detail-pn */
.g-pn {
  margin-top: 30px;
  padding-top: 16px;
  border-top: 1px solid #e9e9e9;
  font-size: 14px;
  color: #777;
}

.g-pn p {
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.g-pn a {
  color: #333;
}

.g-pn a:hover {
  color: #bca289;
}

/* ---------------- 联系我们 ---------------- */
.g-contact-box {
  display: block;
}

.g-contact-info {
  margin-bottom: 20px;
}

.g-contact-info li {
  display: flex;
  gap: 12px;
  padding: 8px 0;
  font-size: 14px;
  color: #333;
  line-height: 1.8;
}

.g-contact-info li i {
  color: #bca289;
  font-size: 16px;
  margin-top: 2px;
}

.g-contact-qr {
  margin-top: 10px;
}

.g-contact-qr img {
  width: 120px;
  height: 120px;
  object-fit: contain;
}

.g-contact-qr p {
  font-size: 13px;
  color: #999;
  margin-top: 6px;
}

/* ---------------- 资质荣誉 ---------------- */
/* 列表页 = 源站单张长图 716×2054 */
.g-honor-longimg {
  text-align: center;
}

.g-honor-longimg img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

/* 关于我们栏目列表用的网格（非资质荣誉页） */
.g-honor-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.g-honor-item {
  display: block;
  border: 1px solid #e9e9e9;
  padding: 8px;
  text-align: center;
  background: #fff;
}

.g-honor-item img {
  width: 100%;
  height: auto;
  display: block;
}

.g-honor-item h3 {
  font-size: 14px;
  color: #333;
  font-weight: normal;
  padding: 10px 0 4px;
}

.g-honor-item:hover {
  border-color: #bca289;
}

/* ---------------- 分页（源站 xypg-pagination：文字链接 + 金色下划线） ---------------- */
.g-pager {
  margin-top: 20px;
  text-align: center;
  font-size: 0;
}

.g-pager .pagination-container {
  display: block;
  width: 100%;
  padding: 0;
  text-align: center;
}

.g-pager .pagination {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
}

.g-pager .page-item {
  display: inline-block;
  margin: 0;
  font-size: 0;
}

.g-pager .page-link {
  display: inline-block;
  font-size: 14px;
  color: #333;
  line-height: 26px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: none;
  margin: 0 10px;
  padding: 0 5px;
}

.g-pager .page-item.active .page-link,
.g-pager .page-link:hover {
  color: #bca289;
  background: none;
  border-bottom-color: #bca289;
}

.g-pager .page-item.disabled .page-link {
  color: #bbb;
  background: none;
}

.g-pager .page-item:first-child .page-link,
.g-pager .page-item:last-child .page-link {
  width: 20px;
  height: 26px;
  font-size: 0;
  padding: 0;
  background: url(../../images/gongbao/page-prev.png) center center no-repeat;
}

.g-pager .page-item:last-child .page-link {
  background-image: url(../../images/gongbao/page-next.png);
}

/* ---------------- 响应式 ---------------- */
@media screen and (max-width: 1240px) {
  .g-side {
    flex: 0 0 250px;
    width: 250px;
  }

  .g-side-tit {
    padding-left: 24px;
  }

  .g-side-tit h1 {
    font-size: 20px;
  }

  .g-side-tel {
    display: none;
  }

  .g-pro-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 1024px) {
  .g-side {
    flex: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }

  .g-side-tit {
    margin-top: 0;
    height: auto;
    padding: 14px 16px;
  }

  .g-side-tit h1 {
    padding-top: 0;
    font-size: 18px;
  }

  .g-side-tit p {
    display: none;
  }

  .g-side-menu {
    border-top: 1px solid #d2d2d2;
  }

  .g-side-list {
    display: flex;
    flex-wrap: wrap;
  }

  .g-side-list > li {
    padding-left: 16px;
    flex: 0 0 auto;
    border-right: 1px solid #f0f0f0;
  }

  .g-side-list > li > .g-dot,
  .g-side-list > li > .g-arrow {
    display: none;
  }

  .g-side-list > li > a {
    line-height: 42px;
    font-size: 14px;
    padding-right: 16px;
  }

  .g-side-tel {
    display: none;
  }

  .g-ny-body {
    display: block;
  }

  .g-ny-main {
    margin-top: 0;
    margin-bottom: 40px;
    padding-bottom: 20px;
    box-shadow: none;
  }

  .g-pro-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 768px) {
  .g-crumb {
    height: auto;
    line-height: 1.7;
    font-size: 11px;
    padding: 6px 10px;
    word-break: break-all;
  }

  .g-ny-content {
    padding: 12px;
  }

  .g-pro-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .g-pro-item {
    padding: 8px 8px 0;
  }

  .g-pro-item h3 {
    font-size: 13px;
  }

  .g-news-list li .tit {
    font-size: 14px;
    padding-right: 80px;
  }

  .g-news-list li .date {
    font-size: 12px;
    margin-top: -19px;
  }

  /* 下载列表手机端：卡片式，带标签 */
  .g-dl-title {
    display: none;
  }

  .g-dl-item {
    border: 1px solid #ebebeb;
    margin-bottom: 12px;
    background: #fff !important;
    line-height: 40px;
    padding: 6px 0;
  }

  .g-dl-span {
    float: none;
    width: 100% !important;
    text-align: right;
    padding: 0 15px !important;
    font-size: 13px;
    box-sizing: border-box;
  }

  .g-dl-span + .g-dl-span {
    border-top: 1px dashed #ebebeb;
  }

  .g-mob-tit {
    display: block;
    float: left;
    font-weight: bold;
    color: #333;
  }

  .g-dl-span .g-dl-con {
    display: block;
    margin-left: 90px;
  }

  .g-detail h1,
  .g-pd-detail > h1 {
    font-size: 19px;
  }

  .g-pd-effect {
    margin: 0 0 16px;
    height: auto;
    display: block;
  }

  .g-pd-big {
    flex: none;
    height: auto;
    min-height: 220px;
  }

  .g-pd-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: 0;
  }

  .g-pd-thumbs a {
    width: 64px;
    height: 64px;
    margin: 0;
  }

  .g-pd-attr li {
    float: none;
    width: 100%;
  }

  .g-pd-tabli li {
    padding: 8px 3px;
    font-size: 12px;
    line-height: 1.25;
    white-space: normal;
  }

  .g-contact-info li {
    font-size: 13px;
  }

  .g-honor-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

/* ===== 2026-10-20 产品列表图片统一方格（对齐源站 190×190） ===== */
.g-pro-item .img {
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.g-pro-item .img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* ===== 2026-10-20 面包屑字号统一 ===== */
.g-crumb,
.g-crumb a,
.g-crumb span {
  font-size: 13px;
}

/* ===== 2026-10-20 1fr 受 min-content 拖拽致列宽不等（长标题 nowrap），锁成等宽 ===== */
.g-pro-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }

@media screen and (max-width: 1240px) {
  .g-pro-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media screen and (max-width: 768px) {
  .g-pro-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


/* ── 476-正文排版优化 20261021：新闻/内页首行缩进 + 产品正文美化 ── */
.g-detail p { text-indent: 0; }
.g-pd-tabcon { font-size: 16px; line-height: 2; color: #333; word-break: break-word; }
.g-pd-tabcon p { margin: 0 0 14px; text-indent: 0; }
.g-pd-tabcon img { display: block; max-width: 100%; height: auto; margin: 12px auto; }
.g-pd-tabcon table { width: 100%; border-collapse: collapse; margin: 10px 0; }
.g-pd-tabcon td, .g-pd-tabcon th { border: 1px solid #ddd; padding: 8px 10px; font-size: 15px; }

/* 2026-10-21 内页正文表格（联系我们办事处等）：城市/电话/手机不换行，地址列换行 */
.g-ny-content table {
  border-collapse: collapse;
  min-width: 680px;
}
.g-ny-content table td {
  padding: 8px 10px;
  vertical-align: middle;
  text-align: left;
}
.g-ny-content table td:nth-child(1),
.g-ny-content table td:nth-child(3),
.g-ny-content table td:nth-child(4) {
  white-space: nowrap;
}
.g-ny-content table td:nth-child(2) {
  white-space: normal;
  word-break: break-word;
}