body {
	background: #0c070d;
	font-family: "Microsoft YaHei";
}

.wraper {
	margin: 0 auto;
	width: 1240px;
}

.jpgIcon {
	background-image: url("../images/jpgIcon.jpg")/**/;
	background-repeat: no-repeat;
}

.pngIcon {
	background-image: url("../images/pngIcon.png")/**/;
	background-repeat: no-repeat;
}

.no-way {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
}

.hover5 {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	-ms-transition: all .5s ease;
}

.hover3 {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-ms-transition: all .3s ease;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.hd {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 1050px;
}

.hd .img-box {
	position: absolute;
	left: -50%;
	width: 200%;
	*margin-left: 1px;
	_margin-left: 0;
}

.hd .img-box div {
	margin: 0 auto;
	width: 1920px;
	height: 1050px;
	/*background: url(../images/bg/bg1.jpg) no-repeat center top;*/
}

.hd .fire-box {
	position: relative;
	margin: 0 auto;
	width: 1366px;
	height: 1050px;
}

.hd .fire-box .layer {
	position: absolute;
	display: block;
	background-image: url("../images/layer.png")/**/;
	background-repeat: no-repeat;
}

.hd .fire-box .layer1 {
	top: 250px;
	left: 964px;
	width: 880px;
	height: 871px;
	background-position: 0 0;
}

.hd .fire-box .layer2 {
	top: 478px;
	left: -107px;
	width: 389px;
	height: 427px;
	background-position: -880px 0;
}

.hd .fire-box .layer3 {
	top: 123px;
	left: 73px;
	width: 241px;
	height: 254px;
	background-position: -1269px 0;
}

.hd .fire-box .layer4 {
	top: 33px;
	left: 1398px;
	width: 157px;
	height: 147px;
	background-position: -1510px 0;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.bd {
	position: relative;
	background: #0c070d url("../images/bg/bg2.jpg")/**/ no-repeat center top;
}

.col1 {
	position: relative;
	overflow: hidden;
	height: 443px;
	background: url("../images/bg/bg3.jpg")/**/ no-repeat center top;
	*height: 444px;
}

.col1 .download {
	position: absolute;
	top: 10px;
	left: 50%;
	display: block;
	margin-left: -256px;
	width: 534px;
	height: 111px;
	background: url("../images/download.gif")/**/ no-repeat center top;
}

.col1 .content {
	position: absolute;
	top: 128px;
	left: 15px;
	width: 1210px;
	height: 309px;
}

.col1 .side {
	width: 184px;
}

.col1 .register {
	display: block;
	width: 184px;
	height: 115px;
	background-position: 0 0;
}

.col1 .link {
	padding: 2px 3px;
}

.col1 .first {
	position: relative;
	display: block;
	overflow: hidden;
	width: 88px;
	height: 77px;
}

.col1 .bl {
	border-left: 1px solid #242a38;
}

.col1 .br {
	border-right: 1px solid #14171e;
}

.col1 .bt {
	border-top: 1px solid #242a38;
}

.col1 .bb {
	border-bottom: 1px solid #14171e;
}

.col1 .first p {
	position: absolute;
	top: 50px;
	overflow: hidden;
	width: 100%;
	height: 24px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	_line-height: 26px;
	-ms-transition: all .3s ease;
}

.col1 .first i {
	position: absolute;
	top: 5px;
	left: 50%;
	display: block;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	transition: all .8s ease;
	-ms-transition: all .8s ease;
}

.col1 .first:hover p {
	top: 26px;
	font-size: 16px;
}

.col1 .first:hover i {
	top: -100%;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

.col1 .link1 i {
	background-position: 0 0;
}

.col1 .link2 i {
	background-position: -100px 0;
}

.col1 .second {
	position: relative;
	display: block;
	overflow: hidden;
	height: 34px;
	color: #fff;
	text-indent: 70px;
	font-size: 14px;
	line-height: 34px;
	_line-height: 36px;
}

.col1 .second i {
	position: absolute;
	top: 7px;
	left: 40px;
	display: block;
	width: 20px;
	height: 20px;
}

.col1 .second-1 i {
	background-position: -214px -216px;
}

.col1 .second-2 i {
	background-position: -315px -215px;
}

.col1 .second-3 i {
	background-position: -15px -314px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.slider {
	position: relative;
	overflow: hidden;
	width: 612px;
	height: 309px;
}

.slider-nav, .special-nav {
	position: absolute;
	overflow: hidden;
	height: 24px;
}

.slider-nav {
	bottom: 6px;
	left: 6px;
	width: 600px;
	_bottom: 5px;
}

.special-nav {
	top: 657px;
	left: -10px;
	width: 484px;
	text-align: right;
	_left: 6px;
}

.slider-nav a, .special-nav a {
	display: inline-block;
	margin: 0 3px;
	width: 24px;
	height: 24px;
	background-position: -214px -13px;
	font-size: 0;
}

.slider-nav .on, .special-nav .on {
	background-position: -313px -13px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.news {
	padding: 5px 14px;
	width: 386px;
}

.news-tag {
	position: relative;
}

.news-tag ul {
	border-bottom: 1px solid #c19446;
}

.news-tag a {
	display: block;
	overflow: hidden;
	width: 68px;
	height: 40px;
	color: #99662d;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	_line-height: 42px;
}

.news-tag .on {
	color: #c19446;
}

.news-tag .slide {
	position: absolute;
	top: 39px;
	left: 0;
	display: block;
	width: 68px;
	height: 3px;
	background: #c19446;
	font-size: 0;
}

.news-tag .hot {
	position: absolute;
	top: 10px;
	left: 187px;
	display: block;
	width: 22px;
	height: 9px;
	background-position: -14px -121px;
	font-size: 0;
}

.news-tag .more {
	position: absolute;
	top: 10px;
	right: 0;
	display: block;
	width: 19px;
	height: 19px;
	background-position: -116px -116px;
	_left: 367px;
}

.news .top {
	margin-top: 15px;
	background: #1e1209;
}

.news .top a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 36px;
	color: #e6dfcd;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 36px;
	*line-height: 34px;
	_line-height: 36px;
}

.news-bd {
	margin-top: 22px;
}

.news-bd li {
	overflow: hidden;
	height: 26px;
	color: #9f8169;
	vertical-align: bottom;
	font-size: 12px;
	line-height: 26px;
	zoom: 1;
	*line-height: 24px;
	_line-height: 26px;
}

.news-bd li span {
	margin-right: 8px;
}

.news-bd li em {
	font-style: normal;
	_line-height: 24px;
}

.news-bd li a {
	width: 296px;
	color: #9f8169;
}

.news-bd li a:hover {
	color: #c19446;
	text-indent: 10px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.col2 {
	position: relative;
	overflow: hidden;
	height: 2006px;
	background: url("../images/bg/bg4.jpg")/**/ no-repeat center top;
}

.special {
	position: absolute;
	top: 152px;
	left: 254px;
	width: 790px;
	height: 760px;
	
}

.special-tag {
	position: relative;
	z-index: 99;
	padding: 20px 28px 0 29px;
}

.special-tag ul {
	border-bottom: 1px solid #c19446;
}

.special-tag a {
	display: block;
	overflow: hidden;
	width: 120px;
	height: 58px;
	color: #99662d;
	text-align: center;
	font-size: 14px;
	line-height: 58px;
	_line-height: 60px;
}

.special-tag .on {
	color: #c19446;
}

.special-tag .more {
	position: absolute;
	top: 39px;
	left: 478px;
	display: block;
	width: 19px;
	height: 19px;
	background-position: -116px -116px;
	_left: 449px;
}

.special-tag .slide {
	position: absolute;
	top: 77px;
	left: 29px;
	display: block;
	width: 120px;
	height: 3px;
	background: #c19446;
	font-size: 0;
}

.special-bd {
	position: relative;
	padding: 0 14px 0 15px;
}

.special-bd ul {
	overflow: hidden;
	width: 100%;
	height: 10000%;
}

.special-bd li {
	vertical-align: bottom;
	zoom: 1;
}

.special .prev-next {
	position: absolute;
	top: -54px;
	right: -60px;
	width: 57px;
	height: 109px;
	background: url("../images/prev-next.png")/**/ no-repeat center top;
}

.special .prev-next a {
	position: absolute;
	left: 12px;
	display: block;
	width: 32px;
	height: 23px;
	background-image: url("../images/prev-next.png")/**/;
}

.special .prev-next .prev {
	top: 10px;
	background-position: 0 -110px;
}

.special .prev-next .next {
	top: 76px;
	background-position: 0 -134px;
}

.special .prev-next .prev:hover {
	top: 10px;
	background-position: -33px -110px;
}

.special .prev-next .next:hover {
	top: 76px;
	background-position: -33px -134px;
}

.special .chain {
	position: absolute;
	top: 525px;
	left: 15px;
	width: 120px;
	height: 143px;
	background: url("../images/chain.png")/**/ no-repeat center top;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.job {
	position: absolute;
	top: 1086px;
	left: 401px;
	padding-left: 12px;
	width: 675px;
	height: 704px;
	background: url("../images/bg/job.jpg")/**/ no-repeat center top;
}

.job-tag {
	position: relative;
	z-index: 999;
	padding-top: 280px;
	width: 92px;
}

.job-tag li {
	overflow: hidden;
	margin-bottom: 20px;
	width: 92px;
	height: 30px;
	vertical-align: bottom;
	zoom: 1;
}

.job-tag a {
	display: block;
	width: 200%;
	height: 30px;
}

.job-tag i {
	display: block;
	width: 50%;
	height: 30px;
	color: #cfa95d;
	text-align: center;
	font-style: normal;
	font-size: 16px;
	line-height: 30px;
	*line-height: 28px;
	_line-height: 30px;
}

.job-tag a:hover, .job-tag .on {
	margin-left: -92px;
}

.job-tag a:hover i, .job-tag .on i {
	background: #d5bc6f;
	color: #332614;
}

.job-bd {
	position: relative;
	width: 583px;
	height: 704px;
}

.job-bd ul, .job-bd li {
	position: relative;
	width: 100%;
	height: 100%;
}

.job-bd li {
	vertical-align: bottom;
	zoom: 1;
}

.job-bd .name {
	position: absolute;
	top: 40px;
	left: 13px;
	z-index: 999;
	display: block;
	width: 135px;
	height: 241px;
	background-image: url("../images/job/name.png")/**/;
}

.job-bd .job1 .name {
	background-position: 0 0;
}

.job-bd .job2 .name {
	background-position: -135px 0;
}

.job-bd .job3 .name {
	background-position: -270px 0;
}

.job-bd .job4 .name {
	background-position: -405px 0;
}

.job-bd .attr {
	position: absolute;
	top: 480px;
	left: 333px;
	z-index: 999;
	display: block;
	width: 192px;
	height: 164px;
	background-image: url("../images/job/attr.png")/**/;
}

.job-bd .job1 .attr {
	background-position: 0 0;
}

.job-bd .job2 .attr {
	background-position: -192px 0;
}

.job-bd .job3 .attr {
	background-position: -384px 0;
}

.job-bd .job4 .attr {
	background-position: -576px 0;
}

.job-bd .txt {
	position: absolute;
	top: 548px;
	left: 28px;
	z-index: 999;
	padding: 5px 0;
	padding-left: 10px;
	border-left: 3px solid #9e091b;
}

.job-bd .txt p {
	overflow: hidden;
	height: 30px;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	*line-height: 28px;
	_line-height: 30px;
}

.job-bd .humen {
	position: absolute;
	top: -115px;
	left: -98px;
	width: 833px;
	height: 732px;
}

.job-bd .job1 .humen {
	background: url("../images/humen/1.png")/**/ no-repeat center top;
}

.job-bd .job2 .humen {
	background: url("../images/humen/2.png")/**/ no-repeat center top;
}

.job-bd .job3 .humen {
	background: url("../images/humen/3.png")/**/ no-repeat center top;
}

.job-bd .job4 .humen {
	background: url("../images/humen/4.png")/**/ no-repeat center top;
}

.job-bd .flash {
	position: absolute;
	top: 350px;
	left: 34px;
	z-index: 999;
	width: 121px;
	height: 140px;
	background: #000;
}

.job-bd .flash em {
	display: block;
	width: 100%;
	height: 100%;
}

.job-bd .job1 .flash em {
	background: url("../images/skill/jg.gif")/**/ no-repeat center top;
}

.job-bd .job2 .flash em {
	background: url("../images/skill/qx.gif")/**/ no-repeat center top;
}

.job-bd .job3 .flash em {
	background: url("../images/skill/jz.gif")/**/ no-repeat center top;
}

.job-bd .job4 .flash em {
	background: url("../images/skill/wz.gif")/**/ no-repeat center top;
}

.job-bd .flash .mark {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url("../images/mark.png")/**/ no-repeat center top;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.col3 {
	position: relative;
	overflow: hidden;
	
	height: 1461px;
	background: url("../images/bg/bg5.jpg")/**/ no-repeat center top;
	*margin-top: -1px;
}

.col3 .dish {
	position: absolute;
	top: 114px;
	left: 50%;
	margin-left: -395px;
	width: 808px;
	height: 809px;
	background: url("../images/dish.png")/**/ no-repeat center top;
	animation: around 120s linear infinite;
	-o-animation: around 120s linear infinite;
	-moz-animation: around 120s linear infinite;
	-webkit-animation: around 120s linear infinite;
}

@keyframes around {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-o-keyframes around {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-moz-keyframes around {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes around {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.col3 .humen {
	position: absolute;
	top: -39px;
	left: -125px;
	width: 1211px;
	height: 1085px;
	background: url("../images/humen.png")/**/ no-repeat center top;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.b-box {
	position: absolute;
	top: 1210px;
	left: 50%;
	overflow: hidden;
	margin-left: -500px;
	width: 1000px;
}

.b-box .row1 {
	position: relative;
	z-index: 99;
}

.b-box .row1 ul {
	width: 1011px;
}

.b-box .row1 li {
	overflow: hidden;
	margin-right: 11px;
	width: 326px;
	height: 137px;
}

.b-box .row1 a:hover img {
	transform: scale(1.06);
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.b-box .row2 {
	margin-top: 15px;
}

.b-box .package {
	width: 349px;
	height: 314px;
	background: url("../images/b-box/package.gif")/**/ no-repeat center top;
}

.b-box .package a {
	display: block;
	width: 100%;
	height: 100%;
}

.b-box .ghrz {
	width: 285px;
	height: 314px;
	background: url("../images/b-box/ghrz.jpg")/**/ no-repeat center top;
}

.b-box .ghrz a {
	display: block;
	width: 100%;
	height: 100%;
}

.b-box .kf {
	position: relative;
	width: 366px;
	height: 314px;
	background: url("../images/b-box/kf.jpg")/**/ no-repeat center top;
}

.b-box .kf h2 {
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	padding: 8px 0;
	height: 30px;
	color: #fff;
	text-indent: 158px;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
	*line-height: 28px;
	_line-height: 32px;
}

.b-box .kf h2 i {
	position: absolute;
	top: 8px;
	left: 120px;
	display: block;
	width: 30px;
	height: 30px;
	background-position: -110px -310px;
}

.b-box .kf .phone, .b-box .kf .qq {
	position: relative;
	margin-top: 30px;
	color: #fff;
	text-indent: 110px;
}

.b-box .kf .phone i, .b-box .kf .qq i {
	position: absolute;
	top: -3px;
	left: 64px;
	display: block;
	width: 37px;
	height: 37px;
}

.b-box .kf .phone i {
	background-position: -206px -307px;
}

.b-box .kf .qq i {
	background-position: -307px -307px;
}

.b-box .kf .phone p, .b-box .kf .qq p {
	overflow: hidden;
	height: 30px;
	font-size: 20px;
	line-height: 30px;
	*line-height: 28px;
}

.b-box .kf .phone label {
	display: block;
	overflow: hidden;
	height: 20px;
	line-height: 20px;
	*line-height: 18px;
}

.b-box .kf .qq a {
	position: absolute;
	top: 3px;
	left: 226px;
	display: block;
	width: 76px;
	height: 24px;
	border-radius: 3px;
	background-color: #d60000;
	color: #fff;
	text-align: center;
	text-indent: 0;
	font-size: 12px;
	line-height: 24px;
	*line-height: 22px;
	_line-height: 24px;
}

.b-box .media {
	position: absolute;
	top: 255px;
	left: 50%;
	display: block;
	margin-left: -163px;
	width: 326px;
	height: 42px;
	background: url("../images/b-box/jt.jpg")/**/ no-repeat center top;
}

.b-box .select {
	position: relative;
	width: 326px;
	height: 42px;
}

.b-box .select-txt {
	overflow: hidden;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 42px;
	cursor: pointer;
	_line-height: 44px;
}

.b-box .select-menu {
	position: absolute;
	bottom: 42px;
	left: 0;
	display: none;
	padding: 10px;
	width: 304px;
	height: 180px;
	border: 1px solid #000;
	border-bottom: 0;
}

.b-box .select-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

.b-box .select-menu ul {
	position: relative;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 304px;
	height: 180px;
}

.b-box .select-menu a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 24px;
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	*line-height: 22px;
	_line-height: 24px;
}

.b-box .select-menu a:hover {
	color: #e75a10;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.footer2 {
	width: 100%;
}

.footer2 .health {
	background: #000;
}

.footer2 .health .wrap {
	overflow: hidden;
	margin: 0 auto;
	width: 1000px;
	height: 40px;
	background: #000;
	color: #232323;
	text-align: center;
	font: 14px "Microsoft YaHei";
	line-height: 40px;
	_line-height: 42px;
}

.footer2 .copyright {
	background: #000;
}

.footer2 .copyright .wrap {
	margin: 0 auto;
	padding: 10px 0;
	padding: 10px 0;
	width: 1000px;
	height: 60px;
	background: #000;
}

.footer2 .copyright .logo {
	margin-right: 20px;
}

.footer2 .copyright .txt p {
	overflow: hidden;
	height: 20px;
	color: #858585;
	font: 12px "Microsoft YaHei";
	line-height: 20px;
	*line-height: 18px;
	_line-height: 20px;
}

.footer2 .copyright .txt a {
	color: #858585;
}

.footer2 .copyright .txt a:hover {
	color: red;
}

.footer2 .copyright .txt .media_link {
	padding-right: 10px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

#article-list, #article-article, #download, #patch, #pic-list {
	background: url("../images/bg/bg6.jpg")/**/ no-repeat left top;
}

.container {
	position: relative;
	overflow: hidden;
	padding: 0 16px 0 256px;
	width: 835px;
	height: 1050px;
	background: url("../images/bg/bg7.jpg")/**/ no-repeat right top;
}

.container .home {
	position: absolute;
	top: 30px;
	left: 54px;
	display: block;
	width: 170px;
	height: 118px;
}

.container .title {
	overflow: hidden;
	margin-top: 60px;
	height: 30px;
	background-image: url("../images/title.jpg")/**/;
	background-repeat: no-repeat;
}

.container .title1 {
	background-position: center 0;
}

.container .title2 {
	background-position: center -54px;
}

.container .title3 {
	background-position: center -108px;
}

.article-box, .download-box, .patch-box {
	margin-top: 70px;
	padding: 0 19px;
	overflow: hidden;
}

.article-tag ul, .download-tag ul, .patch-tag ul {
	height: 40px;
	border-bottom: 1px solid #c19446;
}

.article-tag a, .download-tag a, .patch-tag a {
	position: relative;
	display: block;
	overflow: hidden;
	margin-right: 5px;
	width: 100px;
	height: 40px;
	color: #9f8169;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	_line-height: 42px;
}

.article-tag a span, .download-tag a span, .patch-tag a span {
	position: absolute;
	top: 36px;
	left: 0;
	display: none;
	overflow: hidden;
	width: 100%;
	height: 4px;
	background: #c19446;
}

.article-tag .on, .download-tag .on, .patch-tag .on, .article-tag a:hover, .download-tag a:hover, .patch-tag a:hover {
	color: #c19446;
}

.article-tag .on span, .download-tag .on span, .patch-tag .on span {
	display: block;
}

.article-list {
	margin-top: 20px;
}

.article-list li {
	position: relative;
	overflow: hidden;
	padding-left: 31px;
	height: 40px;
	border-bottom: 1px dotted #513c13;
	vertical-align: bottom;
	font-size: 14px;
	line-height: 40px;
	zoom: 1;
	_line-height: 42px;
}

.article-list em {
	position: absolute;
	top: 16px;
	left: 10px;
	display: block;
	width: 11px;
	height: 11px;
	background-position: -220px -120px;
	font-size: 0;
}

.article-list .time {
	color: #999;
	font-size: 12px;
	line-height: 40px;
	*line-height: 38px;
	_line-height: 38px;
}

.article-list a {
	width: 710px;
	color: #9f8169;
}

.article-list a:hover {
	color: #c19446;
	text-indent: 10px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.pagenav {
	overflow: hidden;
	margin-top: 20px;
	padding: 0 10px;
	height: 30px;
	color: #333;
	text-align: left;
	font-size: 12px;
	font-family: "Microsoft YaHei";
	line-height: 30px;
	*line-height: 28px;
	_line-height: 30px;
}

.pagenav a, .pagenav span {
	margin: 0 3px;
	color: #333;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	-ms-transition: all .5s ease;
}

.pagenav .current, .pagenav a:hover {
	color: #c19446;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.download-main h3 {
	overflow: hidden;
	margin-top: 30px;
	height: 20px;
	color: #9f8169;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	_line-height: 22px;
}

.off-down li, .media-down li, .speedup-down li {
	padding: 10px;
}

.off-down a {
	display: block;
	margin-right: 50px;
	width: 277px;
	height: 81px;
	background-image: url("../images/download/download-btn.png")/**/;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

.off-down .official {
	background-position: 0 0;
}

.off-down .d17173 {
	background-position: 0 -81px;
}

.off-down .xunlei {
	background-position: 0 -162px;
}

.off-down a:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

.media-down a {
	display: block;
	overflow: hidden;
	width: 130px;
	height: 50px;
}

.speedup-down li {
	margin-right: 20px;
}

.speedup-down a {
	display: block;
	overflow: hidden;
	width: 180px;
	height: 80px;
}

.media-down a:hover img, .speedup-down a:hover img {
	-webkit-animation: flash ease-in-out .5s both;
	-moz-animation: flash ease-in-out .5s both;
	-ms-animation: flash ease-in-out .5s both;
	animation: flash ease-in-out .5s both;
}

@-webkit-keyframes flash {
	0%,100% {
		opacity: 100;
		opacity: 1;
		filter: alpha(opacity=10000);
		filter: alpha(opacity=100);
	}

	50% {
		opacity: 80;
		opacity: .8;
		filter: alpha(opacity=8000);
		filter: alpha(opacity=80);
	}
}

@-moz-keyframes flash {
	0%,100% {
		opacity: 100;
		opacity: 1;
		filter: alpha(opacity=10000);
		filter: alpha(opacity=100);
	}

	50% {
		opacity: 80;
		opacity: .8;
		filter: alpha(opacity=8000);
		filter: alpha(opacity=80);
	}
}

@-o-keyframes flash {
	0%,100% {
		opacity: 100;
		opacity: 1;
		filter: alpha(opacity=10000);
		filter: alpha(opacity=100);
	}

	50% {
		opacity: 80;
		opacity: .8;
		filter: alpha(opacity=8000);
		filter: alpha(opacity=80);
	}
}

@-ms-keyframes flash {
	0%,100% {
		opacity: 100;
		opacity: 1;
		filter: alpha(opacity=10000);
		filter: alpha(opacity=100);
	}

	50% {
		opacity: 80;
		opacity: .8;
		filter: alpha(opacity=8000);
		filter: alpha(opacity=80);
	}
}

@keyframes flash {
	0%,100% {
		opacity: 100;
		opacity: 1;
		filter: alpha(opacity=10000);
		filter: alpha(opacity=100);
	}

	50% {
		opacity: 80;
		opacity: .8;
		filter: alpha(opacity=8000);
		filter: alpha(opacity=80);
	}
}

@-webkit-keyframes flash {
	0%,100% {
		opacity: 100;
		opacity: 1;
		filter: alpha(opacity=10000);
		filter: alpha(opacity=100);
	}

	50% {
		opacity: 80;
		opacity: .8;
		filter: alpha(opacity=8000);
		filter: alpha(opacity=80);
	}
}

@-moz-keyframes flash {
	0%,100% {
		opacity: 100;
		opacity: 1;
		filter: alpha(opacity=10000);
		filter: alpha(opacity=100);
	}

	50% {
		opacity: 80;
		opacity: .8;
		filter: alpha(opacity=8000);
		filter: alpha(opacity=80);
	}
}

@-o-keyframes flash {
	0%,100% {
		opacity: 100;
		opacity: 1;
		filter: alpha(opacity=10000);
		filter: alpha(opacity=100);
	}

	50% {
		opacity: 80;
		opacity: .8;
		filter: alpha(opacity=8000);
		filter: alpha(opacity=80);
	}
}

@-ms-keyframes flash {
	0%,100% {
		opacity: 100;
		opacity: 1;
		filter: alpha(opacity=10000);
		filter: alpha(opacity=100);
	}

	50% {
		opacity: 80;
		opacity: .8;
		filter: alpha(opacity=8000);
		filter: alpha(opacity=80);
	}
}

@keyframes flash {
	0%,100% {
		opacity: 100;
		opacity: 1;
		filter: alpha(opacity=10000);
		filter: alpha(opacity=100);
	}

	50% {
		opacity: 80;
		opacity: .8;
		filter: alpha(opacity=8000);
		filter: alpha(opacity=80);
	}
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.patch-main {
	margin-top: 20px;
}

.patch-main table {
	border-right: 0;
	border-bottom: 0;
}

.patch-main th {
	height: 36px;
	font-size: 14px;
}

.patch-main th span {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 36px;
	color: #81807f;
	font-weight: normal;
	line-height: 36px;
	_line-height: 38px;
}

.patch-main th, .patch-main td {
	border-top: 0;
	border-left: 0;
	text-align: center;
	background: #323231;
}

.patch-main td {
	height: 30px;
	font-size: 12px;
}

.patch-main td span {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 30px;
	color: #81807f;
	line-height: 30px;
	*line-height: 28px;
}

.patch-main td a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 30px;
	color: #9f8169;
	line-height: 30px;
	*line-height: 28px;
	_line-height: 30px;
}

.patch-main td a:hover {
	color: #C19446;
	text-decoration: underline;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.float-nav {
	position: fixed;
	bottom: 20px;
	left: 51%;
	z-index: 9999;
	overflow: hidden;
	margin-left: 572px;
	width: 52px;
	height: 208px;
	*margin-left: 619px;
	_margin-left: 620px;
	_position: absolute;
	_top: expression(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.clientHeight)-20);
}

.float-nav a {
	width: 52px;
	height: 52px;
	display: block;
	background-image: url("../images/float-nav.png")/**/;
}

.float-nav .nav1 a {
	background-position: 0 0;
}

.float-nav .nav2 a {
	background-position: 0 -52px;
}

.float-nav .nav3 a {
	background-position: 0 -104px;
}

.float-nav .nav4 a {
	background-position: 0 -156px;
}

.float-nav .nav1 a:hover {
	background-position: -52px 0;
}

.float-nav .nav2 a:hover {
	background-position: -52px -52px;
}

.float-nav .nav3 a:hover {
	background-position: -52px -104px;
}

.float-nav .nav4 a:hover {
	background-position: -52px -156px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

#data {
	background: url("../images/bg/bg8.jpg")/**/ no-repeat center top;
}

#data .wraper {
	position: relative;
	overflow: hidden;
	width: 1000px;
	height: 1329px;
	background: url("../images/bg/bg9.jpg")/**/ no-repeat center top;
}

.data-list {
	margin-top: 325px;
	padding-left: 206px;
}

.data-item {
	position: relative;
	margin-bottom: 54px;
	width: 760px;
}

.data-icon {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 55px;
	height: 67px;
	background-image: url("../images/data-icon.png")/**/;
}

.data-item1 .data-icon {
	background-position: 0 0;
}

.data-item2 .data-icon {
	background-position: -55px 0;
}

.data-item3 .data-icon {
	background-position: -110px 0;
}

.data-item4 .data-icon {
	background-position: -165px 0;
}

.data-item5 .data-icon {
	background-position: -220px 0;
}

.data-item6 .data-icon {
	background-position: -275px 0;
}

.data-item7 .data-icon {
	background-position: -330px 0;
}

.data-item h2 {
	overflow: hidden;
	height: 40px;
	color: #eebd71;
	text-indent: 60px;
	font-size: 30px;
	font-family: "SimSun";
	line-height: 40px;
	_line-height: 44px;
}

.data-box {
	overflow: hidden;
	padding-left: 70px;
}

.data-box a {
	display: inline-block;
	margin-right: 34px;
	margin-bottom: 3px;
	height: 24px;
	color: #615249;
	font-size: 12px;
	line-height: 24px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	*line-height: 22px;
	_line-height: 24px;
	-ms-transition: all .3s ease;
}

.data-box a:hover {
	color: #8f401f;
}

.data-bar {
	position: absolute;
	top: 322px;
	left: 50%;
	margin-left: -462px;
	width: 96px;
	background: red;
	background: url("../images/data-bar.png")/**/ no-repeat right 12px;
}

.data-bar li {
	margin-bottom: 29px;
}

.data-bar a {
	display: block;
	width: 84px;
	height: 32px;
	color: #cad6e6;
	text-align: center;
	font-size: 12px;
	line-height: 32px;
	*line-height: 30px;
	_line-height: 32px;
}

.data-bar a:hover, .data-bar .on {
	background: url("../images/data-tag.png")/**/ no-repeat left top;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

#article-article .article-box {
	position: relative;
	margin-top: 40px;
	height: 789px;
}

.article-bg {
	position: absolute;
	top: 0;
	left: 19px;
	width: 797px;
	height: 100%;
	background: #000;
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter: alpha(opacity=20);
}

.article-main {
	position: absolute;
	top: 20px;
	left: 39px;
	width: 757px;
	height: 749px;
	color: #9f8169;
}

.article-main * {
	background: transparent;
}

.article-main h2 {
	overflow: hidden;
	height: 30px;
	text-align: center;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
	*line-height: 28px;
	_line-height: 32px;
}

.article-main h3 {
	overflow: hidden;
	height: 20px;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	*line-height: 19px;
	_line-height: 19px;
	margin-top: 5px;
}

.article-main .text {
	margin-top: 20px;
	font-size: 14px;
	line-height: 20px;
}

.article-main .text p {
	margin-bottom: 5px;
}

.article-main .text img {
	display: inline;
	max-width: 740px;
	_width:expression((document.documentElement.clientWidth)<740?"740px":"")
}

.article-main .text a {
	color: #9f8169;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.pic-list li {
	overflow: hidden;
	padding: 14px 7px;
	padding-bottom: 7px;
	width: 250px;
}

.pic-list p {
	overflow: hidden;
	width: 100%;
	height: 24px;
	color: #9f8169;
	text-align: center;
	font-size: 12px;
	line-height: 24px;
	*line-height: 22px;
	_line-height: 24px;
}

.pic-list a:hover img {
	-webkit-animation: flash ease-in-out .5s both;
	-moz-animation: flash ease-in-out .5s both;
	-ms-animation: flash ease-in-out .5s both;
	animation: flash ease-in-out .5s both;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

html, body {
	width: 100%;
	height: 100%;
}

.tc {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	_position: absolute;
	_top: expression(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.clientHeight));
	z-index: 9999;
}

.tc-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}

.tc-flash {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -183px;
	margin-left: -325px;
	width: 650px;
	height: 366px;
	background: #000;
	*margin-top: -184px;
	_margin-top: -183px;
	*margin-left: -326px;
	_margin-left: -325px;
}

.tc-flash .flash-box {
	width: 650px;
	height: 366px;
}

.tc-bd .close {
	position: absolute;
	top: -5px;
	right: -50px;
	display: block;
	width: 39px;
	height: 39px;
	background: url("../images/close.png")/**/ no-repeat center top;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.top-nav {
	padding-left: 380px;
}

.nav-col {
	display: block;
	padding: 9px 0;
	width: 98px;
	height: 36px;
	color: #4f4f4f;
	text-align: center;
}

.nav-col p {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	_line-height: 22px;
}

.nav-col em {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 16px;
	color: #919191;
	font-style: normal;
	font-size: 10px;
	line-height: 16px;
}

.top-nav .line {
	padding-right: 1px;
	background: url("../images/top-nav-line.jpg")/**/ no-repeat right 13px;
}

.nav-menu {
	margin-top: -2px;
	width: 98px;
	height: 0;
	background: url("../images/top-nav-menu.png")/**/ no-repeat center bottom;
	overflow: hidden;
}

.nav-menu ul {
	padding: 5px;
}

.nav-menu a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 24px;
	color: #4f4f4f;
	text-align: center;
	font-style: 12px;
	line-height: 24px;
	*line-height: 22px;
	_line-height: 24px;
}

.nav-menu a:hover {
	color: #ed0346;
}

.kv-music{position:fixed;z-index:50;top:50px;left:50px; width:58px;height:100px;}

.rightbar{width:208px;height:619px;position:fixed;top:40%;right:0;margin-top:-280px;background:url(left1.png) no-repeat;z-index:10000;text-align:center;color:#fff;-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.rightbar.close{right:-208px}
.rightbar.close .btn-close{background:url(left4.png) no-repeat}
.rightbar .btn-close{width:86px;height:73px;background:url(left2.png);position:absolute;top:10px;left:-86px}
.rightbar h6{margin-bottom:10px;padding-top:30px; padding-left:28px;/*右边*/ font-size:18px;line-height:24px;font-weight:700;overflow:hidden}
.rightbar h6 span{display:block;font-size:14px}
.rightbar .code{margin:0 0 10px 35px;/*右边*/width:157px;height:188px;background:#d0b37e; /*微信底色*/}
.rightbar .code p{height:30px;line-height:30px;background:#8e7649;/*微信底色*/margin-bottom:5px;}
.rightbar p{font-size:16px;line-height:24px;margin-bottom:5px; padding-left:20px;/*右边*/}

.rightbar .kefu{margin-left:35px;/*右边*/display:block; width:157px;height:51px;background:url(left3.png) no-repeat;line-height:50px;font-size:18px; font-weight:200; font-family:"微软雅黑"; color:#fff;text-decoration:none;margin-bottom:5px}
.rightbar .kefu:hover{background:url(left5.png) no-repeat}