nav{background:#fff;height:100%;height:70px;left:0;position:fixed;top:0;width:100%;z-index:99999}nav .navbar{align-items:center;display:flex;height:100%;justify-content:space-between;margin:auto;max-width:1280px;padding:0 20px;width:100%}.navbar .logo a img{max-width:250px;width:auto}.navbar .logo a{display:flex;text-decoration:none}.navbar__inner{align-items:center;display:flex;height:100%;justify-content:flex-end;width:100%}nav .navbar .nav-links{height:100%;line-height:70px}nav .navbar .links{display:flex}nav .navbar .links li{align-items:center;display:flex;justify-content:space-between;list-style:none;padding:0 14px;position:relative}nav .navbar .links li a{color:#101010;font-size:15px;font-weight:500;height:100%;text-decoration:none;white-space:nowrap}.links li:hover .htmlcss-arrow,.links li:hover .js-arrow{transform:rotate(180deg)}nav .navbar .links li .arrow{display:inline-block;height:100%;line-height:70px;margin-left:5px;text-align:center;transition:all .3s ease;width:22px}nav .navbar .links li .arrow svg{fill:#101010;height:20px;position:relative;top:3px}nav .navbar .links li .sub-menu{background:#1d4f91;border-radius:0 0 4px 4px;box-shadow:0 1px 2px rgba(0,0,0,.2);display:none;left:0;line-height:40px;margin:0;padding:0;position:absolute;top:70px;z-index:2}nav .navbar .links li:hover .htmlCss-sub-menu,nav .navbar .links li:hover .js-sub-menu{display:block}.navbar .links li .sub-menu li{border-bottom:1px solid hsla(0,0%,100%,.1);padding:0 22px}.navbar .links li .sub-menu a{color:#fff;font-size:15px;font-weight:500}.navbar .links li .sub-menu .more-arrow{line-height:40px}.navbar .links li .sub-menu .more-sub-menu{border-radius:0 4px 4px 4px;display:none;left:100%;position:absolute;top:0;z-index:1}.links li .sub-menu .more:hover .more-sub-menu{display:block}.navbar .search-box{height:40px;position:relative;width:40px}.navbar .search-box i{align-content:center;align-items:center;color:#fff;cursor:pointer;display:flex;font-size:22px;font-weight:600;height:100%;justify-content:center;line-height:40px;position:absolute;text-align:center;transition:all .3s ease;width:100%}.navbar .search-box i svg{fill:#a0a0a0;width:18px}.navbar .search-box .input-box{background:#1d4f91;border-radius:6px;height:60px;opacity:0;pointer-events:none;position:absolute;right:calc(100% - 40px);top:80px;transition:all .4s ease;width:300px}.navbar.showInput .search-box .input-box{background:#1d4f91;opacity:1;pointer-events:auto;top:65px}.search-box .input-box:before{background:#1d4f91;content:"";height:20px;position:absolute;right:10px;top:-6px;transform:rotate(45deg);width:20px}.search-box .input-box input{border:none;border-radius:4px;font-size:16px;height:35px;left:50%;outline:none;padding:0 15px;position:absolute;top:50%;transform:translate(-50%,-50%);width:280px}.navbar .bx-menu,.navbar .nav-links .sidebar-logo{display:none}@media (max-width:1120px){.navbar .bx-menu{display:block}nav .navbar .nav-links{background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.2);display:block;line-height:40px;padding:20px;position:fixed;right:-100%;top:0;transition:all .5s ease;width:100%;z-index:1000}.navbar .nav-links .sidebar-logo{align-items:center;display:flex;justify-content:space-between}.sidebar-logo .logo-name{line-height:1}.sidebar-logo .logo-name img{max-width:200px}.sidebar-logo i{fill:#101010;width:18px}.navbar .bx-menu,.sidebar-logo i{line-height:1}nav .navbar .links{display:block;margin-top:20px;padding:0}nav .navbar .links li a{font-size:18px}nav .navbar .links li .arrow{line-height:40px}nav .navbar .links li{display:block}nav .navbar .links li .sub-menu{box-shadow:none;display:none;position:relative;top:0}nav .navbar .links li .sub-menu li{border-bottom:none}.navbar .links li .sub-menu .more-sub-menu{left:0;position:relative}.navbar .links li .sub-menu .more-sub-menu li{align-items:center;display:flex;justify-content:space-between}.links li:hover .htmlcss-arrow,.links li:hover .js-arrow{transform:rotate(0deg)}.navbar .links li .sub-menu .more-sub-menu{display:none}.navbar .links li .sub-menu .more span{align-items:center;display:flex}.links li .sub-menu .more:hover .more-sub-menu,nav .navbar .links li:hover .htmlCss-sub-menu,nav .navbar .links li:hover .js-sub-menu{display:none}.navbar .nav-links.show1 .links .htmlCss-sub-menu,.navbar .nav-links.show2 .links .more .more-sub-menu,.navbar .nav-links.show3 .links .js-sub-menu{display:block}.navbar .nav-links.show1 .links .htmlcss-arrow,.navbar .nav-links.show3 .links .js-arrow{transform:rotate(180deg)}.navbar .nav-links.show2 .links .more-arrow{transform:rotate(90deg)}.navbar .bx-menu{fill:#a0a0a0;display:flex;margin-left:15px;width:25px}.navbar .search-box i svg{width:25px}}@media (max-width:450px){.navbar .logo a img{max-width:200px}}