html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:400}
html,body,fieldset,img,iframe,abbr{border:0}
i,cite,em,var,address,dfn{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%}
sup,sub{font-size:83%}
pre,code,kbd,samp{font-family:inherit}
q:before,q:after{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:700}
del,ins,u,s,a,a:hover{text-decoration:none}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial;color:#333;outline:0}
body{background:#fff}
a{color:#333}
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.f-cb,.f-cbli li{zoom:1}
.f-ib{display:inline-block;*display:inline;*zoom:1}
.f-dn{display:none}
.f-db{display:block}
.f-fl{float:left}
.f-fr{float:right}
.f-pr{position:relative}
.f-prz{position:relative;zoom:1}
.f-oh{overflow:hidden}
.f-ff0{font-family:arial}
.f-ff1{font-family:"Microsoft YaHei"}
.f-fs1{font-size:12px}
.f-fs2{font-size:14px}
.f-fwn{font-weight:400}
.f-fwb{font-weight:700}
.f-tal{text-align:left}
.f-tac{text-align:center}
.f-tar{text-align:right}
.f-taj{text-align:justify;text-justify:inter-ideograph}
.f-vam,.f-vama *{vertical-align:middle}
.f-wsn{word-wrap:normal;white-space:nowrap}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all}
.f-ti{overflow:hidden;text-indent:-30000px}
.f-ti2{text-indent:2em}
.f-lhn{line-height:normal}
.f-tdu,.f-tdu:hover{text-decoration:underline}
.f-tdn,.f-tdn:hover{text-decoration:none}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis}
.f-csp{cursor:pointer}
.f-csd{cursor:default}
.f-csh{cursor:help}
.f-csm{cursor:move}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
body{font-family:SimSun,Helvetica,Tahoma,Arial,"Microsoft YaHei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif}
.modal{display:none;position:fixed;top:0;left:0;height:100%;width:100%;z-index:1050}
.modal__mask{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.8;filter:alpha(opacity=80)}
.modal__content{position:absolute;left:50%;top:50%;margin-left:-480px;margin-top:-270px;width:960px;height:540px;overflow:hidden}
.modal__body{height:540px;background-color:#000}
.modal__close{position:absolute;display:block;top:20px;right:20px;height:65px;width:65px;z-index:1;background-repeat: no-repeat;}
body{color:#fff;font-family:"Microsoft YaHei",SimSun,Helvetica,Tahoma,Arial,"Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif}
html,body,.viewport{widht:100%;height:100%}
.viewport{position:relative;background-color:#08070c;overflow:hidden;min-height:768px;min-width:1280px}
.valid-viewport{position:absolute;top:0;left:0;right:0;bottom:0;margin:0 auto}
.loading{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#0e0f12;z-index:999;text-align:center}
.loading__text{position:relative;margin-top:240px;width:400px!important;height:60px;background:url("../images/loading-text_1b8b00a.png"/*tpa=https://www.500qu.com/images/loading-text_1b8b00a.png*/) no-repeat 0 0}
.loading__line{position:absolute;top:50%;height:1px;overflow:hidden}
.loading__line i{display:block;position:absolute;width:100%;border-top:1px solid #7ba3b4;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
.loading__line--left{right:100%;margin-right:22px;width:910px;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
.loading__line--left i{left:100%}
.loading__line--right{left:100%;margin-left:22px;width:910px;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
.loading__line--right i{right:100%}
.logo{position:absolute;top:30px;left:35px;z-index:99}
.controller{position:absolute;right:20px;top:20px;z-index:99}
.controller2{position:absolute;left:20px;top:20px;z-index:99}
.controller__item{float:left;margin:0 8px;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.controller__item:nth-child(1){-webkit-transition-delay:.5s;transition-delay:.5s}
.controller__item:nth-child(2){-webkit-transition-delay:.4s;transition-delay:.4s}
.controller__item:nth-child(3){-webkit-transition-delay:.3s;transition-delay:.3s}
.controller__item:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s}
.controller__item:nth-child(5){-webkit-transition-delay:.1s;transition-delay:.1s}
.controller--back1{display:block;margin-top:7px;height:30px;width:106px;margin-right:12px;opacity:.6;filter:alpha(opacity=60);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background-repeat: no-repeat;}
.controller--back1:hover{opacity:1;filter:alpha(opacity=100)}
.controller--back2{display:block;margin-top:7px;height:30px;width:106px;margin-right:12px;opacity:.6;filter:alpha(opacity=60);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background-repeat: no-repeat;}
.controller--back2:hover{opacity:1;filter:alpha(opacity=100)}
.controller--back3{display:block;margin-top:7px;height:30px;width:106px;margin-right:12px;opacity:.6;filter:alpha(opacity=60);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background-repeat: no-repeat;}
.controller--back3:hover{opacity:1;filter:alpha(opacity=100)}

.controller--back4{display:block;margin-top:7px;height:120px;width:120px;margin-left:12px;opacity:.8;filter:alpha(opacity=80);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background-repeat: no-repeat;cursor:pointer; }
.controller--back4:hover{opacity:1;filter:alpha(opacity=100)}

.controller--link{display:block;width:50px;height:50px;position:relative;opacity:.4;filter:alpha(opacity=40);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.controller--link:hover{opacity:1;filter:alpha(opacity=100)}
.controller--link .icon{position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-28px}
.controller__audio{width:130px;border-left:1px solid #fff;border-color:rgba(255,255,255,.3);padding-left:16px}
.controller__audio .icon{left:auto;right:0;margin-top:-11px}
.controller__audio span{display:inline-block;margin-left:10px;margin-top:14px;color:#9d9ea4}
.controller__audio:hover .audio-icon{opacity:.8;filter:alpha(opacity=80)}
.controller__fullscreen{display:block;width:43px;height:43px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background-repeat: no-repeat;}
.controller__fullscreen:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.audio-icon{float:left;display:block;width:40px;height:40px;border:2px solid #fff;border-radius:100%;position:relative;opacity:.4;filter:alpha(opacity=40);-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}
.audio-icon--line1{display:block;height:12px;width:0;background:#fff;position:absolute;left:50%;top:50%;margin-left:-4px;margin-top:-6px;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.audio-icon--line2{display:block;width:0;height:0;border-width:6px 8px;border-color:transparent;border-left-color:#fff;border-style:solid;position:absolute;left:50%;top:50%;margin-left:-4px;margin-top:-6px;-webkit-transition:border-width .4s ease-in-out;transition:border-width .4s ease-in-out}
.audio-icon--line3{display:block;width:0;height:12px;background:#fff;position:absolute;left:50%;top:50%;margin-left:-4px;margin-top:-6px;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.audio--pause .audio-icon--line1{width:2px}
.audio--pause .audio-icon--line2{border-width:6px 0}
.audio--pause .audio-icon--line3{width:2px;margin-left:3px}
.icon{display:block;background-repeat:no-repeat;background-position:0 0}
.icon--home{width:15px;height:16px;background-repeat: no-repeat;}
.icon--download{width:50px;height:50px;background-repeat: no-repeat;}
.icon--share{width:16px;height:16px;background-repeat: no-repeat;}
.svg--wrapper:hover .svg--top use{stroke-dashoffset:0}
.svg--bottom{position:absolute;left:0;top:0;opacity:.3;filter:alpha(opacity=30)}
.svg--top{position:absolute;left:0;top:0}
.svg--top use{-webkit-transition:all 1s ease-out;transition:all 1s ease-out;stroke-dasharray:176;stroke-dashoffset:176}
.container{position:relative;display:block;margin:0 auto ;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.page{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
.page__bg,.page__pg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.page__pg{z-index:5}
.page__body{position:relative;width:100%;height:100%;z-index:3;background:url("../images/bg.jpg"/*tpa=https://www.500qu.com/images/bg.jpg*/) no-repeat 0 0}
.slogan{position:absolute;top:320px;left:575px;width:700px;height:350px;background:url("../images/slogan_c6c79ac.png"/*tpa=https://www.500qu.com/images/slogan_c6c79ac.png*/) no-repeat 0 0}
.slogan2{position:absolute;top:690px;left:450px;width:1000px;height:400px;background:url("../images/slogan2.png"/*tpa=https://www.500qu.com/images/slogan2.png*/) no-repeat 0 0}
.index__bg{position:absolute;top:0;left:0;right:0;bottom:0;width:1920px;height:1080px;background:url("../images/bg-clean_077a641.jpg"/*tpa=https://www.500qu.com/images/bg-clean_077a641.jpg*/) no-repeat 0 0}
.index__bg--blur{background:url("../images/bg_e85f6fc.jpg"/*tpa=https://www.500qu.com/images/bg_e85f6fc.jpg*/) no-repeat 0 0}
.index__bg--blur.active{display:block;-webkit-animation:fadeIn .8s ease-out forwards;animation:fadeIn .8s ease-out forwards}
.index__center{position:absolute;top:360px;left:371px;width:1238px;height:822px;background:url("../images/index-center1_2723517.png"/*tpa=https://www.500qu.com/images/index-center1_2723517.png*/) no-repeat 0 0}
.index__left{position:absolute;left:0;bottom:0}
.index__left--1{width:1775px;height:508px;left:-183px;top:555px;background:url("../images/index-left1_0b73e41.png"/*tpa=https://www.500qu.com/images/index-left1_0b73e41.png*/) no-repeat 0 0}
.index__left--2{width:306px;height:1080px;background:url("../images/index-left2_a9c1ce9.png"/*tpa=https://www.500qu.com/images/index-left2_a9c1ce9.png*/) no-repeat 0 0}
.index__left--3{width:800px;height:900px;left:100px;top:100px;background:url("../images/index-left3_763d6b0.png"/*tpa=https://www.500qu.com/images/index-left3_763d6b0.png*/) no-repeat 0 0}
.index__left--4{width:774px;height:508px;left:-30px;bottom:-48px;background:url("../images/index-left4_23d8d8e.png"/*tpa=https://www.500qu.com/images/index-left4_23d8d8e.png*/) no-repeat 0 0}
.index__right{position:absolute;right:0;bottom:0}
.index__right--1{width:885px;height:677px;left:1093px;top:362px;background:url("../images/index-right1_54372ce.png"/*tpa=https://www.500qu.com/images/index-right1_54372ce.png*/) no-repeat 0 0}
.index__right--2{width:429px;height:1358px;right:-191px;bottom:-165px;background:url("../images/index-right2_7ee096a.png"/*tpa=https://www.500qu.com/images/index-right2_7ee096a.png*/) no-repeat 0 0}
.index__right--3{width:800px;height:800px;right:300px;top:200px;background:url("../images/index-right3_6722ea5.png"/*tpa=https://www.500qu.com/images/index-right3_6722ea5.png*/) no-repeat 0 0}
.index__right--4{width:514px;height:528px;right:176px;bottom:-10px;background:url("../images/index-right4_dc0396f.png"/*tpa=https://www.500qu.com/images/index-right4_dc0396f.png*/) no-repeat 0 0}
.scroll{position:absolute;bottom:260px;left:50%;width:160px;margin-left:-80px;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;pointer-events:none;z-index:10}
.scroll.active{cursor:pointer;pointer-events:all}
.scroll.active:hover .scroll__line{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}
.scroll.active .scroll__rect--animate1,.scroll.active .scroll__rect--animate2{display:block;-webkit-animation-play-state:running;animation-play-state:running}
.scroll__text{position:relative;margin-bottom:17px;text-align:center;font-size:14px;line-height:20px;text-transform:uppercase}
.scroll__rect{position:relative;width:76px;height:76px;margin:0 auto;background:url("../images/rect1_4bb9fc2.png"/*tpa=https://www.500qu.com/images/rect1_4bb9fc2.png*/) no-repeat 0 0}
.scroll__rect--animate1,.scroll__rect--animate2{display:none;position:absolute;margin-left:-15px;margin-top:-15px;width:104px;height:104px;border:1px solid #fff;opacity:0;background:0 0;-webkit-animation:zoomOutLoop 2s ease-out infinite;animation:zoomOutLoop 2s ease-out infinite;-webkit-animation-play-state:paused;animation-play-state:paused}
.scroll__rect--animate2{-webkit-animation:zoomOutLoop 2s ease-out 1s infinite;animation:zoomOutLoop 2s ease-out 1s infinite;-webkit-animation-play-state:paused;animation-play-state:paused}
.scroll__rect--inset{top:6px;width:64px;height:64px;background-repeat: no-repeat;}
.scroll__rect--bg{position:absolute;bottom:0;left:0;height:0;background:url("../images/rect4_bb159cd.png"/*tpa=https://www.500qu.com/images/rect4_bb159cd.png*/) no-repeat 0 bottom;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
.scroll__direction{margin:0 auto 43px;width:38px;height:33px;background-repeat: no-repeat;}
.scroll__arrow{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:21px;height:11px;background-repeat: no-repeat;}
.scroll__line{position:absolute;top:100%;left:0;right:0;height:100px;width:0;border-left:1px solid #fff;margin:0 auto;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
@-webkit-keyframes zoomOutLoop{0%{opacity:.5;-webkit-transform:scale(0.5,.5) rotate(45deg);transform:scale(0.5,.5) rotate(45deg)}
99%{opacity:0;-webkit-transform:scale(1,1) rotate(45deg);transform:scale(1,1) rotate(45deg)}
100%{opacity:0;-webkit-transform:scale(0.5,.5) rotate(45deg);transform:scale(0.5,.5) rotate(45deg)}}@keyframes zoomOutLoop{0%{opacity:.5;-webkit-transform:scale(0.5,.5) rotate(45deg);transform:scale(0.5,.5) rotate(45deg)}
99%{opacity:0;-webkit-transform:scale(1,1) rotate(45deg);transform:scale(1,1) rotate(45deg)}
100%{opacity:0;-webkit-transform:scale(0.5,.5) rotate(45deg);transform:scale(0.5,.5) rotate(45deg)}}.intro__body{padding-top:100px}
.intro.active,.intro-bg.active{display:block;-webkit-animation:fadeIn .8s ease-out forwards;animation:fadeIn .8s ease-out forwards}
.intro-bg>div{width:100%;height:100%;background-color:#070d14;opacity:.7;filter:alpha(opacity=70)}
.intro__title{margin:0 auto;;width:253px;height:101px;background:url("../images/title1_68dc2ef1.png"/*tpa=https://www.500qu.com/images/title1_68dc2ef1.png*/) no-repeat 0 0;margin-top:-100px}
.intro-nav{position:relative;margin:74px auto 146px;height:60px;width:672px}
.intro-nav:before,.intro-nav:after{display:block;content:'';position:absolute;top:29.5px;height:1px;width:624px;background:url("../images/dot_0348254.png"/*tpa=https://www.500qu.com/images/dot_0348254.png*/) repeat-x 0 0}
.intro-nav:before{right:100%}
.intro-nav:after{left:100%}
.intro-nav__item:before,.intro-nav__item:after,.intro-nav__item-hover,.intro-nav__item-rect,.intro-nav__item-text,.intro-nav__item-text i{-webkit-transition:all .3s cubic-bezier(0.65,.07,.16,.94);transition:all .3s cubic-bezier(0.65,.07,.16,.94)}
.intro-nav__item{display:block;float:left;position:relative;margin:0 82px;height:60px;width:60px;color:#fff}
.intro-nav__item:before,.intro-nav__item:after{display:block;content:'';position:absolute;top:29.5px;height:1px;width:82px;background:url("../images/dot_0348254.png"/*tpa=https://www.500qu.com/images/dot_0348254.png*/) repeat-x 0 0}
.intro-nav__item:before{left:-82px}
.intro-nav__item:after{right:-82px}
.intro-nav__item.active:before,.intro-nav__item:hover:before,.intro-nav__item.active:after,.intro-nav__item:hover:after{width:20px}
.intro-nav__item.active .intro-nav__item-rect,.intro-nav__item:hover .intro-nav__item-rect{-webkit-transform:scale(3,3);-ms-transform:scale(3,3);transform:scale(3,3);opacity:0;filter:alpha(opacity=0)}
.intro-nav__item.active .intro-nav__item-hover,.intro-nav__item:hover .intro-nav__item-hover{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:1;filter:alpha(opacity=100)}
.intro-nav__item.active .intro-nav__item-text,.intro-nav__item:hover .intro-nav__item-text{margin-bottom:50px;line-height:34px;font-size:20px}
.intro-nav__item.active .intro-nav__item-text i,.intro-nav__item:hover .intro-nav__item-text i{color:#b0914f;line-height:34px;font-size:20px}
.intro-nav__item-text{position:absolute;bottom:-33px;left:-20px;width:100px;line-height:20px;font-size:12px;text-align:center;pointer-events:none}
.intro-nav__item-text i{line-height:20px;font-size:12px}
.intro-nav__item-rect{position:absolute;top:0;left:0;width:100%;height:100%;background:url("../images/rect3_d06baab.png"/*tpa=https://www.500qu.com/images/rect3_d06baab.png*/) no-repeat 0 0}
.intro-nav__item-hover{position:absolute;top:-62px;left:-62px;height:185px;width:185px;background:url("../images/intro-nav-hover_868b849.png"/*tpa=https://www.500qu.com/images/intro-nav-hover_868b849.png*/) no-repeat 0 0;-webkit-transform:scale(0.3,.3);-ms-transform:scale(0.3,.3);transform:scale(0.3,.3);opacity:0;filter:alpha(opacity=0)}
.intro-nav__item-en{margin:105px auto 0;height:7px}
.intro-nav__item-en--1{width:80px;background:url("../images/intro-en1_f9abf8a.png"/*tpa=https://www.500qu.com/images/intro-en1_f9abf8a.png*/) no-repeat 0 0}
.intro-nav__item-en--2{width:67px;background:url("../images/intro-en2_517868a.png"/*tpa=https://www.500qu.com/images/intro-en2_517868a.png*/) no-repeat 0 0}
.intro-nav__item-en--3{width:48px;background:url("../images/intro-en2_517868a.png"/*tpa=https://www.500qu.com/images/intro-en2_517868a.png*/) no-repeat 0 0}
.intro__list{position:relative;width:1920px}
.intro-content{position:absolute;top:0;left:0;width:1920px;margin-top:-50px}
.intro-content .animate-item:nth-child(1){-webkit-transition:all .8s cubic-bezier(0,0,.04,1.01) .15643447s;transition:all .8s cubic-bezier(0,0,.04,1.01) .15643447s;opacity:0;-webkit-transform:translate(0,100px);-ms-transform:translate(0,100px);transform:translate(0,100px)}
.intro-content .animate-item:nth-child(2){-webkit-transition:all .8s cubic-bezier(0,0,.04,1.01) .30901699s;transition:all .8s cubic-bezier(0,0,.04,1.01) .30901699s;opacity:0;-webkit-transform:translate(0,100px);-ms-transform:translate(0,100px);transform:translate(0,100px)}
.intro-content .animate-item:nth-child(3){-webkit-transition:all .8s cubic-bezier(0,0,.04,1.01) .4539905s;transition:all .8s cubic-bezier(0,0,.04,1.01) .4539905s;opacity:0;-webkit-transform:translate(0,100px);-ms-transform:translate(0,100px);transform:translate(0,100px)}
.intro-content .animate-item:nth-child(4){-webkit-transition:all .8s cubic-bezier(0,0,.04,1.01) .58778525s;transition:all .8s cubic-bezier(0,0,.04,1.01) .58778525s;opacity:0;-webkit-transform:translate(0,100px);-ms-transform:translate(0,100px);transform:translate(0,100px)}
.intro-content .animate-item:nth-child(5){-webkit-transition:all .8s cubic-bezier(0,0,.04,1.01) .70710678s;transition:all .8s cubic-bezier(0,0,.04,1.01) .70710678s;opacity:0;-webkit-transform:translate(0,100px);-ms-transform:translate(0,100px);transform:translate(0,100px)}
.intro-content .animate-item:nth-child(6){-webkit-transition:all .8s cubic-bezier(0,0,.04,1.01) .80901699s;transition:all .8s cubic-bezier(0,0,.04,1.01) .80901699s;opacity:0;-webkit-transform:translate(0,100px);-ms-transform:translate(0,100px);transform:translate(0,100px)}
.intro-content .animate-item:nth-child(7){-webkit-transition:all .8s cubic-bezier(0,0,.04,1.01) .89100652s;transition:all .8s cubic-bezier(0,0,.04,1.01) .89100652s;opacity:0;-webkit-transform:translate(0,100px);-ms-transform:translate(0,100px);transform:translate(0,100px)}
.intro-content .animate-item:nth-child(8){-webkit-transition:all .8s cubic-bezier(0,0,.04,1.01) .95105652s;transition:all .8s cubic-bezier(0,0,.04,1.01) .95105652s;opacity:0;-webkit-transform:translate(0,100px);-ms-transform:translate(0,100px);transform:translate(0,100px)}
.intro-content .animate-item:nth-child(9){-webkit-transition:all .8s cubic-bezier(0,0,.04,1.01) .98768834s;transition:all .8s cubic-bezier(0,0,.04,1.01) .98768834s;opacity:0;-webkit-transform:translate(0,100px);-ms-transform:translate(0,100px);transform:translate(0,100px)}
.intro-content .animate-item:nth-child(10){-webkit-transition:all .8s cubic-bezier(0,0,.04,1.01) 1s;transition:all .8s cubic-bezier(0,0,.04,1.01) 1s;opacity:0;-webkit-transform:translate(0,100px);-ms-transform:translate(0,100px);transform:translate(0,100px)}
.intro-content.active .animate-item{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1}
.intro-content__title{font-size:30px;line-height:50px;color:#b0914f;text-align:center}
.intro-content__desc{font-size:14px;line-height:26px;text-align:center;color:#b6b7b7}
.award{width:912px;margin:0 auto}
.award__preview{position:relative;float:left;width:615px;height:329px;overflow:hidden}
.award__preview-list{position:absolute;top:0;left:0;width:100%;-webkit-transition:all 1s cubic-bezier(0.64,-.01,.35,.98);transition:all 1s cubic-bezier(0.64,-.01,.35,.98)}
.award__preview-stage{position:absolute;top:-121.73px;left:-227.55px;width:1070.1px;height:572.46px;pointer-events:none}
.award__preview img{display:block}
.award__item{position:relative;display:block;float:left;height:97px;width:79px;margin:0 0 20px 20px}
.award__item.active div,.award__item:hover div{display:block;-webkit-animation:fadeIn .5s ease-out forwards;animation:fadeIn .5s ease-out forwards}
.award__item div{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url("../images/award-hover_69a2322.png"/*tpa=https://www.500qu.com/images/award-hover_69a2322.png*/) no-repeat 0 0}
.award__item p{position:absolute;top:72px;left:0;width:100%;line-height:20px;font-size:12px;text-align:center;color:#b7b7b8}
.rule__title{margin-bottom:28px}
.rule__table{width:800px;margin:10px auto 0;border-top:1px dotted #565b63}
.rule__table td{line-height:30px;font-size:15px;font-weight:500;text-align:center;color:#b6b7b7;border-bottom:1px dotted #565b63}
.background__title{margin-bottom:48px}
.background__desc{width:900px;margin:0 auto}
.boss{background-color:#000}
.boss__list{-webkit-transition:all 1s cubic-bezier(0.64,-.01,.35,.98);transition:all 1s cubic-bezier(0.64,-.01,.35,.98)}
.boss__mask{visibility:hidden;opacity:.8;filter:alpha(opacity=80);background-color:#000}
.boss__bg-wrap{-webkit-transition:all 1s ease-out;transition:all 1s ease-out}
.boss__bg{width:100%;height:1080px;-webkit-mask-image:url("../images/mask_e644358.png"/*tpa=https://www.500qu.com/images/mask_e644358.png*/);mask-image:url("../images/mask_e644358.png"/*tpa=https://www.500qu.com/images/mask_e644358.png*/);-webkit-mask-size:1920px;mask-size:1920px}
.boss__bg--1{background:url("../zb/1.gif"/*tpa=https://www.500qu.com/zb/1.gif*/) no-repeat 0 0}
.boss__bg--2{background:url("../zb/2.gif"/*tpa=https://www.500qu.com/zb/2.gif*/) no-repeat 0 0}
.boss__bg--3{background:url("../zb/3.gif"/*tpa=https://www.500qu.com/zb/3.gif*/) no-repeat 0 0}
.boss__bg--4{background:url("../zb/4.gif"/*tpa=https://www.500qu.com/zb/4.gif*/) no-repeat 0 0}
.boss__bg--5{background:url("../zb/5.gif"/*tpa=https://www.500qu.com/zb/5.gif*/) no-repeat 0 0}
.boss__bg--6{background:url("../zb/6.gif"/*tpa=https://www.500qu.com/zb/6.gif*/) no-repeat 0 0}
.boss__bg--7{background:url("../zb/7.gif"/*tpa=https://www.500qu.com/zb/7.gif*/) no-repeat 0 0}
.boss__bg.leave{z-index:1;-webkit-mask-position:0 -22680px;mask-position:0 -22680px}
.boss__bg.active{z-index:2;-webkit-animation:mask 1s steps(21) forwards;animation:mask 1s steps(21) forwards}
.boss-item{height:1080px;font-size:0}
.boss-item .animate-item:nth-child(1){-webkit-transition:all 1s cubic-bezier(0,0,.04,1.01) 1.06794919s;transition:all 1s cubic-bezier(0,0,.04,1.01) 1.06794919s;opacity:0;-webkit-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0)}
.boss-item .animate-item:nth-child(2){-webkit-transition:all 1s cubic-bezier(0,0,.04,1.01) 1.8s;transition:all 1s cubic-bezier(0,0,.04,1.01) 1.8s;opacity:0;-webkit-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0)}
.boss-item .animate-item:nth-child(3){-webkit-transition:all 1s cubic-bezier(0,0,.04,1.01) 2.8s;transition:all 1s cubic-bezier(0,0,.04,1.01) 2.8s;opacity:0;-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}
.boss-item.active .animate-item{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
.boss-item>div,.boss-item>a{display:inline-block;vertical-align:middle}
.boss-item__title{margin-left:72px}
.boss-item__title--1{background-repeat: no-repeat;}
.boss-item__title--2{background-repeat: no-repeat;}
.boss-item__title--3{background-repeat: no-repeat;}
.boss-item__title--4{background-repeat: no-repeat;}
.boss-item__title--5{background-repeat: no-repeat;}
.boss-item__title--6{background-repeat: no-repeat;}
.boss-item__title--7{background-repeat: no-repeat;}
.boss-item__desc{position:relative;width:1018px;height:100%;margin-left:200px;color:#fff;font-size:14px;line-height:20px;overflow:hidden;-webkit-mask-image:-webkit-linear-gradient(left,rgba(0,0,0,0),#000 10%);mask-image:linear-gradient(to right,rgba(0,0,0,0),#000 10%)}
.boss-item__desc-content{position:relative;height:450px;margin-top:314px;width:400px;margin-left:-300px;padding-right:150px;-webkit-transition:all .5s cubic-bezier(0.63,.05,.22,.98);transition:all .5s cubic-bezier(0.63,.05,.22,.98)}
.boss-item__desc-content.active{margin-left:-40px}
.boss-item__desc-content span{position:absolute;display:block}
.boss-item__desc-content p{float:right;height:100%;writing-mode:tb-rl;line-height:35px;margin-left:30px}
.boss-item__arrow{position:absolute;top:50%;margin-top:-15px;right:70px;width:30px;height:30px;background:url("../images/double-arrow_7e289f0.png"/*tpa=https://www.500qu.com/images/double-arrow_7e289f0.png*/) no-repeat center center}
.boss-item__arrow.active{background:url("../images/close.png"/*tpa=https://www.500qu.com/images/close.png*/) no-repeat center center}
.boss-item__play{position:relative;height:70px;width:70px;cursor:pointer}
.boss-item__play>div{width:100%;height:100%;border:1px solid #b09f73;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);overflow:hidden}
.boss-item__play>.boss-item__play-img{display:none;position:absolute;top:-15px;left:-15px;width:101px;height:101px}
.boss-item__play>.boss-item__play-img--1{background-repeat: no-repeat;}
.boss-item__play>.boss-item__play-img--2{background-repeat: no-repeat;}
.boss-item__play>.boss-item__play-img--3{background-repeat: no-repeat;}
.boss-item__play>.boss-item__play-img--4{background-repeat: no-repeat;}
.boss-item__play>.boss-item__play-img--5{background-repeat: no-repeat;}
.boss-item__play>.boss-item__play-img--6{background-repeat: no-repeat;}
.boss-item__play>.boss-item__play-img--7{background-repeat: no-repeat;}
.boss-item__play video{-webkit-transform:translate(-15px,-15px) rotate(-45deg);-ms-transform:translate(-15px,-15px) rotate(-45deg);transform:translate(-15px,-15px) rotate(-45deg)}
.boss-item__play s{position:absolute;top:50%;left:50%;margin-left:-9px;margin-top:-10px;display:block;width:18px;height:20px;z-index:1;background-repeat: no-repeat;}
.boss-item__play i{position:absolute;display:block;top:37px;right:100%;margin-right:19px;height:1px;width:88px;background:url("../images/dot_0348254.png"/*tpa=https://www.500qu.com/images/dot_0348254.png*/) repeat-x 0 0}
.fadeIn{display:block;-webkit-animation:fadeIn .5s ease-out forwards;animation:fadeIn .5s ease-out forwards}
.fadeInLong{display:block;-webkit-animation:fadeIn 2s ease-out forwards;animation:fadeIn 2s ease-out forwards}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}}.fadeOut{-webkit-animation:fadeOut .5s ease-out forwards;animation:fadeOut .5s ease-out forwards}
.fadeOutLong{-webkit-animation:fadeOut 2s ease-out forwards;animation:fadeOut 2s ease-out forwards}
@-webkit-keyframes fadeOut{0%{display:block;opacity:1}
99%{display:block;opacity:0}
100%{opacity:0}}@keyframes fadeOut{0%{display:block;opacity:1}
99%{display:block;opacity:0}
100%{opacity:0}}.slideLeft{-webkit-animation:slideLeft .5s cubic-bezier(0.63,.05,.22,.98) forwards;animation:slideLeft .5s cubic-bezier(0.63,.05,.22,.98) forwards}
.slideRight{-webkit-animation:slideRight .5s cubic-bezier(0.63,.05,.22,.98) forwards;animation:slideRight .5s cubic-bezier(0.63,.05,.22,.98) forwards}
@-webkit-keyframes slideLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(600px,0,0);transform:translate3d(600px,0,0)}}@keyframes slideLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(600px,0,0);transform:translate3d(600px,0,0)}}@-webkit-keyframes slideRight{0%{-webkit-transform:translate3d(600px,0,0);transform:translate3d(600px,0,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideRight{0%{-webkit-transform:translate3d(600px,0,0);transform:translate3d(600px,0,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.maskFadeIn{visibility:visible;-webkit-animation:maskFadeIn .5s ease-out forwards;animation:maskFadeIn .5s ease-out forwards}
.maskFadeOut{-webkit-animation:maskFadeOut .5s ease-out forwards;animation:maskFadeOut .5s ease-out forwards}
@-webkit-keyframes maskFadeIn{0%{opacity:0}
100%{opacity:.8}}@keyframes maskFadeIn{0%{opacity:0}
100%{opacity:.8}}@-webkit-keyframes maskFadeOut{0%{visibility:visible;opacity:.8}
99%{visibility:visible;opacity:0}
100%{opacity:0}}@keyframes maskFadeOut{0%{visibility:visible;opacity:.8}
99%{visibility:visible;opacity:0}
100%{opacity:0}}.aside{position:absolute;left:355px;top:0;height:100%;z-index:10}
.aside__body{position:relative}
.aside__rect{position:relative;display:block;height:60px;width:60px;margin:0 auto;background-repeat: no-repeat;}
.aside__rect:hover .path--front{-webkit-animation:path .8s ease-out;animation:path .8s ease-out}
.aside__rect:hover .aside__rect-dot{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.aside__rect-dot{position:absolute;width:1px;height:1px;top:50%;left:50%;background-color:#fff;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;opacity:1}
.aside__rect-dot--tl{margin-top:-50%;margin-left:-50%;-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);transform:translate(30px,30px)}
.aside__rect-dot--tr{margin-top:-50%;margin-left:50%;-webkit-transform:translate(-30px,30px);-ms-transform:translate(-30px,30px);transform:translate(-30px,30px)}
.aside__rect-dot--bl{margin-top:50%;margin-left:-50%;-webkit-transform:translate(30px,-30px);-ms-transform:translate(30px,-30px);transform:translate(30px,-30px)}
.aside__rect-dot--br{margin-top:50%;margin-left:50%;-webkit-transform:translate(-30px,-30px);-ms-transform:translate(-30px,-30px);transform:translate(-30px,-30px)}
.aside__rect-text{position:absolute;top:20px;right:100%;margin-right:114px;font-size:14px;line-height:20px;white-space:nowrap;color:#a3a3a4}
.aside__rect-text:before{position:absolute;display:block;content:'';top:10px;left:100%;margin-left:19px;height:1px;width:88px;background:url("../images/dot_0348254.png"/*tpa=https://www.500qu.com/images/dot_0348254.png*/) repeat-x 0 0}
.aside__line{position:absolute;bottom:60px;left:30px;width:1px;overflow:hidden;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.aside__line>div{position:absolute;bottom:0}
.aside__line i{display:block;height:82px;width:1px;margin-top:9px;background-color:#fff}
.aside__dot-line{height:82px;width:1px;margin:0 auto;background:url("../images/dot-v_7fac791.png"/*tpa=https://www.500qu.com/images/dot-v_7fac791.png*/) repeat-y 0 0}
.aside__item{display:block;margin:0 auto;height:9px;width:10px;opacity:.5;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;cursor:default;background-repeat: no-repeat;}
.aside__item.active{opacity:1}
.text-middle{font-size:0;letter-spacing:-4px}
.text-middle:before{content:'';display:inline-block;vertical-align:middle;height:100%;width:0}
.text-middle>div{display:inline-block;vertical-align:middle;width:100%;text-align:center;letter-spacing:0}
.text--primary{color:#b0914f}
.path{fill:none;stroke:rgba(255,255,255,.9);stroke-width:2;stroke-miterlimit:10;stroke-dashoffset:169.7px;stroke-dasharray:169.7px;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
@-webkit-keyframes path{0%{stroke-dashoffset:169.7px}
50%{stroke-dashoffset:0}
100%{stroke-dashoffset:-169.7px}}@keyframes path{0%{stroke-dashoffset:169.7px}
50%{stroke-dashoffset:0}
100%{stroke-dashoffset:-169.7px}}@-webkit-keyframes mask{0%{-webkit-mask-position:0 0;mask-position:0 0}
100%{-webkit-mask-position:0 -22680px;mask-position:0 -22680px}}@keyframes mask{0%{-webkit-mask-position:0 0;mask-position:0 0}
100%{-webkit-mask-position:0 -22680px;mask-position:0 -22680px}}.boss-item__title--3{background-position:0px 0px}
.boss-item__title--2{background-position:-214px 0px}
.boss-item__title--7{background-position:-214px 0px}
.boss-item__title--4{background-position:-214px 0px}
.boss-item__title--1{background-position:-214px 0px}
.boss-item__title--6{background-position:-214px 0px}
.boss-item__title--5{background-position:-214px 0px}
.boss-item__play>.boss-item__play-img--7{background-position:-642px -187px}
.boss-item__play>.boss-item__play-img--2{background-position:-743px -187px}
.boss-item__play>.boss-item__play-img--3{background-position:-642px -288px}
.boss-item__play>.boss-item__play-img--4{background-position:-743px -288px}
.boss-item__play>.boss-item__play-img--5{background-position:-642px -389px}
.boss-item__play>.boss-item__play-img--6{background-position:-743px -389px}
.boss-item__play>.boss-item__play-img--1{background-position:0px -574px}
.modal__close{background-position:-642px -490px}
.scroll__rect--inset{background-position:-707px -490px}
.aside__rect{background-position:-771px -490px}
.controller__fullscreen{background-position:-428px -497px}
.scroll__direction{background-position:-471px -497px}
.controller--back1{background-position:-509px -570px}
.controller--back2{background-position:-509px -533px}
.controller--back3{background-position:-509px -497px}
.controller--back4{background:url("../images/ewm.png"/*tpa=https://www.500qu.com/images/ewm.png*/) no-repeat}
.boss-item__play s{background-position:-831px -490px}
.icon--home{background-position:-831px -510px}
.icon--share{background-position:-831px -526px}
.icon--download{background:url("../images/bailu123logo.png"/*tpa=https://www.500qu.com/images/bailu123logo.png*/) no-repeat}
.scroll__arrow{background-position:-658px -555px}
.aside__item{background-position:-844px -187px}
.boss-item__title--3,.boss-item__title--2,.boss-item__title--7,.boss-item__title--4,.boss-item__title--1,.boss-item__title--6,.boss-item__title--5,.boss-item__play>.boss-item__play-img--7,.boss-item__play>.boss-item__play-img--2,.boss-item__play>.boss-item__play-img--3,.boss-item__play>.boss-item__play-img--4,.boss-item__play>.boss-item__play-img--5,.boss-item__play>.boss-item__play-img--6,.boss-item__play>.boss-item__play-img--1,.modal__close,.scroll__rect--inset,.aside__rect,.controller__fullscreen,.scroll__direction,.controller--back1,.controller--back2,.controller--back3,.boss-item__play s,.icon--home,.icon--share,.scroll__arrow,.aside__item{background-image: url("../images/index_z_053b803.png"/*tpa=https://www.500qu.com/images/index_z_053b803.png*/)}

.bottombtn{width:318px;height:86px;background:url("../images/btn_2999456.png"/*tpa=https://www.500qu.com/images/btn_2999456.png*/) no-repeat;position:absolute;left:50%;margin-left:0px;top:70px;overflow:hidden;z-index:1000}
.bottombtn:hover{background:url("../images/btn-h_5a96c8d.png"/*tpa=https://www.500qu.com/images/btn-h_5a96c8d.png*/) no-repeat}
.bottombtn .wen{position:absolute;width:276px;height:23px}
.bottombtn .t-wen{top:-4px;right:-80px;background:url("../images/t-wen_6d2a315.png"/*tpa=https://www.500qu.com/images/t-wen_6d2a315.png*/) no-repeat center;-webkit-animation:top-ani 4s linear infinite;-moz-animation:top-ani 4s linear infinite;-ms-animation:top-ani 4s linear infinite;animation:top-ani 4s linear infinite}
@-webkit-keyframes top-ani{0%{right:-80px}
50%{right:130px}
100%{right:-80px}}@-moz-keyframes top-ani{0%{right:-80px}
50%{right:130px}
100%{right:-80px}}@-o-keyframes top-ani{0%{right:-80px}
50%{right:130px}
100%{right:-80px}}@-ms-keyframes top-ani{0%{right:-80px}
50%{right:130px}
100%{right:-80px}}@keyframes top-ani{0%{right:-80px}
50%{right:130px}
100%{right:-80px}}
.bottombtn .b-wen{bottom:-4px;left:-80px;background:url("../images/b-wen_cd28ac4.png"/*tpa=https://www.500qu.com/images/b-wen_cd28ac4.png*/) no-repeat center;-webkit-animation:bottom-ani 4s linear infinite;-moz-animation:bottom-ani 4s linear infinite;-ms-animation:bottom-ani 4s linear infinite;animation:bottom-ani 4s linear infinite}
@-webkit-keyframes bottom-ani{0%{left:-80px}
50%{left:130px}
100%{left:-80px}}@-moz-keyframes bottom-ani{0%{left:-80px}
50%{left:130px}
100%{left:-80px}}@-o-keyframes bottom-ani{0%{left:-80px}
50%{left:130px}
100%{left:-80px}}@-ms-keyframes bottom-ani{0%{left:-80px}
50%{left:130px}
100%{left:-80px}}@keyframes bottom-ani{0%{left:-80px}
50%{left:130px}
100%{left:-80px}}

	/*¸¡¶¯Ìõ*/
	#Floatingbar{width:130px;position:fixed;top:20%;right:55px;box-shadow:0 3px 14px rgba(0,0,0,0.4);z-index:1500;}
	#Floatingbar .kefu_link{margin-bottom:10px;}
	#Floatingbar .kefu_link .btn_kefu{width:130px;height:58px;line-height:58px;text-align:center;position:relative;font-size:14px;color:#fff;margin-bottom:-1px;background:#c29e52 url("../images/line_x.jpg"/*tpa=https://www.500qu.com/images/line_x.jpg*/) repeat-x left top;border:1px solid #b78b32;display:block;transition:font-size 0.2s ease-in;}
	#Floatingbar .kefu_link .btn_kefu:hover{font-size:16px;background:#c19d51;text-decoration:none;}
	#Floatingbar .kefu_link .btn_kefu .icon{width:35px;height:34px;position:absolute;top:-1px;right:-1px;background:url("../images/icon_zx.png"/*tpa=https://www.500qu.com/images/icon_zx.png*/) no-repeat left top;}
	#Floatingbar .kefu_link .btn_js{width:130px;height:58px;line-height:58px;text-align:center;position:relative;font-size:14px;color:#fff;margin-bottom:-1px;background:#c29e52 url("../images/line_x.jpg"/*tpa=https://www.500qu.com/images/line_x.jpg*/) repeat-x left top;border:1px solid #b78b32;display:block;transition:font-size 0.2s ease-in;}
	#Floatingbar .kefu_link .btn_js:hover{font-size:16px;background:#c19d51;text-decoration:none;}
	#Floatingbar .kefu_link .btn_video{float:left;width:58px;height:58px;text-align:center;position:relative;font-size:14px;margin-right:-1px;background:#cdb167 url("../images/line_x.jpg"/*tpa=https://www.500qu.com/images/line_x.jpg*/) repeat-x left top;border:1px solid #b98935;display:inline;}
	#Floatingbar .kefu_link .btn_video:hover{background:#c19d51;text-decoration:none;}
	#Floatingbar .kefu_link .btn_video span{width:0;height:100%;overflow:hidden;vertical-align:middle;display:inline-block;}
	#Floatingbar .kefu_link .btn_yy{float:right;width:58px;height:58px;text-align:center;position:relative;margin-left:-1px;background:#cdaf67 url("../images/line_x.jpg"/*tpa=https://www.500qu.com/images/line_x.jpg*/) repeat-x left top;border:1px solid #b98935;display:inline;}
	#Floatingbar .kefu_link .btn_yy:hover{background:#c19d51;text-decoration:none;}
	#Floatingbar .kefu_link .btn_yy span{width:0;height:100%;overflow:hidden;vertical-align:middle;display:inline-block;}
	#Floatingbar .erweima{text-align:center;color:#fff;padding-top:10px;background-color:#b90f0f;}
	#Floatingbar .erweima img{width:102px;height:102px;margin:0 auto;background:#fff;display:block;}
	#Floatingbar .erweima span{height:27px;line-height:27px;display:block;}
	#Floatingbar ul li a{height:38px;line-height:38px;text-align:center;font-size:14px;color:#fff;background:#2d2c31 url("../images/heibg.jpg"/*tpa=https://www.500qu.com/images/heibg.jpg*/) repeat-x left top;display:block;transition:font-size 0.2s ease-in;}
	#Floatingbar ul li a:hover{font-size:16px;color:#c9a75d;text-decoration:none;}
	#Floatingbar .btn_backtop{width:120px;height:60px;text-align:center;text-indent:-99em;overflow:hidden;margin-top:1px;background:#ccae65  url("../images/backtop.png"/*tpa=https://www.500qu.com/images/backtop.png*/) no-repeat left top;display:block;}
	#Floatingbar .btn_backtop:hover{background-position:left bottom;}