@use "sass:math";.h-top{display:flex;justify-content:space-between;align-items:center;width:100%;height:clamp(36px, 2.1875vw, 42px);background:#3d84c4}.h-top .wrap-left{display:flex;justify-content:space-between;gap:clamp(38px, 5vw, 96px)}.h-top span{font-size:clamp(5px, .625vw, 12px);color:#fff}header{width:100%;max-width:1920px;font-size:0;position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:100}@media screen and (min-width: 768px){header{transition:all .35s ease-in-out}}header .header{position:relative;padding-top:clamp(5px, .625vw, 12px)}header .header::before{content:"";width:100%;height:clamp(14px, 1.875vw, 36px);position:absolute;top:0;left:0;background:#fff}@media screen and (min-width: 768px){header .header::before{transition:all .35s ease-in-out}}header .header .wrap-box{display:flex;justify-content:space-between;align-items:center;height:clamp(36px, 4.6875vw, 90px);gap:clamp(4px, .46875vw, 9px)}@media screen and (min-width: 768px){header .header .wrap-box{transition:all .35s ease-in-out}}header .header .header-left{position:relative;z-index:3;flex-shrink:0}header .header .header-left .logo{display:flex;justify-content:center;align-items:center;font-family:"logo";font-size:clamp(14px, 1.875vw, 36px);font-weight:600;color:#3d84c4;width:clamp(118px, 15.3125vw, 294px);height:clamp(36px, 4.6875vw, 90px);border-radius:clamp(10px, 1.25vw, 24px);background:#f9f8f8}header .header .header-left .logo.en{font-size:clamp(12px, 1.5625vw, 30px)}header .header .header-right{width:100%}header .header .header-right .menu{display:none}header .header .header-right .nav-box{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative;gap:clamp(4px, .46875vw, 9px)}header .header .header-right .nav{display:flex;justify-content:space-around;align-items:center;box-sizing:border-box;width:100%;background:#f9f8f8;border-radius:clamp(10px, 1.25vw, 24px);min-width:clamp(123px, 16.04167vw, 308px);padding:0 clamp(17px, 2.1875vw, 42px)}header .header .header-right .nav.w-auto{width:auto}header .header .header-right .nav li{position:relative}header .header .header-right .nav li.haschild>a::after{content:"\e617";font-family:"iconfont";font-size:clamp(6px, .83333vw, 16px);transform:rotate(90deg)}header .header .header-right .nav li.item a:hover{color:#3d84c4}header .header .header-right .nav li.item.active a{color:#3d84c4}header .header .header-right .nav li a{font-size:clamp(12px, .9375vw, 18px);font-weight:600;text-transform:uppercase;height:clamp(36px, 4.6875vw, 90px);display:flex;justify-content:space-between;align-items:center;line-height:clamp(36px, 4.6875vw, 90px);color:#000;position:relative}@media screen and (min-width: 768px){header .header .header-right .nav li a{transition:all .35s ease-in-out}}header .header .header-right .nav li.search a i::before,header .header .header-right .nav li.lang a i::before{font-size:clamp(12px, .9375vw, 18px);margin:0 clamp(2px, .26042vw, 5px) 0 0;font-weight:300}header .header .header-right .nav li.search a i.f-24::before,header .header .header-right .nav li.lang a i.f-24::before{font-size:clamp(12px, 1.25vw, 24px)}@media screen and (min-width: 768px){header .header .header-right .nav li .box{position:absolute;top:100%;left:50%;transform:scaleY(0) translateX(-50%);pointer-events:none;transition:transform .2s .3s;height:auto;transform-origin:top center;background:#fff;border-bottom-left-radius:clamp(5px, .625vw, 12px);border-bottom-right-radius:clamp(5px, .625vw, 12px);overflow:hidden}header .header .header-right .nav li .box ul{display:block;width:100%;opacity:0;-webkit-transform:translate(0, -vw(20));-ms-transform:translate(0, -vw(20));transform:translate(0, -vw(20));-webkit-transition:all .2s;transition:all .2s}header .header .header-right .nav li .box li{border-top:1px solid rgba(0,0,0,0.1)}}@media screen and (min-width: 768px) and (min-width: 768px){header .header .header-right .nav li .box li{transition:all .35s ease-in-out}}@media screen and (min-width: 768px){header .header .header-right .nav li .box li a{display:block;white-space:nowrap;min-width:clamp(84px, 10.9375vw, 210px);color:#666;font-weight:500;font-size:clamp(6px, .83333vw, 16px);height:auto;padding:0.75em clamp(8px, 1.04167vw, 20px);box-sizing:border-box;line-height:1.5;text-align:center;position:relative;-webkit-transition:all 0.3s cubic-bezier(0.86, 0.5, 1, 1);transition:all 0.3s cubic-bezier(0.86, 0.5, 1, 1)}header .header .header-right .nav li .box li a::before{display:none}header .header .header-right .nav li .box li:hover{border-top:1px solid rgba(0,0,0,0.8)}header .header .header-right .nav li .box li:hover a{background:rgba(0,0,0,0.8);color:#fff}header .header .header-right .nav li:hover .box{transform:scaleY(1) translateX(-50%);transition:transform .3s;pointer-events:auto;box-shadow:0 10px 10px rgba(0,0,0,0.1)}header .header .header-right .nav li:hover .box ul{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:all .2s .3s;transition:all .2s .3s}}header.active{background:#f9f8f8}header.active .header::before{background:#f9f8f8}.i-search{position:fixed;top:0;left:0;font-size:0;width:100%;height:100%;overflow:hidden;background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);z-index:100;opacity:0;pointer-events:none;z-index:-1}@media screen and (min-width: 768px){.i-search{transition:all .5s ease-in-out}}.i-search .box{width:1000px;height:auto;position:relative;top:50%;left:50%;transform:translate(-50%, -50%)}.i-search .box form{position:relative}.i-search .box form input{border:none;border-bottom:1px solid #333;background:none;font-size:30px;color:#1e1e1e;width:100%;line-height:1;padding:20px 0;display:block;outline:none;margin-bottom:30px}.i-search .box form input::placeholder{color:#333}.i-search .box form button{width:60px;height:60px;font-family:"iconfont";color:#333;text-align:center;line-height:60px;font-size:36px;border:none;outline:none;cursor:pointer;background:none;position:absolute;right:0;top:0}@media screen and (min-width: 768px){.i-search .box form button{transition:all .5s ease-in-out}}.i-search .box form button:hover{color:#3d84c4}.i-search .close{position:absolute;right:40px;top:40px}.i-search .close i{font-family:"iconfont";font-size:48px;color:#000;display:inline-block;cursor:pointer}@media screen and (min-width: 768px){.i-search .close i{transition:all .5s ease-in-out}}.i-search .close i:hover{color:#3d84c4;transform:rotate(180deg)}.i-search.active{opacity:1;pointer-events:auto;z-index:998}@media screen and (max-width: 1920px) and (min-width: 769px){.i-search .box{width:52vw}.i-search .box form input{font-size:1.5625vw;padding:1.04167vw 0;margin-bottom:1.5625vw}.i-search .box form button{width:3.125vw;height:3.125vw;line-height:3.125vw;font-size:1.875vw}.i-search .close{right:2.083vw;top:2.083vw}.i-search .close i{font-size:2.5vw}}.pc-none{display:none}@media screen and (max-width: 768px){.h-top{display:none}.pc-none{display:inline-block}header.open .header .header-right .menu i{background:transparent}header.open .header .header-right .menu i::before{transform:rotate(45deg);top:0;background:#000}header.open .header .header-right .menu i::after{transform:rotate(-45deg);top:0;background:#000}header.open .header .header-right .nav-box{opacity:1;pointer-events:auto}header .header{padding-top:0;background:#fff}header .header::before{display:none}header .header .wrap-box{height:auto;height:6rem;gap:0}header .header .header-left{position:relative;z-index:3;flex-shrink:0}header .header .header-left .logo{font-size:2.8rem;width:auto;height:auto;border-radius:0;background:none}header .header .header-left .logo.en{font-size:2.4rem}header .header .header-right{width:100%}header .header .header-right .menu{display:block;width:4rem;height:4rem;position:absolute;top:1rem;right:2rem;display:flex;justify-content:center;align-items:center;z-index:3}header .header .header-right .menu i{display:block;position:relative;width:2rem;height:1px;background:#000;transition:all .3s ease-in-out}header .header .header-right .menu i::before,header .header .header-right .menu i::after{content:"";display:block;position:absolute;width:100%;height:1px;background:#000;left:0;transition:all .3s ease-in-out}header .header .header-right .menu i::before{top:-.7rem}header .header .header-right .menu i::after{top:.7rem}header .header .header-right .nav-box{display:block;width:100%;height:calc(100vh - 6rem);background:#fff;position:absolute;top:6rem;left:0;gap:0;opacity:0;pointer-events:none;background:#f9f8f8;overflow-y:auto;box-sizing:border-box;padding-top:3rem}header .header .header-right .nav{flex-direction:column;box-sizing:border-box;width:100%;border-radius:0;min-width:100%;padding:0}header .header .header-right .nav.w-auto{width:auto;display:inline-block;min-width:auto;width:6rem;z-index:2;position:fixed;right:6rem;top:0;background:none}header .header .header-right .nav.w-auto li.lang{display:none}header .header .header-right .nav.w-auto li.search{width:auto}header .header .header-right .nav.w-auto li.search a i::before{font-size:2rem;color:#000}header .header .header-right .nav li{position:relative;width:100%}header .header .header-right .nav li.haschild>a::after{content:"\e617";font-family:"iconfont";font-size:1.6rem;transform:rotate(90deg)}header .header .header-right .nav li.item a:hover{color:#3d84c4}header .header .header-right .nav li.item.active a{color:#3d84c4}header .header .header-right .nav li a{padding:.5em 1em;font-size:2rem;height:auto;display:flex;justify-content:space-between;align-items:center;line-height:2;box-sizing:border-box;font-weight:500}header .header .header-right .nav li .box{display:none;box-sizing:border-box;padding:2rem 2rem;background:#fff}header .header .header-right .nav li .box ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:0}header .header .header-right .nav li .box li a{font-size:1.6rem;line-height:1.25}header.active{background:#f9f8f8;top:0 !important}.i-search .box{width:90vw}.i-search .box form input{font-size:2.4rem;color:#1e1e1e;width:100%;line-height:1;padding:20px 0;display:block;outline:none;margin-bottom:2.4rem}.i-search .box form input::placeholder{color:#333}.i-search .box form button{width:5.4rem;height:5.4rem;line-height:5.4rem;font-size:2.4rem}.i-search .close{position:absolute;right:4rem;top:4rem}.i-search .close i{font-family:"iconfont";font-size:3.6rem;color:#000;display:inline-block;cursor:pointer}}@media screen and (max-width: 768px) and (min-width: 768px){.i-search .close i{transition:all .5s ease-in-out}}@media screen and (max-width: 768px){.i-search .close i:hover{color:#3d84c4;transform:rotate(180deg)}.i-search.active{opacity:1;pointer-events:auto;z-index:998}}