* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  font-family: "Noto Serif SC", serif;
  background: #fff;
  color: #000;
  overflow-x: hidden;
  margin: auto;
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
  margin: auto;
}

/* 导航 */
.nav {
  width: 100vw;
  height: 7.656vw; /* 147px/1920px */
  background: linear-gradient(180deg, #0a699d 0%, #042e45 100%);
  display: flex;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  box-shadow: 0 0.104vw 0.417vw rgba(0, 0, 0, 0.05);
}

.nav-inner {
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  display: flex;
  font-size: 1.25vw; /* 24px/1920px */
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.104vw; /* 2px/1920px */
  width: 100vw;
  height: 100%;
  box-sizing: border-box;
  padding: 0 16.46vw; /* 316px/1920px */
}

.nav-inner a {
  display: block;
  color: #fff;
  text-decoration: none;
  transition: color 0.2s;
}

.nav-inner a:hover {
  color: #cfd0d6;
}

/* 公司介绍 */
.hero {
  background: url(./static/home.png) no-repeat center center;
  background-size: 100% auto;
  height: 84.45vw;
  /* height: 97.46vw; */
  box-sizing: content-box;
  padding-top: 15.42vw;
}
.hero-main {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 3.91vw;
}
.hero-img {
  width: 19.48vw;
  border-radius: 1.04vw;
  margin: 0;
  display: block;
  position: relative;
  /* top: 1vw; */
}

.hero-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  position: relative;
}

.hero-title {
  font-size: 5.21vw; /* 100px/1920px */
  font-weight: 900;
  color: #005584;
  margin-bottom: 1.04vw;
  line-height: 1.2;
  text-align: left;
}

.hero-sub {
  font-size: 2.5vw; /* 40px/1920px */
  font-weight: 900;
  text-align: left;
  line-height: 2.7vw; /* 50px/1920px = 2.6vw */
}

.hero-desc {
  font-size: 1.25vw;
  text-align: left;
  line-height: 1.77vw;
  margin-top: 1.46vw;
}

.anchor {
  scroll-margin-top: 7.65vw; /* 147px/1920px */
  /* 保证锚点不被导航遮挡 */
  height: 0;
  visibility: hidden;
}

.box-img {
  width: 100%;
}

