*{
  margin: 0;
  padding: 0;
}
p {
  display: block;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

body{
  font-family: '微软雅黑';
}

.yjs-sy{
  width: 100%;
}
.sy-swiper{
  width: 100%;
  /* height: 100vh;
  overflow: hidden; */
}
.sy-slide img{
  width: 100%;
  height: 100%;
}
.sy-slide video{
  width: 100%;
  height: 100%;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 1.6vw;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0 10px;
}
.sy-page .swiper-pagination-bullet{
  width: 1vw;
  height: 1vw;
  background: url(../../images/page-icon.png) no-repeat left top;
  background-size: 100% 100%;
  opacity: 0.6;
  border-radius: 0;
}
.sy-page .swiper-pagination-bullet-active{
  opacity: 1;
}

.enter-list{
  position: relative;
  width: 83.75%;
  margin: 4vw auto;

  display: grid;
  grid-template-columns: repeat(4, 20vw);
  grid-template-rows: repeat(2, 20vw);
  row-gap: 1.04vw;
  column-gap: 1.04vw;
  grid-auto-flow: row dense;
}
.list-item{
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  cursor: pointer;
}
.list-item1 {
  grid-row-start: 1;
  grid-row-end: 3;
}
.list-item1{
  background: url(../../images/menu-bg1.jpg);
  background-size: 100% 100%;
}
.list-item2{
  background: url(../../images/menu-bg2.jpg);
  background-size: 100% 100%;
}
.list-item3{
  background: url(../../images/menu-bg3.jpg);
  background-size: 100% 100%;
}
.list-item4{
  background: url(../../images/menu-bg4.jpg);
  background-size: 100% 100%;
}
.list-item5{
  background: url(../../images/menu-bg5.jpg);
  background-size: 100% 100%;
}
.list-item6{
  background: url(../../images/menu-bg6.jpg);
  background-size: 100% 100%;
}
.list-item7{
  background: url(../../images/menu-bg7.jpg);
  background-size: 100% 100%;
}
.list-item a{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  color: #fffffd;
  text-decoration: none;
  font-size: 1.6vw;
  text-shadow: 0px 8px 8px rgba(0,0,0,0.5);
  overflow: hidden;
}
.list-item a::before{
  position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
  opacity: 0;
}
.list-item:hover a::before{
  opacity: 0.5;
}
.list-item a p{
  position: relative;
  margin-top: 3vw;
  margin-left: 3vw;
  -webkit-transition: transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}
.list-item:hover a p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

@media screen and (max-width: 1024px){
  .sy-page .swiper-pagination-bullet{
    width: 3vw;
    height: 3vw;
  }

  .enter-list{
    width: 94%;
    grid-template-columns: repeat(4, 23vw);
    grid-template-rows: repeat(2, 23vw);
    row-gap: 0.66vw;
    column-gap: 0.66vw;
  }
  .list-item{
    border-radius: 5px;
  }
  .list-item a p{
    margin-top: 0px;
    margin-left: 0;
    font-size: 2.4vw;
    text-align: center;
  }
}
@media screen and (max-width: 767px){
  .sy-page .swiper-pagination-bullet{
    width: 5vw;
    height: 5vw;
  }

  .enter-list{
    width: 94%;
    grid-template-columns: repeat(2, 46vw);
    grid-template-rows: repeat(4, 46vw);
    row-gap: 2vw;
    column-gap: 2vw;
  }
  .list-item a p{
    font-size: 5vw;
  }
}