/* 世灿首页：Banner / 公司简介 专用布局（不依赖 index-page9 错位分栏） */

/* ---------- Banner：设计稿 2000×400，PC 固定 400px 高 ---------- */
.index-banner {
 line-height: 0;
 overflow: hidden;
 background: #ebebeb;
}
.index-banner .index-swiper,
.index-banner .index-swiper .swiper-wrapper,
.index-banner .index-swiper .swiper-slide.shican-banner-slide {
 height: 400px !important;
}
.index-banner .index-swiper .swiper-slide.shican-banner-slide::before {
 display: none !important;
}
.shican-banner-inner {
 position: relative;
 width: 100%;
 max-width: 2000px;
 height: 400px !important;
 margin: 0 auto;
 overflow: hidden;
 background: #e8e8e8;
}
.shican-banner-bg {
 position: absolute;
 inset: 0;
 z-index: 1;
 line-height: 0;
}
.shican-banner-bg img.c-pc {
 display: block;
 width: 100%;
 height: 400px !important;
 max-height: 400px !important;
 min-height: 0 !important;
 object-fit: contain;
 object-position: center center;
}
.shican-banner-bg img.c-mb {
 display: none;
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: center;
}
.shican-banner-copy {
 position: absolute !important;
 inset: 0;
 z-index: 2;
 height: 100% !important;
 min-height: 0 !important;
 display: flex !important;
 align-items: center;
 justify-content: flex-start;
 padding: 0 6% !important;
 box-sizing: border-box;
 background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.25) 45%, transparent 72%);
}
.shican-banner-txt {
 max-width: 520px;
 text-align: left;
 color: #fff;
}
.shican-banner-brand {
 display: block;
 max-width: 280px;
 max-height: 56px;
 width: auto;
 height: auto;
 object-fit: contain;
 margin-bottom: 10px;
}
.shican-banner-stit {
 margin: 0 0 10px;
 font-size: 32px;
 font-weight: 600;
 line-height: 1.25;
 color: #fff;
}
.shican-banner-desc {
 font-size: 15px;
 line-height: 1.65;
 color: rgba(255, 255, 255, 0.95);
 max-height: 4.8em;
 overflow: hidden;
}
.shican-banner-desc p {
 margin: 0 0 6px;
 color: inherit;
}
/* 后台 desa 若带边框图、表格，前台只保留文字 */
.shican-banner-desc img,
.shican-banner-desc table,
.shican-banner-desc iframe {
 display: none !important;
}
.shican-banner-desc * {
 border: none !important;
 background: transparent !important;
 box-shadow: none !important;
 padding: 0 !important;
 margin: 0 !important;
 max-width: none !important;
 font-size: inherit !important;
 line-height: inherit !important;
 color: inherit !important;
}
.shican-banner-txt .btn-container {
 margin-top: 14px;
}
.index-banner .index-swiper .swiper-pagination {
 opacity: 1 !important;
 bottom: 12px !important;
}

/* ---------- 公司介绍：左 16:9 图 + 右简介，底部三卖点 ---------- */
.index-shican-about {
 padding: 48px 0 40px;
 background: #f5f3ef;
}
.index-section-head,
.index-about-head {
 text-align: center;
 margin-bottom: 32px;
}
.index-shican-about .index-section-title,
.index-shican-products .index-section-title {
 margin: 0 0 10px;
 font-weight: 600;
 color: #1a1a1a;
}
.index-section-sub {
 margin: 0 auto;
 max-width: 680px;
 color: #6b5b4a;
 line-height: 1.65;
 text-align: center;
}
.index-section-sub::before {
 content: '';
 display: block;
 width: 48px;
 height: 3px;
 margin: 0 auto 14px;
 background: linear-gradient(90deg, #314a4b, #c9a962);
 border-radius: 2px;
}
.index-about-panel {
 max-width: 1560px;
 margin: 0 auto;
 background: #fff;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 10px 36px rgba(49, 74, 75, 0.08);
 border: 1px solid rgba(0, 0, 0, 0.06);
}
.index-about-row {
 display: flex;
 align-items: center;
 gap: 0;
}
.index-about-media {
 flex: 0 0 50%;
 box-sizing: border-box;
 padding: 28px 24px 28px 28px;
}
.index-about-media-inner {
 width: 100%;
 aspect-ratio: 16 / 9;
 border-radius: 8px;
 overflow: hidden;
 background: #eef1f3;
 line-height: 0;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}
.index-about-media-inner img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: contain;
 object-position: center;
}
.index-about-intro {
 flex: 1;
 min-width: 0;
 padding: 28px 32px 28px 8px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 box-sizing: border-box;
}
.index-about-excerpt {
 line-height: 1.88;
 color: #444;
 text-align: justify;
 margin: 0 0 22px;
 font-size: 15px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 8;
 overflow: hidden;
}
.index-about-excerpt p {
 margin: 0 0 10px;
}
.index-about-excerpt img,
.index-about-excerpt table,
.index-about-excerpt iframe {
 display: none !important;
}
.index-about-actions {
 display: flex;
 justify-content: flex-start;
 margin-top: 8px;
}
.index-about-actions .more.more-primary {
 text-decoration: none;
 min-width: 140px;
 padding: 0 28px;
}
.index-about-excerpt a {
 display: none !important;
}
.index-about-features {
 list-style: none;
 margin: 0;
 padding: 0;
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 border-top: 1px solid #e8e8e8;
 background: #fafbfc;
}
.index-about-features li {
 padding: 20px 28px;
 border-right: 1px solid #e8e8e8;
 box-sizing: border-box;
}
.index-about-features li:last-child {
 border-right: none;
}
.index-about-features .feat-label {
 display: block;
 font-size: 15px;
 font-weight: 600;
 color: #314a4b;
 margin-bottom: 6px;
}
.index-about-features .feat-label::before {
 content: '';
 display: inline-block;
 width: 6px;
 height: 6px;
 margin-right: 8px;
 vertical-align: middle;
 background: #c9a962;
 border-radius: 50%;
}
.index-about-features .feat-text {
 display: block;
 font-size: 13px;
 line-height: 1.55;
 color: #666;
 padding-left: 14px;
}

