@charset "utf-8";#g-nav{position:fixed;z-index:999;top:-120%;left:0;width:100%;height:100vh;background:rgba(11,186,181,1);transition:all .6s}#g-nav.panelactive{top:0}#g-nav.panelactive #g-nav-list{position:fixed;z-index:999;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}#g-nav ul{position:absolute;z-index:999;top:50%;left:5%;transform:translateY(-50%);width:90%}#g-nav li{list-style:none;text-align:center}#g-nav li a{color:#fff;text-decoration:none;padding:10px;display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:700}#main_nav{height:80px;position:absolute;left:640px;top:0}#main_nav ul li{list-style-type:none;letter-spacing:.2em;height:80px;float:left;margin-right:50px}#main_nav ul li a{color:rgba(80,80,80,1);line-height:80px;display:block}.openbtn1{position:fixed;z-index:9999;top:10px;right:10px;cursor:pointer;width:50px;height:50px}.openbtn1 span{display:inline-block;transition:all .4s;position:absolute;left:14px;height:3px;border-radius:2px;background-color:#666;width:45%}.openbtn1 span:nth-of-type(1){top:15px}.openbtn1 span:nth-of-type(2){top:23px}.openbtn1 span:nth-of-type(3){top:31px}.openbtn1.active span:nth-of-type(1){top:18px;left:18px;transform:translateY(6px) rotate(-45deg);width:30%}.openbtn1.active span:nth-of-type(2){opacity:0}.openbtn1.active span:nth-of-type(3){top:30px;left:18px;transform:translateY(-6px) rotate(45deg);width:30%}.nav_icon{width:80px;height:80px;position:absolute;right:0;top:0;display:block;background-color:rgba(10,186,181,1)}.openbtn4{position:relative;cursor:pointer;width:50px;height:50px;border-radius:5px;margin:15px auto;background-color:rgba(11,186,181,1);z-index:9999}.openbtn4 span{display:inline-block;transition:all .4s;position:absolute;left:14px;height:2px;border-radius:5px;background:#fff;width:45%}.openbtn4 span:nth-of-type(1){top:13px}.openbtn4 span:nth-of-type(2){top:19px}.openbtn4 span:nth-of-type(3){top:25px}.openbtn4 span:nth-of-type(3):after{content:"Menu";position:absolute;top:5px;left:-2px;color:#fff;font-size:.6rem;text-transform:uppercase}.openbtn4.active span:nth-of-type(1){top:14px;left:18px;transform:translateY(6px) rotate(-45deg);width:30%}.openbtn4.active span:nth-of-type(2){opacity:0}.openbtn4.active span:nth-of-type(3){top:26px;left:18px;transform:translateY(-6px) rotate(45deg);width:30%}.openbtn4.active span:nth-of-type(3):after{content:"Close";transform:translateY(0) rotate(-45deg);top:5px;left:4px}@media screen and (max-width:896px){#main_nav{display:none}}