@charset "utf-8";input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;appearance:none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0;padding:0;background:#f1f1f1;font-family:Helvetica,Verdana,"Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed","sans-serif"}html{border-color:#ccc;min-width:1000px}.anima-action{transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.anima-action:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}.hidden{display:none!important}.nav{position:fixed;top:0;left:0;z-index:99;width:100%;height:120px;padding:5px 0;background:#f1f1f1;overflow:hidden}.nav-logo{float:left;height:100%;padding:20px 0 30px 0}.nav-logo{float:left;height:100%}.nav-logo a{height:calc(100% - 50px);margin-bottom:10px;padding-bottom:10px;display:block;border-left:7px solid #f1f1f1;background-color:rgba(0,0,0,0);transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}.nav-logo a:hover{border-left:12px solid #666}.nav-logo a.on{border-left:7px solid #000}.nav-logo a.on:hover{border-left:12px solid #666}.nav-logo .type{float:left;opacity:0;height:60px;width:0;margin:10px 0 0 -10px;background:#000;border-radius:3px;overflow:hidden;display:flex;align-items:center;flex-direction:row;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}.nav-logo:hover .type{width:auto;opacity:1;margin-left:0}.nav-logo .type a{float:left;padding:0 20px;font-size:14px;color:#fff;display:block;text-decoration:none}.nav-logo img{height:100%;margin:0 20px}.nav-link{float:right;height:100%;text-align:right;display:flex;align-items:flex-end;flex-direction:column;justify-content:center}.nav-link a{padding:0 20px;font-size:24px;font-weight:bold;line-height:34px;color:#000;text-decoration:none;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;border-right:7px solid #f1f1f1}.nav-link a:hover{color:#666;border-right:20px solid #666}.nav-link a.on{border-right:7px solid #000}.nav-link a.on:hover{color:#000;border-right:20px solid #000}.main{min-width:1100px;padding-top:130px}.tagitem+.main{padding-top:170px}.tagitem{min-width:1100px;overflow:hidden;padding:130px 20px 0}.tagitem.fiexd{position:fixed;z-index:99;top:140px;width:100%;padding:0 20px;box-sizing:border-box;background-color:rgba(241,241,241,.9)}.tagitem a{float:left;margin:0 1px 10px 0;padding:5px 15px;font-size:14px;color:#000;background:#fff;display:block;text-decoration:none;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}.tagitem a.on{color:#fff;background:#000}.tagitem a:hover{padding:5px 25px}.fake-select{position:relative;float:left;height:30px;width:auto;margin-bottom:10px;padding:0 20px 0 35px;font-size:14px;line-height:30px;color:#fff;border:0;background:#000 url(/images/select-icon.svg) no-repeat 5px center;background-size:20px}.fake-select>select{position:absolute;left:0;top:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;width:100%;height:100%;background:transparent!important;color:transparent!important;z-index:1;border:0;outline:0}.pjitem{margin:0;padding:20px;overflow:hidden}.pjitem li{position:relative;float:left;margin:.5%;padding:0;list-style:none;width:24%;overflow:hidden;display:block;background:#f1f1f1;display:flex;align-items:center;justify-content:center}.pjitem li a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}.pjitem li img{width:100%;aspect-ratio:4/3;display:block;-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}.pjitem li p{position:absolute;left:0;bottom:0;width:100%;height:0;margin:0;font-size:18px;line-height:150%;color:#fff;text-align:center;background:rgba(0,0,0,.6);opacity:0;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}.pjitem li p span{font-size:12px;font-weight:normal;display:block}.pjitem li:hover p{height:100%;opacity:1;backdrop-filter:blur(2px)}.project{margin:0 0 40px 0;overflow:hidden;display:flex;flex-wrap:nowrap}.project-title{width:35%;padding:30px;color:#fff;background:#000;box-sizing:border-box}.project-title p{margin:0 0 20px 0;padding:0;font-size:28px;line-height:120%;font-weight:bold}.project-title span{padding:5px 0;font-size:14px;line-height:150%;display:block}.project-about{width:65%;padding:0 30px;font-size:16px;line-height:150%;box-sizing:border-box;display:flex;flex-wrap:nowrap}.project-about div{flex:1;margin-left:40px}.project-about div:first-child{padding-right:40px;border-right:1px solid #ccc}.eventlist{margin:0;padding:10px;overflow:hidden;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start}.eventlist li{position:relative;width:calc(100%/3);margin:0;padding:15px;box-sizing:border-box;overflow:hidden;list-style:none;background:#f1f1f1}.eventlist li a{width:100%;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}.eventlist li img{width:100%;display:block;transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out}.eventlist li a:hover img{width:110%}.eventlist li div{display:block;width:100%;padding-top:15px;font-size:20px;font-weight:bold;color:#000}.eventlist li p{max-height:60px;margin:0 0 5px 0;padding:0;line-height:120%;overflow:hidden}.eventlist li span{padding:0 5px;font-size:14px;line-height:150%;color:#fff;font-weight:lighter;display:inline-block;background:#000}.eventinfo{margin:0;overflow:hidden;display:flex;flex-wrap:wrap}.eventinfo-title{width:70%;padding:30px;font-size:14px}.eventinfo-title p{margin:0 0 5px 0;padding:0;font-size:36px;line-height:120%;color:#000;font-weight:bold}.eventinfo-title span{font-size:16px;line-height:150%;font-weight:lighter;display:inline-block}.eventinfo-title a{margin-right:5px;padding:0 10px;color:#fff;background:#000;text-decoration:none;display:inline-block}.eventinfo-title a:hover{background:#333}.eventinfo-about{width:50%;padding:0 30px;font-size:16px;line-height:150%;clear:both}.eventinfo-about div{margin-bottom:20px}.img-content{margin-bottom:50px;padding:30px;text-align:center}.img-content img{width:100%;margin-bottom:10px;display:inline-block}.recommend{background:#fff;padding:0 0 80px 0;margin-bottom:-30px}.recommend ul{margin:0;padding:30px 20px;font-size:14px;line-height:140%;color:#333;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start}.recommend ul.event li img{aspect-ratio:3/2}.recommend ul.project li img{aspect-ratio:4/3}.recommend li{width:calc(100%/4 - 20px);margin:10px;padding:0;list-style:none;overflow:hidden;display:block;box-sizing:border-box}.recommend li a{width:100%;color:#000;text-decoration:none;overflow:hidden;display:block}.recommend li img{width:100%;display:block;transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out}.recommend li p{max-height:60px;margin:0 0 5px 0;padding:10px 0;overflow:hidden}.info{position:relative;margin:0 0 40px 0;overflow:hidden;display:flex;flex-wrap:nowrap;justify-content:space-between}.info-bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(/images/logo2.svg) no-repeat center;background-size:110%;z-index:-99}.info-title{position:relative;width:60%;color:#000;box-sizing:border-box}.info-title p{margin:0 0 5px 0;padding:0;font-size:28px;line-height:120%;font-weight:bold}.info-title div{width:400px;margin-bottom:20px;padding:0 0 0 30px}.info-title div.info-title-top{padding-top:30px;border-top:10px solid #ccc}.info-title span{font-size:16px;line-height:150%;display:block}.info-title span.bold{font-weight:bold}.info-title-link{position:absolute;top:0;right:35px;width:auto!important;display:flex;flex-direction:column;align-items:flex-end}.info-title-link a{margin-bottom:20px;padding:5px 0;font-size:16px;color:#000;font-weight:bold;display:inline-block;text-decoration:none;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.info-title-link a:hover{padding:5px 10px;color:#fff;background:#000}.info-about{width:calc(40% - 5px);padding:0 30px 0 40px;font-size:16px;line-height:150%;box-sizing:border-box;border-left:1px solid #ccc}.info-about div:first-child{padding-bottom:40px}.footer{overflow:hidden}.footer-content{float:right;margin:auto;padding:5px 20px;font-size:12px;line-height:20px;color:#ccc;background:#000}.nav.mini{height:50px;padding:0;background:rgba(241,241,241,.9);backdrop-filter:blur(2px)}.nav.mini .nav-logo{float:left;height:35px;width:35px;margin:5px;padding:0;background-color:rgba(0,0,0,1);background-image:url(/images/logo-mini.svg);background-position:center;background-repeat:no-repeat;overflow:hidden;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;border-radius:17.5px}.nav.mini .nav-logo:hover{width:auto;background-color:rgba(0,0,0,0);background-image:none;border-radius:0}.nav.mini .nav-logo a{width:35px;height:35px;margin:0;padding:0;font-size:20px;border-left:0;overflow:hidden;display:block}.nav.mini .nav-logo img{float:right;height:100%;margin:0;opacity:0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}.nav.mini .nav-logo:hover img{width:auto;margin:0 0 0 10px;opacity:1}.nav.mini .nav-logo:hover a{border-left:0;width:auto}.nav.mini .nav-logo a.on{border-left:0}.nav.mini .nav-logo:hover a.on{border-left:0}.nav.mini .nav-link{float:right;height:100%;text-align:right;display:flex;align-items:center;flex-direction:row;justify-content:center}.nav.mini .nav-link a{padding:0 20px;font-size:16px;font-weight:bold;line-height:40px;color:#000;text-decoration:none;border-right:0}.nav.mini .nav-link a:hover{color:#666;border-right:0}.nav.mini .nav-link a.on{border-right:0}.nav.mini .nav-link a.on:hover{color:#000;border-right:0}@media screen and (max-width:720px){html{min-width:100vw;border-color:#ccc;width:100vw;webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-size:.625em}.nav{height:90px;padding:0}.nav-logo img{height:100%;margin:0 10px}.nav-link a{padding:0 10px;font-size:20px}.main{padding-top:90px;min-width:100%}.tagitem+.main{padding-top:130px}.tagitem.fiexd{top:90px}.tagitem a{display:none}.pjitem{padding:0 10px 20px 10px}.pjitem li{float:none;clear:both;width:calc(100% - 10px);height:auto;margin-bottom:30px;padding:5px;display:block;overflow:inherit;aspect-ratio:inherit;background:#fff;border-radius:5px}.pjitem li a{text-decoration:none;background:none;display:block;overflow:inherit;aspect-ratio:inherit}.pjitem li img{border-radius:3px;aspect-ratio:4/3;clear:both;display:block}.pjitem li p{position:static;clear:both;width:calc(100% - 20px);height:auto;padding:10px 10px 5px 10px;font-size:18px;font-weight:bold;line-height:150%;color:#000;text-align:left;background:rgba(255,255,255,0);opacity:inherit;display:block}.pjitem li p span{font-size:12px}.pjitem li:hover img{width:100%}.project{margin:0 0 40px 0;flex-direction:column}.project-title{width:90%;padding:20px 0 20px 20px;color:#fff;background:#000;box-sizing:border-box}.project-title p{font-size:24px}.project-title span{font-size:13px}.project-about{width:100%;padding:40px 0 10px 0;font-size:14px;line-height:150%;flex-direction:column}.project-about div{flex:1;margin-left:0;padding:0 80px 0 20px}.project-about div:first-child{margin-bottom:30px;border-right:5px solid #ccc}.eventlist{margin:0;padding:0 15px;flex-direction:column}.eventlist li{position:relative;width:100%;margin:0 0 40px 0;padding:0}.eventlist li a{border-radius:5px;overflow:hidden}.eventlist li a:hover img{width:100%}.eventlist li div{padding-top:5px;font-size:18px}.eventlist li p{max-height:90px}.eventlist li span{padding:0 5px;font-size:12px;line-height:150%;color:#fff;font-weight:lighter;display:inline-block;background:#000}.eventinfo{margin:0;overflow:hidden;display:flex;flex-wrap:wrap}.eventinfo-title{width:80%;padding:20px 0 20px 20px}.eventinfo-title p{font-size:24px}.eventinfo-title a{font-size:13px}.eventinfo-title span{font-size:13px}.eventinfo-about{width:75%;padding:20px;font-size:14px}.eventinfo-about div{margin-bottom:20px}.recommend{background:#fff;padding:0 0 10px 0;margin:0}.recommend ul{margin:0;padding:5px;font-size:13px;line-height:140%;color:#333;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start}.recommend ul.event li img{aspect-ratio:3/2}.recommend ul.project li img{aspect-ratio:4/3}.recommend li{width:calc(100%/2 - 10px);margin:5px;padding:0;list-style:none;overflow:hidden;display:block;box-sizing:border-box}.recommend li a{width:100%;color:#000;text-decoration:none;overflow:hidden;display:block}.recommend li img{width:100%;display:block;transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out}.recommend li p{max-height:60px;margin:0 0 5px 0;padding:10px 0;overflow:hidden}.info{margin:0 0 40px 0;flex-direction:column}.info-bg{position:absolute;right:0;top:0;width:180%;height:120%;background:url(/images/logo2.svg) no-repeat left;background-size:80%;z-index:-99;transform:rotate(90deg)}.info-title{width:100%;padding:0 0 15px 0}.info-title p{margin:0 0 5px 0;padding:0;font-size:17px}.info-title div{width:62%;margin-bottom:10px;padding-left:20px}.info-title div.info-title-top{margin-bottom:30px;padding-top:30px;border-top:6px solid #ccc}.info-title span{font-size:13px}.info-about{width:65%;padding:30px 0 0 0;margin-left:20px;font-size:13px;line-height:150%;box-sizing:border-box;border-top:1px solid #ccc;border-left:0}.info-about div:first-child{padding-bottom:20px}.info-title-link{top:35px;right:10px}.info-title-link a{font-size:14px}.info-title-link a:hover{padding:5px 10px}.img-content{margin-bottom:20px;padding:0}.img-content img{width:100%;margin-bottom:10px;display:inline-block}.footer{overflow:hidden}.footer-content{float:none;width:100%;margin:auto;padding:5px 0;text-align:center}}@media screen and (min-width:721px){.tagitem .fake-select{display:none}}.lazyload{opacity:.2}.lazyloading{background:#f7f7f7 url(//static.vmdo.net/images/loading/loader.gif) no-repeat center;opacity:.7;transition:opacity 300ms}.lazyloaded{opacity:1}.err-tips{clear:both;margin:3em auto 4em;font-size:14px;text-align:center}@media screen and (min-width:720.015626px){.mobile{display:none!important}.mobile img{display:none!important;width:0;height:0}}@media screen and (max-width:720px){.desktop{display:none!important}.desktop img{display:none!important;width:0;height:0}}