body{
	font-family: "microsoft yahei";
}
.topbar{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	height: 68px;
}
.topbar .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #434760;
	opacity: 0.7;
	z-index: -1;
}
.topbar .logo{
	position: absolute;
	left: 50px;
	top: 50%;
	transform:translate(0,-50%);
}
.topbar .share-wrapper{
	position: absolute;
	right: 0;
	top: 0;
}
.topbar ul{
	width: 1000px;
	margin: 0 auto;
	height: 100%;
}
.topbar ul li{
	float: left;
	width: 166px;
	text-align: center;
	height: 95%;
}
.topbar ul li a{
	color: #99d9fd;
	font-size: 18px;
	line-height: 68px;
}
.topbar ul li.active{
	box-sizing: border-box;
	border-bottom: 3px solid #64fefe;
}
.topbar ul li.active a{
	color: #64fefe
}
.topbar .share-wrapper a{
	float: left;
	width: 41px;
	height: 41px;
	margin: 15px 20px 0 0;
	background:url(../images/share_ico.png); 
}
.topbar .share-wrapper a.shareto-sina{
	background-position: 0 0;
}
.topbar .share-wrapper a.shareto-qqzone{
	background-position: -63px 0;
}
.topbar .share-wrapper a.shareto-qq{
	background-position: -125px 0;
}
#fullpage .main{
	background: url(../images/bg1.jpg) top center no-repeat;
}
#fullpage .main .mouse{
	display: block;
	width:195px;
	height: 77px;
	background: url(../images/mouse.png); 
	margin: 730px auto 0;
	-webkit-animation: mouseMove 1s;
	-o-animation: mouseMove 1s;
	animation: mouseMove 1s linear infinite;
}
@keyframes mouseMove{
	0%{
		transform:scale(1,1)
	}
	50%{
		transform:scale(1.2,1.2)
	}
	100%{
		transform:scale(1,1)
	}
}
#fullpage .seerSeries{
	background-color: #080403;
}
#fullpage .seerSeries .tableCell,#fullpage .tongren .tableCell,#fullpage .carnival .tableCell{
	vertical-align: top;
}
#fullpage .seerSeries ul{
	overflow: hidden;
}
#fullpage .seerSeries li{
	position: relative;
	float: left;
	width: 20%;
	overflow: hidden;
}
#fullpage .seerSeries li img{
	width: 100%;
}
#fullpage .seerSeries li .intro{
	position: absolute;
	top: 500px;
	width: 100%;
	text-align: center;
	z-index: 2;
}
#fullpage .seerSeries li .intro h2{
	font-size: 34px;
	font-weight: bold;
	color: #fff;
}
#fullpage .seerSeries li .intro p{
	font-size: 18px;
	color: #03cdeb;
}
#fullpage .seerSeries li .intro a{
	display: block;
	width: 147px;
	height: 167px;
	background: url(../images/go_btn.png);
	font-size: 22px;
	color: #fff;
	text-align: center;
	line-height: 167px;
	margin: 30px auto 0;
}
#fullpage .seerSeries .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 1;
}
#fullpage .seerSeries .bg.lighter{
	opacity: 0.5;
}
#fullpage .seerSeries .bg.blacker{
	opacity: 0.8 !important;
}
@media screen and (max-width: 1435px) {
    .topbar .logo{
    	display: none;
    }
}
@media screen and (max-width: 1365px){
	#fullpage .seerSeries li .intro h2{
		font-size: 24px;
	}
}
@media screen and (max-width: 1265px) {
    .topbar .share-wrapper{
    	display: none;
    }
    #fullpage .seerSeries li .intro{
    	top: 220px;
    }
}
#fullpage .brandProcess div{
	background: url(../images/bg3.jpg?v=2019060501) top center;
	height: 1080px;
}
#fullpage .carnival{
	color: #fff;
	text-align: center;
	background: url(../images/bg4.jpg) top center;
}
#fullpage .carnival h2,#fullpage .tongren h2{
	font-size: 55px;
	font-weight: bold;
	text-shadow:2px 2px 5px #333333;
	margin-top: 130px;
}
#fullpage .carnival h3{
	font-size: 30px;
}
#fullpage .carnival .active-wrapper{
	position: relative;
	width: 1015px;
	height: 590px;
	margin: 30px auto 0;
}
#fullpage .carnival .active-wrapper a{
	position: absolute;
	width: 219px;
	height: 249px;
	background: url(../images/shape_ico.png);
}
#fullpage .carnival .active-wrapper a:hover span{
	visibility: hidden;
}
#fullpage .carnival .active-wrapper a:hover p{
	color: #fff;
	text-shadow:-1px 2px 0px #323571;
	margin-top: 25px;
}
#fullpage .carnival .active-wrapper a span{
	display: block;
	width: 75px;
	height: 65px;
	/*background: url(../images/unknown_ico.png);*/
	margin: 65px auto 0;
}
#fullpage .carnival .active-wrapper a p{
	font-size: 24px;
	font-weight: bold;
	color: #644c2c;
	text-shadow:1px 1px 0px #fff;
}
#fullpage .carnival .active-wrapper a.act1 span{
	/*background: url(../images/gift_ico.png);*/
}
#fullpage .carnival .active-wrapper a.act2 span{
	/*background: url(../images/pic_ico.png);*/
}
#fullpage .carnival .act1{
	left: 302px;
	top: 0;
}
#fullpage .carnival .act2{
	left: 504px;
	top: 0;
}
#fullpage .carnival .act3{
	left: 0px;
	top: 175px;
}
#fullpage .carnival .act4{
	left: 201px;
    top: 175px;
}
#fullpage .carnival .act5{
	left: 404px;
	top: 175px;
}
#fullpage .carnival .act6{
	left: 607px;
	top: 175px;
}
#fullpage .carnival .act7{
	left: 808px;
	top: 175px;
}
#fullpage .carnival .act8{
	left: 303px;
    top: 350px;
}
#fullpage .carnival .act9{
	left: 506px;
    top: 350px
}
#fullpage .surrounding div{
	height: 1080px;
	background: url(../images/bg5.jpg) top center;
}
#fullpage .surrounding .go-buy{
	position: absolute;
	width:147px;
	height: 167px;
	background: url(../images/go_btn.png); 
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-shadow:2px 2px 5px #0f3f70;
	line-height: 167px;
	top: 300px;
	left: 50%;
	margin-left: -74px;
}
#fullpage .tongren{
	background: url(../images/bg6.jpg) top center;
}
#fullpage .tongren h2{
	color: #fff;
	text-align: center;
	margin-top: 345px;
	font-size: 45px;
}
#fullpage .tongren .tab-tit{
	width: 1220px;
	margin: 60px auto 0;
}
#fullpage .tongren .tab-tit a{
	float: left;
	width: 396px;
	height: 80px;
	background: url(../images/tabbg.jpg);
	font-size: 24px;
	color: #2682df;
	line-height: 80px;
	text-align: center;
	margin-right: 14px;
}
#fullpage .tongren .tab-tit a.on{
	background: url(../images/tabbg_h.jpg);
	color: #63ecff;
}
#fullpage .tongren .tab-tit a:last-child{
	margin-right: 0;
}
.tab-cont .art-container .swiper-slide,.tab-cont .video-container .swiper-slide{
	float: left;
	margin-right: 3px;
}

