/* CSS Document */
body {
	background: #191b1e url(http://static.jd.gameduchy.com/static/img/picture/bg_page.png) repeat-y top center;
	overflow-x: hidden;
	position: relative;
	padding-top: 1px
}
#head {
	z-index: 13;
	
}
#head ul{
	display: flex;
	justify-content: space-around;
	align-items: center
}
#head ul a{
	display: block;
	width:320px;
	height: 100px
}
#pic_top {
	width: 1920px;
	height: 1252px;
	background: url(http://static.jd.gameduchy.com/static/img/picture/pic_top.png) no-repeat top center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	z-index: 9
}
#pic_cen {
	background: #ececec;
	position: relative;
	z-index: 12;
	width: 930px;
	margin: 0 auto;
	margin-top: 520px;
	padding: 25px 35px;
	box-shadow: 0 0 20px #000;
	margin-bottom: 100px
}
#float {
	position: fixed;
	top: 300px;
	left: 50%;
	margin-left: 890px;
	z-index: 100
}
#float.small{

	left:100%;
	margin-left: -70px;
}
#float .backtop {
	width: 70px;
	height: 70px;
	background: url(http://static.jd.gameduchy.com/static/img/index/backtop.png);
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100
}
#float .contact {
	position: relative;
	z-index: 99
}
#float .contact_tit {
	width: 70px;
	height: 70px;
	background: url(http://static.jd.gameduchy.com/static/img/index/contact.png);
	position: absolute;
	top: 45px;
	left: -45px;
	z-index: 10
}
#float .contact_con {
	width: 314px;
	height: 314px;
	background: url(http://static.jd.gameduchy.com/static/img/index/contact_bg.png);
	position: absolute;
	top: -167px;
	left: -289px;
	z-index: 9;
	display: none
}
#float .contact_con ul {
	text-align: center;
	margin-top: 109px
}
#float .contact_con li {
	color: #fff;
	font-size: 12px;
}
#pic_cen h2 {
	padding-left: 70px;
	background: url(http://static.jd.gameduchy.com/static/img/picture/pic_tit_ico.png) no-repeat center left;
	font-size: 30px;
	height: 50px;
	color: #c0a281;
}
#pic_cen .pic_cen_tab {
	width: 100%;
	border-bottom: 1px solid #c0a281;
	overflow: hidden;
	margin-top: 35px
}
#pic_cen .pic_cen_tab li {
	float: left
}
#pic_cen .pic_cen_tab li a {
	display: block;
	width: 180px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	font-size: 14px;
	color: #c0a281;
	background: #ececec
}
#pic_cen .pic_cen_tab li.on a {
	background: #c0a281;
	color: #fff
}
#pic_cen .tempWrap{
	margin-top: 35px
}
.pic_cen_con {
	width: 930px;
	overflow: hidden
}
.pic_cen_con .cg ul {
	width: 225px;
	list-style: none;
	float: left;
	margin-right: 10px;
}
.pic_cen_con .cg ul li {
	margin-bottom: 10px;
	font-size: 0;
	cursor: pointer;
	transition: 0.1s
}

.pic_cen_con .cg ul li img {
	width: 223px;
	border: 1px solid rgba(0,0,0,0.5);
}
.pic_cen_con .cg ul li p {
	width: 183px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #343434;
	font-size: 14px;
	border: 1px solid rgba(0,0,0,0.5);
	border-top: none;
	padding: 0 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pic_cen_con .box p.btn {
	width: 200px;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	color: #957755;
	/*background: #ffbc3a;*/
	background-image: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(215,215,215,1) 50%,rgba(255,255,255,0) 100%);
	background-image: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(215,215,215,1) 50%,rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(215,215,215,1) 50%,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(left,rgba(255,255,255,0) 0%,rgba(215,215,215,1) 50%,rgba(255,255,255,0) 100%);
	cursor: pointer;
	margin: 0 auto;
	margin-top: 30px;
	border-radius: 3px
}
.pic_cen_con .bqb ul{
	width:460px;
	list-style: none;
	float: left;
	margin-right: 10px;
}
.pic_cen_con .bqb ul li {
	margin-bottom: 10px;
	font-size: 0;
	transition: 0.1s;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid rgba(0,0,0,0.5)
}
.pic_cen_con .cg ul li:hover {
	box-shadow: 0 0 10px #000
}
.pic_cen_con .bqb ul li img {
	width:458px;
}
.pic_cen_con .bqb ul li p {
	width: 418px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #343434;
	font-size: 14px;
	border-top: 1px solid rgba(0,0,0,0.5);
	padding: 0 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pic_cen_con .bqb ul li .down{
	width:100px;
	height: 40px;
	background: url(../img/picture/download_btn.jpg) no-repeat center;
	position: absolute;
	top: 180px;
	right: 40px;
	display: block
}
.pic_cen_con .pf ul{
	width:460px;
	list-style: none;
	float: left;
	margin-right: 10px;
}
.pic_cen_con .pf ul li {
	margin-bottom: 10px;
	font-size: 0;
	transition: 0.1s;
	position: relative;
	border: 1px solid rgba(0,0,0,0.5);
	border-radius: 10px;
	overflow: hidden
}

.pic_cen_con .pf ul li img {
	width:458px;
	
}
.pic_cen_con .pf ul li p {
	width: 300px;
	height: 40px;
	line-height: 40px;
	text-align: left;
	color: #343434;
	font-size: 14px;
	border-top: 1px solid rgba(0,0,0,0.5);
	padding: 0 20px;
	padding-right: 138px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pic_cen_con .pf ul li .down{
	width:100px;
	height: 40px;
	background: url(../img/picture/download_btn.jpg) no-repeat center;
	position: absolute;
	bottom: 0px;
	right: 40px;
	display: block;
}
#pic_big {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 20;
	display: none;
	align-items: center;
	justify-content: space-around
}
#pic_big img {
	
}
#pic_cen .bqb{
	

	
}

#pic_cen .bq{
	
	
	
}





















