html{
	min-height: 100%;
	width: 100%;
	background: url(../img/bg.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
}
/*-----------------header-------------------*/
.header{
	width: 100%;
}
.header img{
	width: 100%;
	z-index: 99;
}
.nav{
	width: 100%;
	background: url(../img/nav_bg.png) 0 0 no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	height: 85px;
	line-height: 85px;
	margin-top: -16px;
}
.nav li{
	width: 50%;
	float: left;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
}
.nav li.active{
	background: url(../img/nav_btn.png) 0 center no-repeat;
	background-size: 100% 48px;
}
/*.nav li:first-of-type{
	width: 27%;
}
.nav li:last-of-type{
	width: 27%;
}*/
/*-----------------header End-------------------*/

.role{
	width: 92%;
	padding: 4%;
}
.role .roletitle{
	/*background: url(../img/title.png) 0 0 no-repeat;
	background-size: 100% 100%;*/
	color: #f6c110;
	width: 230px;
	height: 53px;
	position: relative;
	text-align: center;
	font-size: 20px;
}
.role .roletitle span{
	width: 100%;
	height: 44px;
	line-height: 44px;
	position: absolute;
	top: -19px;left: 0px;
	z-index: 99;
}
.role .roletitle img{
	width: 100%;
	height: 120px;
	position: absolute;
	top:-80px;
	left: 0px;
}
/*-----------------风云人物-------------------*/
.role dl dt{
	width: 100%;
	display: inline-block;
	padding-top: 8%;
	padding-bottom: 2%;
}
.role dl dd{
	display: inline-block;
	width: 40%;
	margin: 3% 5%;
	float: left;
}
.role dl dd img{
	width: 100%;
	border-image-width: 30px;
	border-image-source: url(../img/roleBg.jpg);
	border-image-slice: 30;
	border-image-outset: 4px;
}
.role dl dd p{
	padding: 5px 0px;
}
.role dl dd p.name{
	margin-top: 10px;
	font-size: 18px;
	color: #ffc914;
}
.role dl dd p.text{
	font-size: 14px;
	color: #b1b1b1;
	height:55px;
}
/*-----------------风云人物-End------------------*/