.company-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  /* padding: 0 17.34vw; */
  margin-top: 5.78vw;
  gap: 9vw;
}
.company-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 30.81vw;
  justify-content: space-between;
}
.company-item-logo {
  width: 16.61vw;
  height: 16.61vw;
  text-align: center;
  margin: auto;
}
.company-item-info {
  font-size: 2.03vw;
  font-weight: bold;
}
.company-item-info-title {
  font-style: normal;
  font-weight: 900;
  font-size: 1.67vw;
  line-height: 1.7vw;
  margin-top: 1.56vw;
}
.company-item-info-desc {
  font-size: 1.25vw;
  margin-top: 0.42vw;
  line-height: 1.88vw;
  font-weight: normal;
}
.company-item-imgs {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1.61vw;
  margin-top: 3.91vw;
}
.company-item-img {
  width: 6.15vw;
  height: 6.15vw;
  overflow: hidden;
  border-radius: 6.15vw;
}
.company-item-link {
  font-style: normal;
  font-weight: 900;
  font-size: 1.25vw;
  color: #005584;
  margin: 3.65vw auto 0;
  display: block;
  text-decoration: none;
  cursor: pointer;
  width: 18.23vw;
  height: 3.65vw;
  line-height: 3.65vw;
  background: #ffffff;
  border: 0.1vw solid #d3d3d3;
  border-radius: 0.52vw;
}
/* 兰州拉面 */
.lanzhou {
  background: url("./static/Slice\ 2.png") repeat-y top center,
    linear-gradient(180deg, #fff 55%, rgba(255, 255, 255, 0) 85%);
  background-size: 100% auto;
  padding: 5px 0 0 0;
}
.brand-title-1 img,
.brand-title-2 img,
.brand-title-3 img {
  width: auto;
  height: 3.75vw; /* 72px/1920px */
}
.brand-title-1 {
  position: relative;
  top: -6.77vw; /* -130px/1920px */
}

.brand-main {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 7.66vw;
}

.brand-hot {
  width: 41.3vw; /* 793px/1920px */
  height: 43.75vw; /* 840px/1920px */
  margin-left: -8.33vw; /* -160px/1920px */
}

.brand-intro {
  padding-top: 10.1vw; /* 194px/1920px */
}

.brand-logo {
  width: 10.42vw; /* 200px/1920px */
  height: 9.69vw; /* 186px/1920px */
  margin: auto;
}

.brand-detail {
  font-size: 1.04vw; /* 20px/1920px */
  line-height: 1.46vw; /* 28px/1920px */
  font-weight: 600;
  margin-top: 2.55vw; /* 49px/1920px */
}

.make-process {
  display: flex;
  justify-content: center;
  gap: 1.56vw; /* 30px/1920px */
  margin-top: -2.6vw; /* -50px/1920px */
  position: relative;
  z-index: 1;
}

.step {
  width: 21.25vw; /* 408px/1920px */
  height: 29.79vw; /* 572px/1920px */
  position: relative;
  color: #fff;
  font-size: 0.83vw; /* 16px/1920px */
  text-align: center;
  box-sizing: border-box;
  padding: 23.44vw 3.39vw 1.41vw; /* 450px 65px 27px/1920px */
  line-height: 1.04vw;
}

.step-1 {
  background: url("./static/Group 23.png") no-repeat center center;
  background-size: 100% 100%;
}

.step-2 {
  background: url("./static/Group 24.png") no-repeat center center;
  background-size: 100% 100%;
}

.step-3 {
  background: url("./static/Group 25.png") no-repeat center center;
  background-size: 100% 100%;
}

.lanzhou-tileline {
  width: 100%;
  height: 49.48vw; /* 950px/1920px */
  background: url("./static/PART-3 (1).png") no-repeat bottom center;
  background-size: 100% auto;
  opacity: 0.9;
  margin-top: -11.98vw; /* -230px/1920px */
}

.lanzhou-goods-list {
  min-height: 18.49vw;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.35vw;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 0 16.67vw;
}

.lanzhou-goods-item {
  width: 15.63vw; /* 300px/1920px */
  height: 18.23vw;
  overflow: hidden;
}
.lanzhou-goods-item-title {
  font-style: normal;
  font-weight: 900;
  font-size: 1.25vw;
  line-height: 1.46vw;
  text-align: center;
  color: #000000;
  margin-top: 0.68vw;
}
.lanshou-shop-address {
  background: url("./static/niu-foot.png") no-repeat center center;
  background-size: 100% 100%;
  width: 66.61vw;
  height: 12.71vw;
  font-size: 1.78vw;
  line-height: 2.5vw;
  text-align: center;
  margin: 5.21vw auto 0;
  font-weight: 900;
  color: #393834;
  display: flex;
  flex-direction: column;
  justify-content: center;
  mix-blend-mode: luminosity;
}
.lanzhou-bottom {
  height: 10.78vw; /* 207px/1920px */
  background: url("./static/组6221\ 1.png") no-repeat center center;
  background-size: 100% auto;
}

/* 四川 */
.section {
  margin: 0 auto;
  /* padding: 60px 0; */
  box-sizing: border-box;
}

/* .brand-section-2 {
  margin: -80px auto 0;
} */
.brand-title-2 {
  position: relative;
  top: 3.12vw; /* 60px/1920px */
}

.sichuan-main {
  height: 56vw;
  background: url("./static/sichuan/G2-1.png") no-repeat top center,
    linear-gradient(180deg, #fff 55%, rgba(255, 255, 255, 0) 85%);
  background-size: 100% 100%;
  position: relative;
  padding-top: 13.32vw;
  box-sizing: border-box;
  color: #ead0ad;
  text-align: center;
}

.sichuan-logo {
  width: 17.4vw; /* 334px/1920px */
  height: 16.72vw; /* 321px/1920px */
  margin: auto;
}

.sichuan-main-tip {
  margin-top: 3.85vw; /* 147px/1920px */
  font-size: 1.04vw; /* 20px/1920px */
  letter-spacing: 1em;
}

.sichuan-main-title {
  font-size: 5.21vw;
  margin-top: 2.6vw;
  font-weight: bolder;
}

.sichuan-main-desc {
  font-size: 1.46vw; /* 28px/1920px */
  margin-top: 3.65vw;
  line-height: 1.8em;
}

.sichuan-series {
  height: 20.83vw;
  box-sizing: border-box;
  background: linear-gradient(180deg, #000000 0%, #265f41 91.8%);
}

.sichuan-series-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.78vw; /* 15px/1920px */
}

.sichuan-series-item {
  width: 16.09vw; /* 309px/1920px */
  height: 10.68vw; /* 205px/1920px */
}

.sichuan-series-tip {
  margin-top: 2.6vw;
  font-weight: 400;
  font-size: 1.25vw; /* 20px/1920px */
  line-height: 2.08vw; /* 24px/1920px */
  text-align: center;
  color: #ffffff;
}

.sichuan-menu {
  display: flex;
  justify-content: center;
  gap: 1.88vw;
  height: 33.85vw;
  background: #265f41;
  box-sizing: border-box;
  padding-top: 2.13vw 26.8806px;
}

.sichuan-menu-item {
  position: relative;
}

.sichuan-menu-item:nth-child(even) {
  top: 2.6vw; /* 50px/1920px */
}

.menu-img {
  position: relative;
  width: 14.58vw; /* 280px/1920px */
  height: 20.42vw; /* 392px/1920px */
}

.menu-img .box-img {
  position: relative;
}

.menu-img::before {
  content: "";
  position: absolute;
  width: 14.58vw; /* 280px/1920px */
  height: 20.42vw; /* 392px/1920px */
  background: linear-gradient(
    321.35deg,
    rgba(21, 59, 39, 0.5) -28.24%,
    rgba(38, 95, 65, 0.5) 48.89%
  );
  top: 0.99vw; /* 19px/1920px */
  left: 1.04vw; /* 20px/1920px */
}

.menu-title {
  margin-top: 2.08vw; /* 40px/1920px */
  font-weight: 900;
  font-size: 0.83vw; /* 16px/1920px */
  line-height: 1.35vw; /* 26px/1920px */
  text-align: center;
  color: #ffffff;
}

.menu-sub-title {
  font-weight: normal;
  line-height: 1.04vw; /* 20px/1920px */
}

.sichuan-ad {
  width: 100%;
  height: 50.52vw; /* 970px/1920px */
}

.sichuan-footer {
  height: 26.04vw;
  background: linear-gradient(90deg, #265f41 34.45%, rgba(38, 95, 65, 0) 52.58%),
    #265f41;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.sichuan-shop-address {
  background: url("./static/niu-foot.png") no-repeat center center;
  background-size: 100% 100%;
  width: 66.61vw;
  height: 12.71vw;
  margin: auto;
  mix-blend-mode: overlay;
  color: #ffffff;
}
.sichuan-footer-title {
  font-weight: 900;
  text-align: center;
  height: 12.71vw;
  width: 66.61vw;
  line-height: 12.71vw;
  font-size: 2.5vw;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/* 陕西 */
.brand-title-3 {
  position: relative;
  bottom: -7.81vw; /* -150px/1920px */
  left: 0;
  text-align: left;
}

.shanxi-main {
  background: url("./static/shanxi/G3-1.png") no-repeat center center;
  background-size: cover;
  height: 68.43vw;
  text-align: center;
  color: #cfd0d6;
  box-sizing: border-box;
  padding-top: 14.06vw;
  position: relative;
}
.shanxi-logo {
  width: 6.78vw; /* 165px/1920px */
  height: 14.42vw; /* 352px/1920px */
  margin: auto;
}

.shanxi-tip {
  margin-top: 6.41vw; /* 147px/1920px */
  font-size: 1.25vw; /* 20px/1920px */
  letter-spacing: 0.6em;
}

.shanxi-title {
  margin-top: 1.82vw; /* 65px/1920px */
  font-size: 5.21vw; /* 100px/1920px */
  font-weight: 900;
}

.shanxi-desc {
  margin-top: 2.81vw; /* 50px/1920px */
  font-weight: 600;
  font-size: 1.67vw; /* 28px/1920px */
  line-height: 2.5vw; /* 42px/1920px */
  color: #cfd0d6;
  font-style: normal;
}

.shanxi-intro {
  width: 100vw;
  /* height: 39.06vw; */
  background: #cfd0d6;
  box-sizing: border-box;
}

.shanxi-intro-poster {
  width: 100%;
  height: auto;
  margin: auto;
}

.shanxi-intro-content {
  position: relative;
  width: 73.67vw;
  height: 8.33vw; /* 160px/1920px */
  text-align: center;
  padding-top: 2.6vw; /* 50px/1920px */
  font-weight: 400;
  font-size: 1.25vw; /* 20px/1920px */
  line-height: 1.5vw; /* 24px/1920px */
  color: #000000;
  margin: auto;
  box-sizing: border-box;
}

.shanxi-intro-content::before {
  content: "";
  position: absolute;
  width: 4.32vw; /* 83px/1920px */
  height: 4.32vw; /* 83px/1920px */
  background: url("./static/shanxi/Vector.png") no-repeat center center;
  background-size: 100% 100%;
  bottom: 0;
  left: 0;
}

.shanxi-intro-content::after {
  content: "";
  position: absolute;
  width: 4.32vw; /* 83px/1920px */
  height: 4.32vw; /* 83px/1920px */
  background: url("./static/shanxi/Vector-1.png") no-repeat center center;
  background-size: 100% 100%;
  bottom: 0;
  right: 0;
}

.shaxi-ad-show {
  height: 48vw; /* 1072px/1920px */
  position: relative;
  background: #cfd0d6;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 6.77vw; /* 150px/1920px */
}

.carousel {
  width: 66.67vw; /* 1280px/1920px */
  margin: 0 auto 3.12vw; /* 60px/1920px */
  position: relative;
  overflow: hidden;
  border-radius: 1.04vw; /* 20px/1920px */
  box-shadow: 0 0.52vw 1.56vw rgba(0, 0, 0, 0.15);
}

.carousel-inner {
  display: flex;
  transition: transform 0.5s;
}

.carousel-item {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
  overflow: hidden;
  width: 73.18vw;
  height: 41.15vw;
  background: #d9d9d9;
  box-shadow: 0px 0.52vw 1.56vw rgba(0, 0, 0, 0.2);
  border-radius: 1.04vw; /* 20px/1920px */
}

.carousel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.04vw; /* 20px/1920px */
}

.carousel-controls {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
}

.carousel-btn {
  background: rgba(0, 0, 0, 0.3);
  border: none;
  color: #fff;
  font-size: 1.67vw; /* 32px/1920px */
  width: 3.12vw; /* 60px/1920px */
  height: 3.12vw; /* 60px/1920px */
  border-radius: 50%;
  cursor: pointer;
  pointer-events: all;
  transition: background 0.2s;
}

.carousel-btn:hover {
  background: #005584;
}

.shaxi-ad-show-tip {
  height: 2.38vw; /* 46px/1920px */
  font-style: normal;
  font-weight: 900;
  font-size: 2.08vw; /* 40px/1920px */
  line-height: 2.5vw; /* 48px/1920px */
  text-align: center;
  letter-spacing: 0.3em;
  color: #000000;
  margin-top: 10.42vw; /* 200px/1920px */
}

.coming-soon {
  background: linear-gradient(180deg, #cfd0d6 0%, #9ea0ae 100%);
  text-align: center;
  padding: 4.17vw 0; /* 80px/1920px */
  font-size: 2.08vw; /* 40px/1920px */
  color: #000;
  font-weight: 900;
  letter-spacing: 0.3em;
  margin-bottom: 4.17vw; /* 80px/1920px */
}

.shanxi-footer {
  height: 26.04vw;
  background: linear-gradient(180deg, #cfd0d6 0%, #9ea0ae 100%), #265f41;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.shanxi-shop-address {
  background: url("./static/niu-foot.png") no-repeat center center;
  background-size: 100% 100%;
  width: 66.61vw;
  height: 12.71vw;
  margin: auto;
  mix-blend-mode: luminosity;
  color: #000;
}
.shanxi-footer-title {
  font-weight: 900;
  text-align: center;
  height: 12.71vw;
  width: 66.61vw;
  line-height: 12.71vw;
  font-size: 2.5vw;
  color: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  height: 13.02vw; /* 350px/1920px */
  background: #005584;
  padding: 0 20.83vw; /* 400px/1920px */
  color: #fff;
}

.footer-logo {
  width: 6.77vw; /* 130px/1920px */
  height: 7.656vw; /* 146px/1920px */
}

.footer-detail {
  font-weight: 600;
  font-size: 1.04vw; /* 20px/1920px */
  line-height: 1.25vw; /* 24px/1920px */
  text-align: right;
  color: #ffffff;
}
.footer-address {
  line-height: 2.6vw;
}
.footer-phone {
  font-size: 1.46vw;
  font-weight: bold;
  line-height: 2.6vw;
}
.footer-email {
  line-height: 2.6vw;
  font-size: 1.3vw;
}

.footer-concat-list {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin: 1.3vw; /* 10px/1920px */
  gap: 1.04vw; /* 20px/1920px */
}

@media (max-width: 1920px) {
  body,
  .section {
    /* min-width: 1200px; */
    /* width: 100vw; */
  }
}

.carousel-card {
  position: relative;
  width: 46.88vw; /* 900px/1920px */
  height: 26.04vw; /* 500px/1920px */
  margin: 0 auto;
  overflow: visible;
  user-select: none;
}

.carousel-card .carousel-track {
  position: relative;
  width: 100%;
  height: 100%;
}

.carousel-card .carousel-item {
  position: absolute;
  top: 0;
  left: 50%;
  width: 73.18vw;
  height: 41.15vw;
  border-radius: 1.67vw; /* 32px/1920px */
  box-shadow: 0 0.42vw 1.67vw rgba(0, 0, 0, 0.18);
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0.5;
  transform: translateX(-50%) scale(0.8);
  z-index: 1;
  pointer-events: none;
  background: #fff;
}

.carousel-card .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.67vw;
  display: block;
}

.carousel-card .carousel-item.active {
  opacity: 1;
  transform: translateX(-50%) scale(1);
  z-index: 3;
  pointer-events: auto;
}

.carousel-card .carousel-item.prev {
  opacity: 0.8;
  transform: translateX(-65%) scale(0.9);
  z-index: 2;
}

.carousel-card .carousel-item.next {
  opacity: 0.8;
  transform: translateX(-35%) scale(0.9);
  z-index: 2;
}

.section.hidden {
  display: none;
}