.header{width:100%;transition:all .5s;background:#343434}.header .top{background:#000;height:20px}.header .nav2{width:100%;height:20px;background-image:linear-gradient(270deg, #FF8116 0%, #8938DC 53%, #3769F4 100%)}.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:0px;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{display:none}[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:rgba(255,255,255,0.2);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:#FFFFFF;display:block;margin:0 auto 4px}.header .navs_bar>div.active{position:absolute;left:50%;top:46%;width:20px;height:20px;transform:translateX(-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}.header .nav_link li{line-height:72px;width:100%;position:relative;font-size:20px;text-align:left}.header .nav_link li:before{display:none}.header .nav_link li.active:before{content:none}.header .nav2{height:16px}}
.header-mini{position:fixed;top:0;left:0;right:0;z-index:1000;width:calc(100% - 48px);max-width:1400px;margin:0 auto;background:rgba(52,52,52,0.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 14px 14px;box-shadow:0 10px 24px rgba(0,0,0,0.16);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}}
