@charset "UTF-8";@import url("../css/Montserrat.css");@import url("../css/Staatliches.css");body{margin:0;background-color:black;overflow:hidden;width:100%;height:100vh}.mouse_div{position:fixed;width:100%;height:100%;z-index:5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.mouse_div .mouse_cube{position:fixed;width:10px;height:10px;opacity:0;background-color:white}.menu{position:fixed;width:100%;height:100%;z-index:3;transform:translateY(-100vh);background-color:rgba(0,0,0,0.9);transition:.3s cubic-bezier(0.77,0.2,0.05,1);overflow:hidden}.no-touch .menu{background-color:rgba(0,0,0,0.2);-webkit-backdrop-filter:blur(10px) brightness(20%);backdrop-filter:blur(10px) brightness(20%)}.menu .menu_box{position:fixed;top:8vh;bottom:8vh;left:4vw;right:4vw;display:flex;flex-direction:column;justify-content:center;pointer-events:none;transition:.3s cubic-bezier(0.77,0.2,0.05,1)}.no-touch .menu .menu_box{transform:translateY(100vh)}.menu .menu_box nav{clear:both;width:100%;margin:10% auto}.menu .menu_box nav ul{list-style:none;margin:0;padding:0}.menu .menu_box nav li{width:100%}.menu .menu_box nav li a{display:block;width:auto;padding:2vh;position:relative;z-index:2;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;font-family:"Staatliches";color:#fff;font-size:15vh;font-weight:bold;text-shadow:none;letter-spacing:2vh;line-height:15vh;transition:.2s cubic-bezier(0.77,0.2,0.05,1)}.menu .menu_box nav li .language_zh{font-family:"Staatliches","Microsoft Yahei","STHeiti";font-weight:bold}.menu .menu_box nav li a:after{content:"";height:100%;left:0;top:0;width:0;position:absolute;transition:.3s cubic-bezier(0.77,0.2,0.05,1);z-index:-1;background:#fff}.no-touch .menu .menu_box nav li a:hover{color:#000;letter-spacing:3vh;font-weight:lighter}.no-touch .menu .menu_box nav li a:hover:after{width:100%}.menu_open{transform:translateY(0)}.menu_open .menu_box{pointer-events:auto}.no-touch .menu_open .menu_box{transform:translateY(0)}.ui{pointer-events:none;position:fixed;top:8vh;bottom:8vh;left:4vw;right:4vw;z-index:4;display:flex;opacity:1;flex-direction:column;place-content:space-between;transition:.5s ease-in-out}.ui .top{height:60px;overflow:hidden}.ui .top .top_box{height:120px;transform:translateY(-50%);transition:.3s cubic-bezier(0.77,0.2,0.05,1)}.ui .top .top_box .top_ui_box{height:60px;display:flex;align-items:center;place-content:space-between}.ui .top .top_box .top_ui_box .logo_menu_div{display:flex;align-items:center}.ui .top .top_box .top_ui_box .logo_menu_div .logo_div{display:flex;place-content:space-between;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:4.5vh}.ui .top .top_box .top_ui_box .logo_menu_div .logo_div .logo_area{transform:translateY(1.5px);margin-top:auto;margin-bottom:auto;height:4.5vh;margin-left:1.5vh;overflow:hidden}.ui .top .top_box .top_ui_box .logo_menu_div .logo_div .logo_area .logo_box{margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(0);transition:.3s cubic-bezier(0.77,0.2,0.05,1)}.ui .top .top_box .top_ui_box .logo_menu_div .logo_div .logo_area .logo_box a{vertical-align:middle;margin-top:auto;margin-bottom:auto;font-family:"Staatliches";text-decoration:none;color:white;font-size:3.5vh;text-shadow:none;letter-spacing:.75vh;line-height:4.5vh}.ui .top .top_box .top_ui_box .logo_menu_div .logo_div .logo_area .logo_box .language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti";font-size:2.5vh}.no-touch .ui .top .top_box .top_ui_box .logo_menu_div .logo_div .logo_area .logo_box:hover{transform:translateY(-50%)}.ui .top .top_box .top_ui_box .logo_menu_div .logo_div .icon_area{position:relative;display:flex;justify-content:center;align-items:center;width:4.5vh}.ui .top .top_box .top_ui_box .logo_menu_div .logo_div .icon_area .menu_icon{fill:white;transform:rotate(0);position:fixed;width:4.5vh;transition:.3s cubic-bezier(0.77,0.2,0.05,1)}.no-touch .ui .top .top_box .top_ui_box .logo_menu_div .logo_div .icon_area:hover .menu_icon{transform:rotate(90deg)}.ui .top .top_box .top_ui_box .logo_menu_div .menu_area{width:5vh;height:5vh;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.ui .top .top_box .top_ui_box .logo_menu_div .menu_area .menu_bar_div{width:4vh;height:3vh;display:flex;flex-direction:column;overflow:hidden;justify-content:center}.ui .top .top_box .top_ui_box .logo_menu_div .menu_area .menu_bar_div .menu_bar_box{display:flex;width:8vh;height:.4vh;margin:.25vh 0 .25vh;place-content:space-between;transform-origin:75% 50%;transition:.3s cubic-bezier(0.77,0.2,0.05,1)}.ui .top .top_box .top_ui_box .logo_menu_div .menu_area .menu_bar_div .menu_bar_box .menu_bar{width:3vh;height:.4vh;margin:0 .5vh 0;background-color:#fff}.ui .top .top_box .top_ui_box .logo_menu_div .menu_area .menu_bar_div .menu_bar_box:nth-child(2){transform:translateX(-50%)}.no-touch .ui .top .top_box .top_ui_box .logo_menu_div .menu_area:hover .menu_bar_box{transform:translateX(-50%)}.no-touch .ui .top .top_box .top_ui_box .logo_menu_div .menu_area:hover .menu_bar_box:nth-child(2){transform:translateX(0)}.no-touch .ui .top .top_box .top_ui_box .logo_menu_div .menu_area_active:hover .menu_bar_box:nth-child(1){transform:translateX(-50%) translateY(225%) rotate(45deg)}.no-touch .ui .top .top_box .top_ui_box .logo_menu_div .menu_area_active:hover .menu_bar_box:nth-child(2){opacity:0}.no-touch .ui .top .top_box .top_ui_box .logo_menu_div .menu_area_active:hover .menu_bar_box:nth-child(3){transform:translateX(-50%) translateY(-225%) rotate(-45deg)}.ui .top .top_box .top_ui_box .logo_menu_div .menu_area_active .menu_bar_box:nth-child(1){transform:translateX(-50%) translateY(225%) rotate(135deg)}.ui .top .top_box .top_ui_box .logo_menu_div .menu_area_active .menu_bar_box:nth-child(2){opacity:0}.ui .top .top_box .top_ui_box .logo_menu_div .menu_area_active .menu_bar_box:nth-child(3){transform:translateX(-50%) translateY(-225%) rotate(45deg)}.ui .top .top_box .top_ui_box .lang_div{height:60px;width:66px;right:0;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;pointer-events:auto}.ui .top .top_box .top_ui_box .lang_div .lang_aera{width:33px;height:45px;display:flex;align-items:center;justify-content:start;overflow:hidden;transition:.3s cubic-bezier(0.77,0.2,0.05,1)}.ui .top .top_box .top_ui_box .lang_div .lang_aera .lang_box{width:66px;height:45px;display:flex;justify-content:center;align-items:center;transition:.3s cubic-bezier(0.77,0.2,0.05,1)}.ui .top .top_box .top_ui_box .lang_div .lang_aera .lang_box .zh{width:18px;height:30px;display:flex;justify-content:center;align-items:center;transition:.3s cubic-bezier(0.77,0.2,0.05,1)}.ui .top .top_box .top_ui_box .lang_div .lang_aera .lang_box .en{width:18px;height:30px;display:flex;justify-content:center;align-items:center;transition:.3s cubic-bezier(0.77,0.2,0.05,1)}.ui .top .top_box .top_ui_box .lang_div .lang_aera .lang_box .slash{width:7px;height:30px;display:flex;justify-content:center;align-items:center;transition:.3s cubic-bezier(0.77,0.2,0.05,1)}.ui .top .top_box .top_ui_box .lang_div .lang_aera .lang_box .active{width:35px}.ui .top .top_box .top_ui_box .lang_div .lang_aera .lang_box .active p{transform:scale(1.5)}.ui .top .top_box .top_ui_box .lang_div .lang_aera .lang_box p{transition:.3s cubic-bezier(0.77,0.2,0.05,1);text-align:center;margin:0;font-family:"Montserrat";text-transform:capitalize;text-decoration:none;color:#fff;letter-spacing:.1em;line-height:30px;font-size:.5em;text-shadow:none}.ui .top .top_box .top_ui_box .zh_lang .lang_aera .lang_box{transform:translateX(0)}.ui .top .top_box .top_ui_box .en_lang .lang_aera .lang_box{transform:translateX(-41.667%)}.no-touch .ui .top .top_box .top_ui_box .zh_lang:hover .lang_aera .lang_box{transform:translateX(0)}.no-touch .ui .top .top_box .top_ui_box .en_lang:hover .lang_aera .lang_box{transform:translateX(0)}.no-touch .ui .top .top_box .top_ui_box .lang_div:hover .lang_aera{width:85px}.ui .top .top_box .top_load_box{height:60px;display:flex;align-items:center}.ui .top .top_box .top_load_box h1{margin:0;font-family:"Montserrat";text-decoration:none;color:#fff;font-size:30px;font-weight:200;text-shadow:none;line-height:2em}.ui .mid{display:flex;place-content:space-between;align-items:center;height:100%}.ui .bottom{display:flex;place-content:space-between;align-items:flex-end}.ui .bottom .sound{width:33.333%;height:60px}.ui .bottom .social{width:33.333%;height:60px}.ui .bottom .social .social_icons{position:absolute;bottom:0;right:0}.ui .bottom .social .social_icons .social_icon{margin:10px;width:30px}.ui .secondary_text{font-family:"Montserrat";text-decoration:none;color:#fff;font-size:.75em;font-weight:lighter;text-transform:uppercase;text-shadow:none;letter-spacing:.1em;margin:0}.fade{position:fixed;width:100%;height:100%;background-color:black;z-index:4;opacity:100%;display:flex;justify-content:center;align-items:center}.fade .spinner{opacity:1;transition:.5s cubic-bezier(0.77,0.2,0.05,1);display:flex;align-items:center;justify-content:center}.fade .spinner .sk-folding-cube{position:absolute;width:40px;height:40px;transform:rotateZ(45deg)}.fade .spinner .sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}.fade .spinner .sk-folding-cube .sk-cube:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;animation:sk-foldCubeAngle 2.4s infinite linear both;transform-origin:100% 100%}.fade .spinner .sk-folding-cube .sk-cube2{transform:scale(1.1) rotateZ(90deg)}.fade .spinner .sk-folding-cube .sk-cube2:before{animation-delay:.3s}.fade .spinner .sk-folding-cube .sk-cube3{transform:scale(1.1) rotateZ(180deg)}.fade .spinner .sk-folding-cube .sk-cube3:before{animation-delay:.6s}.fade .spinner .sk-folding-cube .sk-cube4{transform:scale(1.1) rotateZ(270deg)}.fade .spinner .sk-folding-cube .sk-cube4:before{animation-delay:.9s}@keyframes sk-foldCubeAngle{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0);opacity:1}90%,100%{transform:perspective(140px) rotateY(180deg);opacity:0}}.hero_UI{top:calc(8vh + 60px);bottom:4vh;left:4vw;right:4vw;position:fixed;display:flex;z-index:2;pointer-events:none}.hero_UI .return_div{width:8vh;height:8vh;left:0;bottom:0;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero_UI .return_div .return_aera{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:translateX(-100%);transition:.3s cubic-bezier(0.77,0.2,0.05,1)}.hero_UI .return_div .return_aera svg{width:70%;height:70%}.hero_UI .return_div .return_aera svg path{stroke-dasharray:100%;transition:.5s ease-in-out}.hero_UI .return_div .return_aera svg .arrow{stroke-linecap:round}.no-touch .hero_UI .return_div:hover svg path{stroke-dashoffset:-200%}.hero_UI .scroll_area{position:absolute;width:100%;height:100%;display:flex;justify-content:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero_UI .scroll_area .scroll_div{width:8vh;height:8vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:auto;pointer-events:auto;cursor:pointer;transform:translateY(0);transition:.3s cubic-bezier(0.77,0.2,0.05,1)}.hero_UI .scroll_area .scroll_div .scroll_icon_area{height:3vh;margin:1vh;overflow:hidden}.hero_UI .scroll_area .scroll_div .scroll_icon_area .scroll_icon_box{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;transform:translateY(0);transition:.3s cubic-bezier(0.77,0.2,0.05,1)}.hero_UI .scroll_area .scroll_div .scroll_icon_area .scroll_icon_box .down_icon{height:3vh}.hero_UI .scroll_area .scroll_div .scroll_text_area{height:15px;overflow:hidden}.hero_UI .scroll_area .scroll_div .scroll_text_area .scroll_text_box{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;transform:translateY(0);transition:.3s cubic-bezier(0.77,0.2,0.05,1)}.hero_UI .scroll_area .scroll_div .scroll_text_area .scroll_text_box .secondary_text{text-align:center;font-family:"Montserrat";text-decoration:none;color:#fff;font-size:.75em;font-weight:lighter;text-transform:uppercase;text-shadow:none;letter-spacing:.1em;line-height:15px;margin:0}.no-touch .hero_UI .scroll_area .scroll_div .scroll_text_area .scroll_text_box:hover{transform:translateY(-50%)}.no-touch .hero_UI .scroll_area .scroll_div:hover .scroll_text_box{transform:translateY(-50%)}.no-touch .hero_UI .scroll_area .scroll_div:hover .scroll_icon_box{transform:translateY(-50%)}.hero_UI .indicator_area{top:0;bottom:calc(4vh + 60px);left:0;right:0;position:absolute;display:flex}.hero_UI .indicator_area .indicator{display:flex;justify-content:space-between;margin-left:auto;padding:0;width:40px;height:100%;overflow:hidden}.hero_UI .indicator_area .indicator .indicator_box{height:100%;display:flex;place-content:space-between;justify-content:center;align-items:center;transition:.5s ease-in-out}.hero_UI .indicator_area .indicator .indicator_box .works_indicator{width:40px;height:66px;text-align:center}.hero_UI .indicator_area .indicator .indicator_box .works_indicator .indicator_div{padding:0;margin:0;width:40px;height:30px;overflow:hidden}.hero_UI .indicator_area .indicator .indicator_box .works_indicator .indicator_div .indicator_numbox{margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between}.hero_UI .indicator_area .indicator .indicator_box .works_indicator p{text-align:center;margin:0;padding:0;font-family:"Staatliches";text-decoration:none;color:#fff;text-shadow:none;transform:scale(2,1);font-size:1.5em;font-weight:lighter;line-height:6px}.hero_UI .indicator_area .indicator .indicator_box .works_indicator h1{text-align:center;margin:0;padding:0;font-family:"Staatliches";text-decoration:none;color:#fff;text-shadow:none;font-size:1.5em;font-weight:lighter;line-height:30px}.hero_UI .indicator_area .indicator .indicator_box .projects_indicator{width:40px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero_UI .indicator_area .indicator .indicator_box .projects_indicator .projects_circle{width:5px;height:5px;margin:7px;border-radius:50%;background-color:#fff;transition:.3s cubic-bezier(0.77,0.2,0.05,1)}.hero_UI .indicator_area .indicator .indicator_box .detail_indicator{width:40px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero_UI .indicator_area .indicator .indicator_box .detail_indicator .detail_indicator_back{width:2px;height:100%;background-color:#818181}.hero_UI .indicator_area .indicator .indicator_box .detail_indicator .detail_indicator_back .detail_indicator_slider{transform:translateX(-33.33%) translateY(-50%);width:4px;height:25%;background-color:#fff;transition:.3s ease-out}.wapper{-webkit-overflow-scrolling:touch;height:100%}.wapper .popup{z-index:10;position:fixed;top:0;left:0;height:100%;width:100%;pointer-events:none;display:flex;align-items:center;justify-content:center;transition:all .2s ease-out;background-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;user-select:none}.no-touch .wapper .popup{background-color:rgba(0,0,0,0);-webkit-backdrop-filter:blur(0) brightness(100%);backdrop-filter:blur(0) brightness(100%)}.wapper .popup img{max-width:75%;max-height:75%;margin:auto;opacity:0;display:block;transition:all .2s ease-out}.wapper .popup.show{background-color:rgba(0,0,0,0.9);pointer-events:auto}.no-touch .wapper .popup.show{background-color:rgba(0,0,0,0);-webkit-backdrop-filter:blur(10px) brightness(50%);backdrop-filter:blur(10px) brightness(50%)}.wapper .popup.show img{opacity:1;max-width:80%;max-height:80%}.wapper .content_div{margin:0;z-index:0;position:relative;display:none;pointer-events:none}.wapper .content_div .top{margin:0;padding:0;width:100vw;height:100vh;pointer-events:none}.wapper .content_div .bottom{margin:0;padding:0;width:100vw;height:100vh;pointer-events:none;display:flex;flex-direction:column;align-items:center}.wapper .content_div .bottom .next_button{cursor:pointer;display:none;flex-direction:column;pointer-events:auto;align-items:start;justify-content:flex-end;height:80vh;width:110vh;max-width:90vw;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}.wapper .content_div .bottom .next_button .page_next{margin:0;display:flex;justify-content:center}.wapper .content_div .bottom .next_button .page_next .page_next_aera{display:flex;justify-content:center;height:5vh;overflow:hidden;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wapper .content_div .bottom .next_button .page_next .page_next_aera .page_next_box{height:10vh;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.3s cubic-bezier(0.77,0.2,0.05,1)}.wapper .content_div .bottom .next_button .page_next .page_next_aera .page_next_box p{text-align:center;margin:0;font-family:"Staatliches";text-decoration:none;color:#fff;font-size:5vh;font-weight:lighter;text-shadow:none;letter-spacing:1vh;line-height:5vh}.wapper .content_div .bottom .next_button .page_next .page_next_aera .page_next_box .language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti";font-weight:bold;letter-spacing:.2vh;font-size:3vh}.no-touch .wapper .content_div .bottom .next_button .page_next .page_next_aera:hover .page_next_box{transform:translateY(-50%)}.wapper .content_div .bottom .next_button h1{text-align:center;margin:0;padding:20px;font-family:"Staatliches";text-decoration:none;color:#fff;font-size:7vh;font-weight:bold;text-shadow:none;letter-spacing:.5vh;line-height:7vh}.wapper .content_div .mid{margin:0;padding:0;width:100vw;pointer-events:auto}.wapper .content_div .mid .page1{margin:0;display:flex;align-items:center;justify-content:center;width:100%}.wapper .content_div .mid .page1 .frame{margin-top:5%;margin-bottom:5%;max-width:90vw;max-height:50.25vw;width:960px;height:540px;background-color:#000;overflow:hidden}.no-touch .wapper .content_div .mid .page1 .frame .frame_mask{display:block}.wapper .content_div .mid .page1 .frame .frame_mask{display:none;position:absolute;z-index:1;max-width:90vw;max-height:50.25vw;width:960px;height:540px;opacity:0}.wapper .content_div .mid .page1 .frame iframe{border-width:0;z-index:0;width:100%;height:100%;overflow:hidden;transition:.3s ease-in-out}.wapper .content_div .mid .page2{margin:0;display:flex;align-items:center;justify-content:center;width:100%}.wapper .content_div .mid .page2 .text_box{max-width:90vw;margin-top:5%;margin-bottom:5%;width:960px;height:auto;display:flex;place-content:space-between}.wapper .content_div .mid .page2 .text_box .left{width:50%}.wapper .content_div .mid .page2 .text_box .left h1{margin:0;font-family:"Staatliches";text-decoration:none;color:#fff;font-size:3em;font-weight:lighter;text-shadow:none;letter-spacing:.3em;line-height:1em}.wapper .content_div .mid .page2 .text_box .left .language_zh{font-family:"Staatliches","Microsoft Yahei","STHeiti";font-weight:bold}.wapper .content_div .mid .page2 .text_box .right{width:50%;display:flex;flex-direction:column}.wapper .content_div .mid .page2 .text_box .right .introduce{margin-bottom:5%}.wapper .content_div .mid .page2 .text_box .right .date_location{display:flex;place-content:space-between}.wapper .content_div .mid .page2 .text_box .right .date_location .date{text-align:left}.wapper .content_div .mid .page2 .text_box .right .date_location .location{text-align:right}.wapper .content_div .mid .page2 .text_box .right p{text-indent:25px;margin:0;font-family:"Montserrat";text-decoration:none;color:#fff;font-size:1.2em;font-weight:200;text-shadow:none;line-height:1.5em}.wapper .content_div .mid .page2 .text_box .right h2{margin:0;font-family:"Montserrat";text-transform:uppercase;text-decoration:none;color:#fff;font-size:1.5em;text-shadow:none;letter-spacing:.2em}.wapper .content_div .mid .page2 .text_box .right h3{margin:0;font-family:"Montserrat";text-decoration:none;color:#fff;font-size:1em;text-shadow:none}.wapper .content_div .mid .page2 .text_box .right .language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti"}.wapper .content_div .mid .page3{margin:0;width:100%;display:flex;justify-content:center}.wapper .content_div .mid .page3 .container{margin-top:5%;margin-bottom:5%;max-width:90vw;width:960px;display:flex;place-content:space-between}.wapper .content_div .mid .page3 .container .column_div{width:100%;display:flex;flex-direction:column;align-items:center;padding:0}.wapper .content_div .mid .page3 .container .img_div{width:100%;margin-top:25px;margin-bottom:25px;overflow:hidden;background-color:rgba(82,82,82,0.301);pointer-events:auto}.wapper .content_div .mid .page3 .container .img_div img{opacity:0;width:100%}.wapper .content_div .mid .page3 .container .img_div .img_loaded{opacity:0;animation-delay:.1s;animation-duration:.5s;animation-name:showup;animation-fill-mode:forwards}@keyframes showup{from{opacity:0}to{opacity:1}}.no-touch .wapper .content_div .mid .page3 .container .img_div img{filter:grayscale(70%) brightness(70%);transform:scale(1.1);transition:.3s ease-in-out;width:100%}.no-touch .wapper .content_div .mid .page3 .container .img_div img:hover{filter:grayscale(0) brightness(100%);transform:scale(1)}.wapper .hero{position:fixed;overflow:hidden;width:100%;height:100%;z-index:0;pointer-events:none}.wapper .hero .vignetting{position:absolute;width:100%;height:100%;background-image:linear-gradient(to right,#000,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,#000 100%);opacity:75%}.wapper .hero .about_div{width:70vw}.wapper .hero .about_div p{transform:translateY(50%);text-align:center;margin:0;padding:0;font-family:"Montserrat";text-transform:capitalize;text-decoration:none;color:#fff;font-size:5vh;font-weight:350;text-shadow:none;letter-spacing:.25vh;line-height:6vh;text-rendering:geometricPrecision}.wapper .hero .about_div .language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti";font-size:5vh}.wapper .hero .contact_div{width:70vw}.wapper .hero .contact_div p{transform:translateY(50%);text-align:center;margin:0;padding:0;font-family:"Montserrat";text-transform:capitalize;text-decoration:none;color:#fff;font-size:5vh;font-weight:350;text-shadow:none;letter-spacing:.25vh;line-height:6vh;text-rendering:geometricPrecision}.wapper .hero .contact_div .language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti";font-size:5vh;letter-spacing:1vh}.wapper .hero canvas{position:absolute;width:100%;height:100%;z-index:-999}.wapper .hero .work_div{padding:0;margin:0;width:auto;height:12vw;overflow:hidden}.wapper .hero .work_div .work_box_div{margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between}.wapper .hero .work_div .work_box_div h1{text-align:center;margin:0;padding:0;font-family:"Staatliches";text-decoration:none;color:#fff;font-size:15vw;font-weight:bold;text-shadow:none;line-height:12vw}.wapper .hero .work_div .work_box_div .language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti";font-size:11.5vw}.wapper .hero .project_div{padding:0;margin:0;width:auto;height:7vh;overflow:hidden}.wapper .hero .project_div .project_box_div{margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between}.wapper .hero .project_div .project_box_div h1{text-align:center;margin:0;padding:0;font-family:"Staatliches";text-decoration:none;color:#fff;font-size:7vh;font-weight:bold;text-shadow:none;letter-spacing:.5vh;line-height:7vh}.wapper .hero .project_div .project_box_div .language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti";font-size:5.5vh}.wapper .hero .location_div{padding:0;margin:0;width:auto;height:2.5vh;overflow:hidden}.wapper .hero .location_div .location_box_div{margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between}.wapper .hero .location_div .location_box_div h1{text-align:center;margin:0;padding:0;font-family:"Montserrat";text-transform:uppercase;text-decoration:none;color:#fff;font-size:2.5vh;text-shadow:none;font-weight:250;letter-spacing:.35vh;line-height:2.5vh}.wapper .hero .location_div .location_box_div .language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti"}.wapper .hero .date_div{padding:0;margin:0;width:auto;height:1.5vh;overflow:hidden}.wapper .hero .date_div .date_box_div{margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between}.wapper .hero .date_div .date_box_div h1{text-align:center;margin:0;padding:0;font-family:"Montserrat";text-transform:uppercase;text-decoration:none;color:#fff;font-size:1.5vh;text-shadow:none;font-weight:200;letter-spacing:.35vh;line-height:1.5vh}.wapper .hero .date_div .date_box_div .language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti";font-size:1.3vh}.wapper .about_content_div{margin:0;z-index:0;position:relative;display:none;flex-direction:column;align-items:center}.wapper .about_content_div .top{height:100vh;width:100vw}.wapper .about_content_div .mid{max-width:90vw;width:960px;display:flex;flex-direction:column;justify-content:center;align-items:center}.wapper .about_content_div .mid .logo_blank{height:400px;width:500px;display:flex;justify-content:center;align-items:center}.wapper .about_content_div .mid .logo_blank img{width:400px}.wapper .about_content_div .mid .company_introduce{height:300px;width:100%;padding:50px 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.wapper .about_content_div .mid .company_introduce .top{height:35%;width:100%}.wapper .about_content_div .mid .company_introduce .top h1{text-align:center;margin:0;font-family:"Staatliches";text-decoration:none;color:#fff;font-size:4em;font-weight:bold;text-shadow:none;letter-spacing:.75em;line-height:1em;background:linear-gradient(to bottom,#fff,#000);background-clip:text;-webkit-background-clip:text;color:transparent}.wapper .about_content_div .mid .company_introduce .top h1 span{font-size:.75em;line-height:.75em}.wapper .about_content_div .mid .company_introduce .bottom{height:65%;width:100%;display:flex;align-items:flex-start;justify-content:flex-start}.wapper .about_content_div .mid .company_introduce .bottom p{text-indent:2em;margin:0;font-family:"Montserrat";text-decoration:none;color:#fff;font-size:1.2em;font-weight:200;text-shadow:none;line-height:1.5em}.wapper .about_content_div .mid .company_introduce .bottom .language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti";font-size:1em;line-height:1.5em;font-weight:200;letter-spacing:.3em}.wapper .about_content_div .mid .introduce{height:700px;width:100%;padding:50px 0;display:flex;flex-direction:row;place-content:space-between}.wapper .about_content_div .mid .introduce .left{width:50%;display:flex;justify-content:center;align-items:center}.wapper .about_content_div .mid .introduce .left .icon_h{display:none}.wapper .about_content_div .mid .introduce .left .icon_v{display:block;height:90%}.wapper .about_content_div .mid .introduce .right{width:50%;display:flex;flex-direction:column}.wapper .about_content_div .mid .introduce .right h1{text-align:right;margin:0;font-family:"Staatliches";text-decoration:none;font-size:3em;font-weight:bold;text-shadow:none;letter-spacing:.3em;line-height:3em;background:linear-gradient(to bottom,#fff 30%,#000 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.wapper .about_content_div .mid .introduce .right h1.language_zh{font-family:"Staatliches","Microsoft Yahei","STHeiti";font-weight:bold;font-size:2.5em;letter-spacing:.3em}.wapper .about_content_div .mid .introduce .right h2{text-align:left;padding:0 20px;margin:0;font-family:"Montserrat";text-decoration:none;text-transform:capitalize;color:#fff;font-size:1.4em;font-weight:200;text-shadow:none;line-height:1.5em}.wapper .about_content_div .mid .introduce .right h2.language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti";font-size:1.1em;line-height:1.5em;font-weight:200;letter-spacing:.3em}.wapper .about_content_div .mid .introduce .right h2:before{content:"◆ "}.wapper .about_content_div .mid .introduce .right p{padding:30px 0;text-align:left;text-indent:2em;margin:0;font-family:"Montserrat";text-decoration:none;color:#fff;font-size:1.2em;font-weight:200;text-shadow:none;line-height:1.5em}.wapper .about_content_div .mid .introduce .right p.language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti";font-size:1em;line-height:1.5em;font-weight:200;letter-spacing:.25em}.wapper .about_content_div .mid .introduce:nth-child(even){flex-direction:row-reverse}.wapper .about_content_div .mid .introduce:nth-child(even) h1{text-align:left}.wapper .about_content_div .mid .introduce:nth-child(even) h2{text-align:right}.wapper .about_content_div .mid .introduce:nth-child(even) h2::after{content:" ◆"}.wapper .about_content_div .mid .introduce:nth-child(even) h2:before{content:""}.wapper .about_content_div .mid .founder_div{height:700px;width:100%;padding:100px 0 100px 0;display:flex;flex-direction:row}.wapper .about_content_div .mid .founder_div .founder{width:50%;position:relative}.wapper .about_content_div .mid .founder_div .founder .img_div{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.wapper .about_content_div .mid .founder_div .founder .img_div img{width:auto;height:100%;filter:grayscale(1)}.wapper .about_content_div .mid .founder_div .founder .text_div{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;flex-direction:column;justify-content:flex-end}.wapper .about_content_div .mid .founder_div .founder .text_div h1{text-align:left;margin:0;font-family:"Staatliches";text-transform:uppercase;text-decoration:none;color:#fff;font-size:3em;font-weight:bold;text-shadow:none;letter-spacing:.3em;line-height:1.2em}.wapper .about_content_div .mid .founder_div .founder .text_div h1.language_zh{font-family:"Staatliches","Microsoft Yahei","STHeiti";font-weight:bold;font-size:2.5em;letter-spacing:.3em}.wapper .about_content_div .mid .founder_div .founder .text_div h2{text-align:left;margin:0;font-family:"Montserrat";text-transform:capitalize;text-decoration:none;color:#fff;font-size:1.4em;font-weight:200;text-shadow:none;line-height:1.5em}.wapper .about_content_div .mid .founder_div .founder .text_div h2.language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti";font-size:1.1em;line-height:1.5em;font-weight:200;letter-spacing:.3em}.wapper .about_content_div .mid .founder_div .founder:last-child .text_div h1{text-align:right}.wapper .about_content_div .mid .founder_div .founder:last-child .text_div h2{text-align:right}.wapper .about_content_div .bottom{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.wapper .about_content_div .bottom .ending_div{height:100%;max-width:90vw;width:960px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.wapper .about_content_div .bottom .ending_div .text{padding:30px 0;text-align:left;text-indent:2em;margin:0;font-family:"Montserrat";text-decoration:none;color:#fff;font-size:3em;font-weight:200;text-shadow:none;line-height:1.5em}.wapper .about_content_div .bottom .ending_div .text.language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti";font-size:3em;line-height:1.5em;font-weight:200;letter-spacing:.25em}.wapper .about_content_div .bottom .ending_div .contact_us_div{pointer-events:auto;cursor:pointer}.wapper .about_content_div .bottom .ending_div .contact_us_div .button{padding:30px 0;text-align:center;margin:0;font-family:"Montserrat";text-transform:capitalize;text-decoration:underline;color:#fff;font-size:1.2em;font-weight:200;text-shadow:none;line-height:1.5em}.wapper .about_content_div .bottom .ending_div .contact_us_div .button.language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti";font-size:1em;line-height:1.5em;font-weight:200;letter-spacing:.25em}.wapper .contact_content_div{margin:0;z-index:0;position:relative;display:none;flex-direction:column;align-items:center}.wapper .contact_content_div .top{height:100vh;width:100vw}.wapper .contact_content_div .mid{max-width:90vw;width:960px;display:flex;flex-direction:column;justify-content:center;align-items:center}.wapper .contact_content_div .mid .join_us{width:100%;margin-top:10%;margin-bottom:10%;height:auto;display:flex;place-content:space-between}.wapper .contact_content_div .mid .join_us .left{width:40%}.wapper .contact_content_div .mid .join_us .left h1{margin:0;font-family:"Staatliches";text-decoration:none;color:#fff;font-size:3em;font-weight:lighter;text-shadow:none;letter-spacing:.3em;line-height:1em}.wapper .contact_content_div .mid .join_us .left .language_zh{font-family:"Staatliches","Microsoft Yahei","STHeiti";font-weight:bold}.wapper .contact_content_div .mid .join_us .right{width:40%;display:flex;flex-direction:column}.wapper .contact_content_div .mid .join_us .right p{text-indent:25px;margin:0;font-family:"Montserrat";text-decoration:none;color:#fff;font-size:1.2em;font-weight:200;text-shadow:none;line-height:1.5em}.wapper .contact_content_div .mid .join_us .right h2{margin:0;font-family:"Montserrat";text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,0.5);font-size:1.2em;text-shadow:none;letter-spacing:.1em}.wapper .contact_content_div .mid .join_us .right h2 a{color:rgba(255,255,255,0.5);text-decoration:none}.wapper .contact_content_div .mid .join_us .right .language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti"}.wapper .contact_content_div .mid .adress{width:100%;margin-top:10%;margin-bottom:10%;height:auto;display:flex;place-content:space-between}.wapper .contact_content_div .mid .adress .right{width:40%}.wapper .contact_content_div .mid .adress .right h1{text-align:right;margin:0;font-family:"Staatliches";text-decoration:none;color:#fff;font-size:3em;font-weight:lighter;text-shadow:none;letter-spacing:.3em;line-height:1em}.wapper .contact_content_div .mid .adress .right .language_zh{font-family:"Staatliches","Microsoft Yahei","STHeiti";font-weight:bold}.wapper .contact_content_div .mid .adress .left{width:40%;display:flex;flex-direction:column}.wapper .contact_content_div .mid .adress .left .introduce{margin-bottom:5%}.wapper .contact_content_div .mid .adress .left .date_location{display:flex;place-content:space-between}.wapper .contact_content_div .mid .adress .left .date_location .date{text-align:left}.wapper .contact_content_div .mid .adress .left .date_location .location{text-align:right}.wapper .contact_content_div .mid .adress .left p{margin:0;font-family:"Montserrat";text-decoration:none;color:#fff;font-size:1.2em;font-weight:200;text-shadow:none;line-height:1.5em;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.wapper .contact_content_div .mid .adress .left .language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti"}.wapper .contact_content_div .mid .adress .left #map_container{width:125%;height:300px;overflow:hidden;cursor:pointer}.wapper .contact_content_div .mid .adress .left #map_container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.no-touch .wapper .contact_content_div .mid .adress .left #map_container img{filter:brightness(70%);transform:scale(1.1);transition:.3s ease-in-out;width:100%}.no-touch .wapper .contact_content_div .mid .adress .left #map_container img:hover{filter:brightness(100%);transform:scale(1)}.wapper .contact_content_div .mid .contact_method{width:100%;margin-top:10%;margin-bottom:10%;height:auto;display:flex;place-content:space-between}.wapper .contact_content_div .mid .contact_method .left{width:40%}.wapper .contact_content_div .mid .contact_method .left h1{margin:0;font-family:"Staatliches";text-decoration:none;color:#fff;font-size:3em;font-weight:lighter;text-shadow:none;letter-spacing:.3em;line-height:1em}.wapper .contact_content_div .mid .contact_method .left .language_zh{font-family:"Staatliches","Microsoft Yahei","STHeiti";font-weight:bold}.wapper .contact_content_div .mid .contact_method .right{width:40%;display:flex;flex-direction:column}.wapper .contact_content_div .mid .contact_method .right .line{display:flex;align-items:center}.wapper .contact_content_div .mid .contact_method .right .line img{width:30px;height:30px;margin:10px}.wapper .contact_content_div .mid .contact_method .right .line h2{margin:0;font-family:"Montserrat";text-transform:uppercase;text-decoration:none;color:#fff;font-size:1.1em;text-shadow:none;letter-spacing:.1em;line-height:60px}.wapper .contact_content_div .mid .contact_method .right .line h2 a{color:#fff;text-decoration:none}.wapper .contact_content_div .mid .contact_method .right .line .language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti"}.wapper .contact_content_div .bottom{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.wapper .contact_content_div .bottom .ending_div{height:100%;max-width:90vw;width:960px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.wapper .contact_content_div .bottom .ending_div .text{padding:30px 0;text-align:left;text-indent:2em;margin:0;font-family:"Montserrat";text-decoration:none;color:#fff;font-size:3em;font-weight:200;text-shadow:none;line-height:1.5em}.wapper .contact_content_div .bottom .ending_div .text.language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti";font-size:3em;line-height:1.5em;font-weight:200;letter-spacing:.25em}.wapper .contact_content_div .bottom .ending_div .about_us_div{pointer-events:auto;cursor:pointer}.wapper .contact_content_div .bottom .ending_div .about_us_div .button{padding:30px 0;text-align:center;margin:0;font-family:"Montserrat";text-transform:capitalize;text-decoration:underline;color:#fff;font-size:1.2em;font-weight:200;text-shadow:none;line-height:1.5em}.wapper .contact_content_div .bottom .ending_div .about_us_div .button.language_zh{font-family:"Montserrat","Microsoft Yahei","STHeiti";font-size:1em;line-height:1.5em;font-weight:200;letter-spacing:.25em}.bottons{position:fixed;width:100%;height:100%;z-index:1;pointer-events:none;display:flex;justify-content:center;align-items:center}.bottons .works_cube{cursor:pointer;display:block;pointer-events:auto;position:absolute;height:85vh;width:40vh;transform:translateX(20vw)}.bottons .works_button{cursor:pointer;display:block;pointer-events:auto;position:absolute;height:30vh;width:120vh;transform:translateX(20vw) translateX(-70vh)}.bottons .projects_button{cursor:pointer;display:none;pointer-events:auto;position:absolute;height:65vh;width:110vh;transform:translateY(-2vh)}.master{position:fixed;width:100%;bottom:0;z-index:999;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.master .master_box{transition:.3s cubic-bezier(0.77,0.2,0.05,1);width:100%;text-align:center;transform:translateY(100%);-webkit-backdrop-filter:blur(10px) brightness(20%);backdrop-filter:blur(10px) brightness(20%)}.master .master_box a{text-align:center;margin:0;font-family:"Microsoft Yahei","STHeiti";font-size:.25em;text-decoration:none;color:#fff;font-weight:lighter;text-shadow:none;letter-spacing:.05em;line-height:20px}.master:hover .master_box{transform:translateY(0)}