/*logo*/
.index_navigation_head{width:100%; background:url(../ZERO/img/top_menubg.png) center; min-width:1190px; max-width:1920px; margin:auto; position:absolute; top:0; z-index:99;}
.index_navigation_Top{ width:1190px; margin:0 auto; height:89px;}
.index_navigation_Logo{ width:109px; float:left; height:62px; margin-top:13px; animation: moveRight 1.5s ease;}
.index_navigation_Logo img{width:109px; height:62px; border:none;}
.fixedSubNav{position:fixed !important; background:#FFFFFF !important; z-index:999; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.index_navigation_HeadRight{ width:842px; float:right; margin-top:27px; height:34px; animation: moveLeft 1.5s ease;}
.index_navigation_search{ float:right; cursor:pointer; position:relative;}

.Page_Search{width:1190px; margin:auto; height:34px;}
.index_md_search{width:100%; position:relative; background: #fff; z-index:999; height:34px; display: none}
.search{padding:0 13px; border-right:1px solid #ccc; border-left:1px solid #ccc; width:1190px; background: #fff; height: 34px; box-sizing: border-box;}
.top_search{float:right; height:16px !important;}

.index_navigation_page_Menu{width:800px; float:left; height:34px; text-align:center;}
.index_navigation_page_Menu ul li{ float:left; list-style:none; margin:0 26px; text-align:center; font-size:16px; color:#333333; position:relative;}
.index_navigation_page_Menu>li>a{transition:width .36s ease-in-out 0s;}
.index_navigation_page_Menu ul li h2,.index_navigation_page_Menu ul li a{ font-size:16px; color:#333333; line-height:32px; font-weight:normal; display:inline-block;}
.index_navigation_page_Menu ul li:hover h2{ font-weight:bold;}
.index_navigation_page_Menu ul li a:hover{ text-decoration:none;}

.index_navigation_page_Menu ul li a:link, .index_navigation_page_Menu ul li a:visited{
color: #fff;
}

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

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

/*Sub level menu list items (undo style from Top level List Items)*/
.index_navigation_page_Menu ul li ul li{
display:inline-block;
float: none;
line-height:normal;
padding: 5px 30px;
height:auto;
background:none;
}
.index_navigation_page_Menu ul li ul li:hover{ background:#ec6402; border-bottom:none;}
.index_navigation_page_Menu ul li ul li:hover h3{color:#fff;}
.index_navigation_page_Menu ul li ul li h3{ color:#333333; font-weight:normal; text-align:center;font-size:14px; line-height:25px; padding:5px 0;}

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

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


/* ######### 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;
}

.index_navigation_page_Menu > ul > li span {

    display: inline-block;
    width: 0;
    height: 2px;
    background-color: #333333;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.6s;
}
.index_navigation_page_Menu > ul > li.menuon span {
    width: 100%;
    height: 2px;
    background-color: #333333;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.6s;
}

.index_navigation_page_Menu > ul > li:hover span {
    width: 100%;
    height: 2px;
    background-color: #333333;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.6s;
}

.index_navigation_page_Menu > ul > li.menuon h2 {
    color: #333333; font-weight:bold;
}
.index_navigation_page_Menu:hover .index_navigation_search{background:none !important;}


.navigation-down{position:absolute;top:79px;left:0px;width:100%;}
.navigation-down .nav-down-menu{width:100%;margin:0;position:absolute;top:0px; left:0; z-index:9999; padding:8px 0;}
#product{box-shadow:0 6px 6px rgba(0,0,0,.1);}
.top_product_menu{ width:1190px; margin:auto;}
.top_pro_head{ text-align:left; font-size:14px; color:#aaaaaa; line-height:30px;}
.top_pro_head span{ font-size:24px; color:#333333; line-height:30px; font-weight:bold; margin-right:18px;}
.navigation-down .nav-down-menu dl{ display:inline-block; text-align:center;}
.navigation-down .menu-1 dl{margin:0 25px;}
.navigation-down .menu-1 dt{ color:#333333; line-height:30px; text-align:center;}
.navigation-down .menu-1 dt h3{ display:inline; font-size:14px; font-weight:normal; color:#333333; line-height:25px;}
.navigation-down .menu-1 dt:hover a{ text-decoration:none;}
.navigation-down .menu-1 dt:hover h3{color:#ec6402}
.navigation-down .menu-1 dd{ margin-left:42px; padding-left:15px; text-align:left;}
.navigation-down .menu-1 dd h3{font-size:14px; font-weight:normal; line-height:24px; color:#888888; padding:5px 0;}
.navigation-down .menu-1 dd h3:hover{color:#ec6402}
.navigation-down .menu-1 dd:hover a{ text-decoration:none;}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#6c6c6c;font:normal 12px "Arial"}
.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:bold 14px "Arial";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:normal 12px "Arial"; line-height:14px;}
.navigation-down .menu-2 dd a:hover{color:#6c6c6c}

