html { overflow: hidden;}
body { width: 100%;  overflow: hidden; font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;}
#fullpage { overflow: hidden;}
.page { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain { display: block;}
.current { display: block; z-index: 1;}
.slide { display: block; z-index: 2;}


.content{width: 100%;height: 100vh;background: url(img/bg.png) no-repeat 100% 100%;background-size: cover;position: relative;z-index: 0;}
.content .books{position: absolute;left: 0px;bottom: -474px;width: 100%;height: auto;}
.content .books2{position: absolute;left: 0px;bottom: -474px;width: 100%;height: auto;z-index: 100;}
.conimg{padding-top: 115px;width: 1113px;position: relative;text-align: center;margin: 0 auto;}
.conimg img.title{width:85%;height: auto;display: block;margin: 0 auto;}
.conimg img.context{position: absolute;right: 205px;}
.conimg a{display: block;width: 72px;height: 116px;margin: 0 auto;margin-top: 250px;}
.conimg img.joinbut{width: 72px;height: 116px;cursor: pointer;opacity: 0.6;transform:scale(0.9,0.9);}
.conimg img.joinbut:hover{transform:scale(1,1);transition: all 0.5s;}
/* 动画*/
.content .books{animation:mymove ease-in-out 0.8s 1 alternate forwards 0.3s;}
.content .books2{animation:mymove ease-in-out 0.8s 1 alternate forwards 0s;}
.conimg img.title{animation:mymove2 ease-in-out 0.8s 1 alternate forwards 0.3s;opacity: 0;}
.conimg img.context{animation:mymove3 ease-in-out 0.8s 1 alternate forwards 0.8s;opacity: 0;}
.conimg img.joinbut{animation:mymove3 ease-in-out 0.8s 1 alternate forwards 1s;opacity: 0;}

.page2{background: pink;}



/* 幻灯 */
.slidebox{width: 1280px;height: 100vh;margin: 0 auto;}
.swiper-container{width: 1280px;height: 679px;position: relative;}
.swiper-slide{position: relative;width: 1280px;height: 720px;}
.swiper-slide .peoplePic{position: absolute;left: 140px;bottom: 0px;z-index: 2;opacity: 1;}
.swiper-slide .peoplePic img{width: 90%;height: auto;}
.swiper-slide .jzPic{width: 559px;height: 897px;position: absolute;right: 95px;top: -900px;z-index: 1;}
.swiper-slide .jzPic a.more{display: block;width: 100%;height: 100%;}
.swiper-slide .jzPic img{width: 90%;height: auto;}

.swiper-slide:nth-child(5) .peoplePic{left: 120px;}

.swiper-slide:nth-child(7) .peoplePic{left: 198px;}

.swiper-slide:nth-child(8) .peoplePic{left: 168px;}
.swiper-slide .peoplePic{animation:mymove3 ease-in-out 0.8s 1 alternate forwards 0.3s;opacity: 0;}
.swiper-slide .jzPic{animation:mymove5 ease-in-out 0.8s 1 alternate forwards 0.3s;}
.taideng{position: absolute;right: 0px;bottom:100px;z-index: 103;opacity: 0;}
.zmbook{position: absolute;right: 200px;bottom:100px;z-index: 108;opacity: 0;}

.taideng{animation:mymove3 ease-in-out 0.8s 1 alternate forwards 1s;opacity: 0;}
.zmbook{animation:mymove3 ease-in-out 0.8s 1 alternate forwards 1s;opacity: 0;}

.swiper-slide:nth-child(2) .peoplePic{left: 150px;}
.swiper-slide:nth-child(2) .peoplePic img{width: 75%;}
.swiper-slide:nth-child(3) .peoplePic{left: 50px;}


.content .swiper-button-next, .content .swiper-button-prev{
  width: 94px;height: 94px;
  background-size: cover;
}
.content .swiper-button-next{background: url(img/rightbut1.png);position: absolute;right: 0px;top: 315px;z-index: 999;}
.content .swiper-button-prev{background: url(img/leftbut1.png);position: absolute;left: 0px;top: 315px;z-index: 999;}
.content .swiper-button-next:hover{background: url(img/rightbut2.png);width: 100px;height: 100px;}
.content .swiper-button-prev:hover{background: url(img/leftbut2.png);width: 100px;height: 100px;}


.hd ul{position: absolute;right: 277px;top: 698px;display: flex;}
.hd ul li{text-align: center;cursor: pointer;width: 25px;height: 25px; background-color: #d8d5d5;margin-right: 20px;border-radius: 20px;z-index: 999;}
.hd ul li.on{background-color: rgb(161, 114, 12);}



@media screen and (min-width: 1440px) and (max-width: 1600px){
  .swiper-slide .peoplePic{left: 170px;bottom: 100px;}
  .swiper-slide .peoplePic img{width: 80%;height: auto;}
  .swiper-slide .jzPic {right: 120px;}
  .swiper-slide .jzPic img{width: 84%;height: auto;}
  .content .books2{position: absolute;left: 0px;bottom: -236px;}
  .content .books2{animation:mymove4 ease-in-out 0.8s 1 alternate forwards 0.3s;}
  .taideng{position: absolute;right: 0px;bottom:30px;z-index: 103;width: 15%;}
  .zmbook{position: absolute;right: 200px;bottom:0;z-index: 108;width: 90%;}
  .hd ul{top: 624px;}

}



@keyframes mymove
  {
    from {bottom:-474px;}
    to {bottom:0px;}
  }

@keyframes mymove2
  {
    from { transform:scale(0.5,0.5); opacity: 0; filter:alpha(opacity=0);}
    to { transform:scale(1,1); opacity: 1; filter:alpha(opacity=100);}
  }
  @keyframes mymove3
  {
    from { opacity: 0; filter:alpha(opacity=0);}
    to { opacity: 1; filter:alpha(opacity=100);}
  }

  @keyframes mymove4
  {
    from {bottom:-236px;}
    to {bottom:-32px;}
  }

  @keyframes mymove5
  {
    from {top:-900px;}
    to {top:0px;}
  }<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2023-11-15 09:26:02" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->