header{width:100%;display:block;border-bottom:1px solid #ddd;background-color:#fff;position:fixed;z-index:99;top:0;left:0}header .container{padding:0}header .menu_top{display:flex;justify-content:space-between;align-items:center;flex-flow:row nowrap;padding:1rem 0}header .menu_top .logo-block{display:block;max-width:273px;width:100%}header .menu_top .logo-block .logo{display:block;width:100%}header .menu_top .logo-block .logo img{width:100%;max-width:100%}header .menu_top .other-block{display:flex;flex-flow:column nowrap;align-items:flex-end}header .menu_top .other-block .search-block{display:flex;flex-flow:row nowrap;align-items:center}header .menu_top .other-block .search-block .accesskey{display:inline-block}header .menu_top .other-block .search-block .form-group{margin-bottom:0}header .menu_top .other-block .search-block .form-group .form-control{width:213px;height:37px;line-height:37px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:5px 0 0 5px}header .menu_top .other-block .search-block .form-group .form-control:focus{box-shadow:none}header .menu_top .other-block .search-block button{font-weight:300;transition:all ease .35s}header .menu_top .other-block .search-block button:focus{outline:0}header .menu_top .other-block .search-block .form-btn{display:block;width:37px;height:37px;line-height:37px;background-color:#9C6E24;color:#fff;border:none;border-radius:0 5px 5px 0}header .menu_top .other-block .search-block .pro-search{padding:0 .675rem;height:37px;line-height:37px;background-color:#9C6E24;color:#fff;border:none;border-radius:5px}header .menu_top .other-block .hot-search{display:flex;flex-flow:row nowrap;align-items:center;font-weight:400;color:#333;color:#9C6E24}header .menu_top .other-block .hot-search span{font-weight:400;color:#333;margin-bottom:0}header .menu_top .other-block .hot-search .hot-link{color:#9C6E24}header .menu_top .menu-style{margin-bottom:0;display:block;background-color:#fff;width:44px;height:34px;line-height:34px;text-align:center;border:1px solid #ddd;border-radius:4px;pointer-events:auto;transition:all ease .3s}header .menu_group{position:relative;width:100%;background-image:linear-gradient(to right, #9C6E24, #ea5970);background-color:#9C6E24}header .menu_group .nav_bar{margin-bottom:0;display:flex;justify-content:space-around;padding:.5rem}header .menu_group .nav_bar li a{color:#fff;padding:5px 15px;display:block;border-radius:5px;font-size:1rem;text-decoration:none}header .menu_group .nav_bar li.dropdown a.dropdown-toggle::after{border-top:0.25em solid;border-right:0.25em solid transparent;border-left:0.25em solid transparent}header .menu_group .nav_bar li.dropdown .dropdown-menu{top:120%;display:block;visibility:hidden;opacity:0;border:0;padding:0;margin:0;box-shadow:0px 2px 5px rgba(0,0,0,0.15);transition:all ease .3s}header .menu_group .nav_bar li.dropdown .dropdown-menu li{width:100%;display:block}header .menu_group .nav_bar li.dropdown .dropdown-menu li a{padding:10px;color:#333;white-space:nowrap;background-color:transparent}header .menu_group .menu-style{display:none}@media screen and (min-width: 992px){header .menu_top .other-block .search-block .form-group .form-control:focus{border-color:#9C6E24;outline:2px #A06923 dashed;box-shadow:none}header .menu_top .other-block .search-block button:focus{border-color:#9C6E24;outline:2px #A06923 dashed;box-shadow:none}header .menu_top .other-block .search-block .form-btn:hover,header .menu_top .other-block .search-block .pro-search:hover{background-color:#bc8107}header .menu_top .other-block .hot-search .hot-link:hover{color:#bc8107}header .menu_top .menu-style{display:none}header .menu_group .nav_bar li a>i{display:none}header .menu_group .nav_bar li a:hover,header .menu_group .nav_bar li a:focus{background-color:rgba(0,0,0,0.2)}header .menu_group .nav_bar li.dropdown .dropdown-toggle:focus+.dropdown-menu{visibility:visible;opacity:1;transition:all ease .3s}header .menu_group .nav_bar li.dropdown:hover .dropdown-menu{visibility:visible;opacity:1;transition:all ease .3s}header .menu_group .nav_bar li.dropdown .dropdown-menu li a:hover,header .menu_group .nav_bar li.dropdown .dropdown-menu li a:focus{background-color:#d37d1b;color:#fff}header .menu_group .nav_bar li.dropdown .dropdown-menu.show{visibility:visible;opacity:1}header .menu_group .nav_bar li.dropdown .dropdown-menu:focus-within{visibility:visible;opacity:1}}@media screen and (max-width: 991px){header .menu_top{padding:0 1rem;height:60px}header .menu_top .logo-block{width:180px}header .menu_top .other-block{display:none}header .menu_group{position:absolute;right:-100%;top:60px;height:calc(100vh - 60px);width:300px;background-image:none;background-color:#fff;transition:all ease-out .35s}header .menu_group .nav_bar{flex-flow:column nowrap;justify-content:start;height:calc(100vh - 60px);overflow-y:auto}header .menu_group .nav_bar li a{color:#333;padding:.5em 1rem}header .menu_group .nav_bar li a:focus{outline:none}header .menu_group .nav_bar li.dropdown .dropdown-toggle.active{color:#9C6E24}header .menu_group .nav_bar li.dropdown .dropdown-toggle.active::after{transform:scaleY(-1)}header .menu_group .nav_bar li.dropdown .dropdown-menu{display:none;position:static;visibility:visible;opacity:1;width:100%;padding-left:1.5rem;background:rgba(246,169,10,0.1);box-shadow:none;transition:none}}.close-menu{position:fixed;top:0;left:0;right:0;bottom:0;visibility:hidden;opacity:0;pointer-events:none;background-color:rgba(0,0,0,0.3);margin-bottom:0;z-index:99;display:block;transition:all ease-out .35s}@media screen and (min-width: 992px){.close-menu{display:none}}#menu-bar:checked ~ * .menu-style{background-color:#9C6E24;border:none;transition:all ease .3s}#menu-bar:checked ~ * .menu-style i{color:#fff}#menu-bar:checked ~ * .menu-style i::before{content:"\f00d"}#menu-bar:checked ~ * .menu_group{right:0;box-shadow:-5px 0 5px rgba(0,0,0,0.15);transform:translateY(0%);visibility:visible;opacity:1;pointer-events:auto;transition:all cubic-bezier(0.54, 0.75, 0.01, 1.02) 0.7s}#menu-bar:checked ~ * .menu_group *,#menu-bar:checked ~ * .menu_group *::before,#menu-bar:checked ~ * .menu_group *::after{pointer-events:auto}@media screen and (orientation: landscape) and (max-height: 480px){#menu-bar:checked ~ * .menu_group{overflow-y:auto;height:calc(100vh - 60px)}}#menu-bar:checked ~ * .close-menu{visibility:visible;opacity:1;pointer-events:auto;transition:all ease-out .3s}.focusable{position:absolute;top:0;left:0;float:left;width:1px;height:1px;overflow:hidden}.focusable:focus,.focusable:active{width:auto;height:auto;overflow:visible}
/*# sourceMappingURL=menu.css.map */