.conatiner {
	position: relative;
	height: 1950px;
	width: 100%;
	transition: all 0.1s;

	-webkit-transition: all 0.1s;
	background-color: #243040;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.main-activity {
	position: relative;
	width: 1350px;
	margin: 0 auto;
	top: 538px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

.zhibo-box{ position: absolute; top: 180px; left: 50%; margin-left: -675px; width: 888px; height: 439px; background: url(../images/zhibobg.png) no-repeat;}
.zhibo-cont{ width: 690px; height: 418px; background: #000; float: left; margin-top: 10px; margin-left: 10px;}
.zhibo-nav{ width: 175px; height: 418px; float: left; margin-top: 10px; margin-left: 3px;}
.zhibo-nav a{ width: 168px; height: 96px; float:left; margin-top: 7px; }
.zhibo-nav a img{ width: 160px; height: 96px; opacity: 0.8; margin-left: 8px;}
.zhibo-nav a.current{ background: url(../images/zhibo-navbg.jpg) no-repeat;}
.zhibo-nav a.current img{ width: 155px; height: 90px; margin-left:10px; margin-top: 3px; opacity: 1;}

.main-activity .activity {
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	position: absolute;
}

.w100 {
	width: 100%;
}
/* age */
.btn-age{
	position: absolute;
	right: -135px;
	top: 0;
	width: 108px;
	cursor: pointer;
}
.pop-ageReminder{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.pop-ageReminder .layer{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
}
.pop-ageReminder .close{
	position: absolute;
	right: -60px;
	top: 0;
	width: 45px;
	height: 45px;
	background: url("../images/close.png") 0 0 no-repeat;
	cursor: pointer;
}
.pop-ageReminder .wrap{
	position: absolute;
	left: 50%;
	top: 10%;
	margin-left: -425px;
	width: 850px;
	padding: 40px 60px;
	background-color: #fff;
}
.pop-ageReminder h2{
	font-size: 24px;
	color: #614430;
	text-align: center;
	margin-bottom: 28px;
}
.pop-ageReminder p{
	font-size: 16px;
	color: #50311c;
	margin-bottom: 15px;
	line-height: 30px;
}

/* age == end */
.download-activity {
	width: 200px;
	top: 3px;
	left: 36px;
	height: 180px;
}

.shop-activity {
	width: 200px;
	height: 240px;
	top: 196px;
	left: 38px;
}

.nmall-activity {
	width: 200px;
	height: 85px;
	top: 473px;
	left: 25px;
}

.jun-activity {
	width: 200px;
	height: 85px;
	top: 569px;
	left: 26px;
}

.market-activity {
	width: 200px;
	height: 85px;
	top: 668px;
	left: 25px;
}

.confraternity-activity {
	width: 200px;
	height: 85px;
	top: 768px;
	left: 25px;
}

.service-activity {
	width: 200px;
	height: 420px;
	top: 871px;
	left: 24px;
}

.banner-activity {
	width: 430px;
	height: 440px;
	top: 0;
	left: 251px;
}

.news-activity {
	width: 390px;
	height: 310px;
	top: 0;
	left: 690px;
}

.tip-activity {
	width: 200px;
	height: 100px;
	top: 340px;
	left: 690px;
}

.tip1-activity {
	width: 200px;
	height: 100px;
	top: 340px;
	left: 920px;
}

.hd-activity {
	width: 850px;
	height: 395px;
	top: 470px;
	left: 230px;
	padding: 5px 20px 0 20px;
	background: url(../images/hdbg.jpg) no-repeat 0 0;
}

.hd-activity .hd-inner-tabcont {
	width: 890px;
	height: 400px;
}

.video-activity {
	width: 200px;
	height: 200px;
	top: 890px;
	left: 230px;
}

.wallpaper-activity {
	width: 200px;
	height: 200px;
	top: 890px;
	left: 460px;
}

.vmovies-activity {
	width: 200px;
	height: 200px;
	top: 890px;
	left: 690px;
}

.cosplay-activity {
	width: 200px;
	height: 200px;
	top: 890px;
	left: 920px;
}

.byproduct-activity {
	width: 200px;
	height: 200px;
	top: 1110px;
	left: 230px;
}

.player-activity {
	width: 200px;
	height: 200px;
	top: 1110px;
	left: 460px;
}

.media-activity {
	width: 390px;
	height: 188px;
	top: 1110px;
	left: 690px;
	padding: 12px 20px 0 20px;
}

.version-activity {
	width: 160px;
	height: 175px;
	top: 0;
	left: 1150px;
	padding: 5px 20px 0 20px;
}

.interaction-activity {
	width: 200px;
	height: 240px;
	top: 200px;
	left: 1150px;
}

.lake-activity {
	width: 160px;
	height: 612px;
	top: 470px;
	left: 1150px;
	padding: 8px 20px 0 20px;
}

.col-activity {
	width: 160px;
	height: 180px;
	top: 1110px;
	left: 1150px;
	padding: 0 20px 20px 20px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

a {
	text-decoration: none;
}


/**** nav-activity ****/

.nav-activity {
	width: 1350px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.nav-activity a {
	position: absolute;
}

.nav-activity .logo {
	top: 0;
	left: 0;
	width: 270px;
	height: 160px;
}
.nav-activity .coor {
    top: 0;
    left: 50%;
    margin-left: -660px;
    width: 99px;
    height: 90px;
}


.nav-activity .logo{
	display: block;
    width: 262px;
    height: 130px;
	position: absolute;
	/*background: url(../images/logo_biu.png) no-repeat;
	background-size: 100%;*/
	left: 50%;
	top: 100px;
	margin-left: -348px;
}
.nav-activity .logo img{
	max-width:100%;
	max-height:100%;
}

.nav-activity .gosy {
	top: 547px;
	right: -150px;
	width: 160px;
	height: 56px;
}

.nav-activity .note {
	position: absolute;
	top: 370px;
	left: 22px;
	width: 630px;
	height: 192px;
	display: none;
}

.nav-activity .coor span {
	font-size: 40px;
	color: #e72e00;
	position: absolute;
	left: 34px;
}

@media screen and (min-width: 1220px) and (max-width: 1450px) {
	/*1120   1350*/
	.conatiner {
		height: 2241px;
	}
	.main-activity {
		width: 1120px;
	}
	.nav-activity {
		width: 1120px;
	}
	.hd-activity {
		width: 620px;
		background: url(../images/hdbg-m.jpg) no-repeat 0 0;
	}
	.hd-activity .hd-inner-tabcont,
	#j-tab-hd .hd-tabcontent {
		width: 660px;
	}
	.version-activity {
		height: 140px;
		top: 470px;
		left: 920px;
	}
	#j-tab-hd .hdac-ul {
		width: 620px;
	}
	.veac-ul li .veac-h1,
	.veac-ul li .veac-h2 {
		padding: 7px 0 4px 0;
		line-height: normal;
		height: auto;
	}
	.interaction-activity {
		top: 630px;
		left: 920px;
	}
	.cosplay-activity {
		top: 1110px;
		left: 690px;
	}
	.media-activity {
		top: 1330px;
		left: 230px;
	}
	.col-activity {
		top: 1330px;
		left: 690px;
	}
	.lake-activity {
		top: 890px;
		left: 920px;
		height: 632px;
	}
}

.ie .main-activity {
	width: 1120px;
}

.ie .hd-activity {
	width: 620px;
	background: url(../images/hdbg-m.jpg) no-repeat 0 0;
}

.ie .hd-activity .hd-inner-tabcont,
.ie #j-tab-hd .hd-tabcontent {
	width: 660px;
}

.ie .version-activity {
	height: 140px;
	top: 470px;
	left: 920px;
}

.ie #j-tab-hd .hdac-ul {
	width: 620px;
}

.ie .veac-ul li .veac-h1,
.ie .veac-ul li .veac-h2 {
	padding: 7px 0 4px 0;
	line-height: normal;
	height: auto;
}

.ie .interaction-activity {
	top: 630px;
	left: 920px;
}

.ie .cosplay-activity {
	top: 1110px;
	left: 690px;
}

.ie .media-activity {
	top: 1330px;
	left: 230px;
}

.ie .col-activity {
	top: 1330px;
	left: 690px;
}

.ie .lake-activity {
	top: 890px;
	left: 920px;
	height: 632px;
}

.ie .nav-activity {
	width: 1120px;
}

.ie .conatiner {
	height: 2241px;
}
#new{
top: 52px;
left: 18px;
position: absolute;
width: 34px;
background: url(../images/new.png);
height: 16px;
}
@media screen and (min-width: 990px) and (max-width: 1220px) {
	/*890   1120*/
	.conatiner {
		height: 2466px;
	}
	.zhibo-box{
		top: 200px;
		margin-left: -445px;
	}
	.main-activity {
		width: 890px;
	}
	.nav-activity {
		width: 890px;
	}
	.news-activity {
		top: 470px;
		left: 230px;
	}
	.hd-activity {
		width: 390px;
		top: 910px;
		background: url(../images/hdbg-s.jpg) no-repeat 0 0;
	}
	#j-tab-hd .hdac-ul {
		width: 390px;
	}
	.hd-activity .hd-inner-tabcont,
	#j-tab-hd .hd-tabcontent {
		width: 430px;
	}
	.tip-activity {
		top: 800px;
		left: 230px;
	}
	.tip1-activity {
		top: 800px;
		left: 460px;
	}
	.version-activity {
		top: 0;
		left: 690px;
	}
	.interaction-activity {
		top: 200px;
		left: 690px;
	}
	.lake-activity {
		top: 470px;
		left: 690px;
	}
	.video-activity {
		top: 1340px;
		left: 0;
	}
	.wallpaper-activity {
		top: 1340px;
		left: 230px;
	}
	.vmovies-activity {
		top: 1340px;
		left: 460px;
	}
	.cosplay-activity {
		top: 1340px;
		left: 690px;
	}
	.byproduct-activity {
		top: 1560px;
		left: 0;
	}
	.player-activity {
		top: 1560px;
		left: 690px;
	}
	.media-activity {
		top: 1560px;
		left: 230px;
	}
	.col-activity {
		top: 1110px;
		left: 690px;
	}
	.nav-activity .coor,
	.nav-activity .gosy {
		display: none;
	}
	.nav-activity .logo {
		left: 50%;
		margin-left: -135px;
	}
}

