/*logo*/
.index_navigation_headbg{width:100%; margin:auto; background:#FFFFFF; position:fixed; top:0; z-index:999; box-shadow:0 13px 10px rgba(0,0,0,0.15);}
.index_navigation_Top{ width:100%; margin:0 auto; height:80px;}
.index_navigation_Logo{height:80px;}
.index_navigation_Logo ul li{ float:left; margin-top:9px; font-size:14px; color:#333333; line-height:30px; font-weight:bold;}
.index_navigation_Logo ul li img{ width:100%; max-width:236px; height:61px; border:none;}
.index_navigation_Logo_pic{ width:40%;}
.index_navigation_Logo_wz{ background:url(../ZERO/img/logo_line.png) left no-repeat; padding-left:8px; margin-left:8px; width:58%; float:left !important; margin-top:20px !important;}
.index_navigation_Logo_wz span{ font-size:14px;}

.index_navigation_page_Menu{width:100%; position:relative; margin-top:5px;}
.index_navigation_page_Menu ul li{ float:left; margin:0 15px; list-style:none; position:relative; height:75px;}
.index_navigation_page_Menu ul li h2{ font-size:16px; color:#333333; line-height:75px; font-weight:bold; display:inline-block;}
.index_navigation_page_Menu>li>a{transition:width .36s ease-in-out 0s;}
.index_navigation_page_Menu ul li a:hover{ text-decoration:none;}
.index_navigation_page_Menu ul li:hover h2{font-size:16px; background: linear-gradient(to right, #50a64b, #96cf48); -webkit-background-clip: text; color: transparent; font-weight:bold; line-height:75px;}

.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:-50%;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
padding:0;
margin:0;
z-index:999;
background:#ffffff;
height:auto;
width:200%;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.index_navigation_page_Menu ul li ul li{
display: list-item;
float: none;
line-height:normal;
padding: 0;
line-height:25px;
height:auto;
background:none;
margin:0;
}
.index_navigation_page_Menu ul li ul li:hover{ background:#f9f9f9;}
.index_navigation_page_Menu ul li ul li:hover h3{background: linear-gradient(to right, #50a64b, #96cf48); -webkit-background-clip: text; color: transparent;}
.index_navigation_page_Menu ul li ul li h3{ color:#333333; font-weight:normal; text-align:center;font-size:15px; line-height:25px; padding:8px;}

/*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: linear-gradient(to right, #50a64b, #96cf48);
    position: absolute;
    left: 50%;
    bottom: 0;
    transition: all 0.6s;
}
.index_navigation_page_Menu > ul > li.menuon span {
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #50a64b, #96cf48);
    position: absolute;
    left: 0%;
    bottom: 0;
    transition: all 0.6s;
}

.index_navigation_page_Menu > ul > li:hover span {
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #50a64b, #96cf48);
    position: absolute;
    left: 0%;
    bottom: 0;
    transition: all 0.6s;
}
.index_navigation_page_Menu > ul > li.menuon h2{
	background:linear-gradient(to right, #50a64b, #96cf48);
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
}
.index_navigation_page_Menu:hover .index_navigation_search{background:none !important;}
.navigation-down{position:absolute;top:80px;left:0px;width:100%;}
.navigation-down .nav-down-menu{width:100%;margin:0;position:absolute;top:0px; left:0; z-index:9999; padding:25px 0;}
#product{background:#e7e7e7; box-shadow:0 6px 6px rgba(0,0,0,.1);}
.top_pro_head{ text-align:left; font-size:14px; color:#aaaaaa; line-height:35px;}
.top_pro_head span{ font-size:24px; color:#333333; line-height:35px; font-weight:bold; margin-right:18px;}
.navigation-down .nav-down-menu dl{float:left;}
.navigation-down .menu-1 dl{margin:15px 25px 10px 0; width:24%;}
.navigation-down .menu-1 dt{line-height:30px; text-align:left;}
.navigation-down .menu-1 dt h3{ font-size:20px; font-weight:bold; color:#333333; line-height:30px;}
.navigation-down .menu-1 dd{margin:0;text-align:left; position:relative;}
.navigation-down .menu-1 dd h3{font:normal 14px; line-height:20px; color:#666666; padding:5px 0;}
.navigation-down .menu-1 dd h3:hover{color:#fab313}
.navigation-down .menu-1 dd:hover a{ text-decoration:none;}
.navigation-down .menu-1 dd span {
    display: inline-block;
    width: 0;
    height: 1px;
    background-color: #fab313;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.6s;
}

.navigation-down .menu-1 dd:hover span {
    width: 60px;
    height: 1px;
    background-color: #fab313;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.6s;
}

.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#6c6c6c;font:normal 12px}
.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;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; line-height:14px;}
.navigation-down .menu-2 dd a:hover{color:#6c6c6c}

.index_navigation_top_search{float:right !important; margin-right:0 !important; margin-left:20px !important;}
.index_navigation_top_search img{ margin-top:27px;}
.index_navigation_search_list{ position:relative; border-top:1px solid #ddd; width:100%; padding:10px 0; background:#eaeaea; font-size:15px; text-align:center;}
.index_navigation_Page_Search{width:100%; margin:auto; background:#FFFFFF;}
.search_left{width:90%; float:left; background:#FFFFFF; border:none;}
.search_middle{width:5%; background:#fff; float:left; height:35px;}
.search_right{width: 5%;height:35px;border-left:none;float: right; text-align: right;}
.index_navigation_page_Menu:hover .index_navigation_top_search{ background:none !important;}
.index_navigation_top_lan{ position:relative; float:right !important; height:auto !important; margin:0 !important;}
.index_navigation_top_lan #lan-btn{line-height:75px; font-size:16px; color:#333333;}
.dui-dropdown-menu{width:auto; left:-35px; transform:none; min-width:100px; display:none; background:#fff; box-shadow:0 0 10px -10px rgba(0,0,0,0.1)}
.dui-dropdown-menu.single{z-index:1100; top:100%; color:#303233; height:auto; padding:0; position:absolute;}
.dui-dropdown-menu.single .nav-item{display:block;width:100%;font-size:14px;transition:all .3s;}
.dui-dropdown-menu.single .nav-item a{padding:10px 12px;white-space:nowrap;display:inline-block;color:#303233;line-height:1;height:auto;background:0 0;text-align:left;}
.dui-dropdown-menu.single .nav-item a:hover{color:#cf0d00;}


#dl-menu,.index_navigation_top_search2,.index_navigation_top_lan2{ display:none;}



@media (max-width: 1469px) and (min-width: 1333px){
.index_navigation_page_Menu ul li{ margin: 0 10px;}
.index_navigation_top_search{ margin-left:15px !important;}
}
@media (max-width: 1332px) and (min-width: 1101px){
.index_navigation_page_Menu ul li{ margin: 0 6px;}
.index_navigation_Logo ul li{ font-size:13px;}
.index_navigation_top_search{ margin-left:10px !important;}
}

@media (max-width: 1100px) and (min-width: 991px){
.index_navigation_Logo ul li img{ width:100%; height:auto;}
.index_navigation_Logo_wz{ margin-top:20px !important;}
.dui-dropdown-menu{ right:0 !important; left:inherit !important;}
.index_navigation_page_Menu ul li h2{ font-size:14px;}
.index_navigation_page_Menu ul li{ margin: 0 9px;}
}
@media (max-width: 1229px) and (min-width: 991px){
.index_navigation_Logo_wz{ display:none;}
.index_navigation_headbg .col-md-5{ width:30%;}
.index_navigation_headbg .col-md-7{ width:70%;}
.index_navigation_page_Menu ul li{ margin:0 9px;}
.index_navigation_Logo ul li img{ width:auto;}
.index_navigation_top_search{ margin-left:15px !important;}
}
@media (max-width: 1100px) and (min-width: 1px){
.index_navigation_Logo{ height:60px;}
.index_navigation_Logo ul li{ margin-top:3px;}
.index_navigation_Logo ul li img{ height:55px; width:auto;}
.index_navigation_Logo .index_navigation_Logo_wz{ display:none;}
.index_navigation_page_Menu{ display:none;}
.index_navigation_top_search2,.index_navigation_top_lan2{ display:block; float:right; margin-right:10px; line-height:60px; font-size:16px; color:#333333; position:relative;}
#dl-menu{
        display: block !important;
       width: 55px; height:60px; float:right; position:relative;
		 border:none;
    }
.dl-menuwrapper:first-child{ margin-right:0;}
.dl-trigger .icon-bar{display:block;position:absolute;opacity:1;width:22px;height:2px;/* top: 10px; */right: 16px;background-color: #0d264a;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;}
.dl-trigger .icon-bar1{top:24px}
.dl-trigger .icon-bar2{top:30px}
.dl-trigger .icon-bar3{top:36px}
.dl-trigger.dl-active .icon-bar1{top:30px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
.dl-trigger.dl-active .icon-bar2{opacity:0;left:45px;width:0}
.dl-trigger.dl-active .icon-bar3{top:30px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}
}

.dl-menuwrapper button {
    background: none;
    border: none;
    width: 60px;
    height: 60px;
    float: right;
    top: 0;
    right: 0;
    border-radius: 0;
	outline:medium;
}

@media (max-width: 767px){
#dl-menu{ margin-right:-4%;}
.top_news,.top_about{ display:none;}
.dui-dropdown-menu{ right:-7px !important; left:inherit !important;}
.index_navigation_Logo_pic{ width:100%;}
.index_navigation_Logo ul li img {
    height: auto;
    width: auto;
	margin-top:5px;
	max-height:45px;
}
.index_navigation_top_search2{ margin-right:12px;}
.search_left{width:76%;}
.search_middle{width:10%;}
.search_right{width: 12%; float:left;}
.dl-menuwrapper button {
    background:none;
    border: none;
    width: 100%;
    width: 55px !important;
    height: 60px !important;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding-left: 49px;
    border-radius: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 25px;
}
}

.nav-app {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}
.nav-app > .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.15);
}
.nav-app > .child{
	position: absolute;
    height: 100%;
    width: 60%;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    background-color: #565656;
    top: 0;
    right: 0;
    z-index: 5;
}
.nav-app {
    display: none;
}
@media screen and (max-width: 1100px){
.nav-app {
    display: block;
}
}
.nav-app.on {
    opacity: 1;
    pointer-events: auto;
}
.nav-app.on > .child {
	transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
}
.nav-app > .child > ul > li{
	position:relative;
}
.nav-app > .child > ul > li > a > h2{
	display: block;
    position: relative;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    outline: none;
    text-transform: uppercase;
}
.nav-app > .child > ul > li > a:hover{ text-decoration:none;}