/* ---------- 产品区：标题与公司介绍一致 + 白卡片轮播 ---------- */
.index-shican-products.index-page4 {
 padding: 5px 0 40px !important;/*48px 0 40px !important;*/
 background: #f5f3ef;
 min-height: 0 !important;
}
.index-shican-products.index-page4 .page-main {
 margin-top: 0;
 padding-top: 0;
}
.index-shican-products.index-page4 .page-main .page-title {
 display: none;
}
.index-products-panel {
 max-width: 1560px;
 margin: 0 auto;
 background: #fff;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 10px 36px rgba(49, 74, 75, 0.08);
 border: 1px solid rgba(0, 0, 0, 0.06);
 padding: 24px 20px 20px;
 box-sizing: border-box;
}
.index-shican-products.index-page4 .page-main .swiper-main {
 margin-bottom: 0;
}
.index-shican-products .index-products-all {
 justify-content: center;
 margin-top: 20px;
 margin-bottom: 0;
 padding-top: 4px;
 border-top: 1px solid #eee;
}
@media (min-width: 1025px) {
 /* PC 产品区：保持 style.css 横向 flex 平移展开，勿改 height 避免塌陷跳动 */
 .index-shican-products.index-page4 .page-main .swiper-main .swiper .swiper-wrapper .swiper-slide {
  -webkit-transition: flex 0.55s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: flex 0.55s cubic-bezier(0.4, 0, 0.2, 1);
  transition: flex 0.55s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .index-shican-products.index-page4 .page-main .swiper-main .swiper .swiper-wrapper .swiper-slide.active {
  flex: 1 1 43%;
 }
 /* 禁用 hover 时 scrollToTop 上弹动画，改淡入避免「乱跳」 */
 .index-shican-products.index-page4 .page-main .swiper-main .swiper .swiper-wrapper .swiper-slide:hover .item-box .text-con2,
 .index-shican-products.index-page4 .page-main .swiper-main .swiper .swiper-wrapper .swiper-slide.active .item-box .text-con2 {
  -webkit-animation: none !important;
  animation: none !important;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: opacity 0.45s ease;
  -o-transition: opacity 0.45s ease;
  transition: opacity 0.45s ease;
 }
 .index-shican-products.index-page4 .page-main .swiper-main .swiper .swiper-wrapper .swiper-slide:hover .item-box .text-con1,
 .index-shican-products.index-page4 .page-main .swiper-main .swiper .swiper-wrapper .swiper-slide.active .item-box .text-con1 {
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
 }
}
/* ---------- 质量认证：一排5个，仅图标+名称 ---------- */
.index-shican-quality.index-page5 {
 padding: 48px 0 40px !important;
 background: #f5f3ef;
}
.index-shican-quality.index-page5 .page-main .page-title,
.index-shican-quality.index-page5 .page-main .list {
 display: none;
}
.index-shican-quality .index-quality-list {
 display: grid;
 grid-template-columns: repeat(5, minmax(0, 1fr));
 gap: 16px;
 max-width: 1200px;
 margin: 0 auto;
}
.index-shican-quality .index-quality-item {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 14px;
 min-height: 140px;
 padding: 24px 12px;
 text-decoration: none;
 color: #1a1a1a;
 background: #fff;
 border-radius: 10px;
 border: 1px solid rgba(0, 0, 0, 0.06);
 box-shadow: 0 6px 20px rgba(49, 74, 75, 0.06);
 transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s;
 box-sizing: border-box;
}
.index-shican-quality .index-quality-item:hover {
 border-color: #c9a962;
 box-shadow: 0 10px 28px rgba(49, 74, 75, 0.1);
 transform: translateY(-2px);
 color: #314a4b;
}
.index-shican-quality .index-quality-icon {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 56px;
 height: 56px;
 border-radius: 50%;
 background: linear-gradient(135deg, #f5f3ef 0%, #eef2f2 100%);
}
/* style.css 中 *{font-family:!important} 会盖掉 FA，必须在此用 !important 还原 */
.index-shican-quality .fa,
.index-shican-quality .fas,
.index-shican-quality .far,
.index-shican-quality .fab,
.index-shican-quality .fa-solid,
.index-shican-quality .fa-regular,
.index-shican-quality .fa-brands,
.index-shican-quality .index-quality-icon i {
 font-family: "Font Awesome 6 Free" !important;
 font-weight: 900 !important;
 font-style: normal !important;
 font-variant: normal !important;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.index-shican-quality .fa-regular,
.index-shican-quality .far {
 font-weight: 400 !important;
}
.index-shican-quality .fa-brands,
.index-shican-quality .fab {
 font-family: "Font Awesome 6 Brands" !important;
 font-weight: 400 !important;
}
.index-shican-quality .index-quality-icon i {
 font-size: 26px;
 line-height: 1;
 color: #314a4b;
}
.index-shican-quality .index-quality-name {
 display: block;
 text-align: center;
 font-weight: 600;
 line-height: 1.4;
}
.index-shican-quality .page-main > .btn-container {
 justify-content: center;
 margin-top: 28px;
}

/* ---------- 公关中心资讯：三列网格，无 swiper 留白 ---------- */
.index-shican-news.index-page10 {
 padding: 48px 0 40px !important;
 background: #fff;
 min-height: 0 !important;
}
.index-shican-news.index-page10 .page-main {
 margin-top: 0;
 padding: 0;
 min-height: 0 !important;
}
.index-shican-news .index-news-head {
 margin-bottom: 32px;
}
.index-shican-news .index-news-grid {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 28px 24px;
 max-width: 1200px;
 margin: 0 auto;
}
.index-shican-news .index-news-card {
 margin: 0;
 min-height: 0;
}
.index-shican-news .index-news-card .item-box {
 display: block;
 height: 100%;
 text-decoration: none;
 color: inherit;
}
.index-shican-news .index-news-card .public-img {
 background: #f0f2f3;
 border-radius: 8px;
 overflow: hidden;
}
.index-shican-news .index-news-card .public-img::before {
 padding-top: 57%;
}
.index-shican-news .index-news-card .public-img img {
 object-fit: contain !important;
 object-position: center center;
}
.index-shican-news .index-news-card:hover .public-img img,
.index-shican-news .index-news-card.item-animation:hover .public-img-plus img {
 transform: none !important;
}
.index-shican-news .index-news-card .text-box {
 margin-top: 16px;
}
.index-shican-news .index-news-card .text-box .date {
 color: #888;
 font-size: 15px;
 line-height: 1;
 margin-bottom: 12px;
}
.index-shican-news .index-news-card .text-box .title {
 color: #1a1a1a;
 font-weight: 600;
 margin: 0;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
}
.index-shican-news .index-news-card .text-box .btn-container {
 margin-top: 18px;
 justify-content: flex-start;
}
.index-shican-news .index-news-card .text-box .btn-container .more {
 pointer-events: none;
}
.index-shican-news .index-news-card:hover .text-box .title {
 color: #314a4b;
}
@media (max-width: 992px) {
 .index-shican-news .index-news-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
 }
}
@media (max-width: 576px) {
 .index-shican-news .index-news-grid {
  grid-template-columns: 1fr;
  gap: 24px;
 }
}
@media (max-width: 992px) {
 .index-shican-quality .index-quality-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
 }
}
@media (max-width: 576px) {
 .index-shican-quality .index-quality-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
 }
 .index-shican-quality .index-quality-item {
  min-height: 120px;
  padding: 18px 8px;
 }
}

