@charset "UTF-8";
.slider{height:900px; position: relative; z-index:1; margin-top:-250px;}
.slider div{left: 50%;width: 1920px;  overflow: hidden; margin-left: -960px; position: absolute; height:900px}
.slider div ul{width: 1920px; height:900px;position: relative;}
.slider ul li { background: rgb(204, 204, 204); width: 1920px; height: 900px;text-align: center;font-size: 0px; float: left;display: inline;}
.slider ol{position:absolute; bottom:20px; z-index:15; left:48%;}
.slider ol li{ float: left; margin:0 4px;}
.slider ol li a{ display:block; width:40px; height:0;  float:left; overflow:hidden; height:14px; background-color:#00abef; border-radius:14px}
.slider ol .active a,.bannerBox ol .active a:hover{ background-color:#fff;width:90px;animation:slider-bar-motion .3s 1}
.slider ol li a:hover{ background-color:#fff}

.news-warp{ padding:15px; margin-top:5px; width:34%;}
.event-div{padding:15px; margin-top:5px; width:33%; font-size:16px;}
.game-div{ padding:15px; width:100% ; padding-right:0}
.contact{ padding:15px; width:33%;margin-top:5px;}
.contact .title2-h2{ width:100%; margin-bottom:20px}
.contact-left,.contact-right{ width:53%; background-color:#f7f7f7; padding:20px 0; text-align:center; font-size:20px; line-height:30px}
.contact-right{ width:47%; border-left:1px solid #fff; position:relative;}
.qqservice{position: absolute;  margin-top: -80px;  left: 20px;}
.contact-right p{    margin-top: 150px;}
.swiper-wrapper li{ float:left}
.swiper-wrapper{ width:1500px;}
.btn-warp .btn01,.btn-warp .btn02,.btn-warp .btn03,.btn-warp .btn04,.btn-warp .btn05{ width:320px; height:95px; border:1px solid #e8e8e8;  display:inline-block;  line-height:92px; font-family:"微软雅黑"; font-size:20px; color:#333; font-weight:lighter; background:url(../images/1.png) 58px center no-repeat ; text-indent:100px ;}
.btn-warp .btn02,.btn-warp .btn03,.btn-warp .btn04,.btn-warp .btn05{ width:160px;background:url(../images/2.png) center 18px no-repeat; text-indent:0; text-align:center; font-size:16px; padding-top:68px; line-height:0;float:left; }
.btn-warp .btn01{ border-bottom:0}
.btn-warp .btn03{background:url(../images/3.png) center 18px no-repeat;border-bottom:0 }
.btn-warp .btn04{background:url(../images/4.png) center 18px no-repeat;border-right:0; }
.btn-warp .btn05{background:url(../images/5.png) center 18px no-repeat;  }
.btn-warp .btn02{ border-right:0; border-bottom:0}
.btn-warp a:hover{ text-decoration:none}
.btn-warp .btn01:hover{ background:url(../images/02hover.png) 58px center no-repeat #ff6600; color:#fff;animation: back-in .3s 1;}
.btn-warp .btn02:hover{background:url(../images/1hover.png) center 18px no-repeat #ff6600; color:#fff;animation: back-roll .3s 1;}
.btn-warp .btn03:hover{background:url(../images/06hover.png) center 18px no-repeat #ff6600; color:#fff;animation: back-roll .3s 1;}
.btn-warp .btn04:hover{background:url(../images/05hover.png) center 18px no-repeat #ff6600 ; color:#fff;animation: back-roll .3s 1;}
.btn-warp .btn05:hover{background:url(../images/03hover.png) center 18px no-repeat #ff6600; color:#fff;animation: back-roll .3s 1;}

.title-h2,.tab-top{ width:100% ; height:60px; }
.tab-top a{ display:inline-block; float:left; margin-right:15px;line-height:49px; font-family:"微软雅黑"; font-size:30px; color:#d7d7d7; font-weight:lighter;}
.title-h2 h2,.tab-top .current,.tab-top a:hover,.title2-h2{ line-height:49px; font-family:"微软雅黑"; font-size:30px; color:#333; font-weight:lighter; display: inline-block; text-decoration:none;  padding-bottom: 10px}
.tab-top .current{ background:url(../images/selectline.png) center bottom no-repeat;  }
.event-bar{ height:260px; overflow:hidden; margin-top:20px}
.event-bar li{ text-align:center; background:#fff; line-height:40px;   }
.tab-bar{ float:right; margin-top:10px;}
.tab-bar a{ width:40px; height:30px; background:#8d68dc; text-align:center; line-height:28px; display:inline-block; text-decoration:none; font-family:"Tahoma"; color:#fff; float:left; font-size:20px }
.tab-bar a.pre{ border-radius:40px 0 0 40px}
.tab-bar a.next{ border-radius:0 40px 40px 0}

.tab-bar a:hover{ background:#3595d5; color:#fff;}
.tab-bar a.swiper-button-disabled{color:#eee; }
.tab-bar a.swiper-button-disabled:hover{color:#eee ; background-color:#e4e4e4}
.list-wap{  overflow:hidden}
.list-wap ul{ padding-top:10px; display:none  }
.list-wap ul.display{ display:block;animation: myease-in .3s 1; position:relative }
.list-wap a{ line-height:30px; background:url(../images/index_16.png) left center no-repeat; padding-left:20px; width:80%; display:inline-block; overflow:hidden; font-size:16px}
.list-wap li span.date{ color:#999; float:right; line-height:30px;}
.products ul{ padding:13px 0;}
.products li { float:left; margin-right:17px;}
.products li a img{ margin-bottom:0}
.products li.clear-mt{margin-right:0;}
.contact-info{ width:400px; background:#fff;}
.c-l{ float:left; padding:15px; text-align:center; width:200px;border-right:1px solid #dedfde}
.c-r{ float:left; width:50%; }
.c-r div{ height:80px; padding-left:60px; border-bottom:1px solid #E6E6E6}
.c-r p{ font-size:18px; padding-top:15px;}
.c-r span{ color:#ccc}
.servers{ background:url(../images/index_21.png) 10px center no-repeat}
.telephone{ background:url(../images/index_27.png) 10px center no-repeat}
.mail{ background:url(../images/index_33.png) 10px center no-repeat}
.onlineservice{ width:166px; height:39px; display:inline-block; margin:0 auto; margin-top:15px; background:url(../images/kefuanniu.png);  text-indent:-9999px; margin-left:10px; }
.onlineservice:hover{ background:url(../images/kefuanniu.png) left 39px; }
@keyframes myease-in {
	from {
		right: -100%;
	}
	to {
		right: 0;
	}

}

@keyframes back-in {
	from {
		background-position: 58px -20px
	}
	to {
		background-position: 58px center;
	}
}

@keyframes back-roll {
	from {
		background-position: center 0
	}
	to {
		background-position: center 18px;
	}
}

@keyframes slider-bar-motion {
	from {
		width: 40px;
		background: rgb(204, 204, 204);
	}
	to {
		width: 90px;
		background-color: #fff
	}
}