body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,p,iframe{margin:0;padding:0;}
body{font-size:12px;font-family:"\5FAE\8F6F\96C5\9ED1",Arial;color:#333;}
html{-webkit-text-size-adjust:none;}
img{border:0;}
ul,ol,li{list-style:none;}
i,em{font-style:normal;}
a{color:#333;outline:none;_outline:expression(this.hideFocus=true);text-decoration:none;}
input,img,button{vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
.screen-center{width:1200px;margin:0 auto;}
.red{color:#f00;}
.purple{color:#af74d6;}

.newsWrap h3 a,.footerLogo,.moveLeftDot,.moveRightDot{display:block;text-indent:-999em;overflow:hidden;}
.f-l{float:left;display:inline;}
.f-r{float:right;display:inline;}
.hid{display:none;}
.clearfix{overflow:hidden;zoom:1;}
.blank{height:40px;line-height:40px;overflow:hidden;clear:both;}
.alignCenter{text-align:center;}
.clear{clear:both;}

/*菜单*/
.header{position:relative;z-index: 2;width:100%;min-width: 1200px; height:80px;background:#313330;}
.header h1{width: 130px; height: 46px;position: absolute;top: 17px;left: 50%;margin-left: -555px;z-index: 2;}
.header h1 a{display:block;width: 130px;height: 46px;text-indent:-999px;overflow:hidden;background:url(../images/header-logo.png?v=20161122) no-repeat;background-size: 100%;}

.submenu-bg{display:none;position: absolute;left: 0;top: 80px;width: 100%;height:55px;background: #383838;opacity: 0.5;filter: alpha(opacity=50);}
.menu-box{position: absolute;top: 0;left: 50%;margin-left: -600px;width: 1200px;height: 80px;text-align: right;}
.menu-box ul{float: left;width: 1100px;}
.menu-box ul li{position:relative;display:inline-block;width:100px;height:80px;}
.menu-box ul li .item{display:block;width:100px;height:80px;line-height:80px;color:#5da429;font-size:16px;text-align: center;}
.menu-box ul li:hover{color:#fefefe;background: #5da429;}
.menu-box ul li:hover a{color:#fefefe;}
.menu-box ul li .submenu{display:none;position: absolute;top:80px;left:0;width:400px;height: 55px;}
.menu-box ul li .submenu a{float: left;width: 100px;height: 55px;line-height: 55px;text-align: center;color: #fff;overflow: hidden;font-size:16px;}
.menu-box ul li:hover .submenu{display: block;}
.language{float: right;height: 18px;line-height: 18px;margin: 31px 0 0;}
.language a,.language span{float: right;color: #fff;font-size: 16px;}
.language span{margin: 0 4px;}
.language .cn{width: 36px;height: 18px;line-height: 18px;background: #5da429;text-align: center;color: #fff;border-radius: 5px;overflow: hidden;cursor: default;}

/*轮播图*/
.banner{position:relative;z-index: 1;min-width:1200px;width:100%;height:760px;}
.left-btn,.right-btn{position:absolute;top:360px;z-index:2;width:46px;height:82px;cursor:pointer;background:url(../images/banner-btn.png) no-repeat;}
.left-btn{left:20px;background-position: 0 0;}
.right-btn{right:20px;background-position: -46px 0;}
.banner-img ul li{position:absolute;height: 760px;width: 100%;min-width: 1200px;}
.banner-img ul li a{display: block;height: 760px;}
.banner-img ul li a img{width:1920px;height:760px;}
.banner-img ul li .banner-txt{position:absolute;left:50%;top:425px;margin-left:-588px;width: 450px;font-size: 16px;line-height: 32px;color: #3a3f47;}
.banner-img ul li .detail-btn{position:absolute;left:50%;top:500px;margin-left:-588px;width: 140px;height: 54px;}
.banner-img ul li .detail-btn a{display: block;width: 140px;height: 54px;line-height: 54px;text-align: center;color: #fff;font-size: 18px;background: #cfab4c;font-weight: 700;
	-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;
    -webkit-animation: anim-a .3s infinite normal linear; 
    -moz-animation: anim-a .3s infinite normal linear; 
    -ms-animation: anim-a .3s infinite normal linear; 
    animation: anim-a .3s infinite normal linear;
}
.banner-nav{position:absolute;left:50%;bottom:30px;z-index:2;margin-left:-90px;}
.banner-nav ul li{float:left;width:19px;height:19px;margin-left:16px;text-indent:-999px;cursor:pointer;overflow:hidden;background:url(../images/banner-nav.png) no-repeat;}
.banner-nav ul li.curr{background-position:-40px 0;}

/*首页slogan*/
.slogan{width: 100%;min-width: 1200px;height: 110px;background: #84be2d;}
.slogan span{display: block;margin: 0 auto;width: 260px;height: 110px;background:url(../images/slogan.png) no-repeat;}

/*首页大事件*/
.event-wrap{width: 100%;min-width: 1200px;min-height: 810px;_height: 810px;}
.event{padding-top: 77px;height: 652px;overflow: hidden;}
.event ul li{position: relative;float: left;width: 400px;height: 652px;}

.event ul li .event-info{position: absolute;width:100%;height: 252px;text-align: center;/*font-family:"SimHei";*/color: #000;}
.event ul li.odd .event-info{top: 0;}
.event ul li.even .event-info{top: 400px;}

.event ul li .event-info h4{font-size: 16px;line-height: 20px;padding: 15px 0 0;color: #69c029;}
.event ul li .event-info h2{width: 85%;margin: 0 auto;font-size: 24px;height: 60px;line-height: 60px;font-weight: bold;overflow: hidden;color: #69c029;}
.event ul li .event-info i{display: block;margin: 0 auto;width: 95px;height: 14px;background:url(../images/event-dot.png) no-repeat;}
.event ul li .event-info h3{position:relative;z-index:1;margin:48px auto 0;width:282px;height:38px;font-size: 18px;line-height: 38px;overflow: hidden;
    -webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;
}
.event ul li .event-info h3:after{content:'';position:absolute;z-index:-1;-webkit-transition:all 0.1s;-moz-transition:all 0.1s;transition:all 0.1s;width:0%;height:100%;top:0;left:0;background:#84be2d;}
.event ul li .event-info h3:hover:after,.event ul li .event-info h3:active:after{width:100%;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
.event ul li .event-info h3:hover,.event ul li .event-info h3:active{color: #fff;_background:#28172c;}

.event ul li .event-pic{position: absolute;width:100%;height: 400px;overflow: hidden;}
.event ul li.odd .event-pic{top: 252px;}
.event ul li.even .event-pic{top: 0;}

.event ul li .event-pic .pop-event{position: absolute;width: 100%;height: 400px;}
.event ul li.odd .event-pic .pop-event{top: 400px;}
.event ul li.even .event-pic .pop-event{top: -400px;}

.event ul li .event-pic em{position: absolute;z-index: 2;left: 50%;margin-left: -16px;width: 32px;height: 13px;background:url(../images/event-i.png) -999px -999px no-repeat;}
.event ul li.odd .event-pic em{top: 0;background-position: 0 -13px;}
.event ul li.even .event-pic em{bottom: 0;background-position: 0 0;}

.event ul li .event-pic img{width: 100%;height: 100%;}
.event ul li .event-pic .pop-event i{position: absolute;left: 0;top:0;width: 100%;height: 100%;opacity: 0.5;filter: alpha(opacity=50);background: #446c08;}
.event ul li .event-pic .pop-event span{position: absolute;left: 50%;margin-left:-88px;top:165px;width: 175px;height: 38px;}
.event ul li .event-pic .pop-event span b{
    display: block;height: 100%;background:url(../images/event-arrow.png) center center no-repeat;
    -webkit-animation: arrowDownRight .7s .3s ease-in alternate infinite both 300ms 0 ease;
    -moz-animation: arrowDownRight .7s .3s ease-in alternate infinite both 300ms 0 ease;
    -ms-animation: arrowDownRight .7s .3s ease-in alternate infinite both 300ms 0 ease;
    animation: arrowDownRight .7s .3s ease-in alternate infinite both 300ms 0 ease;
    -moz-animation: arrowDownRight .7s .3s ease-in alternate infinite both;
    -webkit-animation: arrowDownRight .7s .3s ease-in alternate infinite both;
    -o-animation: arrowDownRight .7s .3s ease-in alternate infinite both;
    -ms-animation: arrowDownRight .7s .3s ease-in alternate infinite both;
    animation: arrowDownRight .7s .3s ease-in alternate infinite both;
}
.event ul li .event-pic:hover .pop-event{top: 0;}

/*数据*/
.data-wrap{width: 100%;min-width: 1200px;min-height: 690px;_height: 690px;}
.data{position: relative;}
.data-map{position:relative;width: 100%;height: 305px;background:url(../images/data-map.jpg) no-repeat;background-size: 100%;}
.data-box{position:relative;left:0;width: 1200px;height: 302px;background: #efefef;}
.data-box ul li{float:left;width:300px;height: 302px;}
.data-box ul li.even{background:#e6e6e6;}
.data-box ul li a{display: block;width:100%;height: 100%;position: relative;cursor: default;}
.data-box ul li a i{width:100%;height: 100%;position: absolute;top: 0;left: 0;background:#f4fcee url(../images/data-icon.png) no-repeat;}
.data-box ul li a i.d01{background-position: 0 0;}
.data-box ul li a i.d02{background-position: -300px 0;}
.data-box ul li a i.d03{background-position: -600px 0;}
.data-box ul li a i.d04{background-position: -900px 0;}
.data-box ul li a h4{position: absolute;top: 156px;left: 50%;margin-left: -38px;width: 76px;text-align: center;color: #000;font-size: 12px;line-height: 30px;}
.data-box ul li a h4 em{display: block;width: 100%;line-height: 44px;border-bottom: 2px solid #000;font-size: 28px;font-weight: bold;overflow: hidden;}
.data-box ul li a .data-pop{
    position: absolute;left: -11px;top: -13px;width:323px;height:326px;background: #84be2d url(../images/data-logo.png) no-repeat;color: #fff;text-align: center;
    -webkit-box-shadow:0 0 20px #84be2d;
    -moz-box-shadow:0 0 20px #84be2d;
    box-shadow:0 0 20px #84be2d;
    opacity: 0;
    _display: none;/* i6 */
    *display: none;/* i7 */
    display: none\9;/* ie8/ie9 */
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.data-box ul li a .data-pop span{display: block;margin: 88px auto 0;width: 120px;height: 57px;line-height: 57px;border: 2px solid #fff;font-size: 30px;}
.data-box ul li a .data-pop b{line-height: 50px;display: block;}
.data-box ul li a .data-pop p{margin: 0 auto;width: 215px;line-height: 24px;font-size: 12px;}
.data-box ul li.curr a .data-pop{
    opacity: 1;
    _display: block;/* i6 */
    *display: block;/* i7 */
    display: block\9;/* ie8/ie9 */
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/*游戏产品*/
.game{clear: both;width: 100%;min-width: 1200px;overflow: hidden;}
.game ul li{float:left;position: relative;overflow: hidden;width:30%;font-size: 0;line-height: 0;background:url(../images/game-bg1.jpg) no-repeat;background-size: cover;}
.game ul li a{display: block;}
.game ul li.curr{background:url(../images/game-bg2.jpg) no-repeat;background-size: cover;}
.game ul li.curr a .more-game-cn{color: #fff;}
.game ul li.curr a .more-game-en{color: #fff;}
.game ul li.curr a .enter-game-list{color: #fff;border: 1px solid #fff;}
.game ul li.third{float:right;width:40%;*width:39.95%;background:url(../images/game-bg3.jpg) no-repeat;background-size: cover;}
.game ul li.third.curr{background:url(../images/game-bg4.jpg) no-repeat;background-size: cover;}
.game ul li a i img{width:100%;}
.game ul li.third a i img{width: 98.7%;}
.game ul li a em{position: absolute;top: 3%;left: 5%;width: 28%;}
.game ul li a em img{width: 100%;}
.game ul li a .game-pop{position: absolute;left: 0;bottom: -66px;width:100%;height:66px;line-height: 66px;font-size: 18px;}
.game ul li a .game-pop .game-pop-bg{background: #69c02f;opacity: 0.78;filter: alpha(opacity=78);position: absolute;bottom: 0;left: 0;width: 100%;height: 66px;}
.game ul li a .game-pop span{z-index: 2;position: relative;float:left;margin: 18px 10px 0 30px;width: 23px;height: 30px;}
.game ul li a .game-pop span.pc{background:url(../images/pc.png) no-repeat;}
.game ul li a .game-pop span.phone{background:url(../images/phone.png) no-repeat;}
.game ul li a .game-pop b{z-index: 2;position: relative;color: #fff;}
.game ul li a .game-pop strong{z-index: 2;position: relative;float:right;margin:18px 30px 0 0;width: 92px;height:28px;line-height: 28px;border: 1px solid #fff;}
.game ul li a .game-pop strong font{
    display: block;height:28px;background:url(../images/game-arrow.png) center center no-repeat;
    -webkit-animation: arrowDownRight .7s .3s ease-in alternate infinite both 300ms 0 ease;
    -moz-animation: arrowDownRight .7s .3s ease-in alternate infinite both 300ms 0 ease;
    -ms-animation: arrowDownRight .7s .3s ease-in alternate infinite both 300ms 0 ease;
    animation: arrowDownRight .7s .3s ease-in alternate infinite both 300ms 0 ease;
    -moz-animation: arrowDownRight .7s .3s ease-in alternate infinite both;
    -webkit-animation: arrowDownRight .7s .3s ease-in alternate infinite both;
    -o-animation: arrowDownRight .7s .3s ease-in alternate infinite both;
    -ms-animation: arrowDownRight .7s .3s ease-in alternate infinite both;
    animation: arrowDownRight .7s .3s ease-in alternate infinite both;
}
.game ul li.curr a .game-pop{bottom: 0;}
.game ul li a .more-game-cn{position: absolute;top:48%;left:0;width:100%;line-height: 24px;text-align: center;font-size: 18px;color: #84be2d;}
.game ul li a .more-game-en{position: absolute;top:57%;left:0;width:100%;line-height: 16px;text-align: center;font-size: 12px;color: #c1de96;}
.game ul li a .enter-game-list{position: absolute;top:70%;left:50%;margin-left:-25%;width: 50%;height: 40px;line-height: 40px;border: 1px solid #84be2d;text-align: center;font-size: 18px;color: #84be2d;}

/*首页新闻*/
.news-label{width: 100%;min-width: 1200px;height: 120px;background:url(../images/news-label.png) center bottom no-repeat;}
.news-main{width: 100%;min-width: 1200px;height: 600px;background:url(../images/news-bg.png) center top no-repeat;}
.news-box{height: 600px;}
.news-box ul li{float: left;position: relative;width: 300px;height: 600px;}
.news-box ul li .news-img{position:absolute;left:0;width: 300px;height: 300px;overflow: hidden;}
.news-box ul li.odd .news-img{top:0;}
.news-box ul li.even .news-img{top:300px;}
.news-box ul li .news-img img{width: 300px;height: 300px;}
.news-box ul li .news-txt{position:absolute;left:0;width: 100%;height: 300px;color: #fff;text-align: center;font-size: 14px;background:url(../images/news-text-bg.png) no-repeat;}
.news-box ul li.odd .news-txt{top:300px;}
.news-box ul li.even .news-txt{top:0;}
.news-box ul li .news-txt p{padding:90px 0 0;line-height: 26px;position: relative;top:0; color: #84be2d;}
.news-box ul li .news-txt b{line-height: 40px;display: block;color: #505050;}
.news-box ul li .news-txt span{display: block;line-height: 30px;color: #505050;position: relative;top:0;}
.news-box ul li .news-txt:hover p{top:-10px;}
.news-box ul li .news-txt:hover span{top:10px;}

.news-box ul li .join-us-box{position: absolute;left:0;top:0;width: 100%;height:300px;color: #fff;text-align: center;font-size: 14px;background:url(../images/join-us-bg.jpg) no-repeat;*overflow: hidden;}
.news-box ul li .join-us-dot{position: absolute;top:60px;left:50%;margin-left:-17px;width:35px;height: 35px;background:url(../images/join-us-dot.png) no-repeat;}
.news-box ul li .join-us-cn{position: absolute;top:124px;left:0;width:100%;line-height: 24px;text-align: center;font-size: 18px;color: #f8f8f8;}
.news-box ul li .join-us-en{position: absolute;top:154px;left:0;width:100%;line-height: 16px;text-align: center;font-size: 12px;color: #fff;}
.news-box ul li .join-us-btn{position: absolute;top:200px;left:50%;margin-left:-98px;width: 195px;height: 38px;line-height: 38px;border: 1px solid #fff;text-align: center;color: #fff;}
.news-box ul li .join-us-box:hover .join-us-dot{top: 50px;}
.news-box ul li .join-us-box:hover .join-us-cn{top: 114px;}
.news-box ul li .join-us-box:hover .join-us-en{top: 144px;}
.news-box ul li .join-us-box:hover .join-us-btn{top: 210px;}

/*公司产品*/
.game-wrap{width: 100%;min-width: 1200px;min-height: 2140px;_height: 2140px;background:url(../images/repeat-bg.jpg) center top repeat-y;overflow: hidden;}
.game-slogan{position: relative;z-index:1;width: 100%;height: 302px;margin:173px 0 110px;background:url(../images/game-slogan-bg.jpg) center top no-repeat;}
.game-slogan-txt{position: absolute;z-index:1;left: 50%;top: -13px;margin-left: -600px;width: 459px;height: 327px;color:#fff;background:url(../images/game-slogan-txt.jpg) no-repeat;text-align: center;}
.game-slogan-txt strong{position: relative;z-index:1;display:block;padding: 65px 0 0 30px;line-height:50px;font-size: 42px;font-family: Arial;}
.game-slogan-txt span{position: relative;z-index:1;display:block;line-height:50px;font-size: 18px;}
.game-slogan-txt b{display:block;margin: 40px auto 39px;width:95px;height:14px;background:url(../images/game-slogan-line.png) no-repeat;}
.game-slogan-txt em{display:block;margin: 0 auto;width: 282px;height: 38px;border: 1px solid #fff;line-height: 38px;font-size: 18px;position:relative;z-index:1;}
.game-slogan-txt em:after{content:'';position:absolute;z-index:-1;width:0%;height:100%;top:0;left:0;-webkit-transition:all 0.1s;-moz-transition:all 0.1s;transition:all 0.1s;}
.game-slogan-txt:hover em:after{width:100%;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}

.game-slogan-txt i{position: absolute;left: 51px;top: 45px;width: 89px;height: 89px;background:url(../images/game-slogan-icon.png) no-repeat;}
.game-slogan-role1{position: absolute;z-index:3;left: 50%;top: -123px;margin-left: -135px;width: 672px;height: 457px;background:url(../images/game-slogan-role1.png?v1) no-repeat;}
.game-slogan-role2{position: absolute;z-index:2;left: 50%;top: 39px;margin-left: 360px;width: 397px;height: 288px;background:url(../images/game-slogan-role2.png?v1) no-repeat;}
.game-slogan:hover .game-slogan-role1{margin-left: -155px;}
.game-slogan:hover .game-slogan-role2{margin-left: 380px;}

.phone-box{height: 482px;}
.phone-box .odd{float:left;}
.phone-box .even{float:right;}
.phone-game{position: relative;width: 590px;height: 482px;margin-bottom: 20px;overflow: hidden;}
.phone-img{display:block;width: 100%;height: 100%;}
.phone-nav{position:absolute;z-index:2;bottom:40px;left:0;width:100%;height:40px;text-align: center;}
.phone-nav a{display:inline-block;width: 130px;height:38px;line-height:38px;padding:1px;font-size: 16px;text-align: center;color: #84be2d;}
.phone-nav a.curr{padding:0;border:1px solid #84be2d;color: #84be2d;}

.phone-main{position: absolute;z-index: 1;left: 0;top: 482px;width: 100%;height: 482px;opacity: 0;filter: alpha(opacity=0);}
.phone-game:hover .phone-main{top:0;opacity: 1;filter: alpha(opacity=100);}
.game-lock{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .8;filter: alpha(opacity=80);}
.phone-main ul{display:none;position:relative;z-index:2;width: 100%;height: 100%;}
.phone-main ul h3{position:relative;padding: 20px 0 0;line-height: 60px;text-align: center;font-size: 14px;color: #c5c5c5;}
.phone-main ul p,.pc-main ul p{position:relative;width: 80%;margin: 0 auto;line-height: 26px;font-size: 14px;color: #c5c5c5;}

.lock-screen {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.8;filter: alpha(opacity=80);z-index: 998;}
.video-box{display: none;position: fixed;_position: absolute;top: 50%;left: 50%;margin-left: -400px;margin-top: -225px;width: 800px;height: 450px;z-index: 999;border: 9px solid #333;background: #000;
_top: expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight)/2));
_margin-top: 0;
}
.close-video{position:absolute;right:-45px;top:-21px;width:40px;height:40px;cursor:pointer;background:url(../images/close-video.png) no-repeat;}
.video-btn{position: absolute;left: 50%;top: 50%;margin:-39px 0 0 -39px ;width: 79px;height: 79px;cursor: pointer;}
.video-r{position:absolute;left:0;top:0;width:79px;height:79px;background: url(../images/video-r.png) no-repeat;-webkit-animation:video_btn_ani 2s linear infinite;animation:video_btn_ani 2s linear infinite;}
.video-d{position:absolute;left:0;top:0;width:79px;height:79px;background: url(../images/video-d.png) no-repeat;}
@-webkit-keyframes video_btn_ani {
    0% {
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes video_btn_ani {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.pc-box{width:1221px;min-height: 1090px;position: relative;}
.pc-game{float:left;height: 482px;margin: 0 10px 20px 10px;position: relative;overflow: hidden;}
.pc-img{display:block;width: 100%;height: 100%;}
.pc-s1,.pc-s4{width: 822px;}
.pc-s2,.pc-s3{width: 359px;}

.pc-nav{position:absolute;z-index:2;bottom:40px;left:0;width:100%;height:40px;text-align: center;}
.pc-nav a{display:inline-block;width: 100px;height:38px;line-height:38px;padding:1px;font-size: 16px;text-align: center;color: #c5c5c5;}
.pc-s1 .pc-nav a,.pc-s4 .pc-nav a{margin: 0 30px;}
.pc-nav a.curr{padding:0;border:1px solid #84be2d;color: #84be2d;}
.pc-logo{position: relative;height: 190px;}
.pc-s6 .pc-logo{position: absolute; left: 0; top: 0;width: 305px;height: 160px;}
.pc-s6 .pc-main ul p{text-align: center;padding-top: 30px;}
.pc-s6 .pc-main{height: 268px;}
.pc-s6 .pc-nav a {margin: 0 30px;}
.pc-s6 .video-btn{margin-top: -70px;}
.pc-s6 .pc-main ul h3{padding-top: 50px;}

.pc-main{position: absolute;z-index: 1;left: 0;top: 482px;width: 100%;height: 482px;opacity: 0;filter: alpha(opacity=0);}
.pc-game:hover .pc-main{top:0;opacity: 1;filter: alpha(opacity=100);}
.pc-main ul{display:none;position:relative;z-index:2;width: 100%;height: 100%;}
.pc-main ul h3{position:relative;padding: 20px 0 0;line-height: 60px;text-align: center;font-size: 14px;color: #c5c5c5;}

/*公共标题、更多*/
.title-box{position:relative;margin: 0 auto;width: 100%;height: 85px;text-align: center;padding: 80px 0 65px;}
.title-box span{display:block;color: #6d6e6d;font-size: 48px;line-height: 70px;font-weight: bold;}
.title-box i{display: block;margin: 0 auto;width: 95px;height: 14px;background: url(../images/event-dot.png) no-repeat;}

.more{float:right;height: 19px;line-height: 19px;font-size: 14px;color: #060606;min-width: 80px;_width: 80px;}
.more span{float: right;color: #84be2d;}
.more strong{float: right;width: 17px;height: 17px;margin-left:5px;border:1px solid #84be2d;overflow: hidden;}
.more strong i{display:inline-block;margin:2px 0 0 2px;width: 13px;height: 13px;background:url(../images/more.png) center center no-repeat;}

/*合作加盟、新闻中心、玩家专栏*/
.wrap{width: 100%;min-width: 1200px;min-height: 900px;_height: 900px;overflow: hidden;}
.communication dl{display: none;}
.cooperation-wrap{min-height: 710px;_height: 710px;}
.cooperation{overflow: hidden;padding-top: 86px;}
.cooperation ul li{
    float: left;position: relative;width: 520px;height: 250px;margin: 0 39px 40px 39px;border: 1px solid #84be2d;
    -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
}
.cooperation ul li i{position:absolute;left:50px;top:37px;width: 110px;height: 110px;background-color: #a8e053;-moz-border-radius: 55px;-webkit-border-radius: 55px;border-radius: 55px;}
.cooperation ul li.curr{background: #97d439;}
.cooperation ul li.curr i{width: 106px;height: 106px;border: 2px solid #fafafa;}
.c01{background:url(../images/c01.png) center center no-repeat;}
.c02{background:url(../images/c02.png) center center no-repeat;}
.c03{background:url(../images/c03.png) center center no-repeat;}
.c04{background:url(../images/c04.png) center center no-repeat;}
.cooperation-box{position: absolute;left:225px;top:52px;color: #0f0f0f;}
.cooperation-box h4{line-height:30px;font-size: 18px;font-weight: bold;}
.cooperation-box h5{line-height:20px;font-size: 15px;font-family:"Times New Roman";}
.cooperation-box em{display: block;width: 60px;height: 3px;margin:15px 0;background: #82bd27;overflow: hidden;}
.cooperation-box p{font-size: 14px;line-height: 24px;padding-top: 0px;color:#4a4a4a;}
.contact-us{min-width:1200px;height: 716px;background:url(../images/contact-us.jpg?v=20160830) center top no-repeat;margin-bottom: 120px;}
.cooperation ul li.curr .cooperation-box{color: #fff;}
.cooperation ul li.curr .cooperation-box em{background: #fff;}

.news-list-wrap{height: 746px;margin-bottom: 120px;}
.news-list{float: left;width: 755px;height: 346px;margin: 0 45px 26px 0;border-bottom: 1px solid #d4d4d4;}
.news-list ul{width: 755px;height: 305px;margin-bottom: 10px;overflow: hidden;}
.news-list ul li{float:left;width:100%;height:44px;line-height:42px;margin-bottom:17px;overflow:hidden;font-size: 14px;color:#303030;}
.news-list ul li i{float:left;width: 102px;height: 43px;margin: 0 35px 0 0;background:#e6e6e6;}
.news-list ul li .tit{float:left;width: 617px;height:42px;border-bottom: 2px dotted #cacaca;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-list ul li .tit a{color:#303030;}
.news-list ul li .tit span{float:right;}
.news-list-wrap .news-list-main{}
.news-list-wrap .odd{float: right;width: 400px;height: 746px;}
.news-list-wrap .even{float: left;width: 800px;height: 373px;}
.news-list-wrap .news-list-main .news-list-img{float: right;width: 400px;height: 373px;overflow: hidden;}
.news-list-wrap .news-list-main .news-list-img img{width: 400px;height: 373px;}
.news-list-wrap .news-list-main .news-list-txt{float: left;width: 400px;height: 373px;position: relative;text-align: center;color: #fff;font-size: 14px;box-sizing: border-box;border: solid 1px #84be2d;}
.news-list-wrap .news-list-main .news-list-txt .news-list-excerpt{padding:130px 0 0;line-height: 26px;position: relative;top:0;color: #84be2d;}
.news-list-wrap .news-list-main .news-list-txt b{line-height: 40px;display: block;color: #5d5d5d;}
.news-list-wrap .news-list-main .news-list-txt span{display: block;line-height: 30px;color: #5d5d5d;position: relative;top:0;}
.news-list-wrap .news-list-main .news-list-txt i{position: absolute;z-index: 2;}
.news-list-wrap .odd .news-list-txt i{width:30px;height:12px;top:-12px;left: 50%;margin-left: -15px;background:url(../images/news-list-icon.png) 0 0 no-repeat;}
.news-list-wrap .even .news-list-txt i{width:12px;height:30px;right:-12px;top: 50%;margin-top: -15px;background:url(../images/news-list-icon.png) -30px 0 no-repeat;}
.news-list-wrap .news-list-main .news-list-txt:hover .news-list-excerpt{top:-10px;}
.news-list-wrap .news-list-main .news-list-txt:hover span{top:10px;}

.players{height: 588px;margin-bottom: 50px;}
.players-img{float: left;width: 799px;min-height: 588px;_height: 588px;}
.players-img ul{position: relative;margin: 0 11px 11px 0;overflow: hidden;color: #fff;text-align: center;cursor: pointer;}
.players-img ul.odd{float: left;width: 343px;height: 282px;}
.players-img ul.even{float: right;width: 434px;height: 576px;}
.players-img ul.odd .players-main{position: absolute;z-index: 1;left: 0; top: 282px;width: 100%;height: 282px;opacity: 0;filter: alpha(opacity=0);}
.players-img ul.even .players-main{position: absolute;z-index: 1;left: 0; top: 576px;width: 100%;height: 576px;opacity: 0;filter: alpha(opacity=0);}
.players-img ul:hover .players-main{opacity: 1;top:0;}
.players-main .players-lock{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #2a4600;opacity: .8;filter: alpha(opacity=80);}
.players-main .players-excerpt{position: absolute;z-index: 1;left:0;top:30%;width:100%;line-height: 50px;font-size: 14px;}
.players-img ul.even .players-main .players-excerpt{top: 40%;}
.players-main em{position: absolute;z-index: 1;left:50%;top:50%;margin:0 0 0 -98px;width: 195px;height: 38px;border: 1px solid #fff;line-height: 38px;font-size: 14px;}
.players-main em:after{content:'';position:absolute;z-index:-1;width:0%;height:100%;top:0;-webkit-transition:all 0.1s;-moz-transition:all 0.1s;transition:all 0.1s;}
.players-main:hover em:after{width:100%;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
#painting li img,#periphery li img{width: 343px;height: 282px;}
#wallpaper li img{width: 434px;height: 576px;}

.send-box{float: right;width: 400px;height: 576px;background: #efefef;}
.send-icon{display: block;height: 188px;background:url(../images/send-icon.jpg) no-repeat;}
.send-box h3{margin:0 auto;width: 85%;height: 40px;border-bottom: 2px dotted #7e7e7e;margin-bottom: 20px;}
.send-box ul{margin:0 auto;width: 85%;height: 290px;overflow: hidden;}
.send-box ul li{float:left;width:100%;height:58px;line-height:58px;overflow:hidden;font-size: 14px;color:#141414;text-overflow: ellipsis;white-space: nowrap;}
.send-box ul li a{color:#303030;}
.send-box ul li span{float:right;}
.send-box .more{margin-right: 31px;}

/*活动&新闻、玩家专栏 列表页*/
.tab-nav{height: 40px;text-align: center;}
.tab-nav a{display:inline-block;width:280px;height:38px;line-height:38px;margin:0 18px;border: 1px solid #070002;color:#000;font-size: 18px;}
.tab-nav a.curr{background: #2b222e;color: #f9f9f9;}
.tab-box-wrap{margin: 65px 0 0;padding: 90px 0 0;background: #efefef;overflow: hidden;}
.tab-box{min-height: 600px;_height: 600px;}
.tab-list{display: none;}
.tab-list ul li{margin: 0 0 50px;overflow: hidden;}
.tab-list ul li .list-pic{float: left;width: 335px;height: 165px;background: #2b222e;
    -moz-border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}
.tab-list ul li .list-pic img{width: 335px;height: 165px;-moz-border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;}
.tab-list ul li .list-title{float: left;width: 863px;height: 165px;border-bottom: 1px solid #d9d9d9;border-right: 1px solid #e8e8e8;background: #fff;color: #000;
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}
.tab-list ul li .list-title h3{padding: 5px 25px 0 42px;height: 34px;line-height: 34px;font-size: 16px;}
.tab-list ul li .list-title h3 a{color: #000;font-weight: bold;}
.tab-list ul li .list-title .list-txt{height:66px;padding:0 25px 12px 50px;line-height: 24px;font-size: 14px;border-bottom: 1px solid #e0e0e0;overflow: hidden;}
.tab-list ul li .list-title .time-author{padding: 10px 25px 0 50px;line-height: 24px;font-size: 14px;}
.tab-list ul li .list-title .time-author .list-time{float: left;}
.tab-list ul li .list-title .time-author .list-author{float:right;}

.page-box{width: 100%;height: 20px;padding: 50px 0 100px;clear: both;font-size: 14px;color: #666;text-align: center;}
.page-s{margin: 0 3px;padding:0 5px;height: 18px;line-height: 18px;border: 1px solid #666;cursor: pointer;color: #666;}
.page-s.on{background: #666;color: #fff;}
.page-box a{margin: 0 5px;}

/*活动&新闻、玩家专栏详细节*/
.detail-title-wrap{height: 97px;background: #fff;border-bottom: 1px solid #ddd;}
.detail-title{height: 97px;position: relative;}
.detail-title h2{position:absolute;top: 45px;left:0;color: #6b6b6b;font-size: 24px;}
.detail-title .back-list{position: absolute;right: 0;top: 47px;line-height:23px;font-size: 18px;color: #696969;padding-left: 28px;background:url(../images/back-list.png) left top no-repeat;}

/*文章侧边栏*/
.right-sidebar{float: right;width: 300px;min-height: 950px;_height:950px;padding:35px 29px;background: #fff;}
.right-join-us{height: 250px;position: relative;display: block;background: #84be2c;}
.right-join-us strong{position: relative;z-index:1;display:block;padding: 65px 0 0 150px;line-height:30px;font-size: 24px;font-family: Arial;color: #f1f1f1;}
.right-join-us span{position: relative;z-index:1;display:block;padding: 0 0 0 150px;line-height:20px;font-size: 12px;color: #dcdcdc;}
.right-join-us em{
    display:block;margin: 40px auto 0;width: 206px;height: 38px;border: 1px solid #fff;line-height: 38px;font-size: 18px;text-align: center;font-size: 14px;color: #fff;
    position:relative;z-index:1;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;
}
.right-join-us em:after{content:'';position:absolute;z-index:-1;-webkit-transition:all 0.1s;-moz-transition:all 0.1s;transition:all 0.1s;width:0%;height:100%;top:0;left:0;}
.right-join-us em:hover:after,.game-slogan-txt em:active:after{width:100%;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
.right-join-us em:hover,.game-slogan-txt em:active{color: #fff;_background:#532b82;}

.right-join-us i{position: absolute;left: 51px;top: 45px;width: 90px;height: 76px;background:url(../images/join-us-icon.png) no-repeat;}
.contact-us-title{margin:20px 0 0;height: 50px;line-height: 50px;text-align: center;color: #84be2c;font-size:18px;background: #f1f1f1;}
.contact-us-map{height: 250px;padding: 12px 0 0;border-top:1px solid #e6e6e6;}
.contact-us-map img{width: 300px;height: 250px;}
.contact-us-list{margin:30px 0 0;height: 324px;padding:0 0 0 44px;background:url(../images/contact-us-icon.png) no-repeat;}
.contact-us-list ul li{height: 46px;padding:0 0 0 11px;margin-bottom: 8px;background: #f4f4f4;color: #666;line-height: 46px;}
.contact-us-list ul li.address{height:40px;padding:3px 0 3px 11px;line-height: 20px;}
.contact-us-list ul li a{color: #666;}

.mod-main{ padding-top: 96px; position: relative;}
.right-mod{float:left;width:827px;min-height:1020px;_height:1020px;background: #fff;position: relative;margin-bottom: 50px;}
.next-prev-btn{position: absolute;top: -32px;left: 0;width: 138px;height: 32px;background:url(../images/next-prev-btn.png) no-repeat;}
.next-prev-btn a{float: left;width: 66px;height: 32px;margin-right:3px;}

.article{padding:30px 50px 0;line-height:26px;overflow:hidden;}
.article h2{color: #333;font-size:24px;padding: 30px 0 10px;overflow: hidden;text-align: center;font-weight: bold;}
.article h5{margin:15px 0 0;color:#2b8c01;font-size:18px;font-weight:bold;border:none;}
.article-nav{color: #333;height: 16px;line-height: 16px;padding: 7px 0;text-align: center;font-size: 14px;}
.article-nav span{padding: 0 5px;}
.article-nav a{color: #7f7e7e;}

.article p{clear:both;}
.article img{max-width:727px;}

.share{color: #7f7e7e;height: 18px;line-height: 18px;padding:0 0 40px;overflow: hidden;text-align: center;}
.share span{float: left;}
.share span.share-title{margin: 0 0 0 250px;}
.content-detail{color:#333;font-size: 14px;line-height: 26px;padding-top: 40px;border-top: 1px dashed #a9a9a7;}

.next-prev-box{margin-bottom:50px;width: 777px;padding:0 25px;clear: both;height: 52px;line-height: 52px;background: #e8e8e8;}
.next-prev-list{float: left;width:388px;height: 52px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}
.next-prev-list a{color: #666;}

/*我们的故事*/
.block-box{min-height:500px;_height:500px;overflow: hidden;}
.time-wrap{width:500px;padding:35px 0;border: 1px solid #fff;}
.time-wrap .time-box{width: 100%;position: relative;}
.time-wrap .time-box span{position: absolute;color: #2c2c2c;font-size: 24px;}
.time-wrap .odd span{display: block;width: 80px;height: 492px;left: 20px;color: #fff;background-color: #b2de71;}
.time-wrap .even span{right: 20px;display: block;width: 80px;height: 492px;background-color: #b2de71;color: #fff}
.year1{top: 0;}
.year2{top: 490px;}
.year3{top: 960px;}
.time-wrap .time-box p{position: absolute;width:320px;line-height: 24px;}
.time-wrap .time-box p strong{color: #84be2d;font-size: 18px;font-weight: normal;}
.time-wrap .time-box p em{width:265px;color: #2c2c2c;font-size: 14px;}
.time-wrap .odd p{left: 135px;}
.time-wrap .even p{right: 135px;}
.time-wrap .odd p strong,.time-wrap .even p em{float: left;text-align: right;}
.time-wrap .odd p em,.time-wrap .even p strong{float: right;}
.month01{top: 0;}
.month03{top: 74px;}
.month05{top: 148px;}
.month06{top: 185px;}
.month12{top: 444px;}
.month17{top: 592px;}
.month19{top: 666px;}
.month20{top: 703px;}
.month24{top: 851px;}
.month31{top: 1010px;}
.month32{top: 1050px;}

.time-wrap .odd{float:left;background:url(../images/time-line1.png) 107px 0 repeat-y;}
.time-wrap .even{float: right;background:url(../images/time-line2.png) 386px 0 repeat-y;}
.event-main{width: 624px;line-height: 28px;color: #2a1c33;font-size: 20px;overflow: hidden;}

.pic-box1,.pic-box2,.pic-box3{padding: 20px 0;line-height: 30px;font-size: 14px;text-align: center;color: #fff;overflow: hidden;}
.pic-box1 i,.pic-box2 i{float: left;width: 312px;height: 230px;margin: 6px 0;overflow: hidden;}
.pic-box1 i img,.pic-box2 i img{width: 312px;height: 230px;}
.pic-box1 span{float: left;width: 312px;height: 230px;padding-top: 80px;margin: 6px 0;color: #84be2d;box-sizing: border-box;border: solid 1px #84be2d;}
.pic-box1 em,.pic-box2 em{color: #5d5d5d;}

.pic-box2 p,.pic-box3 p{float: left;width: 100%;height: 150px;padding-top: 80px;margin: 6px 0;color: #84be2d;}
.pic-box3 p{display: block;width: 624px;height: 230px;box-sizing: border-box;border: 1px solid;}

.pic-box3 i{float: left;width: 306px;height: 407px;margin: 6px 0;overflow: hidden;}

.block-pic-wrap{width: 100%;height: 381px;margin: 22px 0;}
.block-pic{height: 381px;overflow: hidden;}
.map{width: 100%;height: 716px;position: relative;overflow: hidden;}
.map-info{
    position: absolute;z-index: 2;left: 50%;top: 50px;margin-left:-560px;width: 535px;height: 270px;padding:25px 0 25px;background: #84be2d url(../images/map-dot.png) left top no-repeat;
    -moz-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px;
}
.map-info p{padding: 0 0 0 72px;line-height: 41px;font-size: 14px;color: #fff;}
.map-info p a{color: #fff;}
.map-info span{position: absolute;right: 48px;bottom: 30px;width: 130px;height: 46px;background: url(../images/header-logo.png?v=20161122) no-repeat;background-size: 100%;}
#ditu{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
#platform > div:last-child {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

/*底部*/
.footer-link-wrap{clear: both;width: 100%;min-width: 1200px;height: 70px;background: #84be2d;}
.footer-link{height: 70px;}
.footer-link ul,.footer-link ul li{float: left;}
.footer-link ul li a{line-height: 70px;margin:0 15px;color:#fff;}
.footer-link ul li a:hover{text-decoration:underline;}

.footer-wrap{clear: both; width: 100%;min-width:1200px;height:136px;background:#000;}
.footer{position:relative;padding:35px 0 0;line-height:18px;color:#fff;font-size: 12px;overflow: hidden;}
.footer-logo{float: left;width: 135px;height: 46px;margin: 7px 0 0 100px;background:url(../images/footer-logo.png) no-repeat;background-size: 100%;}
.help{float:left;height:37px;margin-top: 12px;}
.help a{float:left;margin: 0 15px;}
.footer-info{float: left;margin: 5px 0 0 25px;overflow: hidden;}
.footer-info p{color: #fff;line-height: 24px;}

.shareDot{float:left;padding:0 5px 0 17px;line-height:20px;background:url(../images/share-dot.jpg) 0 3px no-repeat;}
.bshare-custom{display: none;position: absolute;right: 0;top: 5px;}

.scale{
    display: block;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.scale:hover,a:hover .scale{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.g-animate {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.rotate {
    -webkit-transition: transform 0.3s ease-out 0s;
    -moz-transition: transform 0.3s ease-out 0s;
    -ms-transition: transform 0.3s ease-out 0s;
    -o-transition: transform 0.3s ease-out 0s;
    transition: transform 0.3s ease-out 0s;
}
.rotate:hover, li:hover .rotate, a:hover .rotate {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}


/*返回顶部*/
.backTop{display:none;position:fixed;_position:absolute;bottom:50px;right:0;width:22px;height:70px;z-index:999;
	_margin-top:0;background:url(../images/backTop.png) no-repeat;cursor:pointer;
    _top:expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight)/2));}


.rotate1 {
    -webkit-transition: transform 0.3s ease-out 0s;
    -moz-transition: transform 0.3s ease-out 0s;
    -ms-transition: transform 0.3s ease-out 0s;
    -o-transition: transform 0.3s ease-out 0s;
    transition: transform 0.3s ease-out 0s;
}
.rotate1:hover, li:hover .rotate1, a:hover .rotate1 {
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    transform: rotate(8deg);
}




@-webkit-keyframes arrowDownRight{
    0%{-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px)}
    100%{-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px)}
}
@-moz-keyframes arrowDownRight{
    0%{-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px)}
    100%{-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px)}
}
@-ms-keyframes arrowDownRight{
    0%{-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px)}
    100%{-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px)}
}
@-o-keyframes arrowDownRight{
    0%{-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px)}
    100%{-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px)}
}
@keyframes arrowDownRight{
    0%{-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px)}
    100%{-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px)}
}