.HJZF2__header-HJ01 {  position: absolute; width: 100%; left: 0; top: 0; z-index: 99; }
.HJZF2_header-HJ01_logo img { max-height: 60px; margin-top: 5px; }
.HJZF2_header-HJ01_nav li { transition: all .5s ease-in; }
.HJZF2_header-HJ01_nav .main-nav { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
.HJZF2_header-HJ01_nav .main-nav >  li { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; text-align: center; position: relative; text-transform: uppercase; }
.HJZF2_header-HJ01_nav .main-nav .nav_tells{display:  flex; color: #fff; justify-content: center; align-items: center;}
.HJZF2_header-HJ01_nav .main-nav .nav_tells_drop .nav_tells_img{margin-right: 10px;}
.HJZF2_header-HJ01_nav .main-nav .nav_tells .nav_tells_text{font-size: 16px; font-weight: bold;}
.HJZF2_header-HJ01_nav .main-nav > li h2 { font-size: 16px; color: #fff; line-height: 70px; font-weight: normal; }
.HJZF2_header-HJ01_nav .head-12__nav__dropdown-menu { position: absolute; display: block; min-width: 100%; background-color: #fff; border-radius: 5px; font-size: 14px; left: 0; top: 80px; padding-top: 4px; padding-bottom: 4px; transition: all .4s ease-in; opacity: 0; visibility: hidden; box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1); border: 1px solid #ccc; }
.head-12__nav__dropdown-menu li { text-align: center; white-space: nowrap; position:relative;}
.head-12__nav__dropdown-menu li a { color: #333; display: block; font-size: 14px; padding: 0 10px; transition: all .5s linear; }
.head-12__nav__dropdown-menu li h3 { font-size: 14px; line-height: 3; }
.head-12__nav__dropdown-menu li:hover a { background-color: #555; color: #fff; }
.head-12__nav__dropdown-menu li ul{ display:none; left: 100%; top: 0; border-radius: 5px; padding: 5px 0; position: absolute; background: #fff; min-width: 100%;}
.head-12__nav__dropdown-menu li:hover ul li a,.HJZF2__header_scroll .head-12__nav__dropdown-menu li:hover ul li a{ background:#fff; color: #333;}
.head-12__nav__dropdown-menu li:hover ul{ display:block;}

.HJZF2_header-HJ01_nav li:hover .head-12__nav__dropdown-menu { top: 70px; opacity: 1; visibility: visible; }
.HJZF2__header-HJ01_search { text-align: center; }
.HJZF2__header-HJ01_search { position: absolute; width: 23px; height: 23px; margin-left: 10px; top: 50%; left: 0px; transform: translate(0%, -50%); cursor: pointer;}
.HJZF2__header_scroll { opacity: 0; z-index: 1; transition: all .5s ease-in; background-color: #333; }
.HJZF2__header_scroll.active { opacity: 1; z-index: 999; }
.pc_search { padding: 5px; border: 1px solid #ccc; background-color: #fff; min-width: 220px; }
.pc_search input:focus,.pc_search input:active{border: 0;}
.pc_search input { width: 180px; height: 32px;line-height: 32px; float: left;color: #333 !important; border-color: #ccc; padding-left: 10px; }
.pc_search img { float: right; width: 23px; height: 23px; margin-top: 5px;margin-left: 2px; }

.head_langauge{margin-left: 10px;position: relative;cursor: pointer;z-index: 100;margin-right: 10px;}
.head_langauge span{color: #fff;font-size: 16px;line-height: 70px;}
.head_langauge i{color: #fff;margin-right: 5px;line-height: 70px;}
.head_langauge #lang_ul{position: absolute;top: 50px;left: 0;display: none;background: #fff;padding: 5px 10px;box-shadow: 0 0 2px rgba(0,0,0,0.2);width: auto;z-index: 2}
.head_langauge #lang_ul li{padding-left: 20px;position: relative;margin-bottom: 5px;}
.head_langauge #lang_ul li a{color: #666;}
.head_langauge:hover #lang_ul{display: block;}
.head_langauge ul li:hover a{text-decoration: underline;}
/*search*/
.HJZF2__header-HJ01_search_all { position: relative;width: 33px; }
.HJZF2__header-HJ01_search_all .pc_search { position: absolute; opacity: 0; visibility: hidden; right: 0px; bottom: -80%; transition: all .5s ease-out; }
.HJZF2__header-HJ01_search_all .pc_search.active { opacity: 1; visibility: visible; bottom:  -63%; }
.pc_search { background-color: #eee; }
.search_submit_bg{float: right; width: 20px; height: 20px; margin-top: 5px;margin-left: 2px;border: 0;outline: 0; margin-right: 6px; background:none;}

/*mobile*/
.mobile_head { margin: auto; }
.mobile_head_content { align-items: center; justify-content: space-between; padding-top: 10px; padding-bottom: 10px; }
.mobile_logo { width: 60%; float: left; }
.mobile_logo img { max-width: 100% }
.mobile_navbutton { width: 30px; float: right; }
.mobile_navbutton a { display: inline-block; width: 30px; height: 32px; }
.mobile_navbutton span { width: 100%; height: 2px; display: inline-block; background: #46403d; position: relative; }
.mobile_navbutton span:before, .mobile_navbutton span:after { content: ''; display: inline-block; width: 100%; height: 2px; background: #46403d; position: absolute; left: 0; }
.mobile_navbutton span:before { top: -10px; }
.mobile_navbutton span:after { bottom: -10px; }

/*mobile serach*/
.mobile_searchbutton { float: right; margin-right: 20px; width: 30px; height: 40px; }
.mobile_searchbutton img { width: 100% }
.mobile_search_content { width: 100%; margin: auto; height: 0; overflow: hidden; transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; }
.mobile_search_content.active { height: 60px; transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; }
.mobile_search { padding: 10px 15px; margin: auto; background: #6c6c6c }
.mobile_search .mobile_search_box form { display: flex; display: -webkit-flex; align-items: center; justify-content: space-between }
.mobile_search_input { width: calc(100% - 35px);display: flex;display: -webkit-flex; }
.mobile_search_input input { width: 100%; padding-left: 10px; border: none; background: #808080; height: 40px; color: #fff; }
.mobile_search_input button{border: none;outline: none;background: #808080;color: #fff;padding: 0 3vw;}
.mobile_search_close { width: 25px; height: 25px; }
.mobile_search_close img { width: 100%; }


/*mobile serach*/
.mobile-sticky-header-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; background-color: rgba(17, 17, 17, .5); -webkit-transition: all .4s; transition: all .4s; z-index: 9601; }
.mobile-sticky-header-overlay.active { opacity: 1; visibility: visible; z-index: 9601; }
.mobile-menu-Sidebar { position: fixed; top: 0; height: 100%; min-height: 100%; max-width: 100%; z-index: 9602; box-sizing: border-box; -ms-transition: -ms-transform .5s ease; -webkit-transition: -webkit-transform .5s ease; transition: all .5s ease; -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(0100%, 0, 0); transform: translate3d(100%, 0, 0); overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: #fff; width: 300px; right: 0; }
.mobile-sticky-header-overlay.active .mobile-menu-Sidebar { right: 300px; -ms-transition: -ms-transform .5s ease; -webkit-transition: -webkit-transform .5s ease; transition: right .5s ease; }
.mobile-header-scrollbar-wrap { position: relative; width: 100%; height: 100%; padding: 0 15px; }
.mobile-menutop { width: 100%; padding: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
.mobile-menutop .mobile-menutop-box { display: flex; display: -webkit-flex; justify-content: flex-end; align-items: center; margin-bottom: 10px; }
.mobile-menu-Sidebar-close { float: right }
.mobile-menu-Sidebar-close span { position: relative; display: block; width: 30px; height: 30px; margin: 0; }
.mobile-menu-Sidebar-close span:before, .mobile-menu-Sidebar-close span:after { display: inline-block; height: 2px; background: #333; position: absolute; content: ''; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 50%; left: 50%; margin: -1px 0 0 -15px; width: 30px; -webkit-transition: -webkit-transform .1s ease; transition: transform .1s ease; }
.mobile-menu-Sidebar-close span:before { -ms-transform: rotate3d(0, 0, 1, 45deg); -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.mobile-menu-Sidebar-close span:after { -ms-transform: rotate3d(0, 0, 1, -45deg); -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
.mobile_languagebutton { width: calc(100% - 80px); position: relative; }
.mobile_languagebutton img { width: 25px; height: 25px; }
.mobile_languagebutton span { font-size: 14px; color: #666666; position: relative; }
.mobile_languagebutton span:after { content: ''; display: inline-block; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: #666 transparent transparent transparent; position: absolute; right: -15px; top: 6px; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; }
.mobile_languagebutton.active span:after { border-color: transparent transparent #666 transparent; top: 1px; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; }
.mobile_languagebutton span { margin-left: 5px; }
.mobile_languagelist { margin-left: -15px; margin-right: -15px; }
.mobile_languagelist ul { width: 100%; background: #f5f5f5; padding: 0px 23px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 0; overflow-y: auto; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; }
.mobile_languagelist.active { padding-bottom: 10px; background: #f5f5f5; }
.mobile_languagelist.active ul { height: 200px; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; }
.mobile_languagelist ul li { padding: 5px 24px; position: relative; }
.mobile_languagelist #lang_ul_mobile li a { font-size: 16px; line-height: 24px; color: #333; }

/*mobile navlist*/
.mobile-header-scrollbar-wrap > ul { width: 100%; }
.mobile-header-scrollbar-wrap > ul > li { border-top: solid 1px rgba(31, 54, 92, .08); position: relative; }
.mobile-header-scrollbar-wrap > ul > li:first-child { border-top: none; }
.mobile-header-scrollbar-wrap > ul > li > a { padding: 16.5px 30px 16.5px 0; display: flex; justify-items: flex-start; }
.mobile-header-scrollbar-wrap > ul > li > a > h2 { font-size: 17px; line-height: 21px; color: #333; font-weight: bold; }
.next-level-button { position: absolute; right: 0; top: 16px; width: 25px; text-align: center; opacity: 0.3; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; }
.next-level-button img { width: 25px; height: 25px; }
.next-level-button.active { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; }
.hj_navbar_nav_dropdown-menu { width: 100%; padding: 10px 30px 10px 20px; box-sizing: border-box }
.hj_navbar_nav_dropdown-menu > li { padding: 7px 0; }
.hj_navbar_nav_dropdown-menu > li > a { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; justify-content: flex-start; align-items: center; }
.hj_navbar_nav_dropdown-menu > li > a > img { display: none }
.hj_navbar_nav_dropdown-menu > li > a > h3 { font-size: 15px; line-height: 18px; color: #999; font-weight: normal; }
.mobile-header-scrollbar-wrap > ul > li > ul { display: none; }
.mobile-header-scrollbar-wrap > ul > li > ul.active { display: block; }
.header-HJ01_langauge { margin-left: 15px; position: relative; cursor: pointer }
.header-HJ01_langauge i { color: #333; margin-right: 5px; }
.header-HJ01_langauge div { position: absolute; top: 7px; left: -30px; padding-top: 20px; }
.header-HJ01_langauge #lang_ul { position: relative; display: none; background: #fff; padding: 5px 10px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); width: 120%; z-index: 2 }
.header-HJ01_langauge #lang_ul li { padding-left: 20px; position: relative; padding-bottom: 5px; }
.header-HJ01_langauge #lang_ul li:hover { text-decoration: underline }
.header-HJ01_langauge:hover #lang_ul { display: block; }
.head_langauge #lang_ul li.count_hide { display: none; }
.foregin_msn_mobile{width: 100%;}
.foregin_msn_mobile ul li{width: 30px;height: 30px;border: 1px solid #e3e3e3;line-height: 30px;text-align: center;border-radius: 50%;float: left;margin-right: 10px;}
@media (max-width:991px) {
    .HJZF2__header-HJ01_branding { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-flex-pack: space-between; -ms-justify-content: space-between; justify-content: space-between; }
    .HJZF2__header-HJ01_widgets.mobile { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-flex-pack: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; -ms-flex-grow: 1; flex-grow: 1; margin-top: 20px; margin-bottom: 20px; }
}
@media (max-width:576px) {
    .HJZF2__header-HJ01__logo { width: 90% }
    .HJZF2__header-HJ01__logo img { max-width: 100% }
    #products-HJ01_469 .products-HJ01__title h3 { font-size: 24px; }
}

.HJ04_mobile{
    background-color: #333;
}
.HJ04_mobile .mobile_navbutton span ,.HJ04_mobile .mobile_navbutton span:before, .HJ04_mobile .mobile_navbutton span:after{
    background-color: #000;
}