/* .banner {
  height: 100vh;
} */

.banner .wrap {
  height: 100%;
  position: relative;
}

/* .banner .wrap .decoration1 {
  width: 38px;
  left: 160px;
  top: 306px;
}

.banner .wrap .decoration2 {
  width: 74px;
  left: 163px;
  top: 847px;
}

.banner .wrap .decoration3 {
  width: 163px;
  left: 240px;
  top: 405px;
}

.banner .wrap .decoration4 {
  width: 70px;
  left: 348px;
  top: 762px;
}

.banner .wrap .decoration5 {
  width: 172px;
  left: 600px;
  top: 817px;
}

.banner .wrap .decoration6 {
  width: 165px;
  left: 1109px;
  top: 823px;
}

.banner .wrap .decoration7 {
  width: 163px;
  left: 1288px;
  top: 121px;
}

.banner .wrap .decoration8 {
  width: 78px;
  left: 1461px;
  top: 853px;
}

.banner .wrap .decoration9 {
  width: 163px;
  left: 1520px;
  top: 409px;
}

.banner .wrap .decoration10 {
  width: 38px;
  left: 1783px;
  top: 144px;
} */

.banner .wrap .decoration1 {
  width: 1.9791666667vw;
  left: 8.3333333333vw;
  top: 15.9375vw;
}

.banner .wrap .decoration2 {
  width: 3.8541666667vw;
  left: 8.4895833333vw;
  top: 44.1145833333vw;
  animation-delay: .3s;
}

.banner .wrap .decoration3 {
  width: 8.4895833333vw;
  left: 12.5vw;
  top: 21.09375vw;
  animation-delay: .6s;
}

.banner .wrap .decoration4 {
  width: 3.6458333333vw;
  left: 18.125vw;
  top: 39.6875vw;
  animation-delay: .9s;
}

.banner .wrap .decoration5 {
  width: 8.9583333333vw;
  left: 31.25vw;
  top: 42.5520833333vw;
  animation-delay: 1.2s;
}

.banner .wrap .decoration6 {
  width: 8.59375vw;
  left: 57.7604166667vw;
  top: 42.8645833333vw;
  animation-delay: 1.5s;
}

.banner .wrap .decoration7 {
  width: 8.4895833333vw;
  left: 67.0833333333vw;
  top: 6.3020833333vw;
  animation-delay: 1.8s;
}

.banner .wrap .decoration8 {
  width: 4.0625vw;
  left: 76.09375vw;
  top: 44.4270833333vw;
  animation-delay: 2.1s;
}

.banner .wrap .decoration9 {
  width: 8.4895833333vw;
  left: 79.1666666667vw;
  top: 21.3020833333vw;
  animation-delay: 2.4s;
}

.banner .wrap .decoration10 {
  width: 1.9791666667vw;
  left: 92.8645833333vw;
  top: 7.5vw;
  animation-delay: 2.7s;
}

.banner .wrap .bg {
  height: 100%;
}

.banner .wrap .bg img:nth-child(1) {
  position: relative;
  z-index: 2;
}

.banner .wrap .bg img:nth-child(2) {
  position: absolute;
  bottom: 0;
  left: 0;
}

.section1 {
  background-color: #F9F9F9;
  margin-top: -3.125vw;
}

.section1 .wrap {
  padding-top: 287px;
  padding-bottom: 170px;
  width: 1720px;
  margin: 0 auto;
}

.section1 .wrap .title {
  margin-bottom: 10px;
}

.section1 .wrap .title h3 {
  text-align: center;
  color: #37180E;
  font-size: 50px;
}

.section1 .wrap .content {
  text-align: center;
  color: #37180E;
  font-size: 18px;
  margin-bottom: 60px;
}

.section1 .wrap .more {
  width: 190px;
  height: 55px;
  margin: 30px auto 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 28px;
  background-color: #F67A5A;
}

.section1 .wrap .more div {
  color: #fff;
  font-family: CR;
  font-size: 20px;
  text-transform: uppercase;
}

.section1 .wrap .list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 30px 40px;
}

.section1 .wrap .list .item {
  padding: 30px;
  background-color: #fff;
  width: 320px;
  display: block;
  border-radius: 20px;
}

.section1 .wrap .list .item:hover .img {
  overflow: hidden;
}

.section1 .wrap .list .item:hover .img img {
  transform: scale(1.1);
}

.section1 .wrap .list .item:hover .text h4 {
  color: #F67A5A;
}

.section1 .wrap .list .item .img {
  width: 100%;
  height: 340px;
  border-radius: 10px;
  overflow: hidden;
}

.section1 .wrap .list .item .img img {
  width: 100%;
  transition: all 2s;
  height: 100%;
}

.section1 .wrap .list .item .text {
  text-align: center;
  margin-top: 20px;
}

.section1 .wrap .list .item .text h4 {
  margin-bottom: 10px;
  color: #37180E;
  font-size: 20px;
  transition: all 0.6s;
}

.section1 .wrap .list .item .text p {
  color: #84706A;
  font-size: 16px;
}

.section2 {
  background-color: #FDF7E8;
}

.section2 .wrap {
  padding-top: 50px;
  padding-bottom: 80px;
  width: 1720px;
  margin: 0 auto;
  position: relative;
}

.section2 .wrap .content {
  width: 840px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 120px;
}

.section2 .wrap .content .title .pet {
  position: absolute;
  top: -76px;
}

.section2 .wrap .content .title h3 {
  color: #37180E;
  font-size: 50px;
  line-height: 60px;
}

.section2 .wrap .content .text {
  color: #2F140B;
  font-size: 20px;
  line-height: 30px;
  margin-top: 20px;
}

.section2 .wrap .content a {
  padding: 9px 12px 9px 24px;
  background-color: #37180E;
  width: fit-content;
  display: flex;
  align-items: center;
  margin-top: 50px;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.6s;
  color: #fff;
}

.section2 .wrap .content a:hover {
  color: #fff;
  background-color: #F67A5A;
}

.section2 .wrap .content a div {
  font-family: CR;
  text-transform: uppercase;
}

.section2 .wrap .content a .icon {
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: 10px;
}

.section2 .wrap .content a .icon span {
  color: #37180E;
}