footer:not(.background) .up {
  background-color: #f9f9f9;
}

body {
  /* background-color: #E1F4F6; */
}

.banner {
  /* height: 100vh; */
  background-color: #fff;

}

.banner .wrap {
  height: 100%;
}

/* .banner .wrap .bg {
  position: absolute;
  bottom: 0;
} */

.banner .wrap .decoration1 {
  left: 3.4375vw;
  top: 5.7291666667vw;
  width: 3.75vw;
}

.banner .wrap .decoration2 {
  left: 47.5vw;
  top: 21.9791666667vw;
  width: 2.4479166667vw;
}

.banner .wrap .decoration3 {
  left: 77.8645833333vw;
  top: 21.8229166667vw;
  width: 3.4895833333vw;
}

.banner .wrap .decoration4 {
  left: 83.0208333333vw;
  top: 36.40625vw;
  width: 9.375vw;
}


/* .banner .wrap .decoration1 {
  left: 66px;
  top: 110px;
  width: 72px;
}
.banner .wrap .decoration2 {
  left: 912px;
  top: 422px;
  width: 47px;
}
.banner .wrap .decoration3 {
  left: 1495px;
  top: 419px;
  width: 67px;
}
.banner .wrap .decoration4 {
  left: 1594px;
  top: 699px;
  width: 180px;
} */


/* .banner .wrap .img {
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  top: auto;
  transform: none;
} */

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

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

.section1 {
  background-color: #fff;
  position: relative;
}

.section1 .bg {
  position: absolute;
}

.section1 .bg img {
  width: 100%;
}

.section1 .bg.bg1 {
  left: 170px;
  top: 120px;
  width: 230px;
}

.section1 .bg.bg2 {
  right: 250px;
  top: 210px;
  width: 165px;
}

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

.section1 .wrap .title {
  margin-bottom: 6px;
  text-align: center;
}

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

.section1 .wrap .line {
  margin-bottom: 30px;
  text-align: center;
}

.section1 .wrap .content {
  width: 640px;
  margin: 0 auto;
}

.section1 .wrap .content p {
  color: #37180E;
  font-size: 18px;
  text-align: center;
  line-height: 26px;
}

.section1 .wrap .list {
  display: flex;
  gap: 50px;
}

.section1 .wrap .list .item {
  background-color: #E9F3FF;
  padding: 20px;
  width: 540px;
  border-radius: 30px;
}

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

.section1 .wrap .list .item .img {
  margin-bottom: 30px;
  border-radius: 30px;
  overflow: hidden;
}

.section1 .wrap .list .item .img img {
  transition: all 2s;
}

.section1 .wrap .list .item .text h4 {
  color: #37180E;
  font-size: 18px;
  margin-bottom: 10px;
}

.section1 .wrap .list .item .text p {
  color: #37180E;
  font-size: 14px;
  line-height: 20px;
}

.section2 {
  background-color: #F9EAEA;
  position: relative;
}

.section2 .bg {
  position: absolute;
}

.section2 .bg.bg1 {
  left: 60px;
  top: 70px;
}

.section2 .bg.bg2 {
  right: 170px;
  top: 290px;
}

.section2 .wrap {
  padding-top: 110px;
  padding-bottom: 120px;
  width: 1720px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.section2 .wrap .title {
  margin-bottom: 18px;
}

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

.section2 .wrap .line {
  width: fit-content;
  margin: 0 auto;
}

.section2 .wrap .content {
  width: 640px;
  margin: 30px auto;
  text-align: center;
  color: #37180E;
  font-size: 18px;
  line-height: 26px;
}

.section2 .wrap .list {
  display: flex;
  gap: 50px;
}

.section2 .wrap .list .item {
  width: 540px;
}

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

.section2 .wrap .list .item .text {
  color: #37180E;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
  transition: all .6s;
}

.section3 {
  background-color: #fff;
  position: relative;
}

.section3 .bg {
  position: absolute;
}

.section3 .bg img {
  width: 100%;
}

.section3 .bg.bg1 {
  left: 254px;
  top: 88px;
  width: 230px;
}

.section3 .bg.bg2 {
  right: 210px;
  top: 290px;
}

.section3 .wrap {
  padding-top: 120px;
  padding-bottom: 180px;
  width: 1720px;
  margin: 0 auto;
}

.section3 .wrap .title {
  margin-bottom: 18px;
}

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

.section3 .wrap .line {
  width: fit-content;
  margin: 0 auto;
}

.section3 .wrap .content {
  width: 640px;
  margin: 30px auto;
  text-align: center;
  color: #37180E;
  font-size: 18px;
  line-height: 26px;
}

.section3 .wrap .list {
  display: flex;
  gap: 50px;
}

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

.section3 .wrap .list .item .img {
  width: 540px;
  height: 600px;
  background-color: #F4F2F0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
}

.section3 .wrap .list .item .img img {
  max-height: 340px;
  max-width: 400px;
  transition: all 2s;
}

.section3 .wrap .list .item .text {
  color: #37180E;
  font-size: 18px;
  margin-top: 20px;
  font-weight: 700;
}