.skiBig{
	width:100%;
	overflow: hidden;
	min-width:1200px;
	max-width:1920px;
	background:url(../images/ise.jpg) no-repeat center top;
	position:relative;
	margin:0 auto 0;
}
.kv {
	width: 100%;
	height: 988px;
	min-width: 1200px;
	max-width: 1920px;
	background: url(../images/kv.jpg) no-repeat center;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

.logo {
	display: block;
	width: 348px;
	height: 135px;
	position: absolute;
	left: 427px;
	top: 182px;
}
.play {
	display: block;
	width: 58px;
	height: 58px;
	position: absolute;
	left: 606px;
	top: 672px;
	animation: vGo 2s linear infinite;
	-webkit-animation: vGo 2s linear infinite;
}
.download {
	width: 442px;
	height: 173px;
	position: absolute;
	left: 50%;
	margin-left: -221px;
	top: 780px;
}

.download .code {
	width: 142px;
	height: 100%;
	background-color: #f48554;
	position: relative;
	float: left;
	overflow: hidden;
	border-radius: 10px;
}

.download .code img:nth-child(1) {
	display: block;
	width: 125px;
	height: 125px;
	margin: 8px auto 0;
}

.download .code img:nth-child(2) {
	display: block;
	width: 138px;
	height: 8px;
	position: absolute;
	left: 50%;
	margin-left: -68px;
	top: 10px;
	animation: Go 2s linear infinite;
	-webkit-animation: Go 2s linear infinite;
}

@keyframes Go {
	0% {
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
	50% {
		transform: translateY(110px);
		-webkit-transform: translateY(110px);
	}
	100% {
		transform: translateY(0px);
		-webkit-transform: translateY(0);
	}
}

@-webkit-keyframes Go {
	0% {
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
	50% {
		transform: translateY(110px);
		-webkit-transform: translateY(110px);
	}
	100% {
		transform: translateY(0px);
		-webkit-transform: translateY(0);
	}
}

.download .code p {
	font-size: 20px;
	color: #200f10;
	text-align: center;
	margin-top: 5px;
	font-weight: bold;
}

.download .download_a {
	width: 289px;
	position: relative;
	float: right;
}

.download .download_a a {
	display: block;
	width: 100%;
	height: 80px;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.download .download_a a:nth-child(2) {
	margin-top: 12px;
}
/*.download .download_a a:nth-child(1){
	cursor: auto;
}*/
.download .download_a a:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}
.sec{
	width:100%;
	height:1850px;
	min-width:1200px;
	max-width:1920px;
	background:url(../images/ise.jpg) no-repeat center;
	position:relative;
	overflow: hidden;
	margin:0 auto;
}
.ti1{
	display: block;
	width:270px;
	height:57px;
	position:absolute;
	left:0;
	top:85px;
}
.news_banner{
	width:100%;
	height:633px;
	position:relative;
}
.news_banner .leftBanner{
	width:646px;
	height:456px;
	position:relative;
	overflow: hidden;
	float:left;
	margin:177px 0 0 0;
}
.news_banner .leftBanner ul li a{
	display: block;
	width:646px;
	height:456px;
	position:relative;
}
.news_banner .leftBanner ul li a img{
	display: block;
	width:646px;
	height:456px;
}
.news_banner .leftBanner ul li a p{
	width:545px;
	font-size:24px;
	color:#fff;
	position:absolute;
	left:18px;
	bottom:64px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_banner .leftBanner .swiper-pagination{
	text-align: left;
	left:10px;
	bottom:20px;
}
.news_banner .leftBanner .swiper-pagination .swiper-pagination-bullet{
	width:14px;
	height:14px;
	background-color:#adadad;
	opacity: 1;
	margin:0 8px;
}
.news_banner .leftBanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#fc624e;
}
.news_banner .rightNews{
	width:550px;
	height:572px;
	background:url(../images/ne.jpg) no-repeat center;
	position:relative;
	float:left;
	margin-top:60px;
}
.topTab{
	width:512px;
	height:73px;
	position:relative;
	margin-left:20px;
	overflow: hidden;
	border-bottom:2px solid #ffbeb5;
}
.topTab li{
	width:80px;
	overflow: hidden;
	position:relative;
	float:left;
	font-size:22px;
	color:#fff;
	text-align: center;
	line-height:36px;
	text-shadow:1px 1px 10px #ee4727;
	margin-top:33px;
	cursor: pointer;
}
.topTab li a{
	color:#fff;
}
.topTab li.active{
	border-bottom:4px solid #fefd95;
	color:#fefd95;
}
.tabDiv{
	width:512px;
	position:relative;
	margin-left:20px;
	overflow: hidden;
}
.tabDiv>ul{
	width:100%;
	overflow: hidden;
	position:relative;
	display: none;
}
.tabDiv>ul.active{
	display: block;
}
.tabDiv>ul li{
	width:100%;
	height:58px;
	line-height:58px;
	font-size:18px;
	border-bottom:1px solid #f87839;
}
.tabDiv>ul li a{
	color:#fff;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.tabDiv>ul li:hover a{
	color:#fef186;
}
.tabDiv>ul li em{
	display: block;
	float:left;
}
.tabDiv>ul li span{
	display: block;
	width:310px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float:left;
}
.tabDiv>ul li i{
	font-size:14px;
	float:right;
	font-style: normal;
}
.botTime{
	width:555px;
	height:201px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:5;
}
.botTime .botTimeP{
	font-size:36px;
	text-align: center;
	color:#fff;
	text-shadow: 1px 1px 10px #e5433c;
	margin-top:15px;
	letter-spacing: 4px;
}
.dateTime{
	width:487px;
	height:93px;
	margin:5px auto 0;
	background-color:rgba(102,8,8,.2);
	border-radius: 10px;
	text-align: center;
}
.dateTime p{
	display: inline-block;
}
.dateTime p:nth-child(odd){
	font-size:64px;
	color:#fff;
	line-height:93px;
}
.dateTime p:nth-child(even){
	color:#fefd95;
	font-size:18px;
}
.djs{
	font-size:18px;
	color:#fff;
	text-shadow:1px 1px 10px #e5433c;
	text-align: center;
	margin-top:8px;
	letter-spacing: 25px;
}
.pe{
	display: block;
	width:189px;
	height:206px;
	position:absolute;
	right: -75px;
    bottom: -2px;
}
.gameTs{
	width:100%;
	overflow: hidden;
	position:relative;
}
.ti2{
	display: block;
	margin:100px 0 0 0;
}
.gameTs ul{
	width:100%;
	height:444px;
	overflow: hidden;
	position:relative;
	margin-top:28px;
}
.gameTs ul li{
	width:130px;
	height:100%;
	position:relative;
	overflow: hidden;
	float:left;
	transition:width 0.3s linear 0s;
	-webkit-transitionwidth 0.3s linear 0s;
}
.gameTs ul li a{
	display: block;
	width:130px;
	height:100%;
	float:left;
}
.gameTs ul li a img{
	display: block;
	width:130px;
	height:100%;
}
.gameTs ul li .mh{
	display: block;
	width:680px;
	height:100%;
	position:absolute;
	float:left;
	left:130px;
	top:0;
}
.gameTs ul li.active{
	width:810px;
}
.videoCenter{
	width:100%;
	overflow: hidden;
	position:relative;
}
.videoUl{
	width:100%;
	overflow: hidden;
	position:relative;
	margin-top:55px;
}
.videoUl li{
	width:295px;
	overflow: hidden;
	position:relative;
	float:left;
	margin-left:5px;
}
.videoUl li a{
	display: block;
	width:100%;
	height:166px;
	position:relative;
}
.videoUl li a .viImg{
	width:100%;
	height:100%;
	background:url(../images/lib.png) no-repeat center;
	position:relative;
}
.videoUl li a .viImg img{
	display: block;
	width:290px;
	height:163px;
}
.videoUl li a .pa{
	display: block;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-36px;
	margin-top:-36px;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.videoUl li a:hover .pa{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.videoUl li p{
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 2;
	font-size:22px;
	color:#333333;
	line-height:34px;
	margin-top:12px;
	overflow: hidden;
    width: 295px;
}
.videoUl li p i{
	margin:0 5px;
	font-style: normal;
}
.ckm{
	display: block;
	width:364px;
	height:73px;
	background:url(../images/cm.jpg) no-repeat center;
	position:relative;
	margin:45px auto 0;
	overflow: hidden;
}
.ckm img{
	display: block;
	margin:21px auto 0;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.ckm:hover img{
	transform: translate(10px,0);
	-webkit-transform: translate(10px,0);
}
.tt{
	display: block;
	margin:96px 0 0 0;
}
.thc{
	width:100%;
	height:817px;
	min-width:1200px;
	max-width:1920px;
	background:url(../images/ith.jpg) no-repeat center;
	margin:0 auto;
	position:relative;
	overflow: hidden;
}
.ti3{
	display: block;
	position:absolute;
	left:0;
	top:80px;
}
.roleBanner{
	width:100%;
	height:793px;
	position:relative;
	overflow: hidden;
	margin-top:25px;
}
.roleBanner .li_img{
	display: block;
	max-width:1920px;
	min-width:1200px;
	margin:0 auto;
	height:793px;
}
.roleBanner .li_div{
	width:1200px;
	overflow: hidden;
	position:absolute;
	left:355px;
	top:272px;
	z-index:5;
}
.roleBanner .li_div p span:nth-child(1){
	display: block;
	width:89px;
	height:33px;
	text-align: center;
	line-height:33px;
	float:left;
	color:#000000;
	font-size:20px;
	font-weight:bold;
}
.roleBanner .li_div p span:nth-child(2){
	width:480px;
	font-size:18px;
	color:#fff;
	line-height:33px;
	margin-left:16px;
	float:left;
}
.roleBanner .li_div .li_p1 span:nth-child(1){
	background-color:#71dcab;
}
.roleBanner .li_div .li_p2 span:nth-child(1){
	background-color:#d999ff;
}
.roleBanner .li_div .li_p3 span:nth-child(1){
	background-color:#4beace;
}
.roleBanner .li_div .li_p4 span:nth-child(1){
	background-color:#f1ac52;
}
.roleBanner .li_div .li_p5 span:nth-child(1){
	background-color:#8ac1ff;
}
.roleBanner .li_div .li_p6 span:nth-child(1){
	background-color:#ff9f70;
}
.clear{
	clear:both;
}
.roleBanner .li_div .li_more{
	display: block;
	width:150px;
	height:45px;
	background-color:#fefda4;
	text-align: center;
	line-height:45px;
	font-size:20px;
	color:#ec6351;
	border-radius: 30px;
	margin-top:180px;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.roleBanner .li_div .li_more:hover{
	transform: translate(0,-10px);
	-webkit-transform: translate(0,-10px);
}
.roleBanner .ro_pl{
	display: block;
	width:106px;
	height:106px;
	position:absolute;
	transition:all .5s;
	-webkit-transition:all .5s;
	top:415px;
	left:1140px;
	z-index:5;
}
.roleBanner .ro_pl:hover{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.roleBanner .swiper-pagination1{
	position:absolute;
	z-index:10;
	text-align: center;
}
.roleBanner .swiper-pagination1 .swiper-pagination-bullet{
	width:95px;
	height:95px;
	background:none;
	opacity: 1;
	margin:0 12px;
}
.roleBanner .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:url(../images/hm.png) no-repeat center;
}
.for{
	width:100%;
	height:652px;
	min-width:1200px;
	max-width:1920px;
	background:url(../images/la.jpg) no-repeat center;
	position:relative;
	overflow: hidden;
	margin:0 auto;
}
.leftSkill{
	width:590px;
	height:528px;
	position:relative;
	float:left;
	overflow: hidden;
}
.ti4{
	display: block;
	margin:54px 0 18px 0;
}
.skillUl{
	width:64px;
	height:394px;
	position:relative;
	overflow: hidden;
	float:left;
}
.skillUl li{
	width:100%;
	height:99px;
	background:#e45a47;
	position:relative;
	overflow: hidden;
	font-size:18px;
	color:#fff;
	cursor: pointer;
}
.skillUl li.active{
	background:url(../images/jb.png) no-repeat center;
}
.skillUl li p{
	width:36px;
	text-shadow: 0px 1px 3.64px rgba(237, 102, 83, 0.004);
	margin:30px auto 0;
}
.skillDiv{
	width:522px;
	height:400px;
	background:url(../images/ri.png) no-repeat center;
	position:relative;
	float:left;
	overflow: hidden;
	margin-top:-6px;
}
.skillDiv>div{
	width:100%;
	height:100%;
	position:relative;
	overflow: hidden;
	display: none;
}
.skillDiv>div.active{
	display: block;
}
.skillDiv>div .skiPic{
	width:113px;
	height:113px;
	position:absolute;
	left:20px;
	top:19px;
	background:url(../images/ski.png) no-repeat center;
}
.skillDiv>div .skiPic img{
	display: block;
	width:67px;
	height:67px;
	position:relative;
	top:45%;
	margin:0 auto 0;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.skillDiv>div .skiTxt{
	width:350px;
	overflow: hidden;
	position:relative;
	margin:20px 0 0 148px;
}
.skillDiv>div .skiTxt p:nth-child(1){
	font-size:22px;
	color:#ec6452;
	text-indent: 8px;
	font-weight:bold;
	margin-bottom:8px;
}
.skillDiv>div .skiTxt .sk_dec{
	width:89px;
	height:23px;
	background-color:#ff9f70;
	text-align: center;
	line-height:23px;
	font-size:18px;
	color:#fff;
}
.skillDiv>div .skiTxt p:nth-child(3){
	font-size:18px;
	color:#000;
	margin:5px 0 10px 0;
}
.skillDiv>div .skiTxt p:nth-child(5){
	font-size:18px;
	color:#000;
	line-height:24px;
	margin:5px 0 5px 0;
}
.skillDiv>div .skiTxt .skiVideo{
	width:112px;
	height:70px;
	background:#867669;
	position:relative;
	overflow: hidden;
	cursor: pointer;
}
.skillDiv>div .skiTxt .skiVideo img{
	display: block;
	margin:14px auto 0;
}
.pagBox{
	width:450px;
	overflow: hidden;
	position:absolute;
	text-align: left;
	bottom:20px;
	z-index:4;
	left:10px;
}
.page-nation{
	width:1000%;
}
.page-nation .swiper-pagination-bullet{
	width:45px;
	height:45px;
	background-color:rgba(129,124,119,.31);
	line-height:45px;
	text-align: center;
	font-size:22px;
	color:#fee9de;
	margin-left:30px;
	transition:all .5s;
	-webkit-transition:all .5s;
	opacity: 1;
}
.page-nation .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#ff9f70;
}
.button-prev{
	width:18px;
	height:33px;
	background:url(../images/ui.png) no-repeat center;
	position:absolute;
	left:16px;
	margin-top:0;
	top:342px;
	cursor: pointer;
	z-index:5;
}
.button-next{
	width:18px;
	height:33px;
	background:url(../images/ui.png) no-repeat center;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	position:absolute;
	right:20px;
	margin-top:0;
	top:342px;
	cursor: pointer;
	z-index:5;
}
.rightComp{
	width:590px;
	height:528px;
	overflow: hidden;
	float:right;
	position:relative;
}
.rightComp .ti5{
	display: block;
	margin:54px 0 20px 0;
}
.compUl{
	width:64px;
	height:394px;
	position:relative;
	overflow: hidden;
	float:left;
}
.compUl li{
	width:100%;
	height:133px;
	background:#e45a47;
	position:relative;
	overflow: hidden;
	font-size:18px;
	color:#fff;
	cursor: pointer;
	text-align: center;
}
.compUl li.active{
	background:url(../images/zz.png) no-repeat center;
	background-size:100% 100%;
}
.compUl li p{
	line-height:133px;
}
.compDiv{
	width:522px;
	height:400px;
	background:url(../images/ri.png) no-repeat center;
	position:relative;
	float:left;
	overflow: hidden;
	margin-top:-6px;
}
.compDiv>div{
	width:100%;
	height:100%;
	position:relative;
	overflow: hidden;
	display: none;
}
.compDiv>div.active{
	display:block;
}
.compDiv>div .skiPic{
	width:113px;
	height:113px;
	background:url(../images/ski.png) no-repeat center;
	position:absolute;
	left:20px;
	top:25px;
}
.compDiv>div .skiPic img{
	display: block;
	width:100%;
	height:100%;
}
.compDiv>div .skiTxt{
	width:330px;
	overflow: hidden;
	position:relative;
	margin:26px 0 0 145px;
}
.compDiv>div .skiTxt p:nth-child(1){
	font-size:22px;
	color:#ec6452;
	font-weight:bold;
	margin-bottom:15px;
}
.compDiv>div .skiTxt p:nth-child(2){
	font-size:18px;
	color:#000;
	margin-bottom:25px;
}
.compDiv>div .skiTxt .skiVideo{
	width:112px;
	height:70px;
	background:#867669;
	position:relative;
	overflow: hidden;
}
.compDiv>div .skiTxt .skiVideo img{
	display: block;
	margin:14px auto 0;
}
.skiBox {
	width: 100%;
	position: relative;
}

.ski_tit {
	display: block;
	margin: 45px 0 0 0;
}

.skillTit {
	width: 800px;
	height: 55px;
	position: relative;
	margin-top: 32px;
}

.skillTit li {
	width: 200px;
	height: 100%;
	background: #e45a47;
	font-size: 24px;
	color: #fff;
	text-align: center;
	line-height: 55px;
	float: left;
	text-shadow: 0px 2px 7px rgba(228, 90, 71, 0.85);
	cursor: pointer;
}

.skillTit li.active {
	background: url(../images/h.jpg) no-repeat center;
}

.skiList {
	width: 1207px;
	height: 396px;
	background: url(../images/sk.png) no-repeat center;
	position: relative;
	margin-top: -6px;
}

.skiList>div {
	display: none;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.skiList>div.active {
	display: block;
}

.skiList>div ul {
	width: 97%;
	height: 335px;
	overflow: auto;
	position: relative;
}

.skiList>div ul::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 10px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
.skiList>div i{
	display: block;
	width:100%;
	height:10px;
}
.skiList>div ul::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 10px;
	background-color: #f0845e;
}

.skiList>div ul::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #f5bdad;
	border-radius: 10px;
}

.skiList>div ul li {
	width: 98px;
	overflow: hidden;
	float: left;
	margin: 30px 0 0 25px;
}

.skiList>div ul li a {
	display: block;
	width: 98px;
	height: 98px;
}

.skiList>div ul li a img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s;
	-webkit-transition: all .5s;
	border-radius: 15px;
}

.skiList>div ul li a img:nth-child(2) {
	transform: translate(0, -200px);
	-webkit-transform: translate(0, -200px);
}

.skiList>div ul li a:hover img:nth-child(2) {
	transform: translate(0, -100px);
	-webkit-transform: translate(0, -100px);
}

.skiList>div ul li p {
	font-size: 18px;
	color: #000;
	text-align: center;
	margin-top: 12px;
}