@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #f3f3f3;
	overflow-x: hidden;
}
.bigcontainer {
	width: 100%;
}
.test {
	border: 1px solid red;
}
.fl {
	float: left;
}
.cl {
	clean: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;
	top: 197px;
}
.rl {
	position: relative;
}
.coloum1 {
	height: 195px;
	width: 100%;
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.coloum2 {
	height: 546px;
	background: url(../images/bg_02.gif) no-repeat center top;
	width: 100%;
}
.coloum3 {
	height: 859px;
	background: url(../images/bg_03.jpg) no-repeat center top;
	width: 100%;
}
.coloum4 {
	/*height: 945px;*/
	height: 80px;
	background: url(../images/bg_04.jpg) no-repeat  center top;
	width: 100%;
}
.coloum5 {
	height: 374px;
	background: url(../images/bg_05.jpg) no-repeat center top;
	width: 100%;
	margin-bottom: -50px;
}
.imgcoloum1, .imgcoloum2 {
	width: 0px;
	height: 0px;
	left: 50%;
	margin-left: -585px;
}
#introduce {
	width: 500px;
	height: 300px;
	position: absolute;
	left: 50%;
	top: 900px;
}
.imgcoloum2 {
	margin-top:900px;
}
.navs {
	width: 815px;
	height: 100px;
	left: 50%;
	margin-left: -415px;
	top: 42px;
}
.navs .nav1, .navs .nav2, .navs .nav3 {
	width: 261px;
	height: 96px;
}
.navs .nav1:hover, .navs .nav2, .navs .nav3:hover {
	cursor: pointer;
}
.navs .nav1 {
	top: 2px;
	left: -1px;
}
.navs .nav2 {
	top: 2px;
	left: 275px;
}
.navs .nav3 {
	top: 2px;
	left: 549px;
}
.navs .nav1:hover {
	background: url(../images/xz2.png);
}
.navs .nav2:hover {
	background: url(../images/cz2.png);
}
.navs .nav3:hover {
	background: url(../images/zs2.png);
}
/*更改导航上浮幅度*/	
.link1:hover, .link2:hover, .link3:hover, .link4:hover {
	top: -5px;
}
#leftnav {
	position: fixed;
	right: 20px;
	top: 300px;
	width: 65px;
	height: 248px;
	background: url(../images/leftnav.png) no-repeat;
	z-index: 20;
}
#leftnav a {
	width: 65px;
	height: 60px;
	display: block;
}
/*zb*/

.ml10 {
	margin-left: 10px;
}
.m5 {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 5px;
	padding-top: 100px;
	background: url(../images/zbtop.jpg) top center no-repeat;
	z-index: 999999;
}
.ps988_zb {
	width: 1320px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 10px 00px 00px 00px;
	padding-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.ps988_zb_3bg {
	padding: 10px 10px 10px;
	width: 413px;
	height: auto;
	overflow: hidden;
	float: left;
	background-color: rgba(288,227,188,0.3);
	position: relative
}
.ps988_zb_3 {
	padding: 10px 10px 10px 10px;
	width: 393px;
	height: auto;
	overflow: hidden;
	float: left;
	position: relative;
	overflow: hidden;
	background-color: rgba(228,227,239,0.3);
	box-shadow: 0 0px 2px rgba(0,0,0,1) inset;
}
.ps988_zb_3_t {
	width: 393px;
	height: 41px;
	float: left;
	background: #132325;
	line-height: 41px;
	color: #bda575;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.ps988_zb_3_d {
	width: 393px;
	height: 0px;
	float: left;
	background: #ece8e5;
	position: relative
}
.ps988_zb_3 .role-itemst {
	width: 383px;
	height: auto;
	float: left;
	position: relative;
}
.ps988_zb_3 .role-itemst img {
	width: 383px;
	height: auto;
	overflow: hidden;
	display: block;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	padding: 5px;
}
.ps988_zb_2bg {
	padding: 10px 10px 10px;
	width: 635px;
	height: auto;
	overflow: hidden;
	float: left;
	background-color: rgba(288,227,188,0.3);
	position: relative
}
.ps988_zb_2 {
	padding: 10px 10px 10px 10px;
	width: 615px;
	height: auto;
	overflow: hidden;
	float: left;
	position: relative;
	overflow: hidden;
	background-color: rgba(228,227,239,0.3);
	box-shadow: 0 0px 2px rgba(0,0,0,1) inset;
}
.ps988_zb_2_t {
	width: 615px;
	height: 41px;
	float: left;
	background: #132325;
	line-height: 41px;
	color: #bda575;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.ps988_zb_2_d {
	width: 615px;
	height: 0px;
	float: left;
	background: #ece8e5;
	position: relative
}
.ps988_zb_2 .role-itemst {
	width: 605px;
	height: auto;
	float: left;
	position: relative;
}
.ps988_zb_2 .role-itemst img {
	width: 605px;
	height: auto;
	overflow: hidden;
	display: block;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	padding: 5px;
}
.ps988_zb_1bg {
	padding: 10px 10px 10px;
	width: 1300px;
	height: auto;
	overflow: hidden;
	float: left;
	background-color: rgba(288,227,188,0.3);
	position: relative
}
.ps988_zb_1 {
	padding: 10px 10px 10px 10px;
	width: 1280px;
	height: auto;
	overflow: hidden;
	float: left;
	position: relative;
	overflow: hidden;
	background-color: rgba(228,227,239,0.3);
	box-shadow: 0 0px 2px rgba(0,0,0,1) inset;
}
.ps988_zb_1_t {
	width: 1280px;
	height: 41px;
	float: left;
	background: #132325;
	line-height: 41px;
	color: #bda575;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.ps988_zb_1_d {
	width: 1280px;
	height: 0px;
	float: left;
	background: #ece8e5;
	position: relative
}
.ps988_zb_1 .role-itemst {
	width: 1270px;
	height: auto;
	float: left;
	position: relative;
}
.ps988_zb_1 .role-itemst img {
	width: 1270px;
	height: auto;
	overflow: hidden;
	display: block;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	padding: 5px;
}

/*zbgd*/

.zbshowSlide {
	width: 753px;
	height: 727px;
	left: 50%;
	margin-left: -360px;
	top: 1630px;
}
.zbshowSlide .zbshowimages .ulb {
	list-style-type: none;
}

.zbshowSlide .zbshowimages .ulb li img {
	width:800px;
	height:727px;
}


.zbshowSlide .prev, .zbshowSlide .next {
	width: 54px;
	height: 58px;
	top: 361px;
}
.zbshowSlide .prev {
	background: url(../images/prev.png);
	left: 821px;
}
.zbshowSlide .next {
	background: url(../images/next.png);
	left: -90px;
}
.SwordShowSlide {
	width: 856px;
	height: 822px;
	left: 50%;
	margin-left: -373px;
	top: -69px;
}
.SwordShowSlide .zbshowimages .ulb {
	list-style-type: none;
}
.SwordShowSlide .prev, .SwordShowSlide .next {
	width: 54px;
	height: 58px;
	top: 400px;
}
.SwordShowSlide .prev {
	background: url(../images/prev.png);
	left: 880px;
}
.SwordShowSlide .next {
	background: url(../images/next.png);
	left: -80px;
}
.ab {
	position: absolute;
}