@media screen and (max-width: 990px) {
	/*890 */
	.conatiner {
		height: 2466px;
	}
	.main-activity {
		width: 890px;
	}
	.nav-activity {
		width: 890px;
	}
	.news-activity {
		top: 470px;
		left: 230px;
	}
	.hd-activity {
		width: 390px;
		top: 910px;
		background: url(../images/hdbg-s.jpg) no-repeat 0 0;
	}
	#j-tab-hd .hdac-ul {
		width: 390px;
	}
	.hd-activity .hd-inner-tabcont,
	#j-tab-hd .hd-tabcontent {
		width: 430px;
	}
	.tip-activity {
		top: 800px;
		left: 230px;
	}
	.tip1-activity {
		top: 800px;
		left: 460px;
	}
	.version-activity {
		top: 0;
		left: 690px;
	}
	.interaction-activity {
		top: 200px;
		left: 690px;
	}
	.lake-activity {
		top: 470px;
		left: 690px;
	}
	.video-activity {
		top: 1340px;
		left: 0;
	}
	.wallpaper-activity {
		top: 1340px;
		left: 230px;
	}
	.vmovies-activity {
		top: 1340px;
		left: 460px;
	}
	.cosplay-activity {
		top: 1340px;
		left: 690px;
	}
	.byproduct-activity {
		top: 1560px;
		left: 0;
	}
	.player-activity {
		top: 1560px;
		left: 690px;
	}
	.media-activity {
		top: 1560px;
		left: 230px;
	}
	.col-activity {
		top: 1110px;
		left: 690px;
	}
	.nav-activity .logo {
		left: 50%;
		margin-left: -135px;
	}
	.nav-activity .coor,
	.nav-activity .gosy {
		display: none;
	}
}


