@charset "utf-8";
/* CSS Document */
*{
	padding:0;
	margin:0;
	border:0;
	}
body{
	font-family:Arial;
	font-size:12px;
	color:#000;
	background-color:#FFF;
	/* overflow-x: hidden; */
	}
@media screen and (min-width: 1201px) {
#top,#footer,#main,#information,#nav,#container{width:100%} ;
}
/* 设置了浏览器宽度>=1201px时 显示浏览器宽度 */

@media screen and (max-width:1200px) {
#top,#footer,#main,#information,#nav,#container{width: 1200px};
}
/* 设置了浏览器宽度<=1200px时 显示1200px宽度 */
#top,#footer,#main,#nav{
	min-width: 1200px;
}

/*top样式*/
#top{
	height:80px;
	background-color:#fff;
}
#top_cont{
	position:relative;
	height:80px;
	background-color:#fff;
	z-index:999;
	}
/*nav样式表开始*/
li{
	list-style:none;
	}
#nav{
	height:44px;
	background-color:#FFF;
	color:#fff;
	position:relative;
	z-index:900;
	}
#nav a.active {
	background-color:#349d36;
	color:#FFF;	
}
#nav>ul{
	width:100%;
	height:36px;
	background:url(../image/nav_blue.jpg) repeat-x;
	}
#nav>ul>li{
	float:left;
	position:relative;
	width:11%;
	height:36px;
	list-style: none;
	}
#nav>ul>li>a{
	display:block;
	_display:block;
	width:100%;
	height:36px;
	margin:0;
	font-size:16px;
	text-align:center;
	line-height:36px;
	text-decoration:none;
	cursor:pointer;
	color:#fff;
	overflow:hidden;
	}
#nav>ul>li>a:hover{
	background-color:#349d36;
	color:#FFF;
	}
#nav>ul>li>ul{
	display:none;
	_display:none;
	position:relative;
	width:120%;
	top:0px;
	left:0;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	}
#nav .triangle{
	display: none;
	_display:none;
	position:absolute;
	width:12px;
	height:5px;
	background:url(../image/triangle.png) no-repeat;
	bottom:0;
	left:50%;
	margin-left:-6px;
	}
#nav .last{
	border:none;
	}
#nav>ul>li>ul>li{
	list-style:none;
	width:100%;
}
#nav>ul>li>ul>li>a{
	display:block;
	_display:block;
	width:100%;
	height:34px;
	text-decoration:none;
	line-height:34px;
	text-align:center;
	font-size:1em;
	color:#666;
	background-color:#FFF;
	border-bottom:1px solid #dbdbdb;
	overflow:hidden;
	}
#nav>ul>li>ul>li>a:hover{
	background:#32a030;
	color:white;
	}
#nav>ul>li:hover >ul{
	display:block;
	_display:block;
	}
#nav>ul>li:hover .triangle{
	display:block;
	_display:block;
}

#nav>ul>li>ul>li {
	position: relative;
}
#nav>ul>li>ul>li>ul {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	border: 1px solid #dbdbdb;
	background-color: #fff;
}
#nav>ul>li>ul>li>ul>li>a {
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 16px;
	border-bottom: 1px solid #dbdbdb;
	color: #666;
	text-decoration: none;
	white-space: nowrap;
	text-align: center;
}
#nav>ul>li>ul>li>ul>li>a:hover {
	background: #32a030;
	color: #fff;	
}
#nav>ul>li>ul>li:hover ul {
	display: block;
}

#nav>ul>li>ul>li>a.active{
	background-image: url("../image/more_nav.gif");
	background-repeat: no-repeat;	
}

