.g-doc{width:7.5rem;margin:0px auto;}
.pa{position: absolute; z-index: 10;}
.part{overflow: hidden;}
.inner{position: relative;}
.tobottom .inner{position: absolute; left: 0; bottom: 0;}
/*part1*/
.part1{background: #010612;}
.part1 .bg{left: 0; top: 0; width: 100%;}
.part1 .brand{left: 50%; top: 1.08rem; margin-left: -2.76rem; width: 5.52rem;}
.part1 .tit1{left: 0.72rem; top: 2.16rem; width: 5.92rem;}
.part1 .tit2{left: 0.67rem; top: 3.39rem; width: 6.3rem;}
.part1 .tit3{left: 1.48rem; top: 4.92rem; width: 2.18rem;}
.part1 .tit4{right: 1.5rem; top: 4.86rem; width: 2.22rem;}
.part1 .txt{top: 7.53rem; left: 0.59rem; width: 6.3rem;}
.part1 .txt .line1{width: 6.21rem; margin-bottom: 0.16rem;}
.part1 .txt .line2{width: 6.14rem; margin-left: 0.09rem; margin-top: -0.07rem;}
.part1 .txt .desc{font-size: 0.25rem; color: #ebe1cf; line-height: 0.4rem;margin-left: 0.06rem; word-wrap: break-word; text-align: justify;}
/*part2*/
.part2{background: #f6f6f6;}
.part2 .tit{left: 50%; top: 0.47rem; margin-left: -3.44rem; width: 6.89rem;}
.part2 .bd{left: 0; width: 100%; top: 1.93rem;}
.part2 .pic{background: url(//www1.pconline.com.cn/zt/20180904pdd/wap/img/area2-pic-bg.png) no-repeat 0 0/4.85rem; margin-left: 0.55rem; padding-left: 0.28rem; padding-top: 0.27rem; margin-right: 0.65rem; margin-bottom: 0.15rem; position: relative;}
.part2 .pic img{}
.part2 .con{background: url(//www1.pconline.com.cn/zt/20180904pdd/wap/img/area2-detail-bg.jpg) no-repeat 0 0.47rem/100%;}
.part2 .con .detail, .part2 .con .config{background: #fff; margin-left: 0.55rem; margin-right: 0.63rem; padding: 0.28rem 0.27rem 0.21rem 0.21rem;}
.part2 .con .con-tit{width: 5.82rem; margin-bottom: 0.18rem;}
.part2 .con .txt{color: #000e33; font-size: 0.26rem; line-height: 0.4rem; margin-bottom: 0.18rem;}
.part2 .con .more{width: 5.76rem; height: 0.52rem; border: 1px solid #967e49; display: block; margin: 0 auto; text-align: center; color: #967e49; font-size: 0.24rem; line-height: 0.52rem; }
.part2 .con .more:after{display: inline-block; background: url(//www1.pconline.com.cn/zt/20180904pdd/wap/img/area2-icon-arrow.png) no-repeat 0 0/cover; width: 0.25rem; height: 0.11rem; margin-left: 0.08rem; vertical-align: middle; content: "";}
/*.part2 .config{margin-top: 0.45rem;}*/
.part2 .prev-btn, .part2 .next-btn, .part3 .prev-btn, .part3 .next-btn{width: 0.33rem; height: 0.5rem; background: url(//www1.pconline.com.cn/zt/20180904pdd/wap/img/page-btn.png) no-repeat 0 0/100%; position: absolute; top: 50%; left: 0.17rem; transform: translate3d(0,-50%,0); z-index: 11;}
.part2 .next-btn{right: 0.17rem; left: auto;}
.part2 .next-btn{background-position: 0 bottom;}
.part2 .icon-zhide, .part2 .icon-buzhide{width: 1.76rem; height: 1.76rem; background: url(//www1.pconline.com.cn/zt/20180904pdd/wap/img/icon-zhide.png) no-repeat 0 0/contain; position: absolute; bottom: 0.28rem; right: 0.26rem; }
.part2 .icon-buzhide{background-image: url(//www1.pconline.com.cn/zt/20180904pdd/wap/img/icon-buzhide.png);}

/*part3*/
.part3{background: #000e33;}
.part3:before{content: ""; position: absolute; left: 0; top: 0; width: 100%; background: url(//www1.pconline.com.cn/zt/20180904pdd/wap/img/area3-top-bg.jpg) no-repeat 0 0/100%; height: 2.48rem;}
.part3:after{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; background: url(//www1.pconline.com.cn/zt/20180904pdd/wap/img/area3-bottom-bg.jpg) no-repeat 0 0/100%; height: 2.04rem;}
.part3 .inner{position: relative; z-index: 10;}
.part3 .con{padding-top: 0.36rem; padding-bottom: 0.18rem;}
.part3 .thumb{position: relative; margin-bottom: 0.21rem; width: 6.73rem; margin-left: auto; margin-right: auto;}
.part3 .thumb .tit{position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font-size: 0.28rem; line-height: 0.79rem; background: rgba(0,0,0,0.5); color: #fff;}
.part3 .thumb .tit:before{content: ""; background: url(//www1.pconline.com.cn/zt/20180904pdd/wap/img/area3-icon-arrow.png) no-repeat 0 0/0.24rem; width: 0.24rem; height: 0.24rem; vertical-align: middle; display: inline-block; margin-right: 0.16rem; }
.part3 .prev-btn, .part3 .next-btn{background-image: url(//www1.pconline.com.cn/zt/20180904pdd/wap/img/page-btn2.png);}
.part3 .prev-btn{left: 0;}
.part3 .next-btn{right: 0; left: auto; background-position: 0 bottom;}

/*part4*/
.part4{background: #cbab66 url(//www1.pconline.com.cn/zt/20180904pdd/wap/img/area4-bg.jpg) no-repeat 0 0/contain;}
.part4 .mobile{background: url(//www1.pconline.com.cn/zt/20180904pdd/wap/img/mobile.png) no-repeat 0 1.07rem/contain; width: 4.83rem; height: 8rem; margin: 0 auto; padding-top: 1.07rem;}
.part4 .mobile .qrcode{width: 2.39rem; height: 2.39rem; margin: 2.81rem auto 0; display: block;}
.part4 .team{padding:1.03rem; font-size: 0.26rem; line-height: 0.42rem; background: url(//www1.pconline.com.cn/zt/20180904pdd/wap/img/team-bg.png) no-repeat center 0.42rem/5.38rem; color: #fff; text-align: center; white-space: nowrap;}
.part4 .team span{display: inline-block; width: 2.12rem; text-align: left;}
.part4 .team span:nth-child(2){width: auto;}

.icon-btn{width: 0.52rem; height: 0.26rem; position: absolute; left: 50%; bottom: 0.29rem; margin-left: -0.26rem; -webkit-animation: upDown 2s linear infinite; animation: upDown 2s linear infinite; z-index: 100;
}

@-webkit-keyframes upDown {
  0% {-webkit-transform: translate3d(0, -35%, 0);transform: translate3d(0, -35%, 0);}
  50% {-webkit-transform: translate3d(0, 35%, 0);transform: translate3d(0, 35%, 0);}
  100% {-webkit-transform: translate3d(0, -35%, 0);transform: translate3d(0, -35%, 0); }
}


@keyframes upDown {
  0% {-webkit-transform: translate3d(0, -35%, 0);transform: translate3d(0, -35%, 0);}
  50% {-webkit-transform: translate3d(0, 35%, 0);transform: translate3d(0, 35%, 0);}
  100% {-webkit-transform: translate3d(0, -35%, 0);transform: translate3d(0, -35%, 0);}
}

.show{opacity:0;-webkit-transition:all .5s;transition:all .5s}
.in-out{
    -webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-transition:all .7s;transition:all .7s}
.top-bottom{-webkit-transform:translate(0,-30%);transform:translate(0,-30%);opacity:0;-webkit-transition:all .5s linear;transition:all .5s linear}
.bottom-top{-webkit-transform:translate(0,30%);transform:translate(0,30%);opacity:0;-webkit-transition:all .5s linear;transition:all .5s linear}
.right-left{-webkit-transform:translate(30%,0);transform:translate(30%,0);opacity:0;-webkit-transition:all .5s linear;transition:all .5s linear}
.left-right{-webkit-transform:translate(-30%,0);transform:translate(-30%,0);opacity:0;-webkit-transition:all .5s linear;transition:all .5s linear}
.left-right,.right-left{-webkit-transition-delay:.4s;transition-delay:.4s}
.rotateIn{opacity: 0;}
.swiper-slide-active .bottom-top,.swiper-slide-active .top-bottom,.swiper-slide-active .left-right,.swiper-slide-active .right-left{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
.swiper-slide-active .show{opacity:1}
.swiper-slide-active .in-out{-webkit-transform:scale(1);transform:scale(1);opacity:1}
.swiper-slide-active .rotateIn{opacity: 1; -webkit-animation: rotateIn .5s ease 0.5s both; animation: rotateIn .5s ease 0.5s both;}

.delay02{-webkit-transition-delay:.2s;transition-delay:.2s}
.delay03{-webkit-transition-delay:.3s;transition-delay:.3s;}
.delay04{-webkit-transition-delay:.4s;transition-delay:.4s}
.delay05{-webkit-transition-delay:.5s;transition-delay:.5s; }
.delay06{-webkit-transition-delay:.6s;transition-delay:.6s}
.delay07{-webkit-transition-delay:.7s;transition-delay:.7s}
.delay08{-webkit-transition-delay:.8s;transition-delay:.8s}
.delay09{-webkit-transition-delay:.9s;transition-delay:.9s}
.delay10{-webkit-transition-delay:1s;transition-delay:1s}
.delay11{-webkit-transition-delay:1.1s;transition-delay:1.1s}
.delay12{-webkit-transition-delay:1.2s;transition-delay:1.2s}
.delay16{-webkit-transition-delay:1.6s;transition-delay:1.6s}
.delay20{-webkit-transition-delay:2s;transition-delay:2s}


@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
                transform-origin: center;
        -webkit-transform: rotate(-200deg);
                transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
                transform-origin: center;
        -webkit-transform: none;
                transform: none;
        opacity: 1
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
                transform-origin: center;
        -webkit-transform: rotate(-200deg);
                transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
                transform-origin: center;
        -webkit-transform: none;
                transform: none;
        opacity: 1
    }
}