/*****banner-activity 幻灯******/

#j-slide {
	position: absolute;
	left: -6px;
	top: 3px;
}

#j-slide ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#j-slide,
#j-slide .j-slide-wrap,
#j-slide .j-slide-wrap li {
	width: 430px;
	height: 440px;
	overflow: hidden;
}

#j-slide .j-slide-wrap li {
	float: left;
}

#j-slide .j-slide-icon {
	position: absolute;
	bottom: 20px;
	width: 430px;
	height: 16px;
	z-index: 9;
	text-align: left;
	overflow: hidden;
	font-size: 0;
	padding-left: 14px;
}

#j-slide .j-slide-icon li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 6px;
	width: 16px;
	height: 16px;
	text-indent: -99px;
	overflow: hidden;
	background: url(../images/nicon.png) no-repeat -28px -723px;
	*text-indent: 0;
}

#j-slide .j-slide-icon li.current {
	background-position: 0 -723px;
}


/****news-activity****/

.main-activity .news-activity {
	background-color: #fff;
	padding: 10px 20px 0 20px;
}

#j-tab .tabbtn {
	height: 39px;
	border-bottom: solid 1px #e4e7e8;
	position: relative;
}

#j-tab .tabbtn ul {
	/*position: absolute;*/
	margin: 0;
	padding: 0;
	list-style: none;
}

#j-tab .tabbtn li {
	float: left;
	/* margin-right: 5px; */
	width: 16.6%;
	height: 100%;
	text-align: center;
	line-height: 40px;
}

.j-tab-line {
	position: absolute;
	width: 16.6%;
	left: 0;
	bottom: -1px;
	height: 2px;
	background-color: #5e5572;
	overflow: hidden;
}


#j-tab .tabbtn li a {
	color: #91877d;
	text-decoration: none;
	font-size: 16px;
	display: block;
}

#j-tab .tabbtn li.current a {
	color: #5e5572;
	font-weight: bold;
}

#j-tab .tabcontent .screen {
	display: none;
	width: 390px;
	overflow: hidden;
}

#j-tab .screen h2 {
	color: #64587f;
	font-size: 18px;
	height: 60px;
	line-height: 60px;
	text-align: center;
}

#j-tab .screen h2 .neac-h2 {
	color: #64587f;
}

#j-tab .screen h2 .neac-h2:hover {
	color: #e72e00;
}

#j-tab .tabcontent .screen ul {
	overflow: hidden;
	zoom: 1;
}

#j-tab .tabcontent .screen ul li {
	height: 32px;
	line-height: 32px;
	float: left;
	width: 390px;
	border-bottom: 1px dashed #ededed;
}

#j-tab .tabcontent .screen ul li a {
	text-decoration: none;
	color: #666;
	font-size: 14px;
}

#j-tab .tabcontent .screen ul li a:hover {
	color: #e72e00;
}

#j-tab .tabcontent .screen.current {
	display: block;
}


/****version-activity****/

.main-activity .version-activity {
	background-color: #fff;
	z-index: 3;
}

.veac-ul li h2 {
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	color: #5e5572;
}

.veac-ul-select {
	background: url(../images/icon.jpg) no-repeat 0 -420px;
	height: 30px;
	line-height: 30px;
	display: block;
	color: #666;
	font-size: 14px;
	padding-left: 8px;
}

.veac-ul-none {
	position: absolute;
	width: 160px;
	display: none;
	z-index: 3;

}
.j-veac-un{
	max-height: 500px;
	/* display: block; */
	overflow-y: scroll;
}
.veac-ul-none a {
	display: block;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	padding-left: 8px;
	background-color: #fff;
	color: #666;
}

.veac-ul-none a:hover {
	background-color: #999;
	color: #5e5572;
}


/****hd-activity****/

.main-activity .hd-activity {
	background-color: #fff;
	overflow: hidden;
}

.hd-tabbtn {
	position: relative;
	height: 46px;
	*z-index: 2;
}

#j-tab-hd img {
	display: block;
}

/* .j-hdac-line {
	position: absolute;
	width: 80px;
	left: 0;
	bottom: 0px;
	height: 2px;
	overflow: hidden;
	background-color: #5e5572;
} */

.hdac-ul {
	height: 45px;
	position: absolute;
	width: 850px;
	border-bottom: 1px solid #e4e7e8;
}

#j-tab-hd .hdac-ul li {
	float: left;
	height: 45px;
	line-height: 45px;
	width: 80px;
	margin-right: 10px;
	text-align: center;
}
#j-tab-hd .hdac-ul li a {
	display: block;
	color: #91877d;
	font-size: 16px;
	text-decoration: none;
	position: relative;
	z-index: 3;
}

#j-tab-hd .hdac-ul .current{
	position: relative;
}
#j-tab-hd .hdac-ul .current::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border: 1px solid #5e5572;
}
#j-tab-hd .hdac-ul .current a {
	color: #5e5572;
	font-weight: bold;
}

#j-tab-hd .hd-tabcontent .hdac-cont {
	display: none;
}

#j-tab-hd .hd-tabcontent .current {
	display: block;
}

.hd-tabcontent {
	position: absolute;
	width: 890px;
	height: 400px;
	top: 0;
	left: 0;
}