#sign_out{
	position:absolute;
	z-index: 999999;
	top:30px;
	right:60px;
}
#user_name{
	display: block;
	position:relative;
	text-decoration:none;
	padding:6px 20px;
	color:#000;
}
#user_name:hover{
	color:blue;
}
#sign_out .triangle{
	position:absolute;
	display: block;
	margin:0;
	width:0;
	height:0;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:6px solid #000;
	top:10px;
	right:4px;
}
#sign_out ul{
	display: none;
	_display:none;
}
#sign_out ul li{
	list-style: none;
}
#sign_out ul a{
	display:block;
	_display:block;
	text-decoration:none;
	background-color:#fff;
	padding:4px 20px;
	color:#000;
}
#sign_out ul a:hover{
	background-color:#349d36;
	color:#FFF;
}
#sign_out:hover ul{
	display: block;
	_display:block;
}
#main{
	overflow:hidden;
}
/*footer样式*/
#footer{
	position:fixed;
	height:50px;
	text-align:center;
	background-color:#fafafa;
	left:0;
	bottom:0;
	z-index:999999
	}
#footer p{
	display:block;
	_display:block;
	height:50px;
	line-height:50px;
	}


/*清除浮动*/
.clear{
	clear:both;
	}
	
/*电池告警显示*/
#eleWarning{
	position:fixed;
	bottom:0;
	right:20px;
	width:240px;
	z-index:99999999;
	border:1px solid #25aacd;
	background-color:#fff;
}
#eleWarning .warning-head{
	width:100%;
	background-color:#b6c1fa;
}
#eleWarning .warning-head .warning-out{
	display:block;
	float:right;
	padding:4px 10px;
	font-size:20px;
}
#eleWarning .warning-head .warning-out:hover{
	background-color:#F70C45;
	color:#FFFFFF;
}
#eleWarning .warning-head .warning-img{
	float:left;
	width:50%;
	height:30px;
	line-height:30px;
	text-indent:2.5em;
	font-size:16px;
	font-weight: bold;
	background:url(../image/warning-red.png) no-repeat 2px;
}
#eleWarning .warning-content{
	width:100%;
	height:120px;
	overflow:hidden;
}
#eleWarning .warning-content .warning-txt{
	margin-top: 30px;
	width:100%;
	line-height: 30px;
	text-align: center;
	font-size:16px;
}
#eleWarning .warning-content .warning-txt span {
	display: inline-block;
	margin-top: 10px;
	padding: 0 16px;
	border-radius: 14px;
	text-align: center;
	background-color: #EFE92E;
}
#eleWarning .warning-content .warning-txt span a{
	text-decoration: none;
}
#eleWarning .warning-content .warning-txt span a:hover {
	text-decoration: underline;
	background-color: #F4F241;
	color: #343FEB;
}
#top_cont .international {
	position:absolute;
	z-index: 99999;
	top: 0px;
	right: 60px;
}

#top_cont .international a {
	color: #B4AEAE;
	text-decoration: none;
}

.inter_action {
	color: #5157F0 !important;
}
/* 隐藏不需要的文字  */
span.vis {
	visibility: hidden;
}

.batt-state {
	position: absolute;
	left: 260px;
	top: 30px;
	background-color: #fff;
}
.batt-state .list {
	display: inline-block;
}
.batt-state .list .list-contain {
	height: 36px;
	line-height: 36px;
	padding: 0 1em;
	background:url("../image/table_th_bg.gif") repeat-x;
	font-weight: bold;
	border-radius: 4px;
}

.weather {
	position: absolute;
	top: 0;
	left: 260px;
}

.weather .weather-detail {
	display: none;
	background-color: #fff;
}
.weather:hover .weather-detail {
	display:block;
}

.weather .weather-detail {
	display: none;
	position: relative;
	background-color: #fff;
}
.weather .weather-detail .ele-mask {
	position:absolute;
	top: 0;
	right: 0;
	background-image: url("../image/bg_13.jpg");
	background-repeat: repeat-x;
	width: 200px;
	height: 31px;
}
.weather:hover .weather-detail {
	display:block;
}

.show-none {
	display: none !important;
}