.navigation_head1{ text-align:left; font-size:14px; color:#666666; line-height:34px;}

.navigation_head2{ text-align:right; font-size:14px; color:#666666; line-height:34px;}

.fixedSubNav{width:100%; position:fixed; top:0; z-index:999;}

@media (max-width: 768px) {

.logo-fixed .logo ul li{ margin-bottom:9px !important; margin-left:9px !important; margin-top:0 !important;}

.header-wrapper{ height:auto !important;}

.top_headbg{ display:none !important;}

}



.dl-menuwrapper button {

    background: none;

    border: none;

    width: 60px;

    height: 60px;

    float: right;

    top: 0;

    right: 0;

    border-radius: 0;

	outline:medium;

}



.dl-menu {

    margin: 0;

    width: 200px;

    opacity: 1;

	height:100%;

    min-width: 200px;

    position:fixed;

    right: -200px;

    top: 0;

    z-index: 9999;

	background:#0277c1;

}

.dl-menu li a{

    display: block;

    position: relative;

    font-size: 13px;

    line-height: 20px;

    font-weight: 300;

    color: #fff;

    outline: none;

    text-transform: uppercase;



}

.dl-menu 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;

}



.dl-menu li a:hover{

    background: rgba(255,248,213,0.1);

}



.navigation-down{position:absolute;top:149px;left:0px;width:100%;}

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



#product{background:#FFFFFF;}



.navigation-down .nav-down-menu .navigation-down-inner{margin:auto; margin-top:20px; width:100%; position:relative; min-height:426px;}

.navigation-down .nav-down-menu dl{float:left; width:33%;}

.navigation-down .menu-1 dl{padding:0 10px;}

.navigation-down .menu-1 dt{padding:10px 0; text-align:left; border-bottom:1px solid #1c9ddf; margin-bottom:10px;}

.navigation-down .menu-1 dt h3{font-size:18px; color:#333333; font-weight:bold; line-height:30px;}

.navigation-down .menu-1 dt a:hover{ text-decoration:none;}

.navigation-down .menu-1 dt:hover h3{color:#1c9ddf;}



.navigation-down .menu-1 dd{text-align:left; padding:5px 0;}

.navigation-down .menu-1 dd h3{font-size:16px; font-weight:normal; line-height:25px; color:#777777;}

.navigation-down .menu-1 dd a:hover{color:#1c9ddf; text-decoration:none;}

.navigation-down .menu-1 dd:hover h3{color:#1c9ddf;}





#toRight{ position:relative;}

#toRight2{ position:relative; right:0;}

@media (max-width: 991px) {

.navbar-default .navbar-nav{display:none!important;height:auto!important;padding-bottom:0;overflow:visible!important;}

#dl-menu{

        display: block !important;

       width: 60px; height:60px; position:absolute; right:0; top:0; z-index:99;

		 border:none;

    }

.dl-menuwrapper:first-child{ margin-right:0;}

.dl-trigger .icon-bar{display:block;position:absolute;opacity:1;width:30px;height:3px;/* top: 10px; */left: 16px;background-color: #0277c1;-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:22px}

.dl-trigger .icon-bar2{top:30px}

.dl-trigger .icon-bar3{top:38px}

.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)}

}



.logo-fixed .logo ul li{ float:left; margin-top:0;}

.logo-fixed .logo ul li h2{font-size:26px; color:#444444; line-height:80px; font-weight:normal; margin-top: 5px;}

.index_navigation_search{ float:right; background:#f1f1f1; margin-top:22px;}

.search_left{width:261px; float:left; border:none; height:45px;}

.search_left input{color:#bdb7b7; width:253px; border:none; height:45px; font-size:16px; line-height:45px; padding-left:8px; background:none;}

.search_btn{width:62px; background:#0278c2; float:right; height:45px; text-align:center;}

.search_btn input{width:62px; background:none; display:block; font-size:16px; color:#ffffff; border:none; line-height:45px;}

.index_navigation_tel{ float:right; margin-top:22px; margin-left:18px; background:url(../ZERO/img/top_tel.png) left no-repeat; padding-left:50px; font-size:14px; color:#666666; line-height:20px; letter-spacing:5px;}

.index_navigation_tel span{ font-size:22px; font-weight:bold; color:#da251c; line-height:25px; letter-spacing:0;}

.index_navigation_top_lan{ float:right; margin-top:22px; margin-left:18px;}

.index_navigation_top_lan a{ font-size:16px; color:#333; line-height:45px; font-family:Arial;}

.index_navigation_menubg{width:100%; height:60px; background:#0277c1;}

.index_container{width: 1400px; margin:auto;}

.navbar-nav{width:100%;}

.navbar-nav ul li{ float:left; padding:0 43px; position:relative;}

.navbar-nav ul li h2{font-size:16px; color:#ffffff; line-height:60px; font-weight:normal;}

.navbar-nav ul li:hover{ background:#0066a6;}

.navbar-nav ul li:hover a{ text-decoration:none;}



.navbar-nav ul li a:link, .navbar-nav ul li a:visited{

color: #fff;

}



.navbar-nav ul li a.selected,.navbar-nav ul li a:hover{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/

color: #fff;

}



.navbar-nav ul li ul li a.selected,.navbar-nav ul li  ul li a:hover{

color: #fff;

}

.navbar-nav ul li ul li a:link, .navbar-nav ul li ul li a:visited{

color: #fff;

}	

/*1st sub level menu*/

.navbar-nav ul li ul{

position: absolute;

left:0 !important;

display: none; /*collapse all sub menus to begin with*/

visibility: hidden;

padding:0;

margin:0;

z-index:999;

background:#fff;

border:1px solid #e8e8e8;

height:auto;

}



/*Sub level menu list items (undo style from Top level List Items)*/

.navbar-nav ul li ul li{

display: list-item;

float: none;

line-height:normal;

padding: 0;

line-height:20px;

margin:6px 0;

height:auto;

background:none;

}

.navbar-nav ul li ul li:hover{ background:#FFFFFF;}

.navbar-nav ul li ul li:hover h3{ color:#0277c1;}

.navbar-nav ul li ul li h3{ color:#333333; font-weight:normal; text-align:center;font-size:16px; line-height:30px;}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.navbar-nav ul li ul li ul{

top: 0;

}



/* Sub level menu links style */

.navbar-nav 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;

}

.head_searchlan,.index_navigation_top_search1{ display:none;}



@media (min-width: 1400px) and (max-width: 1920px) {

  .index_container{width: 1400px;}

}

@media (min-width: 992px) and (max-width: 1439px) {

.index_navigation_search{ display:none;}

  .index_navigation_top_search1{ padding:35px 0 0 0 !important; float:right !important; display:block !important;}

  .index_navigation_search_list{ position:relative; width:100%; padding:10px 0; background:#eee; font-size:15px; text-align:center;}

  .index_navigation_Page_Search{width:100%; margin:auto; background:#FFFFFF;}

  #top_search_left{width:85%; float:left; background:#FFFFFF; border:none;}

  #top_search_close{width:3%; height:35px; background:#eee; float: right;}

}

@media (min-width: 1200px) and (max-width: 1399px) {

  .index_container{width: 1190px;}

  .logo-fixed .logo ul li{ font-size:26px;}

  .logo-fixed .logo ul li h2{ font-size:26px;}

  .navbar-nav ul li{padding:0 32px;}

}

@media (min-width: 992px) and (max-width: 1199px) {

  .logo-fixed .logo ul li h2{ font-size:20px;}

  .index_container{width: 970px;}

  .logo-fixed .logo ul li{ font-size:20px;}

  .navbar-nav ul li{padding:0 20px;}

}

@media (min-width: 1px) and (max-width: 991px) {

  .index_navigation_top_search1{ padding:20px 0 0 0 !important; float:right !important; margin-right:70px; display:block !important;}

  .index_navigation_top_lan{ display:none;}

  .head_searchlan {

    width: 100%;

    height: 50px;

    margin: auto;

    box-shadow: 0 2px 4px #9e9d9d;

    border-top: 1px solid #e3e3e3;

    position: absolute;

    top:0;

    left: 0;

    z-index: 99;

    background-color: #fff;

	transform: translateY(81px);

    -ms-transform: translateY(81px); /* IE 9 */

    -webkit-transform: translateY(81px); /* Safari and Chrome */

    -o-transform: translateY(81px); /* Opera */

    -moz-transform: translateY(81px); /* Firefox */

}



.head_searchlan form {

    width: 100%;

    margin: auto;

    border-right: 1px solid #e3e3e3;

    border-left: 1px solid #e3e3e3;

}



.head_searchlan ul {

    text-align: center;

}



.search_show {

    display: block;

    transform: translateY(81px);

    -ms-transform: translateY(81px); /* IE 9 */

    -webkit-transform: translateY(81px); /* Safari and Chrome */

    -o-transform: translateY(81px); /* Opera */

    -moz-transform: translateY(81px); /* Firefox */

    transition: all 0.6s;

}

  .index_navigation_search_list{ position:relative; width:100%; padding:10px 0; background:#eee; font-size:15px; text-align:center;}

  .index_navigation_Page_Search{width:100%; margin:auto; background:#FFFFFF;}

  #top_search_left{width:80%; float:left; background:#FFFFFF; border:none;}

  #top_search_close{width:8%; height:35px; background:#eee; float: right;}

  .index_container{width: 750px;}

  .logo-fixed .logo ul li h2,.index_navigation_search,.index_navigation_tel,.index_navigation_menubg{ display:none;}

}

@media (min-width: 1px) and (max-width: 768px) {

.head_searchlan { top:-7px !important;}

}