@media (max-width: 992px) {
 .index-about-row {
  flex-direction: column;
  align-items: stretch;
 }
 .index-about-media {
  flex: none;
  width: 100%;
  padding: 20px 20px 0;
 }
 .index-about-intro {
  padding: 20px 20px 24px;
 }
 .index-about-actions {
  justify-content: center;
 }
 .index-about-features {
  grid-template-columns: 1fr;
 }
 .index-about-features li {
  border-right: none;
  border-bottom: 1px solid #e8e8e8;
 }
 .index-about-features li:last-child {
  border-bottom: none;
 }
 .shican-banner-copy {
  padding: 0 5% !important;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.35) 100%);
 }
 .shican-banner-brand {
  max-width: 200px;
  max-height: 44px;
 }
 .shican-banner-stit {
  font-size: 22px;
 }
}

@media (max-width: 767px) {
 .index-banner .index-swiper,
 .index-banner .index-swiper .swiper-wrapper,
 .index-banner .index-swiper .swiper-slide.shican-banner-slide {
  height: 56vw !important;
  max-height: 420px;
  min-height: 200px;
 }
 .shican-banner-inner {
  height: 100% !important;
  max-width: none;
 }
 .shican-banner-bg .c-pc {
  display: none;
 }
 .shican-banner-bg .c-mb {
  display: block;
  height: 100% !important;
  max-height: none !important;
 }
 .index-shican-about {
  padding: 40px 0;
 }
 .index-shican-quality .page-main .list {
  grid-template-columns: 1fr;
 }
}