@charset "UTF-8";
.header{width:100vw;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
header#header-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:fixed;width:100%;text-align:center;z-index:100;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:76.8px;height:4.8rem;padding:0 9% 0 6%;background:#fff;z-index:9999}
header#header-nav .left img{width:176px;height:auto}
header#header-nav .right .nav_dropdown{margin-right:32px;margin-right:2rem}
header#header-nav .right .nav_dropdown .header-dropdown,header#header-nav .right .nav_dropdown .header-dropdown-mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
header#header-nav .right .nav .nav-item a{display:inline-block;text-decoration:none;color:none;margin-left:20px;padding:11px 16px;border-radius:14px;border:1px solid #e1e8f5;font-family:PingFang SC;font-weight:600;font-size:12.8px;font-size:.8rem;color:#4e5666;line-height:16px!important;line-height:1rem!important;cursor:pointer;background-color:#fff}
header#header-nav .right .nav .nav-item.active a{font-family:PingFang SC;font-weight:600;font-size:12.8px;font-size:.8rem;color:#fff;line-height:16px!important;line-height:1rem!important;border:none;background:-webkit-linear-gradient(11deg,#8a72ff,#2fa9fd,#12c8c9);background:-o-linear-gradient(11deg,#8a72ff,#2fa9fd,#12c8c9);background:linear-gradient(79deg,#8a72ff,#2fa9fd,#12c8c9);display:inline-block;color:#fff}
header#header-nav .right .nav .header-dropdown,header#header-nav .right .nav .header-dropdown-mobile{font-size:18px;font-family:PingFang SC;cursor:pointer;color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
header#header-nav .right .nav .header-dropdown-mobile>span,header#header-nav .right .nav .header-dropdown>span{margin-right:5px}
header#header-nav .right .nav .header-dropdown-mobile>i,header#header-nav .right .nav .header-dropdown>i{-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
header#header-nav .right .nav .header-dropdown-mobile:hover,header#header-nav .right .nav .header-dropdown:hover{color:#000}
header#header-nav .right .nav .header-dropdown-mobile:hover>i,header#header-nav .right .nav .header-dropdown:hover>i{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.current-lang{font-family:PingFang SC;font-weight:600;font-size:12.8px;font-size:.8rem;color:#4e5666;line-height:16px!important;line-height:1rem!important}
.layui-dropdown{border:none!important}
.layui-dropdown .layui-menu{text-align:center;height:150px;overflow:auto;border:none;position:absolute;top:20px}
.layui-dropdown .layui-menu li{padding:5px 35px}
.moment-header-dropdown{background:#1d202a;border-radius:10px;border:none}
.layui-menu{background-color:#1d202a!important;border-radius:10px;border:none;margin:0;padding:5px 0}
.layui-menu li:hover{background:#2e3240}
.layui-menu li:hover .layui-menu-body-title{color:#fff}
.layui-menu li .layui-menu-body-title{color:rgba(229, 224, 216, .85)}
.offcanvas_modal{width:100vw;height:100vh;position:fixed;padding-top:env(safe-area-inset-top);top:76.8px;top:4.8rem;left:0;background-color:rgba(0, 0, 0, .5);z-index:999;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;visibility:hidden;opacity:0;-webkit-transition:opacity .6s ease-in-out,visibility 0s .5s;-o-transition:opacity .6s ease-in-out,visibility 0s .5s;transition:opacity .6s ease-in-out,visibility 0s .5s}
.offcanvas_modal.show{visibility:visible;opacity:1;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.offcanvas_body{-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out, -webkit-transform .5s ease-in-out;width:64%;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);height:100%;background-color:#fff}
.offcanvas_modal.show .offcanvas_body{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.nav_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0!important}
.nav_list .nav-item{padding:0 32px;padding:0 2rem;height:76.8px;height:4.8rem;line-height:76.8px;line-height:4.8rem;border-bottom:1px solid #ddd}
.nav_list .nav-item a{font-family:PingFang SC;font-weight:600;font-size:19.2px;font-size:1.2rem;color:#4e5666;text-decoration:none;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}
.nav_list .nav-item:hover{background-color:#f7f7f7}
.offcanvas_footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.offcanvas_footer span{width:200px;text-align:center;font-family:PingFang SC;font-weight:400;font-size:9px;color:#4e5666;line-height:12px}
.offcanvas_footer div{width:170px;height:170px;border-radius:10px;border:1px solid #dce0e8;margin:96px 0 16px;margin:6rem 0 1rem}
.offcanvas_footer div img{width:100%;height:100%}
.navbar-toggler-icon1{display:inline-block;width:22px;height:2px;background-color:#4e5666;position:relative;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.navbar-toggler-icon1::after,.navbar-toggler-icon1::before{content:"";display:inline-block;width:22px;height:2px;background-color:#4e5666;position:absolute;left:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.navbar-toggler-icon1::before{top:-7px}
.navbar-toggler-icon1::after{top:7px}
.navbar-toggler.show .navbar-toggler-icon1{background-color:transparent}
.navbar-toggler.show .navbar-toggler-icon1::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:0}
.navbar-toggler.show .navbar-toggler-icon1::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:0}
@media (max-width:1200px){header#header-nav{-webkit-box-align:center;-ms-flex-align:center;align-items:center}header#header-nav .left img{width:147px}.header-dropdown,.header-dropdown-mobile{cursor:pointer}.layui-dropdown-menu{right:-4rem!important;font-size:1rem!important}.layui-dropdown .layui-menu li{padding:.4rem 1.2rem}.layui-dropdown:before{display:none!important}.layui-dropdown{min-width:0!important}.nav_list .nav-item{text-align:start!important}.current-lang{font-family:PingFang SC;font-weight:600;font-size:1.3rem;color:#4e5666;line-height:1rem!important}}
@media screen and (max-width:1024px){.header{height:4.8rem}header#header-nav{background:#fff}header#header-nav .left img{width:124px;height:auto}header#header-nav .nav_dropdown{font-size:1rem!important}}