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}.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}.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:#808461;font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif}p{line-height:1.4rem;margin:.6vw 0}.canvas{z-index:9!important;position:fixed;width:100%;height:100%;top:0;overflow:hidde;pointer-events:none}.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/sano_btn11.png) no-repeat center center;background-size:contain}.sideBtn ul li:hover:nth-of-type(2){background:url(../images/sano_btn22.png) no-repeat center center;background-size:contain}.sideBtn ul li:hover:nth-of-type(3){background:url(../images/sano_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}.top{display:block;margin:0 auto 4vh auto}.top:hover{background:url(../images/sano_topp.png) no-repeat center center;background-size:contain}.top:hover img{opacity:0}#outTab a{display:block;margin:4vh 1vw}@media only screen and (max-width:480px){#outTab a{width:46vw;margin:2vh 1vw}}#outTab a.active img,#outTab a:hover img{opacity:0}#outTab a:first-of-type.active,#outTab a:first-of-type:hover{background:url(../images/sano_tab11.png) no-repeat center center;background-size:contain}#outTab a:last-of-type.active,#outTab a:last-of-type:hover{background:url(../images/sano_tab22.png) no-repeat center center;background-size:contain}#foxTab,#innerTab{position:absolute;top:28vh;right:18vw;display:flex;flex-direction:column;align-items:flex-start;border:0}@media only screen and (max-width:1440px){#foxTab,#innerTab{top:20vh;right:2vw}}@media only screen and (max-width:800px){#foxTab,#innerTab{top:4vh}}@media only screen and (max-width:480px){#foxTab,#innerTab{top:0}}#foxTab .nav-item,#innerTab .nav-item{margin:1vh 0}@media only screen and (max-width:480px){#foxTab .nav-item,#innerTab .nav-item{width:20vw}}#foxTab .nav-item a.active img,#foxTab .nav-item:hover img,#innerTab .nav-item a.active img,#innerTab .nav-item:hover img{opacity:0}#foxTab .nav-item:nth-of-type(1) a.active,#foxTab .nav-item:nth-of-type(1):hover,#innerTab .nav-item:nth-of-type(1) a.active,#innerTab .nav-item:nth-of-type(1):hover{background:url(../images/sano_modobt11.png) no-repeat center center;background-size:contain}#foxTab .nav-item:nth-of-type(2) a.active,#foxTab .nav-item:nth-of-type(2):hover,#innerTab .nav-item:nth-of-type(2) a.active,#innerTab .nav-item:nth-of-type(2):hover{background:url(../images/sano_modobt22.png) no-repeat center center;background-size:contain}#foxTab .nav-item:nth-of-type(3) a.active,#foxTab .nav-item:nth-of-type(3):hover,#innerTab .nav-item:nth-of-type(3) a.active,#innerTab .nav-item:nth-of-type(3):hover{background:url(../images/sano_modobt33.png) no-repeat center center;background-size:contain}#foxTab .nav-item:nth-of-type(2),#innerTab .nav-item:nth-of-type(2){margin-left:2vw}#main{position:relative;background:url(../images/sano_bg.jpg) no-repeat center top;background-size:cover;padding-top:60px;min-height:100vh}@media only screen and (max-width:1440px){#main{min-height:unset}}#main::before{content:'';position:absolute;width:238px;height:575px;background:url(../images/sano_leaf.png) no-repeat center center;background-size:contain;top:0;right:0;-webkit-animation:willow 10s infinite ease;animation:willow 10s infinite ease}@media only screen and (max-width:1200px){#main::before{width:180px;height:450px}}@media only screen and (max-width:480px){#main::before{content:none}}#main::after{content:'';position:absolute;width:90px;height:216px;background:url(../images/sano_light.png) no-repeat center center;top:60px;right:5vw;-webkit-animation:movemove 6s infinite ease;animation:movemove 6s infinite ease}@media only screen and (max-width:800px){#main::after{content:none}}#main .main{text-align:right}#main .main img{margin-right:2vw}@media only screen and (max-width:1440px){#main .main img{width:60vw}}#main .title{position:absolute;top:6vh;left:20vw}@media only screen and (max-width:1440px){#main .title{width:25vw}}@media only screen and (max-width:1200px){#main .title{left:16vw}}@media only screen and (max-width:800px){#main .title{top:60px}}#main .title .logo{position:absolute;left:-2vw}@media only screen and (max-width:1440px){#main .title .logo{width:10vw;left:-4vw}}section{position:relative;z-index:2;overflow:hidden;text-align:center;min-height:100vh;margin-top:-30vh;padding-top:30vh}@media only screen and (max-width:800px){section{min-height:unset;margin-top:-24vh;padding-top:20vh}}@media only screen and (max-width:480px){section{margin-top:-18vh;padding-top:12vh}}section h2{position:relative;margin-top:6vh}section h2::after,section h2::before{position:absolute;content:'';width:477px;height:26px;background:url(../images/sano_deco.png) no-repeat center center;top:4vh}@media only screen and (max-width:480px){section h2::after,section h2::before{content:none}}section h2::before{left:10vw}@media only screen and (max-width:1440px){section h2::before{left:0}}@media only screen and (max-width:1200px){section h2::before{left:-20vw}}@media only screen and (max-width:800px){section h2::before{left:-40vw}}section h2::after{transform:rotate(180deg);right:10vw}@media only screen and (max-width:1440px){section h2::after{right:0}}@media only screen and (max-width:1200px){section h2::after{right:-20vw}}@media only screen and (max-width:800px){section h2::after{right:-40vw}}section#s1{background:url(../images/sano_bg1.png) no-repeat center top;background-size:cover;padding-bottom:30vh}@media only screen and (max-width:480px){section#s1{padding-bottom:18vh}}section#s1 #outTab{justify-content:center}section#s1 .outTabCtn{position:relative}section#s1 .outTabCtn>div:first-of-type .tab-content{min-width:1103px;min-height:1051px;background:url(../images/sano_modobg.png) no-repeat center center;background-size:contain;padding-top:6vh}@media only screen and (max-width:1200px){section#s1 .outTabCtn>div:first-of-type .tab-content{min-width:unset;min-height:unset}}section#s1 .item{max-width:1000px;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:4vh auto 0 auto}@media only screen and (max-width:480px){section#s1 .item img{max-width:46vw}section#s1 .item img:last-of-type{max-width:90vw}}section#s1 .item img{margin:1vw}section#s1 .item img:last-of-type{margin-top:4vh}section#s2{background:transparent url(../images/sano_bg2.png) no-repeat center top;background-size:cover}section#s2 h2{margin-top:2vh}section#s2>img{margin:4vh auto}.popbtn{position:absolute;right:5.6vw;bottom:-1vh;z-index:9}@media only screen and (max-width:1440px){.popbtn{bottom:-4vh}}@media only screen and (max-width:800px){.popbtn{bottom:-6vh}}@media only screen and (max-width:480px){.popbtn{width:12vw;right:-8vw;bottom:-2vh}}.popbtn:hover{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}