/***主顏色***/

:root {

  --bgColor: #FFFFFB;

  --mainColor: #82663A;



}



/***********/

.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;

}



img {

  width: 100%;

  height: 100%;

}



.QRimg {

  width: 150px;

}



@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/banner1.jpg) center no-repeat;

    background-size: cover;

  }



  61% {

    background: url(img/banner2.jpg) center no-repeat;

    background-size: cover;

  }



  66% {

    background: url(img/banner2.jpg) center no-repeat;

    background-size: cover;

  }



  95% {

    background: url(img/banner2.jpg) center no-repeat;

    background-size: cover;

  }



  100% {

    background: url(img/banner1.jpg) center no-repeat;

    background-size: cover;

  }

}