html{
	overflow-x: hidden;
}
body{
	overflow:hidden;
	position: relative;
}
.main{
	position: relative;
	width: 100%;
	/*height:4555px;*/
	overflow: hidden;
	/*background-color: #fff;*/
}
.hover {
	position: fixed;
	top: 305px;
	right: 22px;
	width: 54px;
	height: 203px;
	background: url(../images/hover-btn.png) 0 0 no-repeat;
	z-index: 100;
	cursor: pointer;
}
.hover:hover {
	top: 239px;
	width: 182px;
	height: 342px;
	background: url(../images/download.png) 0 0 no-repeat;
	cursor:default;
}
.hover:hover a {
	display: block;
	width: 145px;
	height: 45px;
	margin:0 auto;
}
.hover:hover .ios {
	margin-top: 211px;
	margin-bottom: 7px;
}
.bg{
	position: relative;
	left:50%;
	z-index: 2;
	margin-left:-960px;
	width:1920px;
	background-color: #fff;
	/*overflow-x: hidden;*/
}
.bg0{
	/*position: absolute;*/
	top:55px;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 954px;

}
.disnone{
	display: none;
}
.mask{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	z-index: 999;
}
/*==========================人物=============================*/

.char1{
	position: absolute;
	opacity: 1;
	/*top:921px;*/
	top:0px;
	/*left: 81.25%;*/
	/*left: 1543px;*/
	/*-webkit-animation-fill-mode:backwards;*/
	left: 101.25%;
	width:717px;
	height: 801px;
	background: url(../images/pandanhuman.png);
	z-index: 3;
	pointer-events:none;
}
.char1.show{
	left: 81.25%;
}

/*.char2{
	position: absolute;
	opacity: 1;
	top:1365px;
	left: -12%;
	left: -42%;
	width:749px;
	height: 810px;
	background: url(../images/swordhuman.png);
	z-index: 3;
	pointer-events:none;
}
.char2.show{
	left: -12%;
}*/
.char2-1{
	position: absolute;
	opacity: 1;
	top:411px;
	left: -42%;
	width:749px;
	height: 404px;
	background: url(../images/swordhuman-1.png);
	z-index: 2;
	pointer-events:none;
}
.char2-1.show{
	left: -12%;
}
.char2-2{
	position: absolute;
	opacity: 1;
	top:0px;
	left: -42%;
	width:749px;
	height: 406px;
	background: url(../images/swordhuman-2.png);
	z-index: 2;
	pointer-events:none;
}
.char2-2.show{
	left: -12%;
}
.char3{
	position: absolute;
	opacity: 0;
	/*top:2074px;*/
	top:307px;
	/*left: 78.97%;*/
	left: 107.97%;
	width:408px;
	height: 594px;
	background: url(../images/swordhuman2.png);
	z-index: 2;
	pointer-events:none;
}
.char3{
	left: 78.97%;

}
/*=========================第一个导航栏============================*/
.topnav{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	z-index: 99;
}
.topnav .logo{
	position: absolute;
	top:5px;
	left:40px;
	width:324px;
	height:170px;
	/*background: url(../images/logo.png) 0 0 no-repeat;*/
}
.topnav .logo1{
	z-index:2;
	position: absolute;
	top: 34px;
	left: -33px;
}
.topnav .logo2{
	position: absolute;
	left: 0;
	top: 0;
}

.nav{
	position: absolute;
	top:45px;
	right:44px;
}
.nav .navlinkbox{
	margin:5px 10px 0 0;
	float: left;
}
 .nav .navlink{
	color:#9b9b9b;
	font:normal 16px/25px "microsoft yahei";
	transition:all 0.7s ease;

}
.nav .navlink:hover{
	color: #fff;
	transition:all 0.7s ease;
}
.nav .thumb{
	position: absolute;
	top:32px;
	left: 0;
	width: 65px;
	height: 4px;
	background: url(../images/spirite.png) -23px -20px no-repeat;
}
.nav i{
	display: inline-block;
	margin:0 0 -5px 0;
	width:22px;
	height:22px;
	background: url(../images/spirite.png) -1px -1px no-repeat;
}
.nav .sharebox{
	float: right;
	display: inline-block;
	float: right;
	width: 180px;
	height: 37px;
	background: url(../images/spirite.png) -92px -34px no-repeat;
	opacity: 1;
}
.nav .sharebox .sharelink{
	float: left;
	display: block;
	margin-right:10px;
	width: 27px;
	height: 32px;
}
.nav .sharebox .sharelink.weixin:hover{
	background: url(../images/spirite.png) -92px 0;
}
.nav .sharebox .sharelink.weibo:hover{
	background: url(../images/spirite.png) -129px 0;
}
.nav .sharebox .sharelink.tieba:hover{
	background: url(../images/spirite.png) -166px 0;
}
.nav .sharebox .sharelink.qq:hover{
	background: url(../images/spirite.png) -203px 0;
}
.nav .sharebox .sharelink-more{
	cursor: pointer;
	margin-right:0;
}
.nav .sharebox .sharelink-more .sharelink-more-box{
	/*display: none;*/
	margin:35px 0 0 -5px;
	width: 33px;
	height: 0px;
	background: url(../images/spirite.png) -872px 0 no-repeat;
	/*837px*/
	transition:all 0.5s ease;

}
.nav .sharebox .sharelink-more .sharelink-more-box.show{
	height: 144px;
	transition:all 0.5s ease;
}
.nav .sharebox .sharelink-more .share{
	display: block;
	margin-bottom: 2px;
	width: 34px;
	height: 34px;
}
.nav .sharebox .sharelink-more .share.weixin:hover{
	background: url(../images/spirite.png) -837px 0 no-repeat;
}
.nav .sharebox .sharelink-more .share.weibo:hover{
	background: url(../images/spirite.png) -837px -36px no-repeat;
}
.nav .sharebox .sharelink-more .share.qqzone:hover{
	background: url(../images/spirite.png) -837px -72px no-repeat;
}
.nav .sharebox .sharelink-more .share.qq:hover{
	background: url(../images/spirite.png) -837px -108px no-repeat;
}





