/***主顏色***/
:root {
  --bgColor: #FFFFFB;
  --mainColor: #63817f;
}

/***********/
.home {
  background: url(img/banner1.jpg) center no-repeat;
  background-size: cover;
  animation-name: banner;
  animation-duration: 20s;
  animation-iteration-count: infinite;
}
.home .cover {
  background: linear-gradient(to bottom, 
  rgb(255 255 251 / 0%) 0%, 
  rgb(255 255 251 / 38%) 50%,
  rgb(255 255 251 / 0%) 100%);
}

body,
.about {
  background: url(img/aboutBG.jpg) center no-repeat fixed;
  background-size: cover;
}

.about .cover {
  background-color: rgb(252 250 242 / 0%);
}

.about .cover .text,
.news .item {
  background-color: rgb(241 241 241);
}


.btn a {
  width: 50px;
  margin: 20px auto;

}

header nav {
  background: url(./img/slick_prev.png) center no-repeat;
  background-size: cover;
}

.listBg {
  background-color: rgb(238 238 238);
}

.gallery .box a.cross {
  width: calc(100% * 2 / 3 + 21px);
}

@keyframes banner {
  0% {
    background: url(img/banner1.jpg) center no-repeat;
    background-size: cover;
  }

  28% {
    background: url(img/banner1.jpg) center no-repeat;
    background-size: cover;
  }

  /* 33% {
    background: url(img/banner2.jpg) center no-repeat;
    background-size: cover;
  }

  61% {
    background: url(img/banner2.jpg) center no-repeat;
    background-size: cover;
  }

  66% {
    background: url(img/banner3.jpg) center no-repeat;
    background-size: cover;
  }

  95% {
    background: url(img/banner3.jpg) center no-repeat;
    background-size: cover;
  } */

  100% {
    background: url(img/banner1.jpg) center no-repeat;
    background-size: cover;
  }
}

/* .menu ol {
  justify-content: center !important;
}

.menu ol li {
  justify-content: center !important;
} */

.center_btn {
  margin-left: auto;
  margin-right: auto;
}

.item,
img {
  width: 100%;
  height: 100%;
}

@media (max-width: 771px) {
  .about .cover .text h4 {
    font-size: 18px;
  }

  .menuPrice {
    display: none !important;
  }
}

/* .home {

  height: calc(50vh - 100px);
} */