.content{
	margin-top:20px;
}
.content>ul{
	width:200px;
	height: 322px;
	border: #009bec solid 1px;
	position: relative;
}

.content>ul>li>span{
	display: block;
	color: #666;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-indent: 2em;
	background: url("../img/ico1.png") 172px -59px no-repeat;
	cursor: pointer;
}
.content>ul>li:hover span.span{
	background-color: #ecf8ff;
	background-position-y: -27px;
	color: #009bec;

}
.content>ul>li>div{
	position: absolute;
	left: 200px;
	top:-1px;
	width: 860px;
	height: 282px;
	border: #009bec solid 1px;
	background: #fff;
	display: none;
	z-index: 999;
	padding: 20px;
}
.content>ul>li:hover div{
display: block;
}
.content>ul>li>div>span{
	display: block;
	width:160px;
	height: 200px;
	background-color: #efefef;
}

.content>ul>li>div>ul li span{
	color: #009bec;
	font-size: 14px;
	padding-right: 10px;
	display: inline-block;
	min-width: 110px;
   text-align: right;
}
.content>ul>li>div>ul li{
	margin-bottom: 10px;
}
.content>ul>li>div>ul li p{
	border-bottom: #d9d9d9 solid 1px;
}
.content>ul>li>div>ul li p a{
	color: #333;
	font-size: 14px;
	border-left: #d9d9d9 solid 1px;
	padding: 0 10px;
	margin-bottom: 10px;
	display: inline-block;
}
.content>ul>li>div>ul li p a:hover{
	color: #009bec;
}
.layui-carousel{
	margin-left: 20px;
}
.layui-carousel{
	width: 659px;
	height: 322px;
}
.login{
	width:260px;
	height: 282px;
	padding: 20px;
	border: #009bec solid 1px;
}
.login>a{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: url("../img/ico1.png") 20px -91px no-repeat;
	border: #009bec solid 1px;
	text-indent: 4em;
	color: #333;
	font-size: 16px;
	margin-bottom: 20px;
}
.login>a:hover{
	background-color: #009bec;
	background-position-x: -65px;
	color: #fff;
}
.login>p{
	color: #333;
	font-size: 14px;
	margin-bottom: 20px;
}
.login>p strong{
	font-weight: normal;
	color: #ff4c4c;
}
.login>ul>li{
	background: url("../img/new.gif") no-repeat;
	height: 20px;
	margin-bottom: 10px;
}
.login>ul>li:hover a{
	color: #009bec;
}
.login>ul>li>a{
	color: #333;
	font-size: 13px;
	padding-left: 40px;
}
.tab{
	width: 700px;
	height: 200px;
	border: #009bec solid 1px;
	border-top: none;
	overflow: hidden;
}
.tab>div{
	/*width: 660px;*/
	height: 40px;
	background-color: #009bec;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	padding: 0 20px;
}
.tab>div>p >span{
	color: #b1d7f7;
	font-size: 14px;
	padding: 0 10px;
	border-right: #36b8ff solid 1px;
	cursor: pointer;
}
.tab>div>p >span.active,.tab>div>p >span:hover{
	color: #fff;
}
.tab>ul{
	padding: 20px;
}
.tab>ul>li>img{
	width: 120px;
	height: 120px;
}
.tab>ul>li{
	display: none;
}
.tab>ul>li.show{
	display: block;
}
.tab>ul>li>ul{
	margin-left: 10px;
}
.tab>ul>li>ul>li{
	background: url("../img/ico1.png") 0px -185px no-repeat;
	margin-bottom: 20px;

}
.tab>ul>li>ul>li:hover a{
	color: #009bec;
}
.tab>ul>li>ul>li>a{
	color: #666;
	font-size: 12px;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:400px;
	padding-left: 15px;
}
.tab>ol{
	width: 440px;
	margin:15px auto;
	height: 130px;
	overflow: hidden;
}
.tab>ol td{
	height: 32px;
	color: #666;
	font-size: 12px;
}
.tab>ol td strong{
	color: #009bec;
	font-weight: normal;
}
.tab1{
	width: 700px;
	min-height: 160px;
	border: #009bec solid 1px;
	border-top: none;
}
.tab1>div{
	/*width: 660px;*/
	height: 40px;
	background-color: #009bec;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	padding: 0 20px;
}
.tab1 .inform{
	padding: 20px 10px 10px 20px;
}
.tab1 .inform>li{	
	float: left;
	width: 136px;
	height: 80px;
	margin-right: 10px;
	background-color:#f1f1f1; 
	display: block;
	margin-bottom: 10px;
}
.tab1 .inform>li>a{
	display: block;
}
.info1>ul>li{
	background: url("../img/new.gif") no-repeat;
	height: 20px;
	padding-left: 40px;
	margin-bottom: 10px;
}
.info1>p{
	margin-bottom:10px;
}
.info1>p>strong{
	color:red;
}