/***主顏色***/

:root {

  --bgColor: #303034;

  --mainColor: #fcfcfc;

}



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

.home {

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

  background-size: cover;

  /* animation-name: banner;

  animation-duration: 20s;

  animation-iteration-count: infinite; */

}



.fadeIn>.pstyle p,

h4 {

  text-align: center;

}



.pstyle {

  font-size: 24px;

}



.news .item h4 {

  text-align: left;

}

.news .item>img {
  width: 40%;
}

.news .item>div {
  width: 40%;
}

.pstyle a {

  border-style: solid;

  border-width: 3px;

  border-color: #FFF;

  padding: 8px;

}



.home .cover {

  width: 100%;

  height: 100%;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-content: center;

  background: linear-gradient(to bottom, rgba(219, 218, 218, 0.322) 0%, rgba(121, 84, 84, 0.5) 50%, rgba(231, 228, 228, 0.438) 100%);

}



.cover {

  margin: auto;

}



.about {

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

  background-size: cover;

}



.fadeIn p {

  text-align: left;

}





.about img {

  width: 70%;

  margin: auto;

}



.cover1 {

  width: 100%;

  height: 100%;

  /* background-color: rgba(13, 13, 13, 0.5); */

  padding: 0px 0;
  margin-top: 40px;
}



.boxwidth {

  margin-bottom: 500px;

}



.gallery .box a.cross {

  width: calc(100% * 1 / 3 - 20px);

}



.cover2 {

  margin: auto;

  display: flex;

  width: 75%;

  height: 100%;

}



.cover2 img {

  margin: auto;

  width: 90%;

}



header {

  height: 150px;

}



header h1 img {

  height: 130px;

}



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

  }

}



@media screen and (max-width:770px) {

  .about img {

    width: 100%;

  }



  .home {

    height: calc(60vh - 142px);

  }



  .cover2 {

    width: 100%;

  }





  header {

    height: 100px;

  }



  header h1 img {

    height: 80px;

  }



  .cover2 {

    display: grid;

  }



  .cover2 img {

    margin-top: 20px;

  }



  .gallery .box a.cross {

    width: calc(100% * 3 / 3 - 20px);

  }

  .news .item>img {
    width: 100%;
  }

  .news .item>div {
    width: 100%;
  }

}