@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}
.animate{position:absolute;width:100%;height:100%;}
.pc .poster{max-width:100%;}
.pc .animate .phone-poster{display:none;}
.animate .render-canvas{object-fit:cover;width:100%;height:100%;}
.page{width:100%;height:100%;min-width:1080px;min-height:100%;background:transparent}
.pc .page{position:relative;min-width:auto;min-height:420px}
.pc .page::before{content:'';position:absolute;top:0;right:0;z-index:1;width:100%;height:100%;padding:0;background-color:rgba(3,13,40,.33)}
.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:0;right:0;width:12.99rem;margin:auto}
.pc .info-title{width:12.99rem;margin:auto}
.info-title .bg-title{width:100%;display:block;margin:auto;animation-duration:1s;animation-fill-mode:both}
.pc .bg-title1{height:1.91rem;background:url(../images/index/title.png) no-repeat center;background-size:100%}
.phone .bg-title1{width:8.6832rem;height:3.888rem;background:url(../images/index/title-phone.png) no-repeat center;background-size:100%}
.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}
.pc .phone-planner{display:none;}
.autor-box{position:absolute;width:100%;animation-delay:.5s;max-width:100%;}
.pc .autor-box{bottom:.3rem}
.phone .autor-box{bottom:.8rem}
.pc .autor-img{width:8.88rem;height:.31rem;margin:auto;background:url(../images/index/autor.png) no-repeat center;background-size:100%}
.phone .autor-img{width:9.81rem;height:.403rem;margin:auto;background:url(../images/index/autor-phone.png) no-repeat center;background-size:100%}
/* 导航盒子 */
.main .nav-list{display:block;font-size:0;text-align:center;animation-delay:.6s}
.pc .main .nav-list{position:absolute;bottom:1.1rem;width:100%}
.phone .main .nav-list{position:absolute;bottom:1.296rem;width:100%}
.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{width:2.37rem;margin-top:.2rem}
.pc .nav-list .nav-list-item+.nav-list-item{margin-left:.5rem}
.nav-list .nav-list-item::after{content:'';display:block;width:100%;height:92%;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:hover::after{transform:translateY(-50%),scale(1.1);}
.nav-list .nav-list-item:hover img{z-index:1;transform:scale(1.1);}
.nav-list .nav-list-item:active img{transform:scale(1);transition:transform .2s}
.nav-list-item .iconfont{font-size:1em}
/* 视频/申报书盒子 */
/* .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:2.3rem .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 .nav-list-item{display:inline-block;width:30%;margin-bottom:.65rem;margin-left:1.5%;margin-right:1.5%;font-size:.42rem;border-radius:2.2em;transition:all .4s linear}
.nav-list-item.nav-introduce{animation-delay:1.2s}
.nav-list-item.nav-knowledge{animation-delay:1.3s}
.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}
.pc .swiper-bg-phone,
.phone .swiper-bg-pc{display:none}
.phone .swiper-bg-phone,
.pc .swiper-bg-pc{position:absolute;top:0;left:0;width:100%;height:100%}
.phone .swiper-bg-phone .swiper-slide1{background:url(../images/index/bg1-phone.jpg) no-repeat center;background-size:cover}
.phone .swiper-bg-phone .swiper-slide2{background:url(../images/index/bg2-phone.jpg) no-repeat center;background-size:cover}
.phone .swiper-bg-phone .swiper-slide3{background:url(../images/index/phone/bg1-1.jpg) no-repeat center;background-size:cover}
.pc .swiper-bg-pc .swiper-slide1{background:url(../images/index/bg1.jpg) no-repeat center;background-size:cover}
.pc .swiper-bg-pc .swiper-slide2{background:url(../images/index/bg2.jpg) no-repeat center;background-size:cover}
.pc .swiper-bg-pc .swiper-slide3{background:url(../images/index/pc/bg1-1.jpg) no-repeat center;background-size:cover}
.first-bg{width:100%;height:100%}
.first-bg .swiper-slide>img{width:100%;height:100%;object-fit:cover}