.container {
    margin: 0 auto;
    width:1200px; /*Change to any value and the whole template will adjust to it :) */
    position: relative;
    
}
#container{   
    width: 100%;/* if you want  boxed version change the value to the value of .container (940px by default) + some value (for example 80px more, they represent margins on the left and right) so it would be 1020px*/
    margin:0px auto;
}
#wrapp{width: 100%; background: #fff;}

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;}
#header-links{ width: 100%; height:32px; background: #f9f9f9; line-height:32px; border-bottom: 1px solid #f2f2f2;}
#header-links a:hover { color: #656d78 }
.head_top{width:50%; float:left;color:#363636}
.head_top a,.head_top span{padding:0px 2px;color:#363636}


.head-wrapp {float: left;width: 100%; padding:6px 0px;}

.head_dh{width:246px; float:right; background: url(../head_dh.png) no-repeat 0px 5px; padding-left:20px; margin-top:12px; font-size:16px; color:#d20001; font-weight:bold}
.head_dh i{font-size:21px; width:150px; line-height:30px; }
.head_dh .i{font-size:21px; float:right}

 /*--------------------------------------------------------------------------------------*/
 /*                     4 - HEADER CSS STYLES                                           */
 /*-------------------------------------------------------------------------------------*/
 /*main navigation*/
 
#main-navigation {background: #1464c7; float: left; width: 100%;height: auto; border:none;}
#main-navigation.sticky {position: fixed;width: 100%; height: auto;background:#1b70c7;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-color: #d20001; border:none;padding: 15px 45px;  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 45px;
}
.main-menu > li > a i {
    display: block;
    text-align: center;
    font-size: 22px;
}
.main-menu > li:hover > a {background-color: #d20001;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: 200px; 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: 14px;line-height: 18px;padding: 9px 12px; border-bottom:1px solid #dfdfdf}
.main-menu ul a:hover{ background:#d20001; 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 }