body{width:100%;max-width:540px;height:100%;margin:0 auto}.hide{display:none}.show{display:block}.noscroll{overflow:hidden}.wrap{width:10rem;height:100%;margin:0 auto;position:relative}.header{width:10rem;height:1.613333rem;background:url(../images/header.png) no-repeat center;background-size:cover;position:fixed;top:0;left:50%;z-index:9;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.header h1{font-size:.48rem;color:#e9d797;font-weight:700;position:absolute;top:.186667rem;left:1.786667rem;z-index:9}.header p{font-size:.293333rem;color:#e9d797;position:absolute;top:.933333rem;left:1.786667rem;z-index:9}.header .btn-gw{display:block;width:1.733333rem;height:.773333rem;position:absolute;top:.44rem;right:2.133333rem;z-index:10;text-indent:-99999px;background:url(../images/btn-gw.png) no-repeat center;background-size:cover}.header .btn-down{display:block;width:1.733333rem;height:.773333rem;position:absolute;top:.44rem;right:.133333rem;z-index:10;text-indent:-99999px;background:url(../images/btn-down.png) no-repeat center;background-size:cover}.sy-swiper-container{position:relative;z-index:5;width:100%;height:100%;margin:0 auto;background:url(../images/bg.jpg) no-repeat left top;background-size:cover;background-color:#e3d3ab}.video-bg{position:absolute;z-index:7;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:url(../images/video-poster.jpg) no-repeat left top;background-size:cover}.video-bg video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.slogan{width:10rem;height:5.76rem;position:absolute;left:0;top:3.44rem;z-index:8}.btn-play{width:1.4rem;height:1.333333rem;position:absolute;right:.773333rem;top:6.26rem;z-index:8}.btn-play img{width:100%;height:100%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;animation:rotate 2.5s linear infinite}.btn-play i{display:block;width:.52rem;height:.533333rem;background:url(../images/play-icon.png) no-repeat center top;background-size:contain;position:absolute;left:50%;top:50%;margin-left:-.213333rem;margin-top:-.266667rem;z-index:8}.section2 .title{width:4.973333rem;height:1.626667rem;margin:0 auto;position:absolute;left:50%;top:14%;transform:translate(-50%,0);z-index:6}.section2 .role img,.section2 .title img{width:100%;height:100%}.section2 .role{width:100%;height:11.653333rem;position:absolute;top:22%;left:0;z-index:7}.section2 .skill-cont{position:absolute;top:50%;left:50%;margin-left:-4rem;z-index:9;width:8rem;min-height:2.546667rem;background:rgba(0,0,0,.8);border-radius:8px;font-size:.32rem;color:#fff;padding:.133333rem .186667rem}.section2 .info{width:9.586667rem;height:4.426667rem;position:absolute;left:50%;top:64%;margin-left:-4.793335rem;z-index:8;background:url(../images/section2/info.png) no-repeat center top;background-size:cover}.section2 .skill-nav{position:absolute;top:.266667rem;left:50%;transform:translate(-50%,0);display:flex;justify-content:center;align-items:center}.section2 .skill-nav .skill-item{display:inline-block;width:1.36rem;height:1.52rem;margin:0 .173333rem;background:url(../images/section2/wxz_bottom.png) no-repeat center;background-size:cover}.section2 .skill-nav .skill-item img{width:100%;height:100%;width:1.36rem;height:1.52rem}.section2 .skill-nav .skill-item.active{background:url(../images/section2/xz_bottom.png) no-repeat center;background-size:cover}.section3 .title{width:4.973333rem;height:1.626667rem;position:absolute;left:50%;top:14%;transform:translate(-50%,0);z-index:6}.section3 .title img{width:100%;height:100%}.article{padding:.266667rem .4rem}.article .top{padding:0 .293333rem;font-size:.4rem;color:#fbdaa6;line-height:.8rem}.article .cont{height:8.506667rem;padding:0 .293333rem;font-size:.32rem;color:#f1e0c6;overflow-y:auto}.draft-swiper-container{width:8.92rem;height:11.36rem;position:absolute;top:25%;left:50%;margin-left:-4.46rem;background:url(../images/section3/draft-bg.png) no-repeat center;background-size:cover}.draft-small{top:28%;height:9.066667rem;background:url(../images/section3/draft-bg2.png) no-repeat center;background-size:cover}.draft-small .article .cont{height:6.533333rem}.draft-next,.draft-prev{width:1.426667rem;height:1.36rem;background:url(../images/section3/direction.png) no-repeat center;background-size:cover;top:auto;bottom:.093333rem;margin-top:0}.draft-prev{transform:rotate(180deg)}.draft-swiper-container .swiper-pagination{bottom:.4rem}.draft-swiper-container .swiper-pagination-bullet{width:.306667rem;height:.306667rem;display:inline-block;background:url(../images/section3/wxz.png) top center no-repeat;background-size:cover;opacity:1;border-radius:0}.draft-swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../images/section3/xz.png) top center no-repeat;background-size:cover}.draft-swiper-container .swiper-container-3d .swiper-slide-shadow-left{background-image:none}.draft-swiper-container .swiper-container-3d .swiper-slide-shadow-right{background-image:none}.draft-swiper-container .swiper-slide:not(.swiper-slide-active){opacity:0!important}.section4 .title{width:4.973333rem;height:1.626667rem;position:absolute;left:50%;top:14%;transform:translate(-50%,0);z-index:6}.section4 .title img{width:100%;height:100%}.pic-swiper-container{width:100%;position:absolute;top:20%;left:0}.pic-swiper-container img{width:13.18rem;height:11.98rem;margin-left:-1.2rem}.pic-swiper-container .swiper-container-3d .swiper-slide-shadow-left{background-image:none}.pic-swiper-container .swiper-container-3d .swiper-slide-shadow-right{background-image:none}.pic-swiper-container .swiper-slide:not(.swiper-slide-active){opacity:0!important}.pic-next,.pic-prev{width:.466667rem;height:.6rem;background:url(../images/section4/direction.png) no-repeat center;background-size:cover;margin-top:-.3rem}.pic-prev{margin-top:-.25rem;transform:rotate(180deg)}.pic-swiper-pagination{width:100%;bottom:8%}.pic-swiper-pagination .swiper-pagination-bullet{width:.266667rem;height:.293333rem;display:inline-block;background:url(../images/section4/wxz.png) top center no-repeat;background-size:cover;opacity:1;border-radius:0;margin:0 .133333rem}.pic-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:.693333rem;height:.293333rem;display:inline-block;background:url(../images/section4/xz.png) top center no-repeat;background-size:cover}.footer-navigation{position:absolute;z-index:9;bottom:0;left:0;width:100%;height:1.04rem;background:url(../images/footer/bg.png) top center no-repeat;background-size:cover}.navigation-box{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:url(../images/footer/bg2.png) top center no-repeat;background-size:cover;position:relative}.na-item{flex:1;height:100%;position:relative;z-index:14}.na-item img{display:none;position:absolute;left:0;top:0;width:100%;height:100%}.na-item.na-active img{display:block}::-webkit-scrollbar-thumb:vertical{background-color:rgba(59,74,69,.9)}::-webkit-scrollbar-thumb:horizontal{background-color:rgba(59,74,69,.9)}.video-model{position:fixed;left:0;top:0;z-index:10;width:100%;height:100%}.video-model .mask{position:absolute;left:0;top:0;z-index:11;width:100%;height:100%;background:rgba(0,0,0,.7)}.video-model .video{position:fixed;width:10rem;height:5.6rem;top:50%;left:50%;margin-top:-2.8125rem;margin-left:-5rem;z-index:1000}.video-model video{display:block;width:100%;height:100%}.video-model .close{display:block;width:2.8rem;height:1rem;margin:0 auto;color:#fff;line-height:1rem;background-color:#34615a;border-radius:.2rem;font-size:.45rem;text-align:center;font-weight:700;position:absolute;top:6rem;left:50%;margin-left:-1.4rem}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}@keyframes play{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}