/*=========================bg1============================*/

#j-wn-gamehead{
	z-index: 2;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
}
#pub_footer{
	position: relative;
	z-index: 2;
}
#pub_footer .pub_footer_in_right{
	width: 769px;
}
.bg1{
	position: fixed;
	z-index: 0;
	top:55px;
	left: 50%;
	margin-left: -50%;
	/*width:1920px;*/
	width:100%;
	height:899px;
	background: url(../images/bg1.jpg);
}
.bg1 .bg-img{
	position: absolute;
	z-index: 0;
	top:0;
	left: 50%;
	margin-left: -960px;
	width:1920px;
	height:899px;
	background: url(../images/bg1.jpg);
}
.bg1 .bg-img .square-line{
	position: absolute;
	width: 1920px;
	height: 900px;
	background: url(../images/square-line.png);
}
.bg1 .bg-img .bgline{
	position: absolute;
	width: 1920px;
	height: 899px;
	background: url(../images/bgline.jpg) 0 0 repeat-x;
	opacity: 0.45;
}
.bg1 .bg-img .blackbg{
	position: absolute;
	width: 1920px;
	height: 899px;
	background-color:#000;
	opacity: 0.35;
}
.bg1 .main-title{
	width: 931px;
	height: 168px;
	position: absolute;
	top:232px;
	left:50%;
	margin-left:-448px;
	background: url(../images/slogen.png) 0 0 no-repeat;
}
.bg1 .main-subtitle{
	position: absolute;
	top:360px;
	left:50%;
	margin-left:-500px;
	width:1000px;
	/*height:38px;*/
	background: url(../images/slogen.png) 0 -130px no-repeat;
}
.bg1 .download { position: absolute; width: 541px; height: 181px; top: 490px; left: 50%; margin-left: -270px; border-radius: 10px;
background: url('../images/v4.png') center no-repeat;}
/* .bg1 .download .downbg { border-radius: 9px; position: absolute; width: 100%; height: 180px; top: 0; left: 0; background: #000; opacity: 0.3; filter: alpha(opacity=30); } */
.bg1 .download .cont { position: absolute; width: 100%; height: 181px; z-index: 2; position: absolute; text-indent: 20px; }
.bg1 .download p { position: absolute; width: 128px; height: 16px; top: 16px; left: 18px; background: url(../images/down_icon.png) left center no-repeat; font: normal 14px/16px "Microsoft Yahei"; color: #fff; }
.bg1 .download .dl_ewm { position: absolute; top: 36px; left: 18px; width: 128px; height: 128px;}
.bg1 .download .downbtn { width: 148px; height: 45px; position: absolute; right: 231px; opacity: 1; background: url(../images/downbtns.png) no-repeat; }
.bg1 .download .downbtn1 { background-position: 0 0px; top:68px; }
.bg1 .download .downbtn2 { background-position: 0 -50px; top: 16px; }
.bg1 .download .downbtn3 { background-position: 0 -101px; top: 118px; }
.bg1 .play { position: absolute; width:77px; height: 77px; top: 0; left: 0;  background: url(../images/v2.png) center no-repeat; 
-webkit-animation: rotateIn360 linear 3s infinite;
    -moz-animation: rotateIn360 linear 3s infinite;
    -ms-animation: rotateIn360 linear 3s infinite;
    animation: rotateIn360 linear 3s infinite;}
.bg1 .video-box{position: absolute;top:402px;left: 50%;margin-left: -38px;width: 77px;height: 77px;background: url(../images/v1.png) center no-repeat;}

.add-link{
	width: 196px;
	height: 146px;
	position: absolute;
	top: 16px;
	right: 20px;
}
.add-link img{
	width: 196px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.add-link:hover img{
	-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.bg1 .playbtn,.bg1 .playbtn{
	display: block;
	position: absolute;
	z-index: 2;
	left:50%;
	top:451px;
	margin-left:-45.5px;
	width:91px;
	height:91px;
	background: url(../images/spirite.png) -277px 0 no-repeat;
}
.bg1 .playbtnrun{
	display: block;
	position: absolute;
	z-index: 1;
	left:50%;
	top:451px;
	margin-left:-45.5px;
	width:91px;
	height:91px;
	background: url(../images/spirite.png) -277px 0 no-repeat;
	-webkit-animation:kf-playrun 1.5s ease infinite;
}
.bg1 .playbtnrun2{
	display: block;
	position: absolute;
	z-index: 1;
	left:50%;
	top:451px;
	margin-left:-45.5px;
	width:91px;
	height:91px;
	background: url(../images/spirite.png) -277px 0 no-repeat;
	-webkit-animation:kf-playrun 1.5s 0.3s ease infinite;
}
@-webkit-keyframes kf-playrun{
	0%{opacity:0.8;-webkit-transform:scale(1);}
	100%{opacity:0;-webkit-transform:scale(1.5);}
}

.bg1 .duebtn{
	display: block;
	position: absolute;
	top:610px;
	left:50%;
	margin-left:-163px;
	width:326px;
	height:84px;
	background: url(../images/btn1.png);
}
.bg1 .duebtn:hover{

}
@media screen and (max-width:1280px){
	.bg1 .main-title{
		top:200px;
		margin-left:-500px;
		width:1000px;
		/*height:93.8px;*/
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.bg1 .main-subtitle{
		top:290px;
		left:50%;
		margin-left:-350px;
		width:700px;
		/*height:26.6px;*/
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}

	.bg1 .playbtn,.bg1 .playbtnrun,.bg1 .playbtnrun2{
		display: block;
		position: absolute;
		z-index: 2;
		left:50%;
		top:400px;
		margin-left:-45.5px;
		width:91px;
		height:91px;
		background: url(../images/spirite.png) -277px 0 no-repeat;
	}
	.bg1 .playbtnrun{
		-webkit-animation:kf-playrun 1.5s ease infinite;
	}
	.bg1 .playbtnrun2{
		-webkit-animation:kf-playrun 1.5s 0.3s ease infinite;
	}
	.bg1 .duebtn{
		display: block;
		position: absolute;
		top:510px;
		left:50%;
		margin-left:-163px;
		width:326px;
		height:84px;
		background: url(../images/btn1.png);
	}
}



/*===========================我是分割线==========================*/
.bg2{
	width:1920px;
	height:813px;
	background: url(../images/bg2.jpg) 0 -108px no-repeat;
}
.bg2 .bg-tit {
	position: absolute;
	top:0;
	width: 100%;
	height: 60px;

}
.bg2 .line{
	position: absolute;
	top:58px;
	height: 1px;
	width: 100%;
	background-color: #ddd;
}
.bg2 .tit-box{
	position: absolute;
	padding: 5px;
	top:24px;
	left: 50%;
	margin-left:-105px;
	width: 200px;
	height: 61px;
	background-color: #fff;
	opacity: 0;
}
.bg2 .bg-tit .tit-box.show{opacity: 1}
.bg2 .tit-box .tit-icon{
	float: left;
	margin-top: 7px;
	width: 38px;
	height: 44px;
	background: url(../images/spirite.png) -757px -92px no-repeat;
}
.bg2 .tit-box .bg-tit-text{
	float: right;
	font:normal 12px "microsoft yahei";
	color: #5f4424;
	text-align: center;
}
.bg2 .tit-box .bg-tit-text span{
	font:bold 40px "microsoft yahei";
	color: #333;
}

.bg2 .actbox{
	position: absolute;
	display: block;
	top:110px;
	left:50%;
	margin-left:-590px;
	width: 1180px;
	height: 600px;
	z-index: 2;
}
.bg2 .actbox .actbox-md{
	float: left;
	width: 860px;
	height: 402px;
}
.bg2 .actbox .actbox-sm{
	display: block;
	/*display: none;*/
	position: relative;
	float: left;
	/*margin: 0 4px 4px 0 ;*/
	margin: 30px 4px 4px 0 ;
	opacity: 0;
	overflow: hidden;
	transition:all 0.7s ease;
}
.bg2 .actbox .actbox-sm.show{
	opacity:1;
	margin-top:0;
	transition:all 0.7s ease;
}
.bg2 .actbox .boxtp1{
	width: 426px;
	height: 197px;
	background: url(../images/page2-box1.jpg);
}
.bg2 .actbox .boxtp2{
	/*float: right;*/
	width: 211px;
	height: 198px;
	background: url(../images/page2-box2.jpg);
}
.bg2 .actbox .boxtp3{
	margin-right:0;
	width: 320px;
	height: 398px;
	background: url(../images/page2-box3.jpg);
}
.bg2 .actbox .boxtp4{
	margin-right: 0;
	width: 318px;
	height: 196px;
	background: url(../images/page2-box4.jpg);
}

.bg2 .actbox .boxtit{
	position: absolute;
	color:#fff;
	font: normal 30px/30px "microsoft yahei";
}
.bg2 .actbox .boxtp1 .boxtit{
	top:73px;
	left:250px;
}
.bg2 .actbox .boxtp2 .boxtit{
	top:70px;
	left:46px;
}
.bg2 .actbox .boxtp3 .boxtit{
	top:262px;
	left:84px;
	font:bold 40px "microsoft yahei";
	text-shadow:2px 2px 1px rgba(0,0,0,0.7);
}
.bg2 .actbox .boxtp4 .boxtit{
	top:85px;
	left:74px;
}

.bg2 .actbox .boxmore{
	display: block;
	position: absolute;
	width: 81px;
	height: 26px;
	color:#fff;
	opacity: 1;
	border: 1px solid #fff;
	text-align: center;
	border-radius: 1px;
	font:normal 14px/24px "microsoft yahei";
	transition:all 0.7s ease;
}
.bg2 .actbox .actbox-sm:hover .boxmore{
	background-color: #fff;
	color: #000;
	transition:all 0.7s ease;
}
.bg2 .actbox .boxtp1 .boxmore{
	top:116px;
	left: 270px;
}
.bg2 .actbox .boxtp2 .boxmore{
	top:114px;
	left: 67px;
}
.bg2 .actbox .boxtp3 .boxmore{
	top:325px;
	left: 124px;
}
.bg2 .actbox .boxtp4 .boxmore{
	top:85px;
	left: 74px;
}

/*图片位置修正*/
.bg2 .actbox .boxtp1img1{margin:25px 0 0 30px;}
.bg2 .actbox .boxtp1img3{margin:8px 0 0 50px;}
.bg2 .actbox .boxtp3img1{margin:46px 0 0 33px;}
.bg2 .actbox-sm img{
	transition:all 0.7s ease;
}
.bg2 .actbox-sm:hover img{
	transform:scale(1.1);
}
.bg2 .boxtp2 .boxtit,.bg2 .boxtp4 .boxtit{
	transition:all 0.7s ease;
}
.bg2 .boxtp2:hover .boxtit,.bg2 .boxtp4:hover .boxtit{
	transform:scale(1.1);
}

/*========================我是分割线=============================*/

.bg3{
	width:1920px;
	height:900px;
	background: url(../images/bg3.jpg);
}
.bg3 .bg-tit{
	position: absolute;
	top:0;
	width: 100%;
	height: 60px;
}
.bg3 .line{
	position: absolute;
	top:58px;
	height: 1px;
	width: 100%;
	background-color: #ddd;
}
.bg3 .tit-box{
	position: absolute;
	padding: 5px;
	top:24px;
	left: 50%;
	margin-left:-105px;
	width: 200px;
	height: 61px;
	background-color: #f5f5f5;
	opacity: 0;
}
.bg3 .tit-box.show{
	opacity: 1;
}
.bg3 .tit-box .tit-icon{
	float: left;
	margin-top: 14px;
	width: 38px;
	height: 44px;
	background: url(../images/spirite.png) -797px -100px no-repeat;
}
.bg3 .tit-box .bg-tit-text{
	float: right;
	font:normal 12px "microsoft yahei";
	color: #5f4424;
	text-align: center;
}
.bg3 .tit-box .bg-tit-text span{
	font:bold 40px "microsoft yahei";
	color: #333;
}
.bg3 .newsbox{
	position: absolute;
	top:142px;
	left:370px;
	width: 1188px;
	height: 640px;
	z-index: 2;
}
.bg3 .left{
	float: left;
	opacity: 0;
	margin-top: 50px;
	/*margin-left:0;*/
	/*margin-left:-1000px;*/
}
.bg3 .left.show{
	opacity: 1;
	margin-top: 0;
	transition:all 0.5s ease;
}
.bg3 .gameactbox{
	margin:25px 0 0 0;
	width: 462px;
	height: 314px;
}
.bg3 .gameactbox .gameact{
	display: block;
	float: left;
	margin:0;
	width: 230px;
	height: 156px;
	overflow: hidden;

}
.bg3 .gameactbox .gameact img{
	transition:all 0.7s ease;
}
.bg3 .gameactbox .gameact:hover img{
	transform:scale(1.08);
}

.bg3 .middle{
	/*float: left;
	margin-left:23px;*/
	position: absolute;
	opacity: 0;
	/*margin-top: 50px;*/
	/*top:0;*/
	top:50px;
	left: 485px;
	width: 60px;
	height: 644px;
	background-color: #323232;
}
.bg3 .middle.show{
	opacity: 1;
	top:0;
	transition:all 0.5s ease ;
}
.bg3 .middle .vernavtag{
	display: block;
	padding: 41px 21px;
	width: 18px;
	height: 34px;
	border-bottom:1px solid #424242;
	font:normal 18px/18px "microsoft yahei";
	word-wrap: break-word;
    letter-spacing: 20px;
    color:#adadad;
	transition:all 0.7s ease;
}
.bg3 .middle .vernavtag.cur{
	color:#fff;
	background-color: #7a6144;
}
.bg3 .middle .vernavtag:hover{
	color:#fff;
	background-color: #7a6144;
	transition:all 0.7s ease;
}
.bg3 .middle .vernavtag:nth-child(4){
	border-bottom:none;
}
.bg3 .middle .vernavtagmore{
	position: absolute;
	bottom:0;
	padding: 50px 13px;
	width: 34px;
	height: 12px;
	background-color: #212121;
	color:#999;
	letter-spacing: 0px;
	word-wrap:normal ;
	font:bold 12px/12px "microsoft yahei";
}
.bg3 .right{
	/*float: left;*/
	float: right;
	/*margin-top: 0;*/
	margin-top: 50px;
	opacity: 0;
	/*margin-left:23px;*/
	/*margin-right: 0;*/
	/*margin-right: -1000px;*/
	width: 620px;
	height: 640px;
}
.bg3 .right.show{
	transition:all 0.5s ease ;
	opacity: 1;
	margin-top: 0;
}
.bg3 .right .infobigbox{display: none;}
.bg3 .right .infobigbox.cur{display: block;}
.bg3 .right .infobox{
	position: relative;
	float: left;
	margin:0 20px 27px 0;
	padding:46px 0 0 19px ;
	width: 281px;
	height: 259px;
	border-bottom: 3px solid #735836;
	background-color: #fff;
}
.bg3 .right .infobox:nth-child(2),.bg3 .right .infobox:nth-child(4){
	margin-right:0;
}
.bg3 .right .infobox:nth-child(3),.bg3 .right .infobox:nth-child(4){
	margin-bottom: 0;
}
.bg3 .right .infotag{
	position: absolute;
	top:0;
	right:0;
	width:51px;
	height:50px;
}
/*.bg3 .right .infotag.infotag1{background: url(../images/spirite.png) -423px -93px no-repeat;}
.bg3 .right .infotag.infotag2{background: url(../images/spirite.png) -480px -93px no-repeat;}
.bg3 .right .infotag.infotag3{background: url(../images/spirite.png) -480px -93px no-repeat;}*/
.bg3 .right .infotag.today{background: url(../images/spirite.png) -423px -93px no-repeat;}
.bg3 .right .infotag.mostnew{background: url(../images/spirite.png) -480px -93px no-repeat;}
.bg3 .right .infotit{
	display: block;
	margin-bottom: 23px;
	/*padding-bottom: 19px;*/
	width:261px;
	height:50px;
	font:bold 20px/24px "microsoft yahei";
	color:#7a6144;
	overflow: hidden;
	text-overflow:ellipsis;
	text-overflow: -o-ellipsis-lastline;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.bg3 .right .infodesc{
	display: block;
	width:254px;
	height:77px;
	margin-top:3px;
	color:#666;
	border-top:1px solid #ddd;
	font:normal 14px/24px "microsoft yahei";
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow:ellipsis;
	text-overflow: -o-ellipsis-lastline;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.bg3 .right .infodate{
	display: block;
	width:254px;
	font:normal 14px/24px "microsoft yahei";
	color:#999;
}
.bg3 .right .infodate span{
	float: right;
}
.bg3 .right .infodetail{
	display: block;
	width:260px;
	height: 46px;
	margin-top:10px;
	color:#7a6144;
	background-color: #f8f8f8;
	text-align: center;
	font:normal 14px/46px "microsoft yahei";
	border: 1px solid #ddd;
	transition:all 0.7s ease;
}
.bg3 .right .infobox:hover .infodetail{
	color:#f8f8f8;
	background-color: #7a6144;
	transition:all 0.7s ease;
}
.bg3 .right .infobox4{
	width:264px;
	height:269px;
	padding: 18px 18px;
}
.bg3 .right .infobox4 .newslink{
	display: block;
	width: 255px;
	height: 83px;
	border-bottom: 1px solid #ddd;
}
.bg3 .right .infobox4 .newslink3{
	border-bottom: none;
}
.bg3 .right .infobox4 .newslink	.tit{
	margin-top:10px;
	width: 262px;
	height: 48px;
	font:normal 16px/24px "microsoft yahei";
	color:#000;
	overflow: hidden;
	text-overflow:ellipsis;
	text-overflow: -o-ellipsis-lastline;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.bg3 .right .infobox4 .newslink	.tit:hover{color: #7a6144}
.bg3 .right .infobox4 .newslink	.date{
	float: right;
	margin:5px 5px 0 0;
	font:normal 14px "microsoft yahei";
	color:#999;

}


/*==================我是分割线=====================*/

.bg4{
	width:1920px;
	height:792px;
	background: url(../images/bg4.jpg);
}

.bg4 .pagenum{
	position: absolute;
	top:76px;
	left:1306px;
	/*width: 224px;*/
	height: 53px;
	color:rgba(255,255,255,0.6);
	font:italic 36px/70px "microsoft yahei";
	z-index:6;
}
.bg4 .pagenum span{
	color:#fff;
	font:italic 57px/70px "microsoft yahei";
}
.bg4 .pagenum a.lf{
	display: inline-block;
	margin-right:50px;
	margin-bottom:-5px;
	width: 28px;
	height: 54px;
	background:url(../images/spirite.png) -550px 0 no-repeat;
}
.bg4 .pagenum a.rig{
	display: inline-block;
	margin-left:50px;
	margin-bottom:-5px;
	width: 28px;
	height: 54px;
	background:url(../images/spirite.png) -584px 0 no-repeat;
}
.bg4 .showcontbox{
	/*display: none;*/
	opacity: 0;
	position: absolute;
	top:53px;
	left:370px;
	width: 1180px;
	height: 520px;
	z-index:1;
	transition:all 0.7s ease;
}
.bg4 .showcontbox.cur{
	display: block;
	z-index:5;
	opacity: 1;
	transition:all 0.7s ease;
}
.bg4 .showcontbox .tit{
	opacity: 0;
	text-align: center;
	color:#fff;
	font:normal 18px/30px "microsoft yahei";
	transition:all 0.7s ease;
}
.bg4 .showcontbox.cur .tit{
	opacity: 1;
	transition:all 0.7s ease;
}
.bg4 .showcontbox .tit span{
	display: block;
	font:bold 40px "microsoft yahei";
	opacity: 0;
	transition:all 0.7s ease;

}
.bg4 .showcontbox.cur .tit span{
	opacity: 1;
	transition:all .7s ease;
}
.bg4 .showcontbox .txtdesc{
	position: absolute;
	top:42px;
	/*left: 0;*/
	left: -60%;
	padding: 52px 22px;
	width: 293px;
	height: 291px;
	background: url(../images/textar.jpg);
	color: #999;
	font:normal 14px/28px "microsoft yahei";
	z-index:2;
	transition:all 0.7s ease;

}
.bg4 .showcontbox .txtdesc.show{
	left: 0;
	transition:all 0.7s ease;

}
.bg4 .showcontbox .descimg{
	position: absolute;
	top:92px;
	/*right:0;*/
	right:-112%;
	overflow: hidden;
	transition:all 0.7s ease;

}
.bg4 .showcontbox .descimg.show{
	right:0;
	transition:all .7s ease;
}
.bg4 .showcontbox .descimg img{
	transform:scale(1.05);
	transition:all 3s ease;
}
.bg4 .showcontbox .descimg.show img{
	transform:scale(1);
	transition:all 3s ease;
}
.bg4 .page-a-box{
	position: absolute;
	top:616px;
	left:0;
	width: 1920px;
	height: 120px;
}
.bg4 .page-a-btn-box{
	width: 1132px;
	height: 123px;
	position: absolute;
	top:0;
	left:50%;
	margin-left: -566px;
}
.bg4 .page-a-box .hr{
	/*float: left;*/
	position: absolute;
	top:44px;
	/*margin-top:44px;*/
	width: 160px;
	height: 1px;
	background-color: #fff;
	opacity: 0.2;
}
.bg4 .page-a-box .hr1{left:0;}
.bg4 .page-a-box .hr2{
	width: 1048px;
	height: 1px;
	left:430px;
}
.bg4 .page-a-box .hr2-mov{
	/*width: 1048px;*/
	width: 0px;
	height: 1px;
	left:430px;
	background-color: #fff;
	opacity: 1;
}
.bg4 .page-a-box .hr3{left:1515px;}
.bg4 .page-a-box .hr1,.bg4 .page-a-box .hr3{width: 420px;}
.bg4 .page-a-box .page-a{
	float: left;
	/*width: 131px;*/
	width: 88px;
	height: 118px;
}
.bg4 .page-a-box .page-a{
	margin-right: 173px;
}
.bg4 .page-a-box .page-a:nth-child(5){
	margin-right: 0;
}
.bg4 .page-a-box .page-a .imgbox{
	position: relative;
	width: 88px;
	height: 88px;
	overflow: hidden;
}
.bg4 .page-a-box .page-a.cur .imgbox img{
	position: absolute;
	top:-88px;
	left: 0;
}
.bg4 .page-a-box .page-a p{
	display: block;
	margin-left:-22.5px;
	margin-top:10px;
	width:131px;
	font:normal 16px "microsoft yahei";
	color: #999;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}
.bg4 .page-a-box .page-a.cur p{color: #fff;}


/*==================我是分割线=====================*/

.bg5{
	width:1920px;
	height: 176px;
	background-color: #fff;
}
.bg5 .media-box{
	position: absolute;
	top:55px;
	left: 370px;
}
.bg5 .weibo-box{
	float: left;
	margin-top: 50px;
	width: 541px;
	height: 304px;
	border: 1px solid #ddd;
	opacity: 0;
	transition:all .7s ease;
}
.bg5 .weibo-box.show{
	opacity: 1;
	margin-top: 0;
	transition:all .7s ease;
}

.bg5 .media{
	float: left;
	margin-left:30px;
	margin-top: 50px;
	width: 610px;
	height: 285px;
	opacity: 0;
	transition:all .7s ease;
}
.bg5 .media.show{
	margin-top: 0;
	opacity: 1;
	transition:all .7s ease;
}
.bg5 .media .medianews{
	width: 610px;
	height: 209px;
}
.bg5 .media .medianews .medianav{
	position: relative;
	width: 610px;
	height:40px;
	border-bottom: 1px solid #aaa;
	color: #999;
	font:normal 14px/40px "microsoft yahei";
}
.bg5 .media .medianews .medianav a{
	display: block;
	float: left;
	width: 84px;
	height: 40px;
	font:normal 14px/40px "microsoft yahei";
	color: #999;
	text-align: center;
	text-decoration: none;
	margin-right: 0px;
	white-space: nowrap;
	overflow: hidden;
}
.bg5 .media .medianews .medianav a.cur{color: #000;}
.bg5 .media .medianews .medianav .thumb{
	position: absolute;
	top:39px;
	left:0;
	width:84px;
	height:3px;
	background-color: #7a6144;
}
.bg5 .medianews .newscont{
	display: none;
}
.bg5 .medianews .newscont.cur{
	display: block;
}
.bg5 .medianews .newscont img{
	float: left;
	margin:30px 0 0 0px;
	width: 180px;
	height: 130px;
	background: url(../images/noimg.jpg);
}
.bg5 .medianews .newscont .dd-box{
	float: left;
	margin:24px 0 0 20px;
	width: 402px;
	height: 136px;
}
.bg5 .medianews .newscont .dd-box dd{
	width: 100%;
}
.bg5 .medianews .newscont a{
	display: inline-block;
	width: 75%;
	color: #666;
	font:normal 14px/33px "microsoft yahei";
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	transition:all .7s ease;
}
.bg5 .medianews .newscont a:hover{
	color: #9c703d;
	transition:all .7s ease;
}
.bg5 .medianews .newscont span{
	float:right;
	color:#999;
	font:normal 14px/33px "microsoft yahei";
}

.bg5 .media .medialink{
	margin:41px 0 0 0;
	width: 610px;
	height: 45px;
}
.bg5 .media .medialink .media-left{
	display: block;
	float: left;
	margin:13px 25px 12px 8px;
	width: 11px;
	height: 18px;
	background: url(../images/spirite.png) -617px 0 no-repeat;
}
.bg5 .media .medialink .media-right{
	display: block;
	float: left;
	margin:13px 8px 12px 25px;
	width: 11px;
	height: 18px;
	background: url(../images/spirite.png) -628px 0 no-repeat;
}
.bg5 .media .medialink .mediascroll-box{
	float: left;
	overflow: hidden;
	width: 520px;
	height: 42px;
}
.bg5 .media .medialink .mediascroll{
	width: 6000px;
	height: 42px;
}
.bg5 .media .medialink .medialogo{
	float: left;
	margin-right: 13px;
}

.bg5 .promptbox{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1920px;
	height: 176px;
	background-color: #f5f5f5;
}
.bg5 .promptbox .prompt{
	position: absolute;
	top:45px;
	left:420px;
	width:439px;
	height:79px;
	padding-right:72px;
	font:normal 14px/28px "microsoft yahei";
	color: #999;
}
.bg5 .promptbox span{
	color: #333;
	font:bold 16px/28px "microsoft yahei";
}
.bg5 .promptbox .service{
	position: absolute;
	left: 1010px;
	top:45px;
	width:543px;
	height:79px;
	font:normal 14px/28px "microsoft yahei";
	color: #999;
}
.bg5 .promptbox .service a{
	color: #999;
	transition:all .7s ease;
}
.bg5 .promptbox .service a:hover{
	color:#333;
	transition:all .7s ease;
}


/*==================我是分割线=====================*/

.bg6{
	width:1920px;
	height:518px;
	background: url(../images/bg6.jpg);
}
.bg6 .tit{
	position: absolute;
	top:65px;
	width: 100%;
	color: #fff;
	text-align: center;
	font:bold 30px/40px "microsoft yahei";
	letter-spacing:30px;
	opacity: 0;
}
.bg6 .tit.show{opacity: 1}
.bg6 .subtit{
	position: absolute;
	top:115px;
	width: 100%;
	color: #fff;
	text-align: center;
	font:normal 14px/23px "microsoft yahei";
	letter-spacing:15px;
	opacity: 0;
}
.bg6 .subtit.show{opacity: 1}
.bg6 .hr{
	width: 173px;
	height: 1px;
}
.bg6 img.btm-qrcode{
	position: absolute;
	top: 180px;
	left: 50%;
	margin-left: -85px;
}
.bg6 .duebtn-btm{
	display: block;
	position: absolute;
	top:383px;
	left:50%;
	margin-left: -146.5px;
	width: 295px;
	height: 64px;
	border: 1px solid #fff;
	font:normal 20px/64px "microsoft yahei";
	color: #fff;
	text-align: center;
	transition:all 0.7s ease;
}
.bg6 .duebtn-btm:hover{
	color: #555;
	background-color: #fff;
	transition:all 0.7s ease;
}

/*==================我是分割线=====================*/
.pg2popbox{
	position: fixed;
	top:50%;
	left:50%;
	margin-left: -535.5px;
	margin-top: -254.5px;
	width: 1071px;
	height: 509px;
	z-index: 9999;
}
.pg2popbox .popleft{
	float: left;
	width: 176px;
	height: 509px;
	background: url(../images/popleft.jpg) 0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.pg2popbox .popleft .switchbox{
	margin:26px 0 0 24px;
}
.pg2popbox .popleft .switchbox .acttag{
	display: block;
	margin-top:16px;
	width: 118px;
	height: 31px;
	color: #000;
	font:normal 14px/31px "microsoft yahei";
	text-align: center;
}
.pg2popbox .popleft .switchbox .acttag:hover,.pg2popbox .popleft .switchbox .acttag.cur{
	color: #fff;
	background-color: #614136;
}
.pg2popbox .popright{
	float: left;
	width: 895px;
	height: 509px;
	background-color: #fff;
}
.pg2popbox .popright .popcontbox{display: none;}
.pg2popbox .popright .popcontbox.cur{display: block;}
.pg2popbox .popright .poptit{
	margin:15px 0 0 32px;
	width: 822px;
	height: 73px;
	border-bottom: 1px solid #999;
	font:bold 40px/73px "microsoft yahei";
	text-align: center;
}
.pg2popbox .popright .popdesc{
	width:  824px;
	height: 370px;
	margin:10px 0 0 33px;
	overflow-y:auto ;
}
.pg2popbox .popright .popdesc .popcont{
	width: 100%;
}
.pg2popbox .close{
	position: absolute;
	top:0;
	right:-48px;
	width:44px;
	height: 44px;
	background: url(../images/spirite.png) -640px 0 no-repeat;
}


/*轮播图css*/
.swdiv{
	position: relative;
	/*width:448px;
	height:228px;*/
}
.swdiv .swimgdiv {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 0;
	/*width:448px;
	height:228px;*/
	overflow: hidden;
}

.swdiv .swimgdivscroll {
	margin-left: 0;
}
.swdiv .swimgone {
	display: block;
	float: left;
	/*width: 448px;
	height: 228px;*/
	overflow: hidden;
}
.swdotdiv {
	position: absolute;
	/*top: 210px;*/
	left: 50%;
	margin-left: -50%;
	width: 100%;
	height: 30px;
	text-align: center;
	background-color: rgba(0,0,0,0.7);
}
.swdot {
	display: inline-block;
	margin-top: 11px;
}
.swdotone {
	display: block;
	float: left;
	margin-right: 9px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #fff;
}
.swdotone.cur {
	background-color: #5e65b2;
}


/*首页弹出视频*/


.popup-video {
  color: #fff; }
  .popup-video .wrap {
    width: 720px;
    height: 400px;
    margin: -148px 0 0 -365px; }


/*首页弹出分享*/
.popup-weixin-qrcode {
  text-align: center; }
  .popup-weixin-qrcode .wrap {
    width: 617px;
    height: 399px;
    background: #fff;
    margin-top: -245px;
    margin-left: -300px;
    border-radius: 22px;
    background: url(../images/weixinqrcode-box.jpg);
}
  .popup-weixin-qrcode h2 {
    padding-top: 44px;
    padding-bottom: 20px;
    color: #000;
    font-weight: bold;
    font-size: 26px;
    font-family: "microsoft yahei";
    line-height: 1; }
  .popup-weixin-qrcode p {
    font-size: 16px;
    font-family: "microsoft yahei";
    line-height: 1;
    margin-bottom: 40px; }
  .popup-weixin-qrcode img {
    width: 182px; }



.sharebox .weixin-qrcode{
	display: none;
	position: absolute;
	right: 78px;
	bottom: -136px;
}


@-webkit-keyframes rotateIn360 {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-360deg);
        transform: rotate3d(0,0,1,-360deg)
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rotateIn360 {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-360deg);
        transform: rotate3d(0,0,1,-360deg)
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none
    }
}