@media (max-width: 991px) and (min-width: 768px){
.nav_search,.page_Menu{ display:none !important;}
.logo img{ width:auto !important; height:50px !important;}
}
.logo{ margin-top:22px;}
.logo img{ height:50px;}
@media (max-width: 479px) and (min-width: 320px){
.header-wrapper{ padding-bottom:0;}
}
@media (max-width: 1100px) and (min-width: 910px){
.logo img{ width:auto;}
}
@media (max-width: 768px) {
.nav_search,.page_Menu{ display:none !important;}
.top-bg{height: 70px !important;}
.header-wrapper{height: 70px !important;}
.logo{ margin-top:12px;}
.logo img{ width:auto !important; height:40px !important;}
}
.header-wrapper{width: 100%;height: 100px;background: #FFFFFF;margin: 0 auto;position: fixed;z-index: 1000;top: 0;left: 0;}
.top-bg{height: 100px;background: #fff;position: relative;width: 100%;z-index: 999;}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  display: none; 
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left; 
  background-color: #fff;
  border: 1px solid #ccc; 
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  background-clip: padding-box;
  box-shadow:0 6px 12px rgba(0,0,0,.175);
  }
  
.index_navigation_search_list1{ position:absolute; background:#fff; top:100px; width:248px; height:28px; font-size:15px; text-align:center; z-index:9999; border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  background-clip: padding-box;
  box-shadow:0 6px 12px rgba(0,0,0,.175);}
.index_navigation_Page_Search{width:218px; margin:auto;}
.nav:hover .index_navigation_top_search1{ background:none !important;}

.page_Head2 {
    min-width: 1002px;
	max-width:1920px;
	width:100%;
	background:#FFFFFF;
    position: absolute;
	z-index:99999;
    left: 0;
    top: 60px;}

.page_Head2.fix-bar {
    position: fixed;
    top: 0;
    z-index: 99999;
    transition: all .6s ease-out;
    background:#FFFFFF; 
}

.page_Head2.hide-bar {top: -172px;}

.page_Menu{ position:relative;}
.page_Menu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}
.page_Menu ul li{
position: relative;
float: left;
display:inline-block;text-align:center;font-size: 15px;color: #333333;text-transform: none; line-height:100px;
}
.page_Menu ul li:hover{ background:#c30d23;}
.page_Menu ul li:hover h2{color:#fff;}
.page_Menu ul li ul li:hover{ background:#c30d23;}
.page_Menu ul li ul li:hover h3{color:#fff !important;}
.page_Menu ul li h2{display:inline-block;text-align:center;font-size: 18px;color: #333333;text-transform: none;font-weight:normal;}
* html .page_Menu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.page_Menu ul li a:link, .page_Menu ul li a:visited{
color: #397bcf;
}

.page_Menu ul li a.selected,.page_Menu ul li a:hover{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: #397bcf;
}

.page_Menu ul li ul li a.selected,.page_Menu ul li  ul li a:hover{
color: #fff;
}
.page_Menu ul li ul li a:link, .page_Menu ul li ul li a:visited{
color: #fff;
}	
/*1st sub level menu*/
.page_Menu ul li ul{
position: absolute;
left: 0px !important;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
padding:0;
margin:0;
z-index:999;
background:#fff;
height:auto;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.page_Menu ul li ul li{
display: list-item;
float: none;
line-height:normal;
padding: 0;
line-height:20px;
padding:5px 0;
width:auto;
background:none;
}
.page_Menu ul li ul li:hover h3{color:#c30d23;}
.page_Menu ul li ul li h3{ color:#575c62; font-weight:normal; text-align:center;font-size:15px; line-height:20px;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.page_Menu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.page_Menu ul li ul li a{
font:"Microsoft YaHei";
font-weight:normal;
font-size:12px;
padding:0;
margin: 0;
line-height:32px;
border-top-width: 0;
z-index:999;
border:none;
}

/* Holly Hack for IE \*/
* html .page_Menu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}

.navigation-down{position:absolute;top:100px;left:0px;width:100%;}
.navigation-down .nav-down-menu{width:100%;margin:0;position:absolute;top:0px; left:0; z-index:9999;}

#product{background:#f8f8f8;}

.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1190px;position:relative; display: flex; justify-content: space-between;}
.navigation-down .nav-down-menu dl{float:left;}
.navigation-down .menu-1 dl{margin:20px 0 20px 0; padding: 0 22px; /*border-right:1px dashed #ccc;*/}
.navigation-down .menu-1 dt{font-size:16px; font-weight:bold; font-family:Microsoft YaHei; color:#575c62; line-height:18px; text-align:left;}
.navigation-down .menu-1 dt h3{font-size:16px; display:inline-block; font-weight:bold; font-family:Microsoft YaHei;color:#575c62; line-height:18px;}
.navigation-down .menu-1 dd{margin:0;text-align:left; background:url(../ZERO/img/top_dot.jpg) 5px 10px no-repeat; padding:5px 0 3px 20px;}
.navigation-down .menu-1 dd h3{font-size:13px; font-weight:normal; font-family:Microsoft YaHei; line-height:18px; color:#575c62;}
.navigation-down .menu-1 dd h3:hover{color:#c30d23}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#6c6c6c;font-size:12px; font-weight:bold; font-family:Microsoft YaHei;}
.sjmenu a:hover{color:#0c4ca0}

.navigation-down .menu-2 dl{ width:162px;margin:20px 0px 5px 0; height:20px;}
.navigation-down .menu-2 dt{font-size:14px; font-weight:bold; font-family:Microsoft YaHei;color:#000000; line-height:14px; padding-left:10px; text-align:left; height:20px;}
.navigation-down .menu-2 dd{margin:0;text-align:left; padding:5px 0 3px 10px;}
.navigation-down .menu-2 dd a{color:#6c6c6c;font-size:12px; font-weight:bold; font-family:Microsoft YaHei; line-height:14px;}
.navigation-down .menu-2 dd a:hover{color:#6c6c6c}