nav{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);height:100%;height:70px;left:0;position:fixed;top:0;width:100%;z-index:99}nav .navbar{align-items:center;display:flex;height:100%;justify-content:space-between;margin:auto;max-width:1250px;padding:0 50px;width:100%}.navbar .logo img{width:150px}.navbar .logo a{color:#fff;font-size:30px;font-weight:600;text-decoration:none}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:#5e5e5e;font-size:14px;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{color:#1c1e21;display:inline-block;height:100%;line-height:70px;text-align:center;transition:all .3s ease;width:22px}nav .navbar .links li .sub-menu{background:#fff;border-radius:0 0 4px 4px;box-shadow:0 1px 2px rgba(0,0,0,.2);display:none;left:0;line-height:40px;position:absolute;top:60px;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:#1c1e21;font-size:15px;font-weight:500}.navbar .links li .sub-menu .more-arrow{line-height:40px}.menu{margin-top:-5px}.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}.active{border-bottom:2px solid #306ae8}.navbar .links li .sub-menu .more-sub-menu a{word-wrap:break-word}.links li .sub-menu .more:hover .more-sub-menu{display:block}.navbar .search-box{height:40px;position:relative;width:40px}.navbar .search-box i{color:#306ae8;cursor:pointer;font-size:22px;font-weight:600;height:100%;line-height:40px;position:absolute;text-align:center;transition:all .3s ease;width:100%}.navbar .search-box .input-box{background:#306ae8;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:#306ae8;opacity:1;pointer-events:auto;top:65px}.search-box .input-box:before{background:#306ae8;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:920px){nav .navbar{max-width:100%;padding:0 25px}nav .navbar .logo a{font-size:27px}nav .navbar .links li{padding:0 10px;white-space:nowrap}nav .navbar .links li a{font-size:15px}}@media (max-width:800px){.navbar .bx-menu{display:block}nav .navbar .nav-links{background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.2);display:block;left:-100%;line-height:40px;max-width:270px;padding:20px;position:fixed;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{color:#306ae8;font-size:25px}.sidebar-logo .logo-name img{width:100px}.navbar .bx-menu,.sidebar-logo i{color:#306ae8;font-size:25px}nav .navbar .links{display:block;margin-top:20px}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)}}@media (max-width:370px){nav .navbar .nav-links{max-width:100%}}#searchData{background-color:#fff;border-radius:4px 4px 0 0;border-top:2px solid #000;display:none;margin-top:60px;padding:10px;z-index:9999999}#searchData ul li{display:block;font-weight:500;list-style-type:none;margin-bottom:10px;width:100%}#searchData ul li:hover{background-color:#e9e9e9;cursor:pointer;padding:8px 15px}@media (max-width:1024px){.navbar .logo img{width:100px}nav .navbar .links li a{font-size:10px}}