.tab-cont .art-container .swiper-slide .img-wrap,.tab-cont .video-container .swiper-slide .img-wrap{
	display: block;
	border: 5px solid #3b66c0;
	width: 283px;
	height: 182px;
}
.tab-cont .art-container .swiper-slide img,.tab-cont .video-container .swiper-slide img{
	width: 100%;
	height: 100%;
}
.tab-cont .art-container,.tab-cont .novel-container,.tab-cont .video-container{
	width: 1220px;
	margin: 0 auto;
	margin-top: 45px;
	overflow: hidden;
}
.tab-cont .art-container .swiper-slide p,.tab-cont .video-container .swiper-slide p{
	width: 293px;
	height: 30px;
	color: #73a0ff;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	background-color: #142547;
	margin-top: 5px;
}
.tab-cont .prev,.tab-cont .next{
	position: relative;
	width: 40px;
	height: 40px;
	background-color: #3c94fe;
	border-radius: 25px;
	display: inline-block;
	cursor: pointer;
}
.tab-cont .prev i,.tab-cont .next i{
	position: absolute;
	width: 12px;
	height: 12px;
	border-width: 3px 3px 0 0;
	border-style: solid;
	border-color: #fff;
}
.tab-cont .prev i{
	transform:rotate(225deg);
	top: 13px;
	left: 15px;
}
.tab-cont .next i{
	transform:rotate(45deg);
	top: 14px;
	left: 10px;
}
.swiper-pagination{
	display: inline-block;
	position: relative;
	top: -15px;
	margin: 0 25px;
}
.pagination{
	text-align: center;
	margin-top: 35px;
}
.swiper-pagination-bullet{
	margin: 0 5px;
	background: #506c82;
	opacity: 1;
}
.swiper-pagination-bullet-active{
	background: #3e95ff;
    opacity: 1;
}
#fullpage .tongren .novel-container .swiper-slide h2.tit{
	font-size: 24px;
	margin: 0;
	color: #90c2ff;
	font-weight: normal;
	text-align: left;
}
#fullpage .tongren .novel-container .swiper-slide{
	width: 385px;
	margin-right: 25px;
}
#fullpage .tongren .novel-container .swiper-slide img{
	width: 140px;
	height: 180px;
	border: 5px solid #3b66c0
}
#fullpage .tongren .novel-container .swiper-slide .intro{
	display: inline-block;
	width: 200px;
	color: #4d87ff;
	font-size: 14px;
	margin-left: 25px;
}
#fullpage .tongren .novel-container .swiper-slide .intro .name{
	font-size: 16px;
}
#fullpage .tongren .novel-container .swiper-slide .intro .content{
	margin-top: 15px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    height: 85px;
}
#fullpage .tongren .novel-container .swiper-slide .intro .more{
	border: 1px solid #76a2ff;
	padding: 2px 13px;
	font-size: 12px;
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
}
.tab-cont .video-container .swiper-slide .img-wrap{
	position: relative;
}
#fullpage .tongren .video-container .swiper-slide img{
	opacity: 0.7
}
#fullpage .tongren .video-container .swiper-slide .play{
	position: absolute;
	width: 58px;
	height: 58px;
	left: 50%;
	margin-left: -29px;
	top: 62px;
	background: url(../images/play.png);
}
.lightbox,.lightboxOverlay{
	position: fixed !important;
}