.header{width:100%;transition:all .5s;background:#343434}.header-mini{position:fixed;top:0;left:0;right:0;z-index:1000;width:calc(100% - 48px);max-width:1400px;margin:0 auto;background:#343434eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 14px 14px;box-shadow:0 10px 24px #00000029;transform:translateY(-100%);visibility:hidden;opacity:0;pointer-events:none;transition:transform .16s ease,opacity .16s ease,visibility .16s ease}.header-mini.show{transform:translateY(0);visibility:visible;opacity:1;pointer-events:auto;transition:transform .3s ease,opacity .3s ease,visibility .3s ease}.header-mini .navs{max-width:none;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;box-sizing:border-box}.header-mini .navs .toogle{float:none}.header-mini .logo{height:44px;width:auto;float:none;position:static}.header-mini .logo img{height:100%;width:auto;position:static;transform:none}.header-mini .navs_bar{display:none}.header-mini .nav_link{float:none;display:flex;align-items:center}.header-mini .nav_link ul{display:flex;align-items:center}.header-mini .nav_link li{float:none;display:inline-block;line-height:64px;margin-right:28px;font-size:16px;text-align:center}.header-mini .nav_link li:last-child{margin-right:0}.header-mini .nav_link li:before{display:none}.header-mini .nav_link li a{display:block;color:#fff}@media screen and (max-width: 768px){.header-mini{display:none}}.header .top{background:#000;height:20px}.header .nav2{width:100%;height:20px;background-image:linear-gradient(270deg,#ff8116,#8938dc 53%,#3769f4)}.header .logo{height:120px;position:relative;width:334px}.header .logo img{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%)}.header .toogle{float:left}.header .navs{max-width:1740px}.header .nav_link{float:right}.header .nav_link li{float:left;line-height:120px;margin-right:40px;position:relative;font-size:24px;text-align:center}.header .nav_link li a{display:block;color:#fff}.header .nav_link li:before{position:absolute;bottom:0;left:0;z-index:0;width:100%;height:10px;background-color:#efefef}.header .nav_link li:hover:before{content:""}.header .nav_link li.active:before{content:""}.header .nav_link li.nav2_iphone,[v-cloak]{display:none}@media screen and (max-width: 1200px){.header .logo{width:220px;height:80px}.header .nav_link li{line-height:80px;width:auto;margin-right:14px;position:relative;font-size:18px;text-align:center}}@media screen and (max-width: 768px){.header{position:fixed;top:0;left:0;z-index:99}.header .logo{width:196px;height:72px}.header .navs .toogle{float:none}.header .navs_bar{width:36px;height:36px;border-radius:10px;background:#fff3;padding-top:9px;box-sizing:border-box;margin-top:18px;position:relative}.header .navs_bar>div span{width:20px;height:3px;border-radius:313px;background:#fff;display:block;margin:0 auto 4px}.header .navs_bar>div.active{position:absolute;left:50%;top:46%;width:20px;height:20px;transform:translate(-50%)}.header .navs_bar>div.active span{display:block;margin-top:5px}.header .navs_bar>div.active span:nth-child(1),.header .navs_bar>div.active span:nth-child(3){margin:0;position:absolute}.header .navs_bar>div.active span:nth-child(1){transform:rotate(-45deg)}.header .navs_bar>div.active span:nth-child(3){transform:rotate(45deg)}.header .navs_bar>div.active span:nth-child(2){display:none}.header .nav_link{display:none}.header .nav_link.d_b{display:block;float:none;width:100%;position:relative;background:#2d2d2d;border-top:1px solid rgba(255,255,255,.06);max-height:calc(100vh - 88px);overflow-y:auto;-webkit-overflow-scrolling:touch}.header .nav_link.d_b ul{display:flex;flex-direction:column;padding:0 0 6px;margin:0}.header .nav_link li{float:none;width:100%;position:relative;font-size:21px;font-weight:500;text-align:left;line-height:normal;margin:0}.header .nav_link li.lang-switch{position:relative;z-index:300}.header .nav_link li>a{display:flex;align-items:center;height:62px;padding:0 28px;color:#fff;letter-spacing:.02em;box-sizing:border-box}.header .nav_link li>a:hover,.header .nav_link li>a:active{background:#ffffff0d}.header .nav_link li.has-sub .sub{background:transparent;box-shadow:none}.header .nav_link li.has-sub .sub li a{height:56px;padding:0 28px 0 52px;font-size:17px;font-weight:400;color:#ffffffc7;position:relative}.header .nav_link li.has-sub .sub li a:before{content:"";position:absolute;left:30px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#ffffff52}.header .nav_link li.has-sub .sub li a:hover,.header .nav_link li.has-sub .sub li a:active{background:#ffffff0d;color:#fff}.header .nav_link li:before{display:none}.header .nav_link li.active:before{content:none}.header .nav2{height:16px}}