.hdac-inner-ul {
	overflow: hidden;
	zoom: 1;
}

.hdac-inner-ul li {
	float: left;
	margin-right: 12px;
	height: 25px;
}

.hdac-inner-ul li a {
	font-size: 14px;
	color: #91877d;
	padding: 0 2px;
	display: block;
}

.hdac-inner-ul .current a {
	color: #e72e00;
	border-bottom: 2px solid #e72e00;
}

.hd-inner-tabbtn {
	padding: 66px 0 0 20px;
	position: relative;
	z-index: 2;
}

.hd-inner-tabcont {
	position: absolute;
	width: 890px;
	height: 400px;
	top: -15px;
	left: 1px;
}

.hd-lword,
.hd-intro {
	padding-left: 40px;
	font-size: 14px;
}

.hd-lword {
	padding-bottom: 10px;
}

.hd-lword span {
	padding-right: 10px;
	color: #ccc;
}

.hd-lword .c33 {
	color: #333;
}

.hd-intro {
	padding-bottom: 2px;
	overflow: hidden;
}

.hdac-inner-cont {
	display: none;
}

#j-tab-hd .hd-inner-tabcont .j-fl {
	float: none;
	position: absolute;
	top: 0;
	left: -360px;
	width: 360px;
	height: 400px;
	z-index: 1;
}

#j-tab-hd .hd-inner-tabcont .j-fr {
	float: none;
	position: absolute;
	top: 0;
	right: -490px;
	width: 490px;
	height: 400px;
}

@keyframes ml {
	from {
		left: -360px;
	}
	to {
		left: 0;
	}
}

@-webkit-keyframes ml {
	from {
		left: -360px;
	}
	to {
		left: 0;
	}
}

@keyframes mr {
	from {
		right: -490px;
	}
	to {
		right: 0;
	}
}

@-webkit-keyframes mr {
	from {
		right: -490px;
	}
	to {
		right: 0;
	}
}

#j-tab-hd .hd-inner-tabcont .current .j-fl {
	animation: ml 0.3s forwards;
	-webkit-animation: ml 0.3s forwards;
	left: 0;
}

#j-tab-hd .hd-inner-tabcont .current .j-fr {
	animation: mr 0.3s forwards;
	-webkit-animation: mr 0.3s forwards;
	right: 0;
}

.hd-rim {
	height: 400px;
}

.hd-rim1 {
	background: url(../images/huashan.png) no-repeat 0 0;
}

.hd-rim2 {
	background: url(../images/shenshuigong.png) no-repeat 0 0;
}

.hd-rim3 {
	background: url(../images/changfengbiaoju.png) no-repeat 0 0;
}

.hd-rim4 {
	background: url(../images/nianluoba.png) no-repeat 0 0;
}

.hd-rim5 {
	background: url(../images/gumupai.png) no-repeat 0 0;
}

.hd-rim6 {
	background: url(../images/xuedaomen.png) no-repeat 0 0;
}

.hd-rim7 {
	background: url(../images/damopai.png) no-repeat 0 0;
}

.hd-rim8 {
	background: url(../images/wuxianjiao.png) no-repeat 0 0;
}

.hd-rim9 {
	background: url(../images/wudang.png) no-repeat 0 0;
}

.hd-rim10 {
	background: url(../images/shaolin.png) no-repeat 0 0;
}

.hd-rim11 {
	background: url(../images/emei.png) no-repeat 0 0;
}

.hd-rim12 {
	background: url(../images/gaibang.png) no-repeat 0 0;
}

.hd-rim13 {
	background: url(../images/junzitang.png) no-repeat 0 0;
}

.hd-rim14 {
	background: url(../images/jinyiwei.png) no-repeat 0 0;
}

.hd-rim15 {
	background: url(../images/tangmen.png) no-repeat 0 0;
}

.hd-rim16 {
	background: url(../images/jilegu.png) no-repeat 0 0;
}

.hd-rim17 {
	background: url(../images/xujiazhuang.png) no-repeat 0 0;
}

.hd-rim18 {
	background: url(../images/wugenmen.png) no-repeat 0 0;
}

.hd-rim19 {
	background: url(../images/taohuadao.png) no-repeat 0 0;
}
.hd-rim-klp {
	background: url(../images/kunlunpai.png) no-repeat right 0;
}
.hd-rim-tsp {
	background: url(../images/tianshanpai.png) no-repeat right 0;
}
.hd-rim-xtc {
	background: url(../images/xingtiancheng.png) no-repeat right 0;
}

.hd-rim20 {
	background: url(../images/wanshoushanzhuang.png) no-repeat 0 0;
}

.hd-rim21 {
	background: url(../images/jinzhenshenjia.png) no-repeat 0 0;
}

.hd-rim22 {
	background: url(../images/yihuagong.png) no-repeat 0 0;
}
.hd-rim23 {
	background: url(../images/mingjiaorenwu.png) no-repeat 0 0;
}
.hd-rim24 {
	background: url(../images/shenjiying.png) no-repeat 0 0;
}
.hd-rim25 {
	background: url(../images/xinmiaoge.png) no-repeat 0 0;
}
.hd-rim-tyhg {
	background: url(../images/tyhg.png) no-repeat 0 0;
}
.hd-rim-whz{
	background: url(../images/whzp.png) no-repeat 0 0;	
}
.hd-rim-tls {
	background: url(../images/tls.png) no-repeat 0 0;
}
.hd-rim-qyg {
	background: url(../images/qyg.png) no-repeat 0 0;
}

