body{background:#1b1b1b; min-width:1440px}
.wrapper{overflow: hidden; position:relative; height:100%; background:url(https://p3.ssl.qhimg.com/d/inn/f443edcf67f3/theme/images/homebg.jpg) no-repeat center top;}
/*.header{height:39px; overflow: hidden;}*/
.clr-green{color:#45d6c3;}
.clr-yellow{color:#fdd000;}
.clr-blue{color:#46acd7;}
.clr-pink{color:#e98fff;}

.wrapper .main{width:1440px; margin:0 auto; margin-top:0px;}

/********ͷͼ*******/
.wrapper .HeadFigure{height:1080px; overflow:hidden; margin-top:0px; margin-bottom:163px; width:1920px; left:50%; margin-left:-960px;}
/*�Ҳ�����*/
.wrapper .r-nav{top:50%; margin-top: -320px; left:50%; margin-left:520px; width:200px; height:456px; background:url(https://p3.ssl.qhimg.com/d/inn/f443edcf67f3/theme/images/rNavbg.png) no-repeat; z-index:5;}
.wrapper .r-nav .r-btn{display: block; width:125px; height:125px; margin:0 auto; background:url(https://p3.ssl.qhimg.com/d/inn/f443edcf67f3/theme/images/rNav.png) no-repeat; text-indent:-999em;}
.wrapper .r-nav .r-register{background-position:-42px -30px; margin-top:30px;}
.wrapper .r-nav .r-download{background-position:-42px -165px; margin-top:10px;}
.wrapper .r-nav .r-newRole{height:54px; background-position:-42px -300px; margin-top:10px;}
.wrapper .r-nav .r-boon{height:54px; background-position:-42px -364px; margin-top:10px;}
.wrapper .r-nav .r-btn:hover{background-position-x:-242px;}
/*���ico*/
.wrapper .mouseIco{left:50%; bottom:20px; opacity:0; margin-left:-42px; width:84px; height:84px; background:url(https://p3.ssl.qhimg.com/d/inn/f443edcf67f3/theme/images/mouseIco.png); z-index:2;}
.wrapper .mouseIco.op{opacity:1;}
.wrapper .mouseIco span{display: block; width:100%; height:100%; background:url(https://p3.ssl.qhimg.com/d/inn/f443edcf67f3/theme/images/mouseIco1.png); top:0; left:0; animation:mouse 1s infinite ease;}

.wrapper .topbg{width:100%; height:100%; background:url(https://p3.ssl.qhimg.com/d/inn/f443edcf67f3/theme/images/topbg.jpg) no-repeat; top:0px; left:0px;}
/*������Ƶ����*/
.wrapper .vidoTop{width:100%; height:100%; z-index:1;}
.wrapper .header-video{width:100%;}

.loader{top:55%; width:180px; left:50%; margin-left:-90px;overflow: hidden; font-size: 34px; font-weight: bold; color:#c7c7c7; height:26px; padding-top:4px;}
.loader span{margin:0px 4px; background:url(https://p3.ssl.qhimg.com/d/inn/f443edcf67f3/theme/images/loading.png); display: block; height:22px; text-indent:-999em;}
.loader .span1{width:15px; background-position:0px 0px;}
.loader .span2{width:21px; background-position:-20px 0px;}
.loader .span3{width:21px; background-position:-45px 0px;}
.loader .span4{width:19px; background-position:-71px 0px;}
.loader .span5{width:4px; background-position:-96px 0px;}
.loader .span6{width:19px; background-position:-107px 0px;}
.loader .span7{width:21px; background-position:-132px 0px;}

/*�Ҳ�����*/

/********��Ϣ��*******/
.wrapper .news{width:100%; margin:0 auto; overflow: hidden; margin-bottom:166px; z-index:1;}
.wrapper .news .newsL{width:315px; margin-right:25px;}
.wrapper .news .newsL .sect-download{height:248px;}
.wrapper .news .newsL .sect-download a{display: block; margin-bottom:16px; width:94px; height:94px; text-indent:-999em; background:url(https://p3.ssl.qhimg.com/d/inn/f443edcf67f3/theme/images/sprite.png) no-repeat;}
.wrapper .news .newsL .sect-download .btn-download{width:314px; height:122px; line-height:122px; background-position:0px 0px;}
.wrapper .news .newsL .sect-download .btn-register{background-position:0px -138px;}
.wrapper .news .newsL .sect-download .btn-safety{margin-left:16px; margin-right:16px; background-position:-110px -138px;}
.wrapper .news .newsL .sect-download .btn-charge{background-position:-220px -138px;}
.wrapper .news .newsL .sect-download .btn-download:hover{background-position-x:-314px;}
.wrapper .news .newsL .sect-download .btn-register:hover{background-position-x:-314px;}
.wrapper .news .newsL .sect-download .btn-safety:hover{background-position-x:-424px;}
.wrapper .news .newsL .sect-download .btn-charge:hover{background-position-x:-534px;}

.wrapper .detail-nav{overflow: hidden; position: relative;}
.wrapper .detail-nav a{display: block; width:102px; height:102px; border:1px solid #414141; margin:0px 1px 1px 0px; background:url(https://p3.ssl.qhimg.com/d/inn/f443edcf67f3/theme/images/sprite.png) no-repeat; text-indent:-999em;}
.wrapper .detail-nav a.btn-calendar{width:207px; background-position:0px -248px;}
.wrapper .detail-nav a.btn-data{background-position:-210px -248px;}
.wrapper .detail-nav a.btn-virtual{background-position:0px -353px;}
.wrapper .detail-nav a.btn-inKind{background-position:-105px -353px;}
.wrapper .detail-nav a.btn-seneschal{background-position:-210px -353px;}
.wrapper .detail-nav a.btn-problem{background-position:0px -458px;}
.wrapper .detail-nav a.btn-CustomerSrvice{background-position:-105px -458px;}
.wrapper .detail-nav a.btn-Ban{background-position:-210px -458px;}

.wrapper .detail-nav a.btn-calendar:hover{background-position-x:-314px;}
.wrapper .detail-nav a.btn-data:hover{background-position-x:-524px;}
.wrapper .detail-nav a.btn-virtual:hover{background-position-x:-314px;}
.wrapper .detail-nav a.btn-inKind:hover{background-position-x:-419px;}
.wrapper .detail-nav a.btn-seneschal:hover{background-position-x:-524px;}
.wrapper .detail-nav a.btn-problem:hover{background-position-x:-314px;}
.wrapper .detail-nav a.btn-CustomerSrvice:hover{background-position-x:-419px;}
.wrapper .detail-nav a.btn-Ban:hover{background-position-x:-524px;}
.wrapper .l_tips{ margin-top:20px; text-align: center; color:#656565; font-size:14px;}

/*����ֲ�������*/
.wrapper .newsR{width:1100px; position:relative;}
.wrapper .newsR .banner{width:1100px; height: 340px; margin-bottom:15px; background:#616161; overflow: hidden;}
.wrapper .newsR .banner #ban-box {overflow:hidden;width:1100px;height:340px;}
.wrapper .newsR .banner #ban-box ul{width:100%;height:100%;}
.wrapper .newsR .banner #ban-box li { list-style: none; }
.wrapper .newsR .banner #ban-box ul li {float: left;width:1100px;height:340px;}
.wrapper .newsR .banner #ban-box ul li img{width:100%; height:100%;}
.wrapper .newsR .banner .runNum {position: absolute; left:14px;bottom:14px; z-index:1;}
.wrapper .newsR .banner .runNum a{width: 16px;height: 16px;margin: 0 4px;text-indent: -999em;float:left; background:#fff; border-radius:16px; cursor: pointer;}
.wrapper .newsR .banner .runNum a.on{background:#fdd000;}
/*����*/
.wrapper .newsR .new{position:relative; width:1099px;}
.wrapper .newsR .new{overflow: hidden;}
.wrapper .newsR .new_nav{overflow: hidden; padding-left:879px; margin-bottom:6px;}
.wrapper .newsR .new_nav .btn-new{float: left; width:54px; height:28px; text-align: center; line-height:28px; color:#fff; font-size:16px; margin-left:1px;}
.wrapper .newsR .new_nav .btn-new.on,.newsR .new_nav .btn-new:hover{background:#fdd000; color:#000;}
.wrapper .newsR .new .news_content{width:1099px; height:319px;}
.newLi{overflow: hidden; border-top:1px solid #3c3c3c; border-left:1px solid #3c3c3c;}
.wrapper .newLi li{width:365px; float: left; height:158px; border-bottom:1px solid #3c3c3c; position: relative; border-right:1px solid #3c3c3c;}
.wrapper .newLi li .btn-details{display: block; width:365px; height:140px; padding-top:18px;}
.wrapper .newLi li h3{font-size:24px; padding-left:12px; height:26px; line-height:26px; margin-left:-1px; padding:0px 0px 0px 18px; margin-bottom:18px;}
.wrapper .newLi li h3 label{font-size:14px; color:#fff; font-weight:normal; margin-right:10px;}
.wrapper .newLi li h3.clr-green{border-left:5px solid #45d6c3;}
.wrapper .newLi li h3.clr-yellow{border-left:5px solid #fdd000;}
.wrapper .newLi li h3.clr-blue{border-left:5px solid #46acd7;}
.wrapper .newLi li h3.clr-pink{border-left:5px solid #e98fff;}
.wrapper .newLi li p{font-size:16px; color:#fefefe; margin:0px 14px; height:50px; line-height:25px; margin-bottom:10px; text-overflow:-o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.wrapper .newLi li span{float: right; margin-right:24px; font-size:16px; color:#fff; margin-top:0px;}
.wrapper .newLi li .btn-details:hover{background:rgba(97,97,97,0.5);}
.wrapper .newLi li.t_notice .btn-details:hover span{color:#45d6c3;}
.wrapper .newLi li.t_active .btn-details:hover span{color:#fdd000;}
.wrapper .newLi li.t_news .btn-details:hover span{color:#46acd7;}
.wrapper .newLi li.t_unit .btn-details:hover span{color:#e98fff;}

/********��ɫ����*******/
.wrapper .role{width:100%; margin:0 auto; height:772px; padding-top:160px; margin-bottom:290px;}
.wrapper .role .team-list{overflow: hidden; width:250px; z-index:1;}
.wrapper .role .team-list .btn-nav{display: block; width:120px; height:120px; margin:0px 5px 5px 0px; text-align: center; background:url(https://p3.ssl.qhimg.com/d/inn/f443edcf67f3/theme/images/sprite.png) no-repeat -120px -563px; text-indent:-999em;}
.wrapper .role .team-list .btn-nav.on,.wrapper .role .team-list .btn-nav.on:hover{background-position:0px -563px;}
.wrapper .role .team-list .btn-nav:hover{background-position:-240px -563px;}
.wrapper .role .team-list .btn-nav span{display: block; width:100%; height:100%; top:0px; left:0px; background:url(https://p3.ssl.qhimg.com/d/inn/f443edcf67f3/theme/images/sprite.png) no-repeat;}
.wrapper .role .team-list .r-nav1 span{background-position:10px -698px;}
.wrapper .role .team-list .r-nav2 span{background-position:-110px -698px;}
.wrapper .role .team-list .r-nav3 span{background-position:-230px -698px;}
.wrapper .role .team-list .r-nav4 span{background-position:-350px -698px;}
/*��ɫСicoͼ��*/
.wrapper .role .ico-list{overflow: hidden; top:650px; z-index:1;}
.wrapper .role .ico-list a{display: block; width:100px; height:100px; float: left; margin-right:5px; background:url(https://p3.ssl.qhimg.com/d/inn/f443edcf67f3/theme/images/ico.png) no-repeat; text-indent:-999em;}
.wrapper .role .ico-list a.role-1{background-position:3px 4px;}
.wrapper .role .ico-list a.role-2{background-position:-98px 4px;}
.wrapper .role .ico-list a.role-3{background-position:-199px 4px;}
.wrapper .role .ico-list a.role-4{background-position:-300px 4px;}
.wrapper .role .ico-list a.role-5{background-position:-401px 4px;}

.wrapper .role .ico-list a.role-6{background-position:3px -88px;}
.wrapper .role .ico-list a.role-7{background-position:-98px -88px;}
.wrapper .role .ico-list a.role-8{background-position:-199px -88px;}
.wrapper .role .ico-list a.role-9{background-position:-300px -88px;}
.wrapper .role .ico-list a.role-10{background-position:-401px -88px;}

.wrapper .role .ico-list a.role-11{background-position:3px -180px;}
.wrapper .role .ico-list a.role-12{background-position:-98px -180px;}
.wrapper .role .ico-list a.role-13{background-position:-199px -180px;}
.wrapper .role .ico-list a.role-14{background-position:-300px -180px;}
.wrapper .role .ico-list a.role-15{background-position:-401px -180px;}

.wrapper .role .ico-list a.role-16{background-position:3px -272px;}
.wrapper .role .ico-list a.role-17{background-position:-98px -272px;}
.wrapper .role .ico-list a.role-18{background-position:-199px -272px;}
.wrapper .role .ico-list a.role-19{background-position:-300px -272px;}

.wrapper .role .ico-list a span{display: block; width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(https://p3.ssl.qhimg.com/d/inn/f443edcf67f3/theme/images/ico_k.png) no-repeat 0px 0px;}
.wrapper .role .ico-list a.on span,.wrapper .role .ico-list a:hover span{background-position:-100px 0px;}
/*.wrapper .role .ico-list a.on span{background-position:-100px 0px; -webkit-animation:perFn 15s linear infinite;animation:perFn 15s linear infinite;}*/

/*�����ͼ����Ϣ����*/
.wrapper .fr-role{width:860px; height:100%;}
.wrapper .role-img{top:-124px; left:-526px;}
/*.wrapper .role-img img{ transition:all .3s;}*/
.wrapper .role-name{width:380px; height:130px; margin-top:90px; margin-left:444px; margin-bottom:30px; z-index:1;}
.wrapper .dataBox{width:394px; height:240px; z-index:1; padding:20px 20px 60px 30px; margin-left:416px; font-size:14px; color:#fff; background:url(https://p3.ssl.qhimg.com/d/inn/f443edcf67f3/theme/images/databg.png) no-repeat;}
.wrapper .dataBox .role-data{overflow: hidden; margin-bottom:5px;}
.wrapper .dataBox .role-data li{float: left; height:25px; line-height:25px; font-weight: bold; color:#41c7a4;}
.wrapper .dataBox .role-data li i{margin:0px 5px;}
.wrapper .dataBox .role-data li span{color:#fff; font-weight: normal;}
.wrapper .dataBox .role-intro{line-height:21px;}
.wrapper .btn-more{display: block; width:133px; height:41px; background:url(https://p3.ssl.qhimg.com/d/inn/f443edcf67f3/theme/images/sprite.png) no-repeat -629px 0px; z-index:1; bottom:154px; right:20px; text-indent:-999em;}
.wrapper .btn-more:hover{background-position-x:-763px;}

/********������Ƶ*******/
.wrapper .video{width:1440px; height:206px;margin:0 auto; margin-bottom:124px;}
.wrapper .video .videoLi{overflow: hidden; width:100%; height:100%;}
.wrapper .video .videoLi ul{left:0;}
.wrapper .video .videoLi ul li{width:260px; height:206px; padding:0px 14px;}
/*.wrapper .video .videoLi ul li:hover{filter:brightness(1.5);}*/
.wrapper .video .videoLi ul li .video-box{width:244px; height:140px; margin-bottom:32px; top:10px; left:6px; filter:brightness(0.7); transition:all .3s}
.wrapper .video .videoLi ul li .video-box a{display: block; width:260px; height:156px; background:url(https://p3.ssl.qhimg.com/d/inn/f443edcf67f3/theme/images/sprite.png) no-repeat -629px -43px; top:-9px; left:-6px; filter:brightness(1.2); transition:all .3s}
.wrapper .video .videoLi ul li .video-box:hover{filter:brightness(1);}
.wrapper .video .videoLi ul li .video-box a:hover{filter:brightness(1.4);}
.wrapper .video .videoLi ul li p{text-align: center; font-size:18px; color:#fff;}
.wrapper .video .btn-video{display: block; width:38px; height:74px; top:35%; margin-top:-37px; background:url(https://p3.ssl.qhimg.com/d/inn/f443edcf67f3/theme/images/sprite.png) no-repeat 0px -248px; text-indent:-999em;}
.wrapper .video .btn-prev{left:-40px; background-position-x:-630px;}
.wrapper .video .btn-next{right:-40px; background-position-x:-685px;}
.wrapper .video .btn-prev:hover{background-position-x:-723px;}
.wrapper .video .btn-next:hover{background-position-x:-778px;}


/*ý��*/
.wrapper .media{width:1000px; margin:0 auto; padding-top:115px; height:120px; margin-bottom:180px;}
.wrapper .media .btn-m{width:130px; height:120px; display: block; margin:0 55px; background:url(https://p3.ssl.qhimg.com/d/inn/f443edcf67f3/theme/images/media.png) no-repeat; text-indent:-999em;}
.wrapper .media .btn-weChat{background-position:14px 0px;}
.wrapper .media .btn-weibo{background-position:-235px 0px;}
.wrapper .media .btn-tieba{background-position:-485px 0px;}
.wrapper .media .btn-B{background-position:-735px 0px;}
.wrapper .media .btn-m:hover{background-position-y:-120px;}
.wrapper .media .btn-weChat .webchatImg{display: none; width:160px; height:160px; top:50%; left:-16px; margin-top:-240px; background:url(https://p3.ssl.qhimg.com/d/inn/f443edcf67f3/theme/images/wx.jpg) no-repeat; z-index:1;}
.wrapper .media .btn-weChat:hover .webchatImg{display: block;}

@keyframes mouse{
	0%,100%{top:0px;}50%{top:5px;}
}

@keyframes perFn{
	from{transform:rotate(0deg);}
	to{transform:rotate(360deg);}
}
@-webkit-keyframes perFn{
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(360deg);}
}
@keyframes perFnf{
	from{transform:rotate(0deg);}
	to{transform:rotate(-360deg);}
}
@-webkit-keyframes perFnf{
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(-360deg);}
}