/***主顏色***/
:root {
  --bgColor: #FFFFFB;
  --mainColor: #82663A;
}

/* wilson============================ */
#test {
  /* border: 1px solid red; */
  width: 100%;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: nowrap;
}



.box_one {
  width: 30% !important;
  /* min-width: 380px !important; */
  /* border: 1px solid yellow; */
  padding: 0 !important;
}

/* .box_one img {
  min-width: 450px !important;
} */

.box_two {
  width: 70% !important;
  /* border: 1px solid rebeccapurple; */
  padding: 0 !important;
  position: relative;
}

.box_two_content {
  /* width: 100%; */
  /* border: 1px solid rebeccapurple; */
  height: 70%;
  padding: 40px 0 0 40px;
}

.box_two_a {

  /* border: 1px solid peru; */
  position: absolute;
  bottom: 30px;
  right: 30px;
}

iframe {
  height: 100%;
  width: 100%;
}

@media(max-width:1000px) {
  #test {
    flex-wrap: wrap;
  }

  iframe {
    width: 100%;
    height: 100%;
  }

  #video_box {
    width: auto;
    height: 50vh;
  }

  .news .item>img,
  .news .item>div {
    width: 100% !important;
  }

  .box_two_content {
    padding: 60px 30px 70px 40px !important;
    ;

  }
}

@media(max-width:414px) {
  iframe {
    width: 87%;
    height: 100%;
  }
}

@media(max-width:320px) {
  iframe {
    width: 68%;
    height: 100%;
  }
}

/* wilson====================================== */
/***********/
.home {
  background: url(img/banner1.jpg) center no-repeat;
  background-size: cover;
  animation-name: banner;
  animation-duration: 20s;
  animation-iteration-count: infinite;
}

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

@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;
  }
}


.news .item {
  min-height: 250px;
}

.news .item h4 {
  margin-bottom: 20px;
}

.gallery .box a.photo {
  width: 100%;
}

@media only screen and (max-width: 770px) {
  .gallery .box a {
    width: 100%;
    height: 40vw;
  }
}

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