@media screen and (min-width: 1220px) and (max-width: 1450px) {
	/*1120   1350*/
	.hd-rim1 {
		background: url(../images/huashan.png) no-repeat 0 0;
	}
	.hd-rim2 {
		background: url(../images/shenshuigong.png) no-repeat 0 0;
	}
	.hd-rim3 {
		background: url(../images/changfengbiaoju.png) no-repeat 0 0;
	}
	.hd-rim4 {
		background: url(../images/nianluoba.png) no-repeat 0 0;
	}
	.hd-rim5 {
		background: url(../images/gumupai.png) no-repeat 0 0;
	}
	.hd-rim6 {
		background: url(../images/xuedaomen.png) no-repeat 0 0;
	}
	.hd-rim7 {
		background: url(../images/damopai.png) no-repeat 0 0;
	}
	.hd-rim8 {
		background: url(../images/wuxianjiao.png) no-repeat 0 0;
	}
	.hd-rim9 {
		background: url(../images/wudang.png) no-repeat 0 0;
	}
	.hd-rim10 {
		background: url(../images/shaolin.png) no-repeat 0 0;
	}
	.hd-rim11 {
		background: url(../images/emei.png) no-repeat 0 0;
	}
	.hd-rim12 {
		background: url(../images/gaibang.png) no-repeat 0 0;
	}
	.hd-rim13 {
		background: url(../images/junzitang.png) no-repeat 0 0;
	}
	.hd-rim14 {
		background: url(../images/jinyiwei.png) no-repeat 0 0;
	}
	.hd-rim15 {
		background: url(../images/tangmen.png) no-repeat 0 0;
	}
	.hd-rim16 {
		background: url(../images/jilegu.png) no-repeat 0 0;
	}
	.hd-rim17 {
		background: url(../images/xujiazhuang.png) no-repeat 0 0;
	}
	.hd-rim18 {
		background: url(../images/wugenmen.png) no-repeat 0 0;
	}
	.hd-rim19 {
		background: url(../images/taohuadao.png) no-repeat 0 0;
	}
	.hd-rim20 {
		background: url(../images/wanshoushanzhuang.png) no-repeat 0 0;
	}
	.hd-rim21 {
		background: url(../images/jinzhenshenjia.png) no-repeat 0 0;
	}
	.hd-rim22 {
		background: url(../images/yihuagong.png) no-repeat 0 0;
	}
	#j-tab-hd .hd-inner-tabcont .j-fr {
		float: none;
		position: absolute;
		top: 0;
		right: -420px;
		width: 420px;
		height: 400px;
	}
	.hd-rim-klp,
	.hd-rim-tsp{
		background-position-x: 30%;
	}
	@keyframes mr {
		from {
			right: -420px;
		}
		to {
			right: 0;
		}
	}
	@-webkit-keyframes mr {
		from {
			right: -420px;
		}
		to {
			right: 0;
		}
	}
}

@media screen and (min-width: 990px) and (max-width: 1220px) {
	/*890   1120*/
	.hd-rim1 {
		background: url(../images/huashan-li.png) no-repeat 0 0;
	}
	.hd-rim2 {
		background: url(../images/shenshuigong-li.png) no-repeat 0 0;
	}
	.hd-rim3 {
		background: url(../images/changfengbiaoju-li.png) no-repeat 0 0;
	}
	.hd-rim4 {
		background: url(../images/nianluoba-li.png) no-repeat 0 0;
	}
	.hd-rim5 {
		background: url(../images/gumupai-li.png) no-repeat 0 0;
	}
	.hd-rim6 {
		background: url(../images/xuedaomen-li.png) no-repeat 0 0;
	}
	.hd-rim7 {
		background: url(../images/damo-li.png) no-repeat 0 0;
	}
	.hd-rim8 {
		background: url(../images/wuxianjiao-li.png) no-repeat 0 0;
	}
	.hd-rim9 {
		background: url(../images/wudang-li.png) no-repeat 0 0;
	}
	.hd-rim10 {
		background: url(../images/shaolin-li.png) no-repeat 0 0;
	}
	.hd-rim11 {
		background: url(../images/emei-li.png) no-repeat 0 0;
	}
	.hd-rim12 {
		background: url(../images/gaibang-li.png) no-repeat 0 0;
	}
	.hd-rim13 {
		background: url(../images/junzitang-li.png) no-repeat 0 0;
	}
	.hd-rim14 {
		background: url(../images/jinyiwei-li.png) no-repeat 0 0;
	}
	.hd-rim15 {
		background: url(../images/tangmen-li.png) no-repeat 0 0;
	}
	.hd-rim16 {
		background: url(../images/jilegu-li.png) no-repeat 0 0;
	}
	.hd-rim17 {
		background: url(../images/xujiazhuang-li.png) no-repeat 0 0;
	}
	.hd-rim18 {
		background: url(../images/wugenmen-li.png) no-repeat 0 0;
	}
	.hd-rim19 {
		background: url(../images/taohuadao-li.png) no-repeat 0 0;
	}
	.hd-rim20 {
		background: url(../images/wanshoushanzhuang-li.png) no-repeat 0 0;
	}
	.hd-rim21 {
		background: url(../images/jinzhenshenjia-li.png) no-repeat 0 0;
	}
	.hd-rim22 {
		background: url(../images/yihuagong-li.png) no-repeat 0 0;
	}
	.hd-rim-klp{
		background-position-x: 30%;
	}
	.hd-rim-tsp{
		background-position-x: 30%;
	}
	.hd-lword,
	.hd-intro {
		padding-left: 20px;
	}
	#j-tab-hd .hd-inner-tabcont .j-fr {
		float: none;
		position: absolute;
		top: 0;
		right: -320px;
		width: 320px;
		height: 400px;
	}
	@keyframes mr {
		from {
			right: -320px;
		}
		to {
			right: 0;
		}
	}
	@-webkit-keyframes mr {
		from {
			right: -320px;
		}
		to {
			right: 0;
		}
	}
	.hd-dt,
	.hd-dd {
		float: left;
		font-size: 12px;
	}
	.hd-dd {
		width: 100px;
	}
}

