body {

}


a {
	outline: none;

	text-decoration:none;

}

.pn {
	background-repeat: no-repeat;
	background-position: top
}



.wrapper-index .pn {
	margin-top: 20px
}




.wrapper-index .pn4 {
	height: 347px;
	background-image: url(../images/bg4.png);
	overflow: hidden;
	position: relative
}

.wrapper-index .pn4 .pn-in {
	position: relative
}

.wrapper-index .pn4 .tab {
	position: absolute;
	top: 10px;
	left: 535px;
	z-index: 55
}

.wrapper-index .pn4 .tab a {
	position: relative;
	display: block;
	float: left;
	padding: 0 20px;
	width: 100px;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	color: #a3a3a3
}

.wrapper-index .pn4 .tab a:before {
	content: "";
	display: inline-block;
	vertical-align: middle
}

.wrapper-index .pn4 .tab a.tab1:before {
	background-position: 0 -390px
}

.wrapper-index .pn4 .tab a.tab1:before,.wrapper-index .pn4 .tab a.tab2:before {
	width: 37px;
	height: 37px;
	background-image: url(../images/index-b.png);
	background-repeat: no-repeat;
	margin-right: 10px
}

.wrapper-index .pn4 .tab a.tab2:before {
	background-position: 0 -468px
}

.wrapper-index .pn4 .tab a.tab3:before {
	width: 37px;
	height: 37px;
	background-image: url(../images/index-b.png);
	background-position: 0 -429px;
	background-repeat: no-repeat;
	margin-right: 10px
}

.wrapper-index .pn4 .tab a.current,.wrapper-index .pn4 .tab a:hover {
	color: #fff
}

.wrapper-index .pn4 .tab-pn {
	z-index: 55
}

.wrapper-index .pn4 .tab-pn-item {
	position: relative
}

.wrapper-index .pn4 .tab-pn-in {
	padding-top: 50px;
	padding-left: 570px;
	height: 347px;
	background: rgba(0,0,0,.3);
	z-index: -1
}

.wrapper-index .pn4 .role-name {
	padding-top: 90px;
	position: relative
}

.wrapper-index .pn4 .role-name img {
	position: absolute;
	bottom: 0;
	margin: auto 0
}

.wrapper-index .pn4 .role-desc {
	font-size: 14px;
	color: #a3a3a3;
	line-height: 2;
	overflow: hidden;
	padding-right: 50px;
	padding-top: 30px
}

.wrapper-index .pn4 .role {
	position: relative
}

.wrapper-index .pn4 .role:before {
	content: "";
	height: 347px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.wrapper-index .pn4 .role:after {
	content: "";
	position: absolute;
	top: 60px;
	right: 10px
}

.wrapper-index .pn4 .role1 {
	overflow: hidden
}

.wrapper-index .pn4 .role1:before {
	background: url(../images/bg-zs.png) top no-repeat;
	width: 1070px;
	left: -70px
}

.wrapper-index .pn4 .role1:after {
	width: 110px;
	height: 110px;
	background-image: url(../images/zhenghe.png);
	background-position: 0 -245px;
	background-repeat: no-repeat
}

.wrapper-index .pn4 .role2:before {
	background: url(../images/bg-fs.png) top no-repeat;
	width: 567px
}

.wrapper-index .pn4 .role2:after {
	width: 110px;
	height: 110px;
	background-image: url(../images/zhenghe.png);
	background-position: 0 -125px;
	background-repeat: no-repeat
}

.wrapper-index .pn4 .role3:before {
	background: url(../images/bg-ds.png) top no-repeat;
	width: 479px;
	left: 70px
}

.wrapper-index .pn4 .role3:after {
width: 110px;
	height: 110px;
	background-image: url(../images/zhenghe.png);
	background-position: 0 -5px;
	background-repeat: no-repeat
}