
header {height: auto;width: 100%;float: left;margin: 0px 0 0 0;}
header#header{ padding: 0px 0  0px 0; width: 100%; background: #FFF; float:left;}



.head-wrapp {float: left;width: 100%; padding:6px 0px;}

.head_dh{width:300px; float:right; padding-left:20px; margin-top:12px; font-size:16px; color:#1071da; font-weight:600}
.head_dh i{font-size:21px; width:150px; line-height:60px; }
.head_dh .i{font-size:21px; float:right}



.search{padding-top:10px; margin-top:12px; }
.search input { width: 280px; font-size: 12px; color: #888; background:#000;  border: 1px solid #e9e9e9!important;}
.search-btn {
    float: right;
    position: relative;
    padding: 0;
    top: 0;
    right: 0px;
    margin: 0px 0 0 -40px;
    background: url(../images/search-bj.png) center center no-repeat;
    width: 35px;
    height: 35px;
    cursor: pointer;
    border: none;
    z-index: 100;
    box-shadow: none;
    border-radius: 0px 4px 4px 0px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.search-btn:hover { background-color:none}
input.search-field {
    float: right;
    position: relative;
}










 /*--------------------------------------------------------------------------------------*/
 /*                     4 - HEADER CSS STYLES                                           */
 /*-------------------------------------------------------------------------------------*/
 /*main navigation*/
 
#main-navigation {background: #1071da; float: left; width: 100%;height: auto; border:none;}
#main-navigation.sticky {
    position: fixed;
    width: 100%; 
    height: auto;
    background:#2d3e50;
    z-index: 9999;
}
#main-navigation.sticky-fullwidth { width: 100%!important }

#main-navigation select {background: #FFF;cursor: pointer; padding: 10px 5px;color: #676767; display: none}
ul.main-menu.alternative { float: right }
ul.main-menu.alternative li a { color: #898989;border:none;}
.main-menu.alternative > li:hover > a { color: #FFF }

.main-menu {
    margin: 0;
    padding-left: 40px;
    list-style: none;
}
#current {
    background: #19b548 url(../images/main_menu.png) no-repeat bottom center; border:none;padding: 15px 25px; 
    position: relative;
}

/*下啦菜单样式*/
.main-menu li,.main-menu ul a { position: relative;border:none; }
.main-menu > li { float: left; border:none; }
.main-menu > li.floatr { float: right }
.main-menu li > a { display: block }


.main-menu li:hover > ul { display: block }
#navigation ul li:first-child { margin-left: -8px }
#navigation ul li ul li:first-child,
#navigation ul li ul li ul li:first-child { margin-left: 0 }
ul.main-menu li a i {
    color: #FFF;
    margin-right: 10px;
}
ul.main-menu  ul li a i { color: #aab3bc }

.main-menu a { text-decoration: none }
.main-menu > li > a {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    padding: 15px 25px;
}
.main-menu > li > a i {
    display: block;
    text-align: center;
    font-size: 22px;
}
.main-menu > li:hover > a {
    background: #19b548 url(../images/main_menu.png) no-repeat bottom center;
    padding-left: 25px;
    margin: 0 0 0 0px;
}
ul.main-menu li a {
    -webkit-transition: background-color 80ms ease-in-out;
    -moz-transition: background-color 80ms ease-in-out;
    -o-transition: background-color 80ms ease-in-out;
    -ms-transition: background-color 80ms ease-in-out;
    transition: background-color 80ms ease-in-out;
}
.main-menu ul li a {
    -webkit-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
    -moz-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
    -o-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
    -ms-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
    transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
}
.main-menu  li  a  span {
    display: block;
    color: #ccd0d9;
    width: 100%;
    font-style: italic;
    font-size: 12px;
    line-height: 20px;
}
.main-menu > li > a img,
.main-menu li > ul > li > a img {
    border: 0;
    margin-right: 7px;
}



/* Sub Menu 下拉菜单 */
.main-menu ul {
    position: absolute;
    display: none;
    width: 180px;
    background-color: #efefef;
    border-top: none;
    z-index: 999;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    box-shadow: 0 1px 1px rgba(0,0,0,0.04);
}
.main-menu ul a {color: #405266;font-size: 12px;line-height: 18px;padding: 9px 12px; border-bottom:1px solid #dfdfdf}
.main-menu ul a:hover{ background:#19b548; color:#fff }
.main-menu ul ul {
    top: 0;
    left: 180px;
}



/* Mega Menu */
.main-menu .one-column,
.main-menu .two-columns,
.main-menu .three-columns,
.main-menu .four-columns,
.main-menu .five-columns {
    position: absolute;
    display: none;
    overflow: auto;
    z-index: 999;
    background: #fff;
}
.main-menu .one-column,
.main-menu .one { width: 160px }
.main-menu .two-columns,
.main-menu .two { width: 320px }
.main-menu .three-columns,
.main-menu .three { width: 480px }
.main-menu .four-columns,
.main-menu .four { width: 640px }
.main-menu .five-columns,
.main-menu .five { width: 800px }
.main-menu > li.floatr > ul.one-column,
ul.two-columns,
ul.three-columns,
ul.four-columns,
ul.five-columns { right: 0 }
.main-menu > li:hover > ul.one-column,
ul.two-columns,
ul.three-columns,
ul.four-columns,
ul.five-columns { display: block }
.main-menu .one,
.main-menu .two,
.main-menu .three,
.main-menu .four,
.main-menu .colfive5 { float: left }