@media screen and (max-width: 990px) {
	/*890 */
	.hd-rim-klp{
		background-position-x: 30%;
	}
	.hd-rim-tsp{
		background-position-x: 30%;
	}
	.hd-rim1 {
		background: url(../images/huashan-li.png) no-repeat 0 0;
	}
	.hd-rim2 {
		background: url(../images/shenshuigong-li.png) no-repeat 0 0;
	}
	.hd-rim3 {
		background: url(../images/changfengbiaoju-li.png) no-repeat 0 0;
	}
	.hd-rim4 {
		background: url(../images/nianluoba-li.png) no-repeat 0 0;
	}
	.hd-rim5 {
		background: url(../images/gumupai-li.png) no-repeat 0 0;
	}
	.hd-rim6 {
		background: url(../images/xuedaomen-li.png) no-repeat 0 0;
	}
	.hd-rim7 {
		background: url(../images/damo-li.png) no-repeat 0 0;
	}
	.hd-rim8 {
		background: url(../images/wuxianjiao-li.png) no-repeat 0 0;
	}
	.hd-rim9 {
		background: url(../images/wudang-li.png) no-repeat 0 0;
	}
	.hd-rim10 {
		background: url(../images/shaolin-li.png) no-repeat 0 0;
	}
	.hd-rim11 {
		background: url(../images/emei-li.png) no-repeat 0 0;
	}
	.hd-rim12 {
		background: url(../images/gaibang-li.png) no-repeat 0 0;
	}
	.hd-rim13 {
		background: url(../images/junzitang-li.png) no-repeat 0 0;
	}
	.hd-rim14 {
		background: url(../images/jinyiwei-li.png) no-repeat 0 0;
	}
	.hd-rim15 {
		background: url(../images/tangmen-li.png) no-repeat 0 0;
	}
	.hd-rim16 {
		background: url(../images/jilegu-li.png) no-repeat 0 0;
	}
	.hd-rim17 {
		background: url(../images/xujiazhuang-li.png) no-repeat 0 0;
	}
	.hd-rim18 {
		background: url(../images/wugenmen-li.png) no-repeat 0 0;
	}
	.hd-rim19 {
		background: url(../images/taohuadao-li.png) no-repeat 0 0;
	}
	.hd-rim20 {
		background: url(../images/wanshoushanzhuang-li.png) no-repeat 0 0;
	}
	.hd-rim21 {
		background: url(../images/jinzhenshenjia-li.png) no-repeat 0 0;
	}
	.hd-rim22 {
		background: url(../images/yihuagong-li.png) no-repeat 0 0;
	}
	.hd-rim-tyhg {
		background: url(../images/tyhg.png) no-repeat -40px 0;
	}
	.hd-lword,
	.hd-intro {
		padding-left: 20px;
	}
	#j-tab-hd .hd-inner-tabcont .j-fr {
		float: none;
		position: absolute;
		top: 0;
		right: -320px;
		width: 320px;
		height: 400px;
	}
	@keyframes mr {
		from {
			right: -320px;
		}
		to {
			right: 0;
		}
	}
	@-webkit-keyframes mr {
		from {
			right: -320px;
		}
		to {
			right: 0;
		}
	}
	.hd-dt,
	.hd-dd {
		font-size: 12px;
	}
}


/****media-activity****/

.media-activity {
	background-color: #fff;
	overflow: hidden;
}

#j-meac-tab .meac-tab {
	overflow: hidden;
	zoom: 1;
}

#j-meac-tab .meac-tab li {
	height: 40px;
	line-height: 40px;
	float: left;
	width: 45%;
	margin-right: 10px;
	text-align: center;
}

#j-meac-tab .meac-tab li a {
	display: block;
	color: #91877d;
	font-size: 16px;
	text-decoration: none;
}

#j-meac-tab .meac-tab .current a {
	color: #5e5572;
	font-weight: bold;
}

#j-meac-tab .meac-tabbtn {
	border-bottom: 1px solid #e6e6e6;
	position: relative;
}

#j-meac-tab .meac-line {
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 2px;
	background-color: #5e5572;
	width: 45%;
	overflow: hidden;
}

#j-meac-tab .meac-cont .meac-content {
	display: none;
	padding-top: 10px;
	overflow: hidden;
	zoom: 1;
}

#j-meac-tab .meac-cont .current {
	display: block;
}

#j-meac-tab .meac-content li {
	float: left;
	width: 390px;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px dashed #ededed;
	overflow: hidden;
	zoom: 1;
}

#j-meac-tab .meac-content li a {
	font-size: 14px;
	color: #666;
}

#j-meac-tab .meac-content li a:hover {
	color: #e72e00;
}


/****download-activity****/

.download-btn {
	background: url(../images/icon.jpg) no-repeat 0 0;
	height: 73px;
	display: block;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding-top: 27px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.download-btn i {
	opacity: 0.4;
	font-size: 12px;
	font-family: Arial;
	filter: alpha(opacity=40);
	font-style: normal;
	display: block;
}

.download-btn:hover {
	color: #fff;
}

.doac-ul li {
	float: left;
	background: url(../images/icon.jpg) no-repeat 0 -100px;
}

.doac-ul .li1 {
	width: 99px;
	height: 41px;
	line-height: 41px;
	background-position: 0 -100px;
	border-right: 1px solid #484848;
	border-bottom: 1px solid #484848;
}

.doac-ul .li2 {
	width: 100px;
	height: 41px;
	line-height: 41px;
	background-position: -100px -100px;
	border-bottom: 1px solid #484848;
}

.doac-ul .li3 {
	width: 99px;
	height: 38px;
	line-height: 38px;
	background-position: 0 -142px;
	border-right: 1px solid #484848;
}

.doac-ul .li4 {
	width: 100px;
	height: 38px;
	line-height: 38px;
	background-position: -100px -142px;
}

.doac-ul li a {
	display: block;
	text-align: center;
	color: #e4e7e8;
}


/****shop-activity****/

#jshac-slide,
#jshac-slide .j-slide-wrap,
#jshac-slide .j-slide-wrap li {
	width: 200px;
	height: 240px;
	overflow: hidden;
	padding: 0px;
}

