.detailPageMain {
  background: #fff;
  padding: .78rem 0 1.22rem;
}

.newsDetailPage .nav>a[href="/index.html#news"] {
  color: var(--blue);
  font-weight: 700;
}

.newsDetailPage .nav>a[href="/index.html#news"]::after {
  width: 100%;
}

.detailBreadcrumb {
  padding-top: .36rem;
  color: #7b7b7b;
  font-size: clamp(14px, .16rem, 16px);
  display: flex;
  align-items: center;
  gap: .05rem;
}

.detailBreadcrumb a{
  display: flex;
  align-items: center;
  gap: .05rem;  
}

.detailBreadcrumb a img{
  width: .2rem;
  height: .2rem;
  filter: brightness(0.5);  
}

.detailLayout {
  margin-top: .52rem;
  display: grid;
  grid-template-columns: 10.64rem .01rem 2.65rem;
  column-gap: .58rem;
  align-items: start;
}

.articleContent h1 {
  color: #111;
  font-size: clamp(26px, .35rem, 35px);
  line-height: 1.46;
  font-weight: 700;
}

.articleMeta {
  margin-top: .28rem;
  display: flex;
  gap: .45rem;
  color: #727272;
  font-size: clamp(14px, .16rem, 16px);
}

.articleRule {
  width: 100%;
  height: .01rem;
  margin-top: .5rem;
  background: #d8d8d8;
}

.articleContent article {
  padding: .56rem 0 .3rem;
}

.articleContent article p {
  color: #333;
  font-size: clamp(15px, .18rem, 18px);
  line-height: 1.8;
}

.articlePager {
  margin-top: .27rem;
  display: flex;
  flex-direction: column;
  gap: .27rem;
}

.articlePager a {
  width: fit-content;
  max-width: 100%;
  color: #4B4B4B;
  font-size: clamp(14px, .16rem, 16px);
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.articlePager a:hover {
  color: var(--blue);
}

.detailDivider {
  min-height: 14.51rem;
  background: #ddd;
}

.companyNews h2 {
  color: #111;
  font-size: clamp(20px, .25rem, 25px);
  line-height: 1;
  font-weight: 700;
  margin-bottom: .28rem;
}

.companyNewsItem {
  margin-bottom: .53rem;
  display: block;
  color: #111;
}

.companyNewsItem img {
  width: 2.65rem;
  height: 1.73rem;
  display: block;
  object-fit: cover;
}

.companyNewsItem span {
  margin-top: .14rem;
  display: block;
}

.companyNewsItem time {
  display: block;
  color: #7b7b7b;
  font-size: clamp(14px, .16rem, 16px);
}

.companyNewsItem b {
  height: .45rem;
  margin-top: .1rem;
  display: -webkit-box;
  overflow: hidden;
  color: #111;
  font-size: clamp(14px, .16rem, 16px);
  line-height: 1.4;
  font-weight: 700;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.companyNewsItem:hover b {
  color: var(--blue);
}

@media (max-width: 768px) {
  .detailPageMain { padding: .45rem 0 .65rem; }
  .detailBreadcrumb { padding-top: .15rem; }
  .detailLayout { margin-top: .3rem; display: block; }
  .articleContent h1 { font-size: clamp(22px, .29rem, 29px); line-height: 1.4; }
  .articleMeta { margin-top: .15rem; gap: .18rem; flex-wrap: wrap; }
  .articleRule { margin-top: .25rem; }
  .articleContent article { padding: .3rem 0 .16rem; }
  .articleContent article p { font-size: clamp(14px, .16rem, 16px); line-height: 1.75; }
  .detailDivider { display: none; }
  .companyNews { margin-top: .45rem; padding-top: .3rem; border-top: .01rem solid #ddd; }
  .companyNewsList { display: grid; grid-template-columns: repeat(2, 1fr); gap: .16rem; }
  .companyNewsItem { margin: 0; }
  .companyNewsItem img { width: 100%; height: 1.3rem; }
}