.header .container {
    margin: 0 auto;
    padding: 8px;
    float: left;
}
.header .logo {
    display: block;
    width: 195px;
    height: 50px;
    margin: 5px auto;
}
.header .mainmenu {
    height: 80px;
    float: left;
    margin-left: 35px;
}
.header .mainmenu li{
   float: left;
}
.header ul {
    float: right;
}
.header ul li {
    float: left;
    position: relative;
    margin-top: 5px;
    margin-buttom: 5px;
}
#blue li:hover {
    background-color: #41b6e6;
}
#blue li.header_select {
    background-color: #41b6e6;
}
.header ul li a {
    display: block;
    padding: 38px 15px 8px 15px;
    height: 70px;
    overflow: hidden;
    box-sizing: border-box;
    font-weight: 500;
    min-width: 90px;
    text-align: center;
}
.nav-h-userlist {
    background: url(../../imagesSt-1.0/opt/installer_gray.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-userlist:hover, .nav-h-userlist-sel, .nav-h-userlist-sel:hover {
    background: url(../../imagesSt-1.0/opt/installer.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-ezinstallerlist {
    background: url(../../imagesSt-1.0/opt/installer_sel.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-ezinstallerlist:hover, .nav-h-ezinstallerlist-sel, .nav-h-ezinstallerlist-sel:hover {
    background: url(../../imagesSt-1.0/opt/installer_unsel.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-ezuserlist {
    background: url(../../imagesSt-1.0/opt/installer_gray.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-ezuserlist:hover, .nav-h-userlist-sel, .nav-h-userlist-sel:hover {
    background: url(../../imagesSt-1.0/opt/installer.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-ezdevicelist {
    background: url(../../imagesSt-1.0/opt/device_sel.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-ezdevicelist:hover, .nav-h-ezdevicelist-sel, .nav-h-ezdevicelist-sel:hover {
    background: url(../../imagesSt-1.0/opt/device_unsel.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-ezdevicemanage {
    background: url(../../imagesSt-1.0/opt/Report_gray.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-ezdevicemanage:hover, .nav-h-ezdevicemanage-sel, .nav-h-ezdevicemanage-sel:hover {
    background: url(../../imagesSt-1.0/opt/Report.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-register {
    background: url(../../imagesSt-1.0/opt/register_gray.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-register:hover, .nav-h-register-sel, .nav-h-register-sel:hover {
    background: url(../../imagesSt-1.0/opt/register.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-antitheft {
    background: url(../../imagesSt-1.0/opt/all_lock_gray.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-antitheft:hover, .nav-h-antitheft-sel, .nav-h-antitheft-sel:hover {
    background: url(../../imagesSt-1.0/opt/all_lock_white.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-ez-after-sales-management {
    background: url(../../imagesSt-1.0/opt/ez_sales_management_gray.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-ez-after-sales-management:hover, .nav-h-ez-after-sales-management-sel, .nav-h-ez-after-sales-management-sel:hover {
    background: url(../../imagesSt-1.0/opt/ez_sales_management_white.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-no-register-ecu {
    background: url(../../imagesSt-1.0/opt/no_register_gray.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-no-register-ecu:hover, .nav-h-no-register-ecu-sel, .nav-h-no-register-ecu-sel:hover {
    background: url(../../imagesSt-1.0/opt/no_register_white.png) no-repeat;
    background-position: 50% 8px;
}
.nav-h-manage {
    background: url(../../imagesSt-1.0/opt/Management_gray.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-manage:hover, .nav-h-manage-sel, .nav-h-manage-sel:hover {
    background: url(../../imagesSt-1.0/opt/Management.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-dashboard {
    background: url(../../imagesSt-1.0/opt/Dashboard_gray.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-dashboard:hover, .nav-h-dashboard-sel, .nav-h-dashboard-sel:hover {
    background: url(../../imagesSt-1.0/opt/Dashboard.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-module {
    background: url(../../imagesSt-1.0/opt/Module_gray.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-module:hover, .nav-h-module-sel, .nav-h-module-sel:hover {
    background: url(../../imagesSt-1.0/opt/Module.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-report {
    background: url(../../imagesSt-1.0/opt/Report_gray.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-report:hover, .nav-h-report-sel, .nav-h-report-sel:hover {
    background: url(../../imagesSt-1.0/opt/Report.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-energy {
    background: url(../../imagesSt-1.0/opt/Energy_gray.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-energy:hover, .nav-h-energy-sel, .nav-h-energy-sel:hover {
    background: url(../../imagesSt-1.0/opt/Energy.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-maintenance {
    background: url(../../imagesSt-1.0/opt/Maintenance_gray.png) no-repeat;
    background-position:50% 8px;
}
.nav-h-maintenance:hover, .nav-h-maintenance-sel, .nav-h-maintenance-sel:hover {
    background: url(../../imagesSt-1.0/opt/Maintenance.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-management,.nav-h-managementcustomer {
    background: url(../../imagesSt-1.0/opt/Management_gray.png) no-repeat;
    background-position:50% 8px;
}
.nav-h-management:hover,
.nav-h-managementcustomer:hover,
.nav-h-management-sel,
.nav-h-managementcustomer-sel,
.nav-h-management-sel:hover,
.nav-h-managementcustomer-sel {
    background: url(../../imagesSt-1.0/opt/Management.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-design {
    background: url(../../imagesSt-1.0/opt/project_design_grey.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-design:hover, .nav-h-design-sel, .nav-h-design-sel:hover {
    background: url(../../imagesSt-1.0/opt/project_design_white.png) no-repeat;
    background-position: 50% 9px;
}

.nav-h-apbot {
    background: url(../../imagesSt-1.0/opt/project_apbot_grey.png) no-repeat;
    background-position: 50% 9px;
}
.nav-h-apbot:hover, .nav-h-apbot-sel, .nav-h-apbot-sel:hover {
    background: url(../../imagesSt-1.0/opt/project_apbot_white.png) no-repeat;
    background-position: 50% 9px;
}
.header_div_status{float:right;display:block;width:250px;margin-right:20px;height:100%;}
.header_div_status .div_menu2{text-align:center;height:21px;line-height:21px;font-weight:bold;font-size:13px;}
.header_div_status .div_status{float:left;width:240px;text-align:center;margin:20px 0px 0px 0px;}
.header_div_status .div_status .status{font-size:13px;margin:5px 0px 0px 0px;}
.header_div_status .div_status_text{float:right;height:42px;line-height:21px;width:100%;margin-top:9px}
.header_div_status .div_status_text div{text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.header_div_status .div_menu2 ul{margin:0;padding:0;list-style:none;}
.header_div_status .div_menu2 ul a{text-decoration:none;color:#666666;}
.header_div_status .div_menu2 ul a.hover{text-decoration:none;color:#666666;}
.header_div_status .div_menu2 ul ul{background:white;opacity:0;width:60px;position:absolute;top:200%;visibility:hidden;transition:all .4s ease;-webkit-transition:all .4s ease;}
.header_div_status .div_menu2 ul li {margin-top:2px;margin-bottom:0;}
.header_div_status .div_menu2 ul li span{margin-top:0;}
.header_div_status .div_menu2 ul li:hover{border:none;background-color:#ffffff;box-shadow:none;}
.header_div_status .div_menu2 ul li:hover > ul{opacity:1;top:100%;visibility:visible;}
.header_div_status .div_menu2 ul li{float:left;position:relative;}
.header_div_status .div_menu2 ul li a{padding:0;display:inline;line-height:15px;font-weight:bold;font-size:13px;}
.header_div_status .div_menu2 ul ul li{float:none;padding:5px 0px;width:60px;}
.header_div_status .div_menu2 ul li{cursor:pointer;text-decoration:none;display:block;padding:0px 5px;text-align:center;}
.header_div_status .div_menu2 ul span{text-decoration:none;display:block;padding:0px 5px;text-align:center;margin:0;}
.header .userinfo {
    width: auto;
    height: 37px;
    float: right;
    margin: 21px 10px 0px 0px;
    background-color: #353333;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border-bottom: 1px solid #63676D;
    -webkit-box-shadow: inset 1px 1px 2px #454C56;
    -moz-box-shadow: inset 1px 1px 2px #454C56;
    box-shadow: inset 1px 1px 2px #1C1E21;
}
.userinfo:hover {
    cursor: pointer;
    background-color: #1e1e1e;
    -moz-box-shadow: inset 1px 1px 2px #121212;
    border-bottom: 1px solid #4C4E50;
    -webkit-box-shadow: inset 1px 1px 2px #121212;
    box-shadow: inset 1px 1px 2px #121212;
}
.userinfo img {
    vertical-align: middle;
    margin: 5.5px 10px 10px 10px;
    padding: 0px 0px 2px 0px;
    overflow: hidden;
    max-width: 25px;
    width: expression(this.width > 25 ? "25px" : this.width);
    max-height: 25px;
    height: expression(this.height > 25 ? "25px" : this.height);
    overflow: hidden;
}
.userinfo .text {
    padding: 0 10px 0px 0px;
    line-height: normal;
    color: #909090;
    display: inline-block;
}
.userinfodrop {
    padding: 10px;
    min-width: 300px;
    width: 300px;
    position: absolute;
    top: 53px;
    right: 11px;
    -moz-border-radius: 2px;
    display: none;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #ffffff;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 200;
}
.userinfodrop .avatar {
    float: left;
    margin-right: 10px;
    padding: 2px;
    border: 1px solid #eeeeee;
}
.userdata {}
.changetheme {
    position: absolute;
    left: 10px;
    top: 112px;
    width: 100px;
    height: 60px;
    text-align: center;
}
.changetheme ul{margin:0;padding:0;list-style:none;border-left:0px solid #FFFFFF;border-right:0px solid #FFFFFF;}
.changetheme ul a{text-decoration:none;color:#666666;height:20px;opacity:1;}
.changetheme ul a.hover{text-decoration:none;color:#313131;}
.changetheme ul ul{left:4px;opacity:0;width:60px;position:absolute;top:3px;visibility:hidden;transition:all .4s ease;-webkit-transition:all .4s ease;}
.changetheme ul li:hover > ul{opacity:0.5;visibility:visible;background-color:#FFFFFF;}
.changetheme ul li{float:left;position:relative;border-left:0px solid #FFFFFF;border-right:0px solid #FFFFFF;}
.changetheme ul li:hover{background: #FFFFFF;color:#FFFFFF}
.changetheme ul ul li{float:none;padding:0px;height:27px;}
.changetheme ul li{cursor:pointer;text-decoration:none;display:block;padding:0px 16px;text-align:center;}
.changetheme ul li span{text-decoration:none;display:block;padding:0px 15px;text-align:center;margin:0px;}
.userdata h4{color:#2d3c54;display:inline-block;}
.userdata .email{color:#999999;font-size:11px;display:inline-block;}
.userdata ul{list-style:none;width:180px;margin-top:10px;border-left:0px solid #ffffff;border-right:0px solid #ffffff;}
.userdata ul li{display:block;margin-bottom:1px;float:none;border-left:0px solid #ffffff;border-right:0px solid #ffffff;}
.userdata ul li:last-child{margin-bottom: 0;}
.userdata ul li a{color:#666666;outline:none;text-decoration:none;display:block;padding:5px;background:#f7f7f7;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-size:12px;line-height:inherit;height:auto;}
.userdata ul li a:hover{background:#fb9337;color:#ffffff;cursor:pointer;}
.footer{display:block;float:left;height:30px;width:100%;background-color:#222222;left:0;bottom:0;z-index:5;color:#999999;font-size:14px;}
.footer .copyright{text-align:center;padding-top:10px;font-size:13px;line-height:13px;}
.header ul li span {
    display: block;
    margin: 10px 0px;
    text-align: center;
}
.header ul li span img {
    width: 28px;
    height: 25px;
}
.select_a {
    color: white;
}
.onselect_a {
    color: #808080;
}
.onselect_a:hover {
    color: #ffffff;
}
.select_span {
    opacity: 1;
}
.onselect_span {
    opacity: 0.5;
}
.arrow {
    margin: 11px 10px 0px 0px;
    float: right;
}
.arrow .arrow-up {
    margin: 0px 0 3px 0;
}
.arrow .arrow-down {
    margin: 2px 0 0 0;
}