body,html{margin:0;padding:0;background:#000;text-align:left;font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";}
p{margin:0;padding:0;}
ul{list-style:none;margin:0;padding:0;}
img{display:inline-block;vertical-align: bottom;}
a{text-decoration: none;cursor: pointer;}
#body{background:#000;}
/* @font-face{
    font-family:hyqh40s;
    src:url(../font/HYQiHei-40S.otf);
}
@font-face{
    font-family:hyqh35s;
    src:url(../font/HYQiHei-35S.otf);
}
@font-face{
    font-family:hyqh45s;
    src:url(../font/HYQiHei-45S.otf);
}
@font-face{
    font-family:hyqh55s;
    src:url(../font/HYQiHei-55S.otf);
}
@font-face{
    font-family:hyqh50s;
    src:url(../font/HYQiHei-50S.otf);
} */
.headerWrapper{width:100%;}
.headerBanner{width:2560px;height:921px;background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/banner.jpg) no-repeat center -4px;background-size:100%;transform-origin:left top;}
.navi{width:1000px;display:flex;justify-content: space-between;margin:20px auto 10px;font-family: hyqh40s;}
.navi>li{width:165px;height:40px;line-height:40px;font-size:18px;text-align:center;}
.navi>li>a{display:inline-block;width:100%;height:100%;border:1px solid #ff5866;color:#ff5866;background:#000;}
.navi>li.active>a{color:white;background-color:#ff5866;}
.navi>li>a:hover{color:white;background-color:#ff5866;}
.navword{width:100%;text-align:center;}
.conmain{width:100%;background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/mainbg.png) no-repeat center center;background-size:2560px auto;overflow: hidden;}
.main1,.main2,.main3,.main4,.main5,.main6{width:1000px;margin:0 auto;position: relative;}
.m1bto{width:100%;margin-top:100px;}
.m1bto:after{content:"";display:block;clear:both;}
.m1btort{width:820px;height:656px;background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/m1bg.png) no-repeat right top;float:left;margin-top:50px;background-size:677px 100%;font-family: hyqh35s;text-align:left;}
.m1btolf{float:left;}
.m1btort p{color:#fff;font-size:16px;line-height:32px;width:656px;}
.m1word1{padding-top:88px;}
.m1word2{margin:14px 0 14px 154px;}
.m1btort .m1spec{color:#ff5866;font-family: hyqh45s;}
.main2{margin-top:170px;}
.m2word{width:1008px;height:28px;background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/m2word.png) no-repeat;margin-left:-4px;}
.m2word:hover{background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/m2wordh.png) no-repeat;}
.m2tile{position: absolute;left:50%;margin-left:-56.5px;top:-50px; transform-style: preserve-3d;transform:perspective（500px）;}
.m2tile img{animation: act1 5s linear infinite;}
.m2lf{margin-top:104px;margin-bottom:62px;}
.m2box{width:900px;display:flex;justify-content: space-between;position: relative;margin:0 auto;}
.tvbox2{margin-top:128px;}
.tvbox1 li,.tvbox2 li{margin-bottom:48px;cursor: pointer;position: relative;z-index:2;}
.tvtop{width:400px;height:254px;background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/wtv.png) no-repeat center center;}
.tvbto{width:445px;height:100px;background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/tvbg.png) no-repeat center center;margin-top:3px;padding:9px 15px 0 11px;box-sizing: border-box;}
.tvtop:hover{background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/wtvh.png) no-repeat center center;}
.peoinfo{width:288px;height:64px;background:#000;padding-top:2px;box-sizing: border-box;}
.peoinfo div{color:#fff;font-size:20px;margin-left:17px;font-family: hyqh55s;}
.jtou{font-size:14px;}
.peoinfo p{width:235px;border-top:1px solid #fff;margin:3px auto;}
.instro{font-size:16px;color:#dcdcdc;padding-left:27px;font-family: hyqh40s;}
.gz{width:65px;height:65px;line-height:65px;text-align: center;color:#fff;border:1px solid #000;box-sizing: border-box;font-size:20px;background:#000;position: absolute;right:15px;bottom:9px;font-family: hyqh50s;}
.gz:hover{background:#323232;color:#ff5866;}
.tvbox li:nth-child(2){margin-top:128px;}
.main3{margin-top:95px;}
.m3word{width:1019px;height:29px;text-align:center;position: relative;z-index: 2;background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/m3word.png) no-repeat;margin-left:-9px;}
.m3word:hover{background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/m3wordh.png) no-repeat;}
.m3img1{width:100%;text-align:center;position: absolute;z-index:0;top:-216px}
.m3img2{width:100%;text-align: center;position: absolute;z-index:1;top:-38px;animation: act4 4s ease-in-out infinite;}
.m3tile{margin-top:114px;}
.addres{font-size:16px;color:#fff;line-height:24px;position: absolute;right:55px;top:230px;font-family:hyqh40s; }
.adrs1{font-size:10px;}
.adrs2{font-size:20px;}
.adrs3{font-size:18px;}
.sltile1{margin-top:65px;width:600px;height:80px;background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/shtile1.png) no-repeat center center;cursor: pointer;}
.sltile1:hover{background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/shtile1h.png) no-repeat center center;}
.peos{margin-top:70px;}
.infobox{width:910px;margin:-13px auto 0;display:flex;justify-content: space-between;position: relative;z-index:2;font-family:hyqh40s;}
.nameinfo{width:274px;font-size:16px;line-height:22px;color:#fff;padding-left:6px;letter-spacing: 1px;}
.sectile{margin-top:94px;}
.sltile2{width:600px;height:80px;background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/sltile2.png) no-repeat center center;margin-top:64px;cursor: pointer;}
.sltile2:hover{background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/sltile2h.png) no-repeat center center;}
.jgf{text-align: center;margin-top:160px;}
.addresh{top:202px;}
.main5{margin-top:180px;}
.m5box{width:951px;display:flex;justify-content: space-between;margin-top:80px;}
.tltop{margin-bottom:50px;}
.m5spec{color:#f55462;font-weight:bold;}
.m5img1{text-align:center;position: relative;top:-32px;animation: act2 3s ease infinite;}
.m5word{position: relative;z-index: 2;text-align:center;background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/m5word.png) no-repeat;width:1011px;height:28px;margin-left:-5px;}
.m5word:hover{background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/m5wordh.png) no-repeat;}
.m5p{color:#fff;font-size:20px;margin-top:46px;line-height:28px;font-family: hyqh40s;}
.m5ph{margin-top:82px;}
.tilimg1{width:335px;height:273px;background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/m5img2.png) no-repeat;background-size:100%;position: relative;}
.m5ph2,.tilimg1{margin-left:58px;}
.tilimg1 img{width:256px;height:256px;position: absolute;top:1px;right:1px;}
.wg{width:100%;text-align: center;margin-top:50px;}
.m5bto{width:402px;height:192px;background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/m5bto.png) no-repeat center center;background-size:100% 100%;line-height:30px;font-size:20px;color:#fff;margin:100px auto 100px;font-family: hyqh40s;}
.m5bto p{width:320px;position: relative;top:50%;transform:translateY(-50%);margin:0 auto;text-align: center;}
.m5bto:hover{height:191px;background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/tiph.png) no-repeat center 1px;background-size:100% 100%;color:#ff5866;}
.m6word{margin-left:-55px;width:1113px;height:29px;background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/m6word.png) no-repeat;}
.m6word:hover{background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/m6wordh.png) no-repeat;}
.m6img1{position: absolute;top:-20px;left:50%;margin-left:-42px;animation: act3 3s ease-in infinite;}
.main6{margin-top:62px;}
.m6tile{margin-top:90px;}
.m6box{width:900px;display:flex;flex-wrap: wrap;justify-content: space-between;margin:50px auto 56px;}
.m6box li{width:290px;height:186px;border:1px solid #ff5866;box-sizing: border-box;margin-bottom:10px;overflow: hidden;}
.m6box li img{width:100%;height:100%;transition: all 0.3s linear;}
.m6box li img:hover{transform: scale(1.2);}
.m6more{width:100%;text-align: center;cursor: pointer;}
.m6more a{display:inline-block;width:155px;height:35px;background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/m6more.png) no-repeat;}
.m6more a:hover{background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/m6moreh.png) no-repeat;}
.m6bto{width:100%;text-align: center;margin-top:95px;}
.foot{width:100%;height:200px;background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/fotbg.png) no-repeat center center;background-size:2560px 100%;text-align:center;}
.foot img{position: relative;top:84px;}
.navi>li:last-child{position: relative;}
.downmenu{width:167px;position: absolute;top:42px;left:0;z-index:10;height:0;transition:all 0.3s linear;overflow: hidden;}
.downmenu li{width:100%;height:40px;line-height:40px;font-size:18px;text-align:center;margin-bottom:2px;}
.downmenu li>a{display:inline-block;width:100%;height:100%;border:1px solid #ff5866;color:#ff5866;box-sizing: border-box;background-color:#000;}
.downmenu li>a:hover{color:white;background-color:#ff5866;}
.chagwh{height:88px;}
.m2xq{position: absolute;bottom:890px;left:-62px;z-index:1;}
.m3xq{position: absolute;bottom:-180px;right:-50px;}
.slxq2{position: absolute;bottom:-100px;left:-27px;}
.czbg{position: absolute;bottom:-75px;left:-150px;animation: act1 40s linear infinite;z-index:0;}
.vidjump{position: fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:10000;display:none;}
.vidbg{width:646px;height:400px;position: absolute;top:50%;left:50%;margin-top:-200px;margin-left:-323px;background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/vidbg.png) no-repeat center center;}
.close{width:30px;height:30px;position: absolute;right:-40px;top:0;background:url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/close.png) no-repeat center center;cursor: pointer;}
.vidinfo{width:388px;height:25px;background:#000;border:1px solid #fff;position: absolute;bottom:3px;left:3px;font-size:16px;line-height:25px;padding-left:18px;box-sizing: border-box;color:#fff;}
.rtxq{position: absolute;right:80px;top:200px;animation: act5 10s linear infinite;}
.earth{position: absolute;right:164px;top:216px;}
.cur{position:fixed;top:-20px;z-index:2000;width:100%;margin:0 auto;}
.wx-qrcode{right:-140px !important;}
.peoinfo div a:hover{color:#f55462;}
.peoinfo div .jtou:hover{color:#f55462;}
.actv{overflow: visible;}
.tvtop{position: relative;}
.tvtoph{position: absolute;top:0;left:0;display:none;z-index:30;}


.auto1{width:920px;margin:100px auto 150px;}
.autow{font-size:28px;color:#fff;margin-bottom:10px;font-family: hyqh35s;}
.autow span{font-size: 20px;display:block;}
.zcoolaudio{width:920px;height:80px;background: url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/bg.png);position: relative;margin:0 auto;}
.zcoolaudio audio{opacity: 0;left:-500px;top:-500px; position: absolute;}

.audio-play{width:35px;height:35px;background: url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/play.png) no-repeat center center;position:absolute;left:35px;top:50%;margin-top:-17px;}
.audio-play.audio-pause{background-image: url(https://public-static.zcool.com.cn/special-resource/naobochudong/assets/img/pause.png);}
.audio-time{color:#fff;line-height:20px;font-size:14px;position: absolute;right:0px;top:-16px;}

.audio-time-box{width:750px;left:110px;top:10px;position: absolute;height:4px;}

.audio-timeline-box{width:750px;position:absolute;top:30px;left:0; }
.audio-timeline{width:750px;height:4px;background:#aaaaaa;border-radius: 2px;}
.audio-timeline span{display: block;height:4px;background: #ff5866;border-radius: 2px;}
@keyframes act1{
   0%{transform: rotateZ(0deg)}
   100%{transform: rotateZ(360deg)}
}
@keyframes act2{
    0%{transform: rotateY(0deg)}
    100%{transform: rotateY(360deg)}
 }
 @keyframes act3{
     0%{opacity: 1;}
     50%{opacity: 0.7;}
    75%{opacity: 0.4;}
    100%{opacity: 1;}
 }
 @keyframes act4{
     0%{transform: scale(1)}
     50%{transform: scale(1.1)}
     100%{transform: scale(1)}
 }
 @keyframes act5{
    0%{transform: rotateZ(0deg)}
    50%{transform: rotateZ(20deg)}
    100%{transform: rotateZ(0deg)}
 }