a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden}body::-webkit-scrollbar{width:0;background:0 0}button,ol,ul{list-style:none;margin:0;padding:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:focus,a:active,a:focus,a:hover,button:focus{text-decoration:none;outline:0}a,button{border:none!important;font-size:0;padding:0;margin:0;background:0 0;background-color:none;outline:0;border:none}img{max-width:100%;height:auto}.tab-content>.tab-pane{height:0;display:block;opacity:0;pointer-events:none}.tab-content>.active{height:auto;opacity:1;pointer-events:auto}.nav-pills .nav-link,.nav-pills a.nav-link,.nav-pills a.nav-link.active,.nav-tabs .nav-link,.nav-tabs a.nav-link,.nav-tabs a.nav-link.active{padding:0;background:0 0;background-color:none}.tab-pane{display:none}.tab-pane.active{display:block}.modal{z-index:999;padding-top:10vh;background-color:#00000085}@media only screen and (max-width:480px){.modal{padding-top:20vh}}.modal .modal-content{background:0 0;border:none}.modal .modal-dialog{max-width:1200px;pointer-events:auto}.modal .modal-body{text-align:center;padding:0}.modal-backdrop{display:none}button.close{opacity:1;position:absolute;right:0;font-size:0;text-shadow:none;overflow:hidden;border:none;z-index:9;top:-35px;right:-35px}button.close:hover{opacity:1;transition:.4s;transform:rotate(-180deg)}@media only screen and (max-width:1200px){button.close{right:2vw}button.close img{width:50px}}@media only screen and (max-width:1200px){#player1{width:90vw;height:70vh}}@media only screen and (max-width:800px){#player1{height:50vh}}body{background-color:#fefef4;font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif}p{line-height:1.4rem;margin:.6vw 0}.sideBtn{position:fixed;z-index:99;top:20vh;left:4vw;transition:1s all}@media only screen and (max-width:800px){.sideBtn{background:#3e3749d4;width:160px;height:100vh;top:55px;left:0}}.sideBtn.off{left:-160px}.sideBtn .btn-on{background:#3e3749d4;width:30px;height:100px;position:absolute;right:-30px;top:50%;transform:translateY(-50%);border-radius:0 10px 10px 0;display:none}@media only screen and (max-width:800px){.sideBtn .btn-on{display:block}}.sideBtn .btn-on.open a{display:block;background:url(../images/toggleSide.png) no-repeat center center;background-size:contain}.sideBtn .btn-on.open a img{opacity:0}.sideBtn ul{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;list-style:none}@media only screen and (max-width:800px){.sideBtn ul{padding-top:2vh}}.sideBtn ul li{margin:.2vh 0;width:unset}.sideBtn ul li:hover:nth-of-type(1){background:url(../images/btn11.png) no-repeat center center;background-size:contain}.sideBtn ul li:hover img{opacity:0}.sideBtn ul li:hover:nth-of-type(2){background:url(../images/btn22.png) no-repeat center center;background-size:contain}.sideBtn ul li:hover img{opacity:0}.sideBtn ul li:hover:nth-of-type(3){background:url(../images/btn33.png) no-repeat center center;background-size:contain}.sideBtn ul li:hover img{opacity:0}.sideBtn ul li a{display:block;padding:0;text-decoration:none;outline:0}.sideBtn ul li a:hover{background:0 0}.sideBtn ul li:nth-of-type(2) a{pointer-events:none}.top{display:block;margin:3vh auto}.top:hover{background:url(../images/topp.png) no-repeat center center;background-size:contain}.top:hover img{opacity:0}#outTab a{display:block;margin:4vh .6vw}@media only screen and (max-width:800px){#outTab a{width:32vw}}@media only screen and (max-width:480px){#outTab a{width:45vw;margin:1vh .6vw}}#outTab a.active img,#outTab a:hover img{opacity:0}#outTab a:nth-of-type(1).active,#outTab a:nth-of-type(1):hover{background:url(../images/tab11.png) no-repeat center center;background-size:contain}#outTab a:nth-of-type(2).active,#outTab a:nth-of-type(2):hover{background:url(../images/tab22.png) no-repeat center center;background-size:contain}#outTab a:nth-of-type(3).active,#outTab a:nth-of-type(3):hover{background:url(../images/tab33.png) no-repeat center center;background-size:contain}#innerTab,#speTab,#styleTab{position:absolute;top:20vh;right:18vw;display:flex;flex-direction:column;align-items:flex-start;border:0}@media only screen and (max-width:1440px){#innerTab,#speTab,#styleTab{top:20vh;right:2vw}}@media only screen and (max-width:800px){#innerTab,#speTab,#styleTab{top:25vh;width:100px}}@media only screen and (max-width:480px){#innerTab,#speTab,#styleTab{top:15vh;width:unset}}#innerTab .nav-item,#speTab .nav-item,#styleTab .nav-item{margin:1vh 0}@media only screen and (max-width:480px){#innerTab .nav-item,#speTab .nav-item,#styleTab .nav-item{width:20vw}}#innerTab .nav-item a.active img,#innerTab .nav-item:hover img,#speTab .nav-item a.active img,#speTab .nav-item:hover img,#styleTab .nav-item a.active img,#styleTab .nav-item:hover img{opacity:0}#innerTab .nav-item:nth-of-type(1) a.active,#innerTab .nav-item:nth-of-type(1):hover,#speTab .nav-item:nth-of-type(1) a.active,#speTab .nav-item:nth-of-type(1):hover,#styleTab .nav-item:nth-of-type(1) a.active,#styleTab .nav-item:nth-of-type(1):hover{background:url(../images/modobt11.png) no-repeat center center;background-size:contain}#innerTab .nav-item:nth-of-type(2) a.active,#innerTab .nav-item:nth-of-type(2):hover,#speTab .nav-item:nth-of-type(2) a.active,#speTab .nav-item:nth-of-type(2):hover,#styleTab .nav-item:nth-of-type(2) a.active,#styleTab .nav-item:nth-of-type(2):hover{background:url(../images/modobt22.png) no-repeat center center;background-size:contain}#innerTab .nav-item:nth-of-type(3) a.active,#innerTab .nav-item:nth-of-type(3):hover,#speTab .nav-item:nth-of-type(3) a.active,#speTab .nav-item:nth-of-type(3):hover,#styleTab .nav-item:nth-of-type(3) a.active,#styleTab .nav-item:nth-of-type(3):hover{background:url(../images/modobt33.png) no-repeat center center;background-size:contain}#main{position:relative;background:url(../images/bg.png) no-repeat center top;background-size:cover;padding-top:60px;min-height:100vh}@media only screen and (max-width:1440px){#main{background:url(../images/bg.png) no-repeat 55% top;background-size:cover;min-height:50vh}}@media only screen and (max-width:480px){#main{background:url(../images/bg.png) no-repeat 55% top;background-size:cover;min-height:40vh}}#main .title{position:absolute;bottom:6vh;right:17vw}@media only screen and (max-width:1440px){#main .title{width:12vw}}@media only screen and (max-width:800px){#main .title{bottom:8vh;width:17vw;right:2vw}#main .title .popbtn{right:30px;bottom:-20px;width:100px}}@media only screen and (max-width:800px) and (max-width:480px){#main .title .popbtn{width:60px}}#main .title .logo{position:absolute;top:0;left:-30%}@media only screen and (max-width:1440px){#main .title .logo{width:10vw;left:-60%}}section{position:relative;z-index:2;text-align:center;min-height:100vh;margin-top:-10vh;padding-top:10vh}@media only screen and (max-width:1200px){section{margin-top:-2vh}}section h2{position:relative;margin-top:6vh}@media only screen and (max-width:480px){section h2{margin-top:1vh}}section#s1{background:url(../images/bg1.png) no-repeat center top;background-size:cover;padding-bottom:0}section#s1::before{content:'';position:absolute;width:695px;max-width:50vw;height:968px;top:-500px;right:0;background:url(../images/bg1_before.png) no-repeat right top;background-size:contain;pointer-events:none}@media only screen and (max-width:1200px){section#s1::before{max-width:35vw;height:560px;top:-300px}}@media only screen and (max-width:767px){section#s1::before{max-width:35vw;height:500px;top:-150px}}@media only screen and (max-width:480px){section#s1::before{top:-50px}}section#s1::after{content:'';position:absolute;width:732px;height:764px;bottom:0;left:0;background:url(../images/bg1_after.png) no-repeat left bottom;background-size:contain;pointer-events:none}@media only screen and (max-width:1200px){section#s1::after{max-width:35vw;height:560px}}@media only screen and (max-width:767px){section#s1::after{max-width:35vw;height:500px}}section#s1 #outTab{justify-content:center}section#s1 .outTabCtn{position:relative}section#s1 .outTabCtn .tab-content{min-width:888px;min-height:888px;padding-top:6vh}@media only screen and (max-width:1200px){section#s1 .outTabCtn .tab-content{min-width:unset;min-height:unset}}@media only screen and (max-width:1200px){section#s1 .outTabCtn .tab-content .tab-content img{max-width:90vw}}section#s1 .outTabCtn .tab-content:nth-of-type(2) .tab-content img{margin-top:-110px}@media only screen and (max-width:1440px){section#s1 .outTabCtn .tab-content:nth-of-type(2) .tab-content img{margin-top:-100px}}@media only screen and (max-width:480px){section#s1 .outTabCtn .tab-content:nth-of-type(2) .tab-content img{margin-top:unset}}@media only screen and (max-width:1440px){section#s1 .outTabCtn .tab-content:nth-of-type(3) .tab-content img{margin-top:10px}}@media only screen and (max-width:1200px){section#s1 .outTabCtn .tab-content:nth-of-type(3) .tab-content img{margin-top:unset}}section #s2{min-height:1211px;padding:8vh 0 1vh 0}@media only screen and (max-width:1200px){section #s2{min-height:unset}}section #s2 h2{margin-top:2vh}section #s2>img{margin:4vh auto}.popbtn{position:absolute;right:5vw;bottom:4vh;z-index:9}@media only screen and (max-width:1440px){.popbtn{right:-40%;bottom:6vh}}@media only screen and (max-width:1200px){.popbtn{right:-70%;bottom:4vh}}@media only screen and (max-width:800px){.popbtn{right:-100%}}@media only screen and (max-width:480px){.popbtn{width:12vw}}.popbtn:hover{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes willow{0%{transform-origin:right top;transform:skew(0deg,0deg)}50%{transform-origin:right top;transform:skew(8deg,0deg)}100%{transform-origin:right top;transform:skew(0deg,0deg)}}@keyframes willow{0%{transform-origin:right top;transform:skew(0deg,0deg)}50%{transform-origin:right top;transform:skew(8deg,0deg)}100%{transform-origin:right top;transform:skew(0deg,0deg)}}.willow{-webkit-animation:willow;animation:take 10s infinite linear}@-webkit-keyframes movemove{0%{transform-origin:center top;transform:rotate(6deg)}50%{transform-origin:center top;transform:rotate(-6deg)}100%{transform-origin:center top;transform:rotate(6deg)}}@keyframes movemove{0%{transform-origin:center top;transform:rotate(6deg)}50%{transform-origin:center top;transform:rotate(-6deg)}100%{transform-origin:center top;transform:rotate(6deg)}}.movemove{-webkit-animation-name:movemove;animation-name:movemove}