#jshac-slide .j-slide-wrap li {
	float: left;
}

#jshac-slide {
	position: relative;
}

.shac-slider {
	height: 50px;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 200px;
}

#jshac-slide .ctrl {
	position: absolute;
	bottom: 110px;
	background: url(../images/nicon.png) no-repeat 0 0;
	width: 6px;
	height: 11px;
}

#jshac-slide .jshacctrll {
	left: 10px;
}

#jshac-slide .jshacctrlr {
	background-position: -9px 0;
	right: 10px;
}

.shop-activity-title {
	position: absolute;
	top: -8px;
	left: 15px;
	width: 100%;
	z-index: 1;
}

.shop-activity-title div {
	font-size: 18px;
	width: 100px;
	height: 55px;
	line-height: 24px;
	float: left;
	color: #000;
	line-height: 55px;
	padding-left: 17px;
}

.shop-activity-title a {
	font-size: 14px;
	width: 30px;
	height: 55px;
	line-height: 55px;
	display: block;
	float: right;
	color: #525151;
	padding-right: 13px;
}


/****service-activity****/

.service-activity {
	overflow: hidden;
}

.seac-h2 {
	background: url(../images/icon.jpg) no-repeat 0 -181px;
	height: 80px;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #484848;
}

.seac-h2 a,
.seac-h2 a p {
	color: #fff;
	text-decoration: none;
}

.seac-h2 .p1 {
	font-size: 20px;
	padding-top: 14px;
	font-weight: bold;
}

.seac-h2 .p2 {
	font-size: 12px;
}

.seac-tip {
	background: url(../images/icon.jpg) no-repeat 0 -262px;
	height: 157px;
	color: #999;
	position: relative;
}

.seac-tip p {
	line-height: 21px;
	text-align: center;
	padding-top: 10px;
}

.seac-go {
	width: 182px;
	height: 48px;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 16px;
	color: #fff;
	padding-left: 18px;
	line-height: 48px;
}

.seac-ul .seac-i {
	background: url(../images/nicon.png) no-repeat -29px -570px;
	width: 42px;
	height: 41px;
	display: block;
	margin: 0 auto;
}

.seac-ul .seac-i2 {
	background-position: -130px -570px;
}

.seac-ul .seac-i3 {
	background-position: -29px -658px;
}

.seac-ul .seac-i4 {
	background-position: -130px -659px;
}

.seac-ul {
	overflow: hidden;
	zoom: 1;
	width: 202px;
	height: 182px;
}

.seac-ul li {
	float: left;
	width: 100px;
	height: 90px;
	border-bottom: 1px solid #484848;
	border-right: 1px solid #484848;
}

.seac-ul li .seac-d {
	padding-top: 15px;
	height: 75px;
	position: relative;
	cursor: pointer;
}

.seac-ul li a {
	display: block;
	color: #fff;
	height: 90px;
	position: relative;
	overflow: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	background-color: #333;
}

.seac-ul li a:hover {
	background-color: #e72e00;
}

.seac-ul li p {
	text-align: center;
	padding-top: 5px;
}


/****interaction-activity****/

.interaction-activity {
	overflow: hidden;
	z-index: 2;
}

.interaction-activity li {
	position: relative;
	float: left;
	width: 99px;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	height: 80px;
	overflow: hidden;
}

.interaction-activity .inac-li2,
.interaction-activity .inac-li4,
.interaction-activity .inac-li6 {
	border-right: 0;
	width: 100px;
}

.interaction-activity li a {
	display: block;
	background-color: #fff;
	height: 80px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	position: relative;
}

.interaction-activity li a .lnac-d {
	padding-top: 15px;
	height: 65px;
	position: relative;
	top: 0;
	cursor: pointer;
}

.interaction-activity li a:hover {
	background-color: #5e5572;
}

.interaction-activity .inac-i {
	background: url(../images/nicon.png) no-repeat -33px -49px;
	width: 33px;
	height: 37px;
	display: block;
	margin: 0 auto;
}

.interaction-activity .lnac-d2 .inac-i1 {
	background-position: -33px -303px;
	width: 33px;
}

.interaction-activity .lnac-d1 .inac-i2 {
	background-position: -131px -49px;
	width: 40px;
}

.interaction-activity .lnac-d2 .inac-i2 {
	background-position: -131px -303px;
	width: 40px;
}
.interaction-activity .lnac-d1 .inac-i3 {
	background-position: -210px -49px;
	width: 37px;
}

.interaction-activity .lnac-d2 .inac-i3 {
	background-position: -210px -123px;
	width: 37px
}
.interaction-activity .lnac-d1 .inac-i4 {
	background-position: -30px -130px;
	width: 37px;
}

.interaction-activity .lnac-d2 .inac-i4 {
	background-position: -30px -384px;
	width: 37px;
}


.interaction-activity .lnac-d1 .inac-i5 {
	background-position: -35px -211px;
	width: 28px;
}

.interaction-activity .lnac-d2 .inac-i5 {
	background-position: -35px -465px;
	width: 28px;
}


/*.interaction-activity .lnac-d1 .inac-i3{background: url(../images/temp1.png) no-repeat;width: 37px;}*/


/*.interaction-activity .lnac-d2 .inac-i3{background: url(../images/temp1-hover.png) no-repeat;width: 37px;}*/


/*.interaction-activity .lnac-d1 .inac-i4{background: url(../images/temp2.png) no-repeat;width: 37px;}*/


/*.interaction-activity .lnac-d2 .inac-i4{background: url(../images/temp2-hover.png) no-repeat;width: 37px;}*/


/*.interaction-activity .lnac-d1 .inac-i5{background: url(../images/temp3.png) no-repeat;width: 37px;}*/


/*.interaction-activity .lnac-d2 .inac-i5{background: url(../images/temp3-hover.png) no-repeat;width: 37px;}*/

.interaction-activity .lnac-d1 .inac-i6 {
	background-position: -130px -208px;
	width: 41px;
}

.interaction-activity .lnac-d2 .inac-i6 {
	background-position: -130px -462px;
	width: 41px;
}

.interaction-activity li p {
	text-align: center;
	color: #333;
	padding-top: 1px;
}

.interaction-activity li .lnac-d2 p {
	color: #e1c889;
}


/****lake-activity****/

.lake-activity {
	background-color: #fff;
	overflow: hidden;
}

.lake-activity h2 {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #5e5572;
	font-weight: bold;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
	padding-left: 5px;
}

.lake-activity h2 .line {
	height: 2px;
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 72px;
	background-color: #5e5572;
	overflow: hidden;
}

.lake-activity ul {
	overflow: hidden;
	zoom: 1;
	padding: 10px 0;
}

.lake-activity li {
	float: left;
	height: 27px;
	line-height: 27px;
	width: 72px;
	padding-left: 8px;
}

.lake-activity li a {
	font-size: 14px;
	color: #666;
	margin-right: 10px;
}

.lake-activity li a:hover {
	color: #e72e00;
}

.lake-activity .la-ac-lifeul li {
	width: auto;
	padding: 0 2px;
}

.lake-activity .la-ac-lifeul li a {
	margin: 0;
}


/****col-activity****/

.col-activity {
	background-color: #fff;
}

.col-activity h2 {
	height: 55px;
	line-height: 55px;
	color: #5e5572;
	font-size: 16px;
	font-weight: bold;
}

.col-activity ul {
	width: 160px;
	overflow: hidden;
}

.col-activity li {
	width: 170px;
	float: left;
}

.col-activity .coac-da {
	border: 1px solid #ccc;
	width: 74px;
	height: 26px;
	float: left;
	margin-right: 8px;
	margin-bottom: 4px;
}

.col-activity .coac-da img {
	width: 72px;
	height: 24px;
}

.col-activity .j-slide-wrap {
	height: 128px;
	overflow: hidden;
}


/****video-activity****/

.vwvcbp-activity {
	position: relative;
}

.vwvcbp-activity img {
	display: block;
}

.vwvcbp-activity a {
	position: absolute;
	display: block;
	overflow: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	width: 200px;
	height: 200px;
	top: 0;
	left: 0;
	z-index: 3;
	background: url(about:blank);
	color: #333;
}

.vwvcbp-activity a .vi-ac-i {
	position: absolute;
	width: 200px;
	height: 200px;
	top: -200px;
}

.vwvcbp-activity a:hover {
	background-color: #5e5572;
	color: #333;
}

.vwvcbp-activity a .vi-ac-d {
	height: 48px;
	position: absolute;
	width: 200px;
	bottom: -48px;
}

.vwvcbp-activity a .vi-ac-d p {
	font: normal 18px/1.5 "kaiti";
	width: 100px;
	height: 24px;
	margin: 0 auto;
	background-color: #fff;
	text-align: center;
	border-radius: 15px;
	-webkit-border-radius: 15px;
}
.vwvcbp-activity a .vi-ac-d p b{
	margin-left: 8px;
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 8px solid #000000;
	border-top:6px solid transparent;
	border-bottom: 6px solid transparent;
}


/****2016.4.6***********/
.guide-page1{position: relative;}
.sp-media{position: absolute;width: 351px;height: 197px;top:407px;left: 50%;margin-left: -396px;background: url(../images/mediabg.jpg) no-repeat 0 0;cursor: pointer;}
.sp-player{position: absolute;width: 88px;height: 88px;top:60px;left: 50%;margin-left: -44px;background:url(../images/circle.png) no-repeat 0 0;animation:circle 2s infinite linear;z-index: 2;-webkit-animation:circle 2s infinite linear;-moz-animation:circle 2s infinite linear;}
.sp-pbtn{position: absolute;width: 88px;height: 88px;top:60px;left: 50%;margin-left: -44px;background:url(../images/play.png) no-repeat 0 0;z-index: 1;}
@keyframes circle{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(-360deg);}
}
@-webkit-keyframes circle{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(-360deg);}
}
@-moz-keyframes circle{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(-360deg);}
}
.maskDiv{width:100%;height: 3188px;  filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;position: absolute;background: #000;z-index: 100;top: 0;left: 0;display: none;}
.popbox{width: 493px;height: 279px;top: 50%;left: 50%;position: fixed;margin-left: -200px;margin-top: -200px;z-index: 101;display: none;}
.popbox .close{width: 31px;height: 31px;line-height: 40px;color: #ccc;font-size: 14px;text-align: center;position: absolute;top: 0px;right: -31px;display: block;text-decoration: none;background: url(../images/close.jpg) no-repeat;}
#popvideobox{  width: 1000px;height: 600px;background: #000;}


.btn-video{
    position: absolute;
	left: 23%;
    top: 397px;
    margin-left: 623px;
	width: 120px;
	height: 120px;
	cursor: pointer;
	background: url("../images/btn-video.png") 0 0 no-repeat;
	background-size: 100%;
}
/* .btn-video .btn-video1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("../images/btn-video.png") 0 0 no-repeat;
	z-index: 1;
}
.btn-video .btn-video2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("../images/btn-video1.png") 0 0 no-repeat;
	-webkit-animation: rotate linear 3s infinite;
	-o-animation: rotate linear 3s infinite;
	animation: rotate linear 3s infinite;
} */

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}