@charset "UTF-8";nav{width:100%;height:75px;margin:auto;padding-right:1%;display:flex;position:relative;justify-content:space-between;background:#000}.nav--wrapper{position:relative;display:flex}ul.nav{height:auto;margin:0;display:flex;padding:0;font-weight:400;line-height:2rem;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:space-evenly;align-items:center}ul.nav a{display:block}ul.nav li{display:block;overflow:hidden;width:100%;min-width:120px;height:100%}ul.nav li a{display:block;color:#fff;width:100%;height:auto;position:absolute;bottom:0;transition:all .5s}ul.nav li:hover a{transition:all .5s;bottom:-100%}ul.nav li p{width:100%;height:75px;display:flex;transition:all .5s;text-align:center;position:relative;justify-content:center;align-items:center;word-break:keep-all;transition:all .5s}ul.nav li p:first-child{color:var(--EfunColor--bluehover)!important;transition:all .5s}ul.nav li p:nth-child(2){color:#fff;transition:all .5s}.logo{width:30%;max-width:180px;min-width:150px;height:auto;display:block;z-index:60;position:relative;float:left;padding:10px 10px}.logo img{width:100%;height:auto}.language--wrapper{position:relative;box-sizing:content-box;display:flex;align-items:center;justify-content:center}ul.language{width:100%;height:auto;padding:0;margin:0;color:#fff;cursor:pointer}ul.language li{width:100%;display:none;transition:all .3s cubic-bezier(.645, .045, .355, 1)}.language img,.language--list img{width:27px;height:auto;display:inline-block;padding:0 2%;float:left;transition:all .3s cubic-bezier(.645, .045, .355, 1)}.language--list img{width:19px!important;margin-right:5%}.language--list{padding:35% 8% 8%;width:100%;margin:0;position:absolute;background-color:rgba(0,0,0,.7);box-shadow:rgba(0,0,0,.35) 0 5px 15px;font-size:.9rem;color:#fff;word-break:keep-all;font-weight:400;transform:translateY(-70%);opacity:0;z-index:0;transition:all .5s cubic-bezier(.645, .045, .355, 1)}.language--list.active{transform:translateY(40%);display:block;opacity:1;transition:all .5s cubic-bezier(.645, .045, .355, 1);z-index:5}.language--list li{border-bottom:1px solid #ccc;padding:10% 0;width:100%;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center}.language--list li a{padding:10% 0;width:100%;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center}.language--list li:hover{color:var(--EfunColor--bluehover)!important;transition:all .3s cubic-bezier(.645, .045, .355, 1)}.language--list li:last-child{border-bottom:none}.worlk--wrapper{padding:0 1em;position:relative;box-sizing:content-box;display:flex;align-items:center;justify-content:center}ul.worlk{width:100%;height:auto;padding:0;margin:0;color:#fff;cursor:pointer}ul.worlk li{width:100%;display:none}.worlk img,.worlk--list img{width:27px;height:auto;display:inline-block;padding:0 2%;float:left}.worlk--list img{width:19px!important;margin-right:5%}.worlk--list{padding:35% 8% 8%;width:100%;margin:0;position:absolute;background-color:rgba(0,0,0,.7);box-shadow:rgba(0,0,0,.35) 0 5px 15px;font-size:.9rem;color:#fff;word-break:keep-all;font-weight:400;opacity:0;display:none;z-index:5}.worlk--list.active{transform:translateY(40%);display:block;opacity:1;transition:all 1s}.worlk--list li{border-bottom:1px solid #ccc;padding:10% 0;width:100%;cursor:pointer;font-size:.95em;text-align:center}.worlk--list li:hover{color:var(--EfunColor--bluehover)!important}.worlk--list li:last-child{border-bottom:none}.work_top{position:fixed;width:80px;padding-bottom:80px;display:block;cursor:pointer;background-attachment:scroll;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;background-image:url("/img/works/top.png.webp?v=bba9db829813");z-index:5;bottom:3%;right:0}@media screen and (max-width:960px){.worlk--wrapper{display:none}.nav--wrapper{position:unset;display:flex}nav{position:unset;height:55px}ul.nav{width:100%;height:100%;left:0;top:0;right:0;bottom:0;z-index:990;position:fixed;font-size:1.6rem;flex-direction:column;background:rgba(0,0,0,.8);justify-content:flex-start;display:none}ul.nav.clicked{display:block}ul.nav li:first-child{margin-top:5%}.close{display:inline-block;position:relative;width:65px;height:60px;cursor:pointer;z-index:999}.close>span{display:block;position:absolute;left:18px;width:35px;height:3px;background-color:#dfdfdf;opacity:1;transition:transform .3s;border-radius:10px}.close>span:first-child{top:15px}.close>span:nth-child(2){top:25px}.close>span:nth-child(3){top:35px}.close.clicked>span:first-child{top:25px;transform:rotate(135deg);left:14px;width:40px}.close.clicked>span:nth-child(2){opacity:0}.close.clicked>span:nth-child(3){top:25px;transform:rotate(-135deg);left:14px;width:40px}ul.nav li{display:block;overflow:hidden;width:100%;min-width:120px;height:4rem}.work_top{width:70px;padding-bottom:70px}}@media screen and (max-width:768px){.logo{max-width:170px;padding:0 10px}}@media screen and (max-width:480px){.language--list{margin:5% 0 0 0}.logo{width:30%;max-width:180px;min-width:150px;padding:3px 10px}.work_top{width:50px;padding-bottom:50px}}