@charset "UTF-8";
/*盒子布局*/
/*单行省略*/
/*多行省略*/
/**
* 将px转换为rem（以2560px的屏幕为基准）
*/
.home-page-box {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.home-page-box section {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.home-page-box .section-title-box {
  padding: 0.70312rem 0 0.3125rem 0;
}

.home-page-box .section-title {
  font-size: 0.21875rem;
  color: #333333;
  font-weight: bold;
}

.home-page-box .section-info {
  font-size: 0.10938rem;
  color: #666666;
  line-height: 1.5;
}

.home-page-box .page-1 .banner-swiper {
  width: 100%;
}

.home-page-box .page-1 .banner-swiper .swiper-slide {
  width: 100%;
}

.home-page-box .page-1 .banner-swiper .swiper-slide img {
  display: block;
  width: 100%;
}

.home-page-box .page-2 .swiper-box {
  width: 100%;
  /* 隐藏默认滚动条（可选） */
}

.home-page-box .page-2 .swiper-box .swiper-container {
  width: 100%;
  height: auto;
}

.home-page-box .page-2 .swiper-box .swiper-slide {
  width: 40% !important;
  /* 滑块宽度（小于100%，让两边能露出） */
  height: auto;
}

.home-page-box .page-2 .swiper-box .swiper-scrollbar {
  display: none;
}

.home-page-box .page-2 .pro-box {
  width: 100%;
  margin: 0 auto;
}

.home-page-box .page-2 .pro-box img {
  width: 100%;
  display: block;
}

.home-page-box .page-2 .pro-box .text-info-box {
  padding: 0.3125rem 0.15625rem 0 0.15625rem;
}

.home-page-box .page-2 .pro-box .text-info-box .text-title {
  font-size: 0.14062rem;
}

.home-page-box .page-2 .pro-box .text-info-box .text-info {
  font-size: 0.07812rem;
}

.home-page-box .page-2 .pro-box .btn-box {
  padding: 0.07812rem 0.15625rem 0 0.15625rem;
}

.home-page-box .page-2 .pro-box .btn-box .more-btn {
  font-size: 0.07812rem;
}

.home-page-box .page-2 .pro-box .btn-box .more-btn:not(:first-child) {
  margin-left: 0.09375rem;
}

.home-page-box .page-3 {
  margin-top: 0.66406rem;
}

.home-page-box .page-3 .row .item {
  margin-bottom: 0.04688rem;
  box-sizing: border-box;
}

.home-page-box .page-3 .row .item:nth-child(odd) {
  padding-right: 0.02344rem;
}

.home-page-box .page-3 .row .item:nth-child(even) {
  padding-left: 0.02344rem;
}

.home-page-box .page-3 .row .item img {
  display: block;
  width: 100%;
}

.home-page-box .page-3 .row .item .text-info {
  width: 100%;
  position: absolute;
  top: 0.23438rem;
  z-index: 10;
}

.home-page-box .page-3 .row .item .text-info .text-title {
  font-size: 0.13281rem;
  margin-bottom: 0.07812rem;
}

.home-page-box .page-4 .core-swiper {
  width: 100%;
  position: relative;
  /* 隐藏默认滚动条（可选） */
}

.home-page-box .page-4 .core-swiper .swiper-slide {
  width: 75% !important;
  /* 滑块宽度（小于100%，让两边能露出） */
  height: auto;
}

.home-page-box .page-4 .core-swiper .swiper-slide .pro-box {
  width: 100%;
  height: auto;
  position: relative;
}

.home-page-box .page-4 .core-swiper .swiper-slide .pro-box img {
  display: block;
  width: 100%;
}

.home-page-box .page-4 .core-swiper .swiper-slide .pro-box .text-info-box {
  width: 100%;
  padding-left: 0.48438rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.home-page-box .page-4 .core-swiper .swiper-slide .pro-box .text-info-box .text-title {
  font-size: 0.13281rem;
}

.home-page-box .page-4 .core-swiper .swiper-slide .pro-box .text-info-box .text-info {
  font-size: 0.07812rem;
  padding: 0.03906rem 0 0.07812rem 0;
}

.home-page-box .page-4 .core-swiper .swiper-scrollbar {
  display: none;
}

.home-page-box .page-5 .item > img {
  display: block;
  width: 100%;
}

.home-page-box .page-5 .item .text-info {
  width: 100%;
  position: absolute;
  top: 0.3125rem;
  z-index: 10;
}

.home-page-box .page-5 .item .text-info img {
  height: 0.23438rem;
}

.home-page-box .page-5 .item .text-info .text-title {
  font-size: 0.21875rem;
  margin: 0.09375rem 0;
}

.home-page-box .page-6 .swiper-box {
  width: 100%;
}

.home-page-box .page-6 .swiper-box .swiper-container {
  width: 100%;
  height: 1.25rem;
  overflow: hidden;
}

.home-page-box .page-6 .swiper-box .swiper-wrapper {
  transition-timing-function: linear;
  /* 线性滚动，无停顿感 */
}

.home-page-box .page-6 .swiper-box .swiper-slide {
  width: auto;
  height: 100%;
  overflow: hidden;
}

.home-page-box .page-6 .swiper-box .swiper-slide img {
  height: 100%;
  width: auto;
  cursor: pointer;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}

.home-page-box .page-6 .swiper-box .swiper-slide img:hover {
  transform: scale(1.4);
}

.home-page-box .page-6 .marquee-container {
  width: 100%;
  height: 1.25rem;
  /* 滚动内容总容器：横向flex，宽度自适应（原内容+克隆内容），绝对定位确保平滑移动 */
  /* 滚动内容单元：单个内容集合，flex布局确保图片排列整齐 */
  /* 图片项：固定尺寸，不收缩，间距均匀，垂直居中 */
}

.home-page-box .page-6 .marquee-container .marquee-total {
  display: flex;
  height: 100%;
  /* 开启GPU加速，优化transform动画性能 */
  will-change: transform;
  transform: translateX(0);
  transition: none;
  /* 禁用过渡，确保即时更新滚动位置 */
  /* 确保内容横向排列，不换行 */
  flex-wrap: nowrap;
  align-items: center;
  /* 垂直居中，替代绝对定位的top:0 */
}

.home-page-box .page-6 .marquee-container .marquee-unit {
  display: flex;
  height: 100%;
  flex-shrink: 0;
  /* 关键：防止内容单元被压缩，保证宽度固定 */
}

.home-page-box .page-6 .marquee-container .marquee-item {
  height: 1.25rem;
  margin: 0 0.00781rem;
  overflow: hidden;
  cursor: pointer;
  flex-shrink: 0;
  /* 防止图片被压缩 */
  align-self: center;
}

.home-page-box .page-6 .marquee-container .marquee-item img {
  width: auto;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.home-page-box .page-6 .marquee-container .marquee-item img:hover {
  transform: scale(1.05);
}

.home-page-box .page-6 .marquee-container:not(:first-child) {
  margin-top: 0.01562rem;
}

.home-page-box .page-7 .brand-history-content-box {
  width: 66%;
  margin: 0 auto;
  overflow: hidden;
}

.home-page-box .page-7 .brand-history-content-box .swiper-wrapper {
  /* 核心：非激活的两侧滑块样式（半宽） */
}

.home-page-box .page-7 .brand-history-content-box .swiper-wrapper .swiper-slide {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all 0.3s ease;
  /* 宽度/缩放过渡 */
}

.home-page-box .page-7 .brand-history-content-box .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
}

.home-page-box .page-7 .brand-history-content-box .swiper-wrapper .swiper-slide-prev,
.home-page-box .page-7 .brand-history-content-box .swiper-wrapper .swiper-slide-next {
  opacity: 0.7;
  z-index: 1;
}

.home-page-box .page-7 .brand-history-content-box .swiper-wrapper .swiper-slide-prev img,
.home-page-box .page-7 .brand-history-content-box .swiper-wrapper .swiper-slide-next img {
  width: 50%;
}

.home-page-box .page-7 .brand-history-content-box .swiper-wrapper .swiper-slide-prev {
  justify-content: flex-end;
  align-items: flex-end;
}

.home-page-box .page-7 .brand-history-content-box .swiper-wrapper .swiper-slide-next {
  justify-content: flex-start;
  align-items: flex-end;
}

.home-page-box .page-7 .history-switch-box {
  width: 100%;
  margin: 0.07812rem 0 0.69141rem 0;
  overflow: hidden;
  position: relative;
}

.home-page-box .page-7 .history-switch-box .rule-active {
  display: block;
  width: 0.03125rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.home-page-box .page-7 .history-switch-box .swiper-slide {
  box-sizing: border-box;
}

.home-page-box .page-7 .history-switch-box .swiper-slide img {
  display: block;
  width: 100%;
}

.home-page-box .page-7 .history-switch-box .swiper-slide .year {
  font-size: 0.14062rem;
  cursor: pointer;
}

.home-page-box .page-7 .history-switch-box .swiper-slide.swiper-slide-active {
  position: relative;
}

.home-page-box .page-7 .history-switch-box .swiper-slide.swiper-slide-active .year {
  font-size: 0.21875rem;
}

.home-page-box .page-7 .history-switch-box .swiper-slide.swiper-slide-active::after {
  content: '';
  width: 0.03125rem;
  height: 0.10938rem;
  background: url("https://merach-guanwang-oss.oss-cn-hangzhou.aliyuncs.com/static_file/home/rule-active.svg") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0.03125rem;
  left: 15%;
  z-index: 10;
}

.home-page-box .page-7 .history-switch-box .info-box {
  width: 14.28%;
  margin: 0.125rem auto 0;
  box-sizing: border-box;
}

.home-page-box .page-7 .history-switch-box .info-box .mooth {
  font-size: 0.10938rem;
  margin-bottom: 0.03125rem;
}

.home-page-box .page-7 .history-switch-box .info-box .intro {
  font-size: 0.07031rem;
}

@media screen and (min-width: 1px) and (max-width: 800px) {
  .home-page-box .section-title-box {
    padding: 1.53846rem 0 0.76923rem 0;
  }
  .home-page-box .section-title {
    font-size: 0.61538rem;
  }
  .home-page-box .section-info {
    font-size: 0.35897rem;
  }
  .home-page-box .page-2 .swiper-box .swiper-slide {
    width: 70% !important;
    /* 滑块宽度（小于100%，让两边能露出） */
  }
  .home-page-box .page-2 .pro-box .text-info-box .text-title {
    font-size: 0.46154rem;
  }
  .home-page-box .page-2 .pro-box .text-info-box .text-info {
    font-size: 0.30769rem;
  }
  .home-page-box .page-2 .pro-box .btn-box .more-btn {
    font-size: 0.25641rem;
    margin-top: 0.25641rem;
  }
  .home-page-box .page-2 .pro-box .btn-box .more-btn:not(:first-child) {
    margin-left: 0.25641rem;
  }
  .home-page-box .page-3 .row .item {
    margin-bottom: 0.10256rem;
  }
  .home-page-box .page-3 .row .item:nth-child(odd) {
    padding-right: 0;
  }
  .home-page-box .page-3 .row .item .text-info {
    top: 1.53846rem;
  }
  .home-page-box .page-3 .row .item .text-info .text-title {
    font-size: 0.5641rem;
  }
  .home-page-box .page-4 .core-swiper .swiper-slide {
    width: 100% !important;
    /* 滑块宽度（小于100%，让两边能露出） */
  }
  .home-page-box .page-4 .core-swiper .swiper-slide .pro-box .text-info-box {
    width: 100%;
    padding-left: 0;
    text-align: center;
    left: 0;
    top: 1.53846rem;
    transform: translateY(0);
  }
  .home-page-box .page-4 .core-swiper .swiper-slide .pro-box .text-info-box .text-title {
    font-size: 0.46154rem;
  }
  .home-page-box .page-4 .core-swiper .swiper-slide .pro-box .text-info-box .text-info {
    font-size: 0.33333rem;
  }
  .home-page-box .page-4 .core-swiper .swiper-slide .pro-box .text-info-box .more-btn {
    margin-top: 0.30769rem;
  }
  .home-page-box .page-5 .item .text-info {
    top: 1.53846rem;
  }
  .home-page-box .page-5 .item .text-info .text-title {
    font-size: 0.46154rem;
    margin: 0.30769rem 0;
  }
  .home-page-box .page-5 .item .text-info img {
    height: 1.02564rem;
  }
  .home-page-box .page-5 .item:last-child {
    margin-top: 0.12821rem;
  }
  .home-page-box .page-5 .item:last-child .text-info img {
    height: 0.57692rem;
  }
  .home-page-box .page-6 .marquee-container {
    width: 100%;
    height: 2.30769rem;
  }
  .home-page-box .page-6 .marquee-container .marquee-total .marquee-unit .marquee-item {
    height: 2.30769rem;
    margin: 0 0.02564rem;
  }
  .home-page-box .page-6 .marquee-container:not(:first-child) {
    margin-top: 0.05128rem;
  }
  .home-page-box .page-7 .section-content-box {
    width: 100%;
    overflow: hidden;
  }
  .home-page-box .page-7 .brand-history-content-box {
    width: 100%;
    overflow: hidden;
  }
  .home-page-box .page-7 .history-switch-box {
    margin: 0.61538rem 0 1.53846rem 0;
  }
  .home-page-box .page-7 .history-switch-box .swiper-slide .year {
    font-size: 0.46154rem;
    padding-left: 0.38462rem;
    box-sizing: border-box;
  }
  .home-page-box .page-7 .history-switch-box .swiper-slide.swiper-slide-active .year {
    font-size: 0.74359rem;
  }
  .home-page-box .page-7 .history-switch-box .info-box {
    width: 66.66%;
    padding: 0 0.38462rem;
    margin: 0.61538rem 0 0 33.33%;
    box-sizing: border-box;
  }
  .home-page-box .page-7 .history-switch-box .info-box .mooth {
    font-size: 0.46154rem;
  }
  .home-page-box .page-7 .history-switch-box .info-box .intro {
    font-size: 0.30769rem;
  }
}