*{
	margin: 0;
	padding: 0;
	list-style: none;
	outline: none;
}
body {
	color: #ffffff;
}
a{
	color: #999999;
	text-decoration: none;
}
.container{
	width: 1100px;
	margin:0 auto;
}
.left{
	float: left;
	margin-top: 20px;
}
.left{
	float: left;
	width: 260px;
}
.left li{
	line-height: 45px;
	height: 45px;
	cursor: pointer;
	background: #393939;
	margin-bottom: 1px;
}

.left li a:hover{
	color: #00c2ff;
}

.active1{
	
}


.active{
	color:#00c2ff;
}

.right{
	margin-top: 20px;
	width: 820px;
	background: #222222;
	float: right;
}
.t-log{
	widows: 100%;
	height: 120px;
	margin-top: 50px;
}
.imgs{
	display: flex;
	align-items: flex-end;
}
.title{
	width: 696px;
	height: 481px;
	font-size: 18px;
	color: #828282;
	margin-left: 56px;
}
.title1{
	width: 820px;
	height: 98px;
	background:#999999;
	letter-spacing: 1px;
	margin-top: 96px;
	overflow: hidden;
}
.tp{
	width: 820px;
	height: 820px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.tp li{
	width: 410px;
	height: 410px;
}
.tp li img{
	width: 410px;
	height: 410px;
}
.tt{
	margin: 0 auto;
	margin-top: 35px;
	width: 702px;
	height: 80px;
	color: #828282;
	font-size: 18px;
	line-height: 30px;
}
.team-person{
	margin-top: 32px;
	width:820px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.team-person li{
	width: 260px;
	height: 302px;
	position: relative;
}
.per-title{
	width: 100%;
	height: 54px;
	background: #000000;
	position: absolute;
	bottom: 42px;
	opacity: 0.6;
	line-height: 54px;
	text-indent: 16px;
	font-size: 18px;
}
.active a{
	color:#00c2ff;
}
.per-title1{
	background: #3d3d3d;
	line-height: 42px;
	text-indent: 16px;
	opacity: 0.6;
	height:42px;
	overflow: hidden;
}
.content_left{
	float: left;
	width: 40px;
	height: 33px;
	line-height: 32px;
	font-size: 18px;
	text-align: center;
	background: #919191;
	margin-left: 56px;
	color: #000000;
	padding: 5px 10px;
}

.content_right{
	float: left;
	width: 596px;
	border-left:1px solid darkgrey;
	padding-left: 45px;
	padding-bottom: 50px;
}

.content_right ul li {
	line-height: 26px;
	color: #a5a5a5;
}


.num ul li{
	width: 40px;

}
.title2{
	float: left;
	width: 596px;
	height: 1371px;
	margin-left: 45px;
}
.title3{
	font-size: 24px;
	letter-spacing: 1px;
	color: #828282;
	text-indent: 56px;
}
.title4{
	font-size: 18px;
	width: 703px;
	margin-top: 21px;
	letter-spacing: 1px;
	color: #828282;
	margin-left: 56px;
	line-height: 27px;
}
.post-list{
	margin-top: 72px;
	width: 820px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.post-list li{
	width: 48%;
	height: 780px;
	background: #333333;
	margin-bottom: 20px;
}
.layui-nav-tree{
	width: 260px;
}

.layui-nav{
	background: #393939;
}



.layui-nav .layui-nav-item:not(:last-child) {
	border-bottom: 1px solid #000000;
}

.layui-nav-child dd{
	background-color: #666666;

}

.layui-nav-child dd:not(:last-child) {
	border-bottom:1px solid #000000;
}







.layui-nav-tree .layui-nav-child a {
	color: #000000;
}


.layui-nav-tree .layui-nav-child a:hover{
	color: #00c2ff;
}

#layui-nav-child-hover {
	background:#242424;
}
#layui-nav-child-hover a{
	color: #00c2ff;
}

.bjt li:hover {
	-webkit-filter: brightness(120%); /* Chrome, Safari, Opera */
	filter: brightness(120%);
}
#layui-nav-item-hover a{
	color: #00c2ff;
}