/* 头部banner */
.header {
  box-sizing: border-box;
}
/* banner轮播图 */
.swiper-header {
  position: relative;
  height: 5.93rem;
}
.swiper-header-prev,
.swiper-header-next {
  position: absolute;
  top: 50%;
  width: 0.88rem;
  height: 0.88rem;
  z-index: 1;
  cursor: pointer;
}
.swiper-header-prev {
  left: 2.16rem;
}
.swiper-header-next {
  right: 2.16rem;
}
.swiper-header-prev:hover {
  left: 2.16rem;
  content: url("../../assets/img/arrow-left-hover.png");
}
.swiper-header-next:hover {
  content: url("../../assets/img/arrow-right-hover.png");
}
.swiper-header video {
  object-fit: fill;
  width: 100%;
  height: 100%;
}
.swiper-header .swiper-slide img {
  width: 100%;
  height: 100%;
}

/* 品牌介绍 */
.introduce {
  padding: 1.76rem 0.64rem;
  display: flex;
  background-image: url("../img/home2.png");
  background-size: 100% 100%;
}
.introduce-left {
  margin-right: 0.36rem;
  color: #444444;
  flex-grow: 1;
}
.introduce-title {
  font-size: 0.2rem;
  font-weight: bold;
}
.introduce-content {
  margin-top: 0.36rem;
  font-size: 0.14rem;
  line-height: 1.71;
}
.introduce-right {
  width: 13.36rem;
  height: 7.52rem;
  flex-shrink: 0;
  position: relative;
}
.introduce-right-video {
  object-fit: fill;
  width: 100%;
  height: 100%;
}
.introduce-right-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

/* 广告轮播 */
.swiper-ad {
  margin: 0.82rem 0;
  height: 7.68rem;
}
.swiper-ad .swiper-slide {
  display: flex;
  justify-content: space-between;
  color: white;
  cursor: pointer;
  padding: 0 0.64rem;
  position: relative;
}
.swiper-ad .slide-left {
  position: relative;
}
.swiper-ad .slide-btn {
  position: absolute;
  left: 0.64rem;
  bottom: 1rem;
}
.swiper-ad .slide-btn:hover {
  content: url("../../assets/img/arrow-jump-red.png");
}
.swiper-ad .slide-title {
  margin-top: 1.54rem;
  color: #444444;
  font-size: 0.2rem;
  font-weight: bold;
}
.swiper-ad .slide-title-small {
  color: #444444;
  font-size: 0.16rem;
  font-weight: bold;
  margin-top: 0.34rem;
}
.swiper-ad .slide-content {
  margin-top: 0.34rem;
  color: #444444;
  font-size: 0.14rem;
  line-height: 1.43;
  width: 2.85rem;
  white-space: pre-line;
}
.swiper-ad .slide-right {
  display: flex;
  height: 100%;
}
.swiper-ad .slide-img-left {
  width: 5.76rem;
  height: 100%;
}
.swiper-ad .slide-img-right {
  margin-left: 0.32rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.swiper-ad .slide-img-right-top {
  width: 5.76rem;
  height: 4.32rem;
}
.swiper-ad .slide-img-right-bottom {
  margin-top: 1.08rem;
  width: 3.04rem;
  height: 2.28rem;
}
.ad-pagination {
  position: absolute;
  top: 0.64rem;
  left: 0.64rem;
  color: #b2b2b2;
  font-size: 0.2rem;
  z-index: 1;
  font-family: "AvantGardeITCbyBT-Demi";
}
.ad-button {
  position: absolute;
  left: 0.64rem;
  bottom: 0;
  z-index: 1;
  display: flex;
}
.ad-button > img {
  width: 0.48rem;
  height: 0.48rem;
  cursor: pointer;
}
.ad-button-prev {
  margin-right: 0.16rem;
}
.ad-button-prev:hover {
  content: url("../../assets/img/left-red.png");
}
.ad-button-next:hover {
  content: url("../../assets/img/right-red.png");
}

/* 品牌动态 */
.news {
  padding: 1.12rem 0.64rem 0.64rem 0.64rem;
}
.news-title {
  font-size: 0.2rem;
  font-weight: bold;
}
.news-content {
  margin-top: 1.34rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 0.8rem;
}
.news-content > div {
  cursor: pointer;
}
.news-content-number {
  font-family: "AvantGardeITCbyBT-Demi";
  font-size: 0.2rem;
  color: #666666;
}
.news-content-line {
  margin-top: 0.24rem;
  width: 80%;
  height: 0.04rem;
  background-color: rgba(68, 68, 68, 0.05);
  position: relative;
}
.news-content-line-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 40%;
  background-color: #7f2500;
}
.news-content-title {
  margin-top: 0.39rem;
  font-size: 0.2rem;
  color: #444444;
}
.news-content-summary {
  margin-top: 0.2rem;
  color: #666666;
  font-size: 0.14rem;
  line-height: 1.83;
}
.news-content-img {
  margin-top: 0.3rem;
  width: 70%;
  display: block;
}
.news-more {
  display: block;
  text-align: right;
  font-size: 0.14rem;
  color: #666666;
  margin-top: 0.8rem;
}
.news-more > img:hover {
  content: url("../../assets/img/arrow-more-red.png");
}

/* @media screen and (max-width: 12rem) {
  .nav {
    display: none;
    height: 0;
  }
  .nav-mobile-top {
    display: flex;
  }
  .nav-mobile-bottom {
    display: flex;
  }
} */