@charset "utf-8";
html{width:100%;height:100%}
@media screen and (max-width:1610px) {html{ font-size:93px}}
@media screen and (max-width:1500px) {html{font-size:85px}}
body{width:100%;height:100%}
.pc body{overflow:hidden}
.phone body{overflow:auto}
.page-bg-box{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.animate{
  /* position: absolute; */
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.animate video{
  object-fit: cover;
}
.pc .render-canvas{
  display: none;
}
.pc .poster{
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pc .animate .phone-poster{
  display: none;
}
.animate .render-canvas{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.page{width:100%;height:100%;min-width:1370px;min-height:100%;background:transparent}
.pc .page{position:relative;min-width:auto;min-height:720px}
.pc .page::before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;padding:0;background:url(../images/index/bg.png) no-repeat center right;background-size:cover}
.main{width:100%;height:100%;position:relative;z-index:5;overflow:hidden}
.pc .main{min-height:650px;text-align:center;}
.header{min-width:100%;animation-duration:.4s;animation-fill-mode:both}
/* 标题/制作者信息 */
.pc .text-view{position:absolute;top:11.89%;left:.7rem;width:11.14rem}
.pc .info-title .bg-title,
.phone .info-title .bg-title-phone{width:100%;display:block;margin:auto;animation-duration:1s;animation-fill-mode:both}
.info-title .bg-title-phone1{animation-delay:.3s}
.info-title .bg-title1{animation-delay:.3s}
.pc .info-title .bg-title-phone,.pc .main .phone-nav-list{display:none}
.phone .info-title .bg-title{display:none}
.pc .phone-planner{display: none;}
.autor-box{animation-delay:.5s;max-width: 100%;}
.autor-box>img{display: block;max-width: 100%;}
.pc .autor-box{margin-top:.6rem}
.phone .autor-box{margin-top:.57rem}
.phone .autor-content{margin-bottom:.29rem;font-size:.36rem}
.autor-content-prefix{float:left}
.autor-content-text{display:block;width:21em;padding-left:5em}
/* 导航盒子 */
.main .nav-list{position:relative;top:100%;display:block;font-size:0;text-align: left;animation-delay:.6s}
.pc .main .nav-list{text-align: center;transform:translateY(-1.37rem)}
.nav-list .nav-list-item{position:relative;display:inline-block;color:#fff;border-radius:.42rem;transform:scale(1);transition:transform .8s}
.pc .nav-list .nav-list-item{margin-right:.3rem;max-width: 15%;position: relative;height: 0.9rem;width: 2.7rem;padding-left: .7rem;}
.pc .nav-list .nav-list-item>img{max-width: 100%;height: 100%;}
.item-icon{
  position: absolute;
  left: 0;
  top: 0;
  width: 0.9rem;
  height: 0.9rem;
  /* background: linear-gradient(51deg, #4468B1, #674BA5); */
  /* border: 0.03px solid #FFFFFF; */
  border-radius: 50%;
  transition: transform .5s;
}
.item-icon>img{
  max-width: 100%;
  height: 100%;
}
.nav-list .nav-list-item::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: .6rem;
  background: rgba(0,0,0,.3);
  opacity: 0;
}
.nav-list .nav-list-item:active::after{opacity: 1;transform: translateY(-50%),scale(1);transition:all .8s;}
.nav-list .nav-list-item img{transition:transform .8s;max-width: 100%;}
.nav-list .nav-list-item:active img{z-index:1;transform:scale(1.08);}
.pc .nav-list .nav-list-item:hover img{transform:scale(1.08);}
.pc .nav-list .nav-list-item:hover .item-icon,
.phone .nav-list .nav-list-item:active .item-icon{transform:scale(1.08) rotate(360deg);left: -.15rem;}
.pc .nav-list .nav-list-item:active img{transform: scale(1);transition:transform .2s}
.pc .nav-list .nav-list-item:active .item-icon{transform: scale(1);left: 0;}
.nav-list-item .iconfont{font-size:1em}
/* 视频/申报书盒子 */
.btn-box{margin-top:.3rem;text-align:left;color:#fff;animation-delay:.8s}
.btn-box>span{display:inline-block;padding:.3em 1em;border:1px solid #fff;border-radius:1.3em;vertical-align:middle;transition:transform .4s;}
.pc .btn-box>span{font-size:.22rem}
.phone .btn-box>span{font-size:.32rem}
.btn-box>span+span{margin-left:1em}
.btn-box>span:hover{transform:scale(1.05)}
.btn-box>span::before{font-size:1.2em;margin-right:.2em}
/* .main .btn-box{position:absolute;bottom:0;left:0;right:0;width:100%;color:#fff;font-size:0;text-align:center}
.btn-box span{padding:.08rem .22rem;font-size:.22rem;display:inline-block;cursor:pointer;transition:all .4s;animation-duration:.3s;animation-fill-mode:both}
.btn-box span::before{margin-right:.2em}
.btn-box .btn-item1{animation-delay:5.2s}
.btn-box .btn-item2{animation-delay:5.5s}
.btn-box .btn-item3{animation-delay:5.8s}
.btn-box span:hover{color:rgba(255, 255, 255,.7)}
.phone .btn-box{position:fixed;margin-top:1rem;font-size:.42rem}
.phone .btn-box span{font-size:1em} */
/* 首页弹窗 */
.phone .animate .poster{
  display: none;
}
.phone .phone-poster{
  height: 100%;
  position: fixed;
  bottom: 0;
  object-fit: cover;
}
.popup-mask{position:fixed;width:100%;height:100%;top:0;left:0;z-index:12;background:rgba(0,0,0,.8);display:none}
.popup{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:45%;padding-top:27%;height:0;background-color:#fff}
.popup-content{position:absolute;width:100%;height:100%;top:0;left:0;color:#000}
.popup-close{position:absolute;width:.4rem;height:.4rem;right:0;top:0;background-color:#074885;cursor:pointer;z-index:1}
.popup-close::before,
.popup-close::after{content:'';position:absolute;width:60%;height:2px;top:0;bottom:0;left:0;right:0;margin:auto;border-radius:2px;background-color:#fff}
.popup-close::before{transform:rotate(45deg)}
.popup-close::after{transform:rotate(-45deg)}
/* .phone .popup{width:80%;padding-top:45%} */
/* 脚部 */
.main .footer{font-size:.18rem;color:#fff;bottom:0;position:absolute;width:100%;text-align:center;line-height:.24rem;padding-bottom:.1rem}
.phone .main .footer{padding-bottom:.2rem;bottom:0;padding-top:.5rem;font-size:.3rem;line-height:.4rem}
.phone .main .footer>span{display:inline-block;line-height:1}
/* 移动端 */
.phone .animate{-webkit-filter: blur(2px); filter: blur(2px);}
.phone .animate .render-canvas{width: 100%;height: 100%;object-fit: cover;}
.phone .pc-planner,.phone .pc-nav-list{display: none;}
.phone .page{height:auto;overflow:auto;background:#d7cde8 url(../images/index/bg-phone.png) no-repeat top left;background-size:100% auto}
.phone .page::before{content:none}
.phone .header .nav-menus{display:block}
.phone .header .nav-link{ font-size:0.44rem}
.phone .text-view{width:100%;padding:20% .5rem 0;margin-left:0}
.phone .text-view .info-title:nth-child(2){margin-top:.8rem}
.phone .text-view .info-title:nth-child(3){margin-top:.6rem}
.phone .page::before{background-size:cover;background-position:right top}
.phone .text-view .info-title>img:last-child{display:block;max-width:100%}
.phone .nav-list{margin: 2.08rem .5rem .8rem}
.phone .nav-list .nav-list-item:active::after{transform:translateY(-50%) scale(1.08);}
.phone .nav-list .nav-list-item{margin-bottom:.65rem;font-size:.42rem;border-radius:2.2em;transition:all .4s linear;display: inline-block;width: 45%;padding-left: 11%;}
.phone .nav-list .nav-list-item:nth-child(2n+1){margin-right: 5%;}
.phone .item-icon{width: 43%;height: 100%;object-fit: contain;}
.nav-list-item.nav-introduce{animation-delay:1.2s}
.nav-list-item.nav-knowledge{animation-delay:1.2s}
.nav-list-item.nav-preview{animation-delay:1.4s}
.nav-list-item.nav-virtual{animation-delay:1.5s}
.nav-list-item.nav-review{animation-delay:1.6s}
.nav-list-item.nav-expand{animation-delay:1.7s}
.nav-list-item.nav-interaction{animation-delay:1.8s}