.f-vh{visibility: hidden;}
body{background: #000;}

.g-head{height: 700px;width: 1230px;margin: 0 auto;position: relative;}
.g-body{width: 1230px;margin: 0 auto;}
.g-head .serverInfo{
  width: 312px;height: 44px;background: url(../png/serverinfobg-1.png) no-repeat;line-height: 44px;text-align: center;
  font-size: 18px;color: #fff;top: 503px;position: absolute;left: 307px;
}
.g-head .videoPlayBtn {
  display: block;width: 207px;height: 205px;background: url(../png/videopbtn-1.png) no-repeat;position: absolute;
  position: absolute;top: 394px;left: 10px;
}
.g-head .videoPlayBtn .triangle{
  display: block;position: absolute;width: 39px;height: 45px;background: url(../png/triangle.png) no-repeat;
  margin-left: -10px;margin-top: -22px;left: 50%;top: 50%;
}
.g-nav{position: absolute;top: 16px;right: 0px;}
.g-nav li{float: left;width: 85px;}
.g-nav li h5 {font-size: 15px;height: 30px;line-height: 30px;font-weight: bold;color: #333;}
.g-nav li h5 a{color: #333;}
.g-nav li a {display: block;height: 24px;line-height: 24px;color: #333;}
.g-nav li a:hover {text-decoration: underline;color: #333;}
.m-slogan{position: absolute;width: 478px;height: 226px;top: 192px;left: 62px;}
.m-slogan .sloganImg{width: 478px;height: 226px;display: block;}
.m-slogan .serverInfo{width: 100%;text-align: center;font-size: 28px;color: #425398;margin-bottom: 20px;}
.m-slogan .p1{color: #f5ebd6;font-size: 16px;/*font-weight: bold;*/text-align: center;/* text-shadow:0px 0px 8px #fff; */width: 100%;position:absolute;bottom: -90px;}
.m-slogan .p1 .i{display:inline-block;width:11px;height:11px;background:url(../png/sanj.png) no-repeat;}
.m-slogan .p1 .txt{margin:0 8px;}
.m-videoThumb{width: 230px;height: 88px;position: absolute;bottom: 47px;left: 186px;}
.m-videoThumb .videoPlayBtn{position: absolute;width: 100%;height: 100%;background: url(../png/playbtn.png) no-repeat center center;display: block;z-index: 2;}
.m-videoThumb video{width: 100%;height: 100%;position: absolute;z-index: 1;}
.m-videoThumb .bmask{display:block;width:100%;height:100%;background:#000;position:absolute;top:0;left:0;z-index: 1;
filter:alpha(opacity=30);  
      -moz-opacity:0.3;  
      -khtml-opacity: 0.3;  
      opacity: 0.3; 
}

.m-slogan .light{
  display:block;
  width:550px;
  height:400px;
  background:url(../png/animation.png) no-repeat;
  position:absolute;
  top: -34px;
  left: -40px;
  -webkit-animation: box 1.5s steps(30) infinite alternate;
  animation: box 1.5s steps(30) infinite alternate;
}
@keyframes box{    
    0% {
        background-position:0 0;
    }
    100% {
       background-position:0 -12000px;
    }
}
@-webkit-keyframes box{    
    0% {
        background-position:0 0;
    }
    100% {
       background-position:0 -12000px;
    }
}

.g-row-1{height: 275px;}
.m-side{width:150px;float: left;margin-right: 10px;}
.m-side-1{height: 100%;background: url(../jpg/m-side-1.jpg) #34505c no-repeat;}
.m-side-1 .gameDownloadBtn{width:150px;height: 103px;background:url(../jpg/downloadsprite.jpg) no-repeat;display: block;position: relative;}
.m-side-1 .gameDownloadBtn span{display: block;text-align: center;color: #fff;}
.m-side-1 .gameDownloadBtn .ctxt{font-size: 24px;font-weight: bold;padding-top:32px;margin-bottom: 5px;position: relative;}
.m-side-1 .gameDownloadBtn .etxt{text-transform: uppercase;font-size: 10px;position: relative;}
.m-side-1 .gameDownloadBtn .bg{width:150px;height: 103px;background:#957f44;display: block;position: absolute;}
.m-side-1 .gameDownloadBtn:hover .bg{background: #a99359;}
.m-side-1 .linkList{padding-left:30px;padding-right: 30px;}
.m-side-1 .linkList a{display: block;font-size: 14px;color: #fff;padding: 17px 0;border-bottom: 1px solid #7890ad;line-height: 20px;}
.m-side-1 .linkList a:hover{color: #a99359;}
.m-side-1 .linkList a .icon{display: inline-block;height: 20px;width:20px;background: url(img/sprite0321.png) no-repeat;margin-right: 4px;}
.m-side-1 .linkList a .icon-1{background-position: -39px -29px;vertical-align: middle;}
.m-side-1 .linkList a .icon-2{background-position: -40px -64px;vertical-align: middle;}
.m-side-1 .linkList a .icon-3{background-position: -40px -98px;vertical-align: middle;}
.m-side-1 .linkList a:last-child{border-bottom: none;}

.m-banner{width: 710px;height: 275px;background: #ccc;float: left;position: relative;overflow: hidden;}
.m-banner .gfBanner{position: absolute;top: 0;left: 0;width: 710px;overflow: hidden;}
.m-banner .mtBanner{position: absolute;top: 0;left: 0;width: 710px;overflow: hidden;}
.m-banner .typeLinks{width: 90px;height: 25px;position: absolute;top: 0;right: 0;}
.m-banner .typeLinks a{width: 45px;float: left;height: 25px;display: block;background: #fff;color: #666;line-height: 25px;text-align: center;}
.m-banner .typeLinks a.active{background: #ae0404;color: #fff;}
.m-banner .gfBanner .gfBannerSlider{overflow: hidden;visibility: hidden;position: relative;}
.m-banner .gfBanner .swipe-wrap {overflow: hidden;position: relative;}
.m-banner .gfBanner .swipe-wrap > a {float:left;width:100%;position: relative;display: block;}
.m-banner .gfBanner .swipe-wrap > a img{display: block;}
.m-banner .gfBanner .control{width: 100%;height: 40px;position: absolute;left: 0;bottom: 0;line-height: 40px;}
.m-banner .gfBanner .control span{display: block;width: 118px;float: left;text-align: center;background: #fff;background: rgba(238,238,238,.9);cursor: pointer;}
.m-banner .gfBanner .control span:last-child{width: 120px;}
.m-banner .gfBanner .control span.active{background: #9ca3ae;color: #fff;}

.m-banner .mtBanner{top: 500px;}
.m-banner .mtBanner .swipe{overflow: hidden;visibility: hidden;position: relative;}
.m-banner .mtBanner .swipe-wrap {overflow: hidden;position: relative;}
.m-banner .mtBanner .swipe-wrap > a {float:left;width:100%;position: relative;display: block;}
.m-banner .mtBanner .swipe-wrap > a img{display: block;}
.m-banner .mtBanner .control{width: 100%;height: 30px;position: absolute;left: 0;bottom: 0;line-height: 40px;}
.m-banner .mtBanner .control span{display: block;width: 10px;height: 10px;float: left;cursor: pointer;background: #fff;border-radius: 50%;margin-left: 20px;}
.m-banner .mtBanner .control span.active{background: #a99359;}


.m-news{width: 350px;float: right;height: 275px;background: #fff;}
.m-news .cnt{padding: 18px 20px;}
.m-news .nav{color: #000;border-bottom: 1px solid #b2b2b2;}
.m-news .nav ul{width: 290px;float: left;}
.m-news .nav li{float: left;width: 31px;margin-right: 27px;cursor: pointer;text-align: center;}
.m-news .nav li span{display: block;}
.m-news .nav li span.line{height: 3px;background: #a99359;margin: 0 auto;margin-top: 8px;margin-bottom: -1px;width: 0%;-webkit-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;-ms-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;}
.m-news .nav li.active span.line{width: 100%;}
.m-news .nav li.active{color: #a99359;font-weight: bold;}
.m-news .nav .more{width: 20px;height: 20px;background: url(../png/more.png) no-repeat center center;display: block;float: right;}
.m-news .newsSlider{overflow: hidden;visibility: hidden;position: relative;}
.m-news .swipe-wrap {overflow: hidden;position: relative;}
.m-news .swipe-wrap > ul {float:left;width:100%;position: relative;display: block;}
.m-news .category{text-indent: -7px;float: left;}
.m-news .newtitle{float: left;color:#333333;width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m-news .time{float: right;color: #999999;font-size: 12px;}
.m-news .newsList li{line-height: 39px;height: 39px;border-top: 1px solid #e5e5e5;}
.m-news .newsList li a:hover{color: #a99359;}
.m-news .newsList li.total{line-height: 32px;height: 32px;}
.m-news .normal li{line-height: 35px;height: 35px;}
.m-news .normal li:first-child{border-top: none;}
.m-news .normal li.redColor{color: #ae0404;}
.m-news .normal li.redColor .newtitle{color:#ae0404 }
.m-news .topNews{font-size: 18px;font-weight: bold;padding-top: 12px;padding-bottom: 5px;}
.m-news .topNews a{color: #ae0404;}

.g-row-2{height: 390px;margin-top: 10px;}
.g-row2-center{width:710px;float: left;height: 100%;}
.g-row2-right{width: 350px;height: 100%;float: right;}
.m-side-2{height: 100%;background: url(../jpg/m-side-2.jpg)#34505c no-repeat;}
.m-side-2 .link{width: 72px;float: left;padding-top: 32px;}
.m-side-2 .link:hover .txt{color: #a99359;}
.m-side-2 .link .icon{height: 42px;display: block;background: url(img/sprite_2.png) no-repeat}
.m-side-2 .link .icon-1{background-position: 0 -29px;}
.m-side-2 .link .icon-2{background-position: -72px -29px;}
.m-side-2 .link .icon-3{background-position: 0 -122px;}
.m-side-2 .link .icon-4{background-position: -72px -122px;}
.m-side-2 .link .icon-5{background-position: 0 -215px;}
.m-side-2 .link .icon-6{background-position: -72px -215px;}
.m-side-2 .link .icon-7{background-position: 0 -305px;}
.m-side-2 .link .icon-8{background-position: -72px -305px;}
.m-side-2 .link .txt{display: block;text-align: center;height: 16px;line-height: 16px;color: #c9cddf;}

.m-side-2 .link-even{width: 70px;}
.m-role{width: 350px;height: 190px;background: #8d95af;float: left;position: relative;}
.m-role .roleSlider{overflow: hidden;visibility: hidden;position: relative;}
.m-role .swipe-wrap {overflow: hidden;position: relative;}
.m-role .swipe-wrap > a {float:left;width:100%;position: relative;display: block;}
.m-role .role{width: 350px;height: 190px;background: url(../jpg/rolesprite.jpg) no-repeat;}
.m-role .role-4{background-position: 0 -190px;}
.m-role .role-3{background-position: 0 -380px;}
.m-role .role-2{background-position: 0 -570px;}
.m-role .role-1{background-position: 0 -760px;}
.m-role .role-6{background-position: 0 -950px;}
.m-role .nav{position: absolute;top: 20px;left: 10px;}
.m-role .nav li{float: left;color: #fff;cursor: pointer;padding:0 10px;border-right: 1px solid #fff;}
.m-role .nav li:last-child{border-right: none;}
.m-role .nav li.active{color: #ffef97;}
.m-role .p1{position: absolute;top: 73px;left: 19px;font-weight: bold;color: #fff;font-size: 20px;}
.m-role .p2{position: absolute;left: 19px;top: 102px;font-size: 16px;color: #fff;}

.m-feature{width: 350px;height: 190px;float: right;background: #5d6b9a;position: relative;}
.m-feature .featureSlider{overflow: hidden;visibility: hidden;position: relative;}
.m-feature .swipe-wrap {overflow: hidden;position: relative;}
.m-feature .swipe-wrap > a {float:left;width:100%;position: relative;display: block;}
.m-feature .feature{width: 350px;height: 190px;background: url(../jpg/featuresprite.jpg) no-repeat;}
.m-feature .feature-3{background-position: 0 -380px;}
.m-feature .feature-2{background-position: 0 -190px;}
.m-feature .feature-1{background-position: 0 0;}
.m-feature .nav{position: absolute;top: 20px;left: 10px;}
.m-feature .nav li{float: left;color: #fff;cursor: pointer;padding:0 10px;border-right: 1px solid #fff;}
.m-feature .nav li:last-child{border-right: none;}
.m-feature .nav li.active{color: #ffef97;}
.m-feature .p1{position: absolute;top: 73px;left: 19px;font-weight: bold;color: #fff;font-size: 20px;}
.m-feature .p2{position: absolute;left: 19px;top: 102px;font-size: 16px;color: #fff;}

.m-media{width: 350px;height: 190px;float: left;margin-top: 10px;}
.m-media .mediaBtn{width: 173px;height: 93px;float: left;margin-right: 4px;background: url(../jpg/tese.jpg) no-repeat;}
.m-media .mediaBtn-1{background-position: 0 0;}
.m-media .mediaBtn-1 .bg,.m-media .mediaBtn-2 .bg,.m-media .mediaBtn-3 .bg,.m-media .mediaBtn-4 .bg{width: 173px;height: 93px;position: absolute;display: block;background: url(../jpg/tese.jpg) no-repeat;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.m-media .mediaBtn-1 .bg{background-position: 0 -190px;}
.m-media .mediaBtn-2{background-position: -177px 0;margin-right: 0;}
.m-media .mediaBtn-2 .bg{background-position: -177px -190px;}
.m-media .mediaBtn-3{background-position: 0 -97px;margin-top: 4px;}
.m-media .mediaBtn-3 .bg{background-position: 0 -287px;}
.m-media .mediaBtn-4{background-position: -177px -97px;margin-right: 0;margin-top: 4px;}
.m-media .mediaBtn-4 .bg{background-position: -177px -287px;}
.m-media .mediaBtn-1:hover .bg,.m-media .mediaBtn-2:hover .bg,.m-media .mediaBtn-3:hover .bg,.m-media .mediaBtn-4:hover .bg{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}

.m-worldView{width: 350px;height: 190px;float: right;background: #fff;margin-top: 10px;background: url(../jpg/worldviewbg.jpg) no-repeat;position: relative;}
.m-worldView .p1{font-size:16px;font-weight: bold;color: #fff;position: absolute;top: 18px;left: 18px;}
.m-worldView .p2{font-weight: bold;font-size:20px;color: #fff;position: absolute;left: 18px; top: 80px;}

.m-activityCenter{width:350px;height: 190px;background: #fff;margin-bottom:10px; }
.m-topPic{margin-left: -4px;width: 360px;}
.m-topPic a{margin-left: 4px;float: left;}

.g-row-3{height: 610px;margin-top: 10px;}
.g-row3-right{width: 1070px;float: left;height: 100%;}
.g-line-1{height: 390px;margin-bottom: 10px;border: 1px solid #e2e2e2;}
.g-line-2{height: 210px;}

.m-side-3{height: 100%;background: #34505c;}
.m-side-3 .cnt{padding: 18px 20px;}
.m-side-3 .cnt a{display: block;color: #c9cddf;line-height: 16px;height: 16px;padding: 15px 0;border-bottom: 1px solid #494e67;}
.m-side-3 .cnt a:hover{color: #a99359;}
.m-side-3 .cnt a:last-child{border-bottom: none;}
.m-side-3 .cnt a.hotZtLink{color: #fff;border-bottom: none;margin-top: 20px;padding: 0;}
.m-side-3 .cnt a.hotZtLink:hover{color: #a99359;}
.m-side-3 .cnt .icon{display: inline-block;vertical-align: middle;width: 16px;height: 16px;background: url(img/sprite0321.png) no-repeat;margin-right: 12px;}
.m-side-3 .cnt .icon-1{background-position: -40px -139px;}
.m-side-3 .cnt .icon-2{background-position: -39px -185px;}
.m-side-3 .cnt .icon-3{background-position: -39px -229px;}
.m-side-3 .cnt .icon-4{background-position: -39px -274px;}
.m-side-3 .cnt .icon-5{background-position: -39px -322px;}
.m-side-3 .cnt .icon-6{background-position: -39px -367px;}
.m-side-3 .cnt .icon-7{background-position: -39px -413px;height: 18px;}
.m-side-3 .cnt .icon-8{background-position: -39px -458px;}
.m-side-3 .cnt h2{color: #ebd595;font-weight: bold;padding-bottom: 12px;border-bottom: 1px solid #797d90;}

.m-yld .work .cnt{padding: 19px 20px;}
.m-yld .nav{border-bottom: 1px solid #b2b2b2;}
.m-yld .nav ul{float: left;}
.m-yld .nav li{color: #a99359;font-weight: bold;width: 106px;}
.m-yld .nav li span.line{height: 3px;background: #a99359;width: 100%;display: block;margin-top: 9px;margin-bottom: -1px;}
.m-yld .more{float: right;width: 20px;height: 20px;background: url(../png/more.png) no-repeat center center;}
.m-yld .work .content{margin-top: 20px;margin-left: -10px;}
.m-yld .work .content li{float: left;margin-left: 10px;}
.m-yld .yldNews{background: #f5f5f5;overflow: hidden;}
.m-yld .yldNews .nav li{width: 75px;}
.m-yld .yldNews .cnt{padding: 19px 20px;}
.m-yld .yldNews .newsList .newtitle{width: 260px;float: left;}
.m-yld .yldNews .newsList .time{float: right;font-size: 12px;color: #999999;}
.m-yld .yldNews .newsList li{height: 37px;line-height: 37px;border-bottom: 1px solid #e5e5e5;}
.m-yld .yldNews .newsList li:last-child{border-bottom: none;}
.m-yld .yldNews .newsList li a:hover{color:#a99359;}

.m-yld .work{width: 540px;float: left;height: 210px;background: #f5f5f5;}
.m-yld .work .content li a{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;
  -webkit-transition: all 0.4s linear 0.05s;
  -moz-transition: all 0.4s linear 0.05s;
  -o-transition: all 0.4s linear 0.05s;
  -ms-transition: all 0.4s linear 0.05s;
  transition: all 0.4s linear 0.05s;
}
.m-yld .work .content li a:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.m-yld .ad{width: 180px;float: left;height: 210px;}
.m-yld .yldNews{width: 350px;float: left;height: 210px;}
.m-gl{width:710px;float: left;height: 100%;}
.m-sybd{width: 350px;height: 100%;float: right;background: #f7f7f7;}
.m-sybd .cnt{padding: 18px 20px;}
.m-sybd h2{background: url(img/sprite0321.png) no-repeat -119px -29px;width: 111px;height: 34px;}
.m-sybd .searchCnt{margin-top:21px;}
.m-sybd input{width: 249px;height: 32px;line-height: 32px;text-indent:10px; float: left;}
.m-sybd .searchBtn{display: block; width: 57px;height: 36px;background: #a99359;color: #fff;text-align: center;line-height: 36px;float: left;margin-left: -1px;}
.m-sybd .searchBtn:hover{color: #fff;background: #b2a24b;}
.m-sybd li{width: 134px;float: left;margin-top: 21px;}
.m-sybd li .icon{width: 18px;height: 18px;display: inline-block;background: url(img/sprite0321.png) no-repeat;vertical-align: middle;}
.m-sybd li .icon-1{background-position: -128px -84px;}
.m-sybd li .icon-2{background-position: -172px -82px;}
.m-sybd li .icon-3{background-position: -128px -118px;}
.m-sybd li .icon-4{background-position: -170px -118px;}
.m-sybd a:hover{color: #a99359;}

.m-gl{position: relative;overflow: hidden;border: 1px solid #e2e2e2;}
.m-gl .item{width: 440px;height: 210px;position: absolute;}
.m-gl .item .title{width: 89px;float: left;background: url(../png/glsprite3860.png?v=1) no-repeat;height: 100%;background-color: #f5f5f5;border-right: 1px solid #e2e2e2;cursor: pointer;}
.m-gl .item .title:hover{background-color: #f5f5f5;}
.m-gl .item .title.active{background-color: #f5f5f5;}
.m-gl .infoCnt{width: 350px;height: 100%;background: #fff;float: left;}
.m-gl .item-1 .cnt{padding: 18px 20px;}
.m-gl .item-1 .nav{color: #000;border-bottom: 1px solid #b2b2b2;}
.m-gl .item-1 .nav ul{width: 240px;float: left;}
.m-gl .item-1 .nav li{float: left;margin-right: 29px;cursor: pointer;}
.m-gl .item-1 .nav li span{display: block;}
.m-gl .item-1 .nav li span.line{height: 3px;background: #a99359;margin: 0 auto;margin-top: 8px;margin-bottom: -1px;width: 0%;-webkit-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;-ms-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;}
.m-gl .item-1 .nav li.active span.line{width: 100%;}
.m-gl .item-1 .nav .more{width: 70px;height: 20px;display: block;float: right;line-height: 20px;}
.m-gl .item-1 .nav .more .moreIcon{width: 20px;height: 20px;background: url(../png/more.png) no-repeat center 4px;display: inline-block;vertical-align: middle;}
.m-gl .item-1 .newGlSlider{overflow: hidden;visibility: hidden;position: relative;}
.m-gl .item-1 .swipe-wrap {overflow: hidden;position: relative;}
.m-gl .item-1 .swipe-wrap > ul {float:left;width:100%;position: relative;display: block;}
.m-gl .item-1 .newGlSlider li{line-height: 39px;height: 39px;border-bottom: 1px solid #e5e5e5;}
.m-gl .item-1 .newGlSlider li a:hover{color: #a99359;}
.m-gl .item-1 .newGlSlider li:last-child{border-bottom: none;}
.m-gl .item-1 .newGlSlider .newtitle{width: 260px;float: left;}
.m-gl .item-1 .newGlSlider .time{float: right;font-size: 12px;color: #999999;}
.m-gl .item-2{left: 90px;}
.m-gl .item-2 .title{background-position: -90px 0;}
.m-gl .item-2 .cnt{padding-top: 20px;padding-left: 20px;}
.m-gl .item-2 .cnt a{float: left;margin-right: 10px;margin-bottom: 10px;display: block;width: 150px;height: 69px;position: relative;}
.m-gl .item-2 .cnt a img{display: block;}
.m-gl .item-2 .cnt a span{display: block;width: 100%;height: 28px;background: rgba(0,0,0,.6);bottom: 0px;left: 0;position: absolute;color: #fff;text-align: left;line-height: 28px;text-indent: 6px;overflow: hidden;}
.m-gl .item-2 .moreInfo{text-align: right;padding-right: 20px;}
.m-gl .item-2 .moreInfo a{color: #a99359;}
.m-gl .item-3{left: 180px;}
.m-gl .item-3 .title{background-position: -180px 0;}
.m-gl .item-3 .newsList{padding: 20px;padding-bottom: 0px;padding-right: 0px;}
.m-gl .item-3 .newsList .newtitle{width: 260px;float: left;}
.m-gl .item-3 .newsList .time{float: right;font-size: 12px;color: #999999;}
.m-gl .item-3 .newsList li{height: 150px;width: 96px;float: left;margin-right: 10px;}
.m-gl .item-3 .newsList li a{display: block;}
.m-gl .item-3 .newsList li a:hover{color:#a99359;}
.m-gl .item-3 .moreInfo{text-align: right;padding-top: 10px;padding-right: 20px;}
.m-gl .item-3 .moreInfo a{color: #a99359;}
.m-gl .item-4{left: 270px;}
.m-gl .item-4 .title{background-position: -270px 0;}
.m-gl .item-4 .cnt{padding: 20px;}
.m-gl .item-4 .cnt a{margin-right: 14px;}
.m-gl .item-4 .cnt a:hover{color: #a99359;}
.m-gl .item-4 .cnt p{line-height: 35px;height: 35px;border-bottom: 1px solid #e5e5e5;}
.m-gl .item-4 .cnt p:last-child{border-bottom: none;}
.m-gl .item-4 .cnt a{float: left;}
.m-gl .item-4 .cnt a.moreInfo{float: right;color: #a99359;}

.g-footer{width: 1230px;margin: 0 auto;padding: 20px 18px;}
.m-footLink{color: #999;line-height: 29px;padding: 0 18px;padding-bottom: 10px;border-bottom: 1px solid #7d8399;}
.m-footLink a{color: #999;}
.m-footLink .mediaShare{float: left;border-right: 1px solid #7d8399;}
.m-footLink .mediaShare .msBtn{width: 88px;height: 31px;background: url(img/123.gif) no-repeat;}
.m-footLink .mediaShare .msBtn-1{background-position: -125px -155px;}
.m-footLink .mediaShare .msBtn-1:hover{background-position: -125px -197px;}
.m-footLink .mediaShare .msBtn-2{background-position: -188px -155px;}
.m-footLink .mediaShare .msBtn-2:hover{background-position: -188px -197px;}
.m-footLink .mediaShare .msBtn-3{background-position: -248px -155px;}
.m-footLink .mediaShare .msBtn-3:hover{background-position: -248px -197px;}
.m-footLink .mediaShare .msBtn-4{background-position: -310px -155px;}
.m-footLink .mediaShare .msBtn-4:hover{background-position: -310px -197px;}
.m-footLink .appCnt{float: left;margin-left: 36px;}
.m-footLink .appCnt a{margin-left: 20px;}
.m-footLink .appCnt .andriod .icon{width: 24px;height: 29px;background: url(img/sprite0321.png) no-repeat  -126px -253px;display: inline-block;vertical-align: middle;}
.m-footLink .appCnt .andriod:hover{color: #a99359;}
.m-footLink .appCnt .andriod:hover .icon{background-position: -126px -296px;}
.m-footLink .appCnt .ios .icon{width: 24px;height: 29px;background: url(img/sprite0321.png) no-repeat -234px -253px;display: inline-block;vertical-align: middle;}
.m-footLink .appCnt .ios:hover{color: #a99359;}
.m-footLink .appCnt .ios:hover .icon{background-position: -234px -296px;}
.m-footLink .statement{float: right;}
.m-footLink .statement a{margin-left: 40px;}
.m-footLink .statement a:hover{color: #a99359;}

.m-slide{width: 146px;height: 630px;position: fixed;right: -146px;top: 50%;margin-top: -294px;background-color: #fff;}
.m-slide-trigger i,.m-navzlz span{background:url(../png/icon-line.png) no-repeat;}
.m-slide.opened{}
.m-slide.opened .m-slide-trigger i{background-position: -14px -1161px;}
.m-slide-box{padding: 20px;line-height: 20px;background: #f8f8f8}
.m-slide-trigger{display: block;position: absolute;top: 0;left: -27px;width: 27px;background-color: #a99359;color: #fff;text-align: center;line-height: 1;padding: 10px 0;-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.m-slide-trigger:hover{background-color: #beab77;}
.m-slide-trigger i{display: block;width: 9px;height: 15px;background-position: -14px -1211px;margin: 5px auto 0;}
.m-slide-title{font-size: 16px;font-weight: bold;color: #333;}
.m-slide-title-sm{font-size: 12px;color: #999;}
.m-slide-code{height: 106px;margin-top: 10px;}
.m-slide-list{width: 106px;background-color: #f1f1f1;padding: 0 20px;}
.m-navzlz {width: 110px;}
.m-navzlz.m-navdata {padding: 20px 0;}
.m-navzlz li {width: 100%;height: 48px;border-bottom: 1px solid #cdcdcd;}
.m-navzlz li.end {border-bottom: none;}
.m-navzlz a {display: block;width: 100%;height: 48px;line-height: 48px;}
.m-navzlz a:hover i {text-decoration: underline;}
.m-navzlz span {display: block;float: left;width: 20px;height: 20px;margin: 15px 10px 0 0;}
.m-navzlz span.a-12 {background-position: -7px -961px;}
.m-navzlz span.a-13 {background-position: -7px -1011px;}
.m-navzlz span.a-14 {background-position: -7px -1061px;}
.m-navzlz span.a-15 {background-position: -7px -1111px;}
.m-navzlz span.a-16 {background-position: -7px -670px;}

.u-logo{position: absolute;left: 0;top: 16px;}
.u-detail{font-size: 12px;width: 45px;height: 20px;display: block;position: absolute;left: 20px;bottom: 20px;border: 1px solid #c2c6d4;text-align: left;line-height: 20px;color: #fff;text-indent: 6px;  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;}
.u-detail:after {
  content: ' > ';
  display: inline-block;
  position: absolute;
  right: 3px;
  top: 0;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
}
.u-detail:hover {
  text-indent: 10px;
  color: #fff;
}
.u-detail:hover:after {
  right: -5px;
  opacity: 0;
}

#NIE-copyRight ,#NIE-copyRight a{color: #828486;}

.f-tranformachor .icon {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.f-tranformachor:hover .icon {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transition: all 0.4s linear 0.05s;
  -moz-transition: all 0.4s linear 0.05s;
  -o-transition: all 0.4s linear 0.05s;
  -ms-transition: all 0.4s linear 0.05s;
  transition: all 0.4s linear 0.05s;
}

.f-tranformMore{
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.f-tranformMore:hover{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.m-mask{display: none;  position: fixed;height: 100%;width: 100%;z-index: 1; top: 0;right: 0;bottom: 0;background-color: #000;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.app_pop {width: 240px;height: 260px;display: none;position: fixed;z-index: 9999;margin-left: -120px;margin-top: -130px;left: 50%;top: 50%;}
.wx_QR_pop{background: url(../gif/weixin.gif) no-repeat;}
.yx_QR_pop{background: url(../gif/yixin.gif) no-repeat;}
.app_pop .closeBtn {display: block;position: absolute;top: 0;right: -40px;background: url(../png/login_closec1f7.png?v9) no-repeat 0 0;width: 28px;height: 28px;}
.m-video{display: none;}
.m-video{width: 960px;height: 560px;background: #000;position: fixed;margin-left: -480px;margin-top: -280px;left: 50%;top: 50%;z-index: 9;}
.m-video .closeBtn{width:65px;height: 65px;display: block;position: absolute;top: 10px;right: 10px;background: url(../png/shut.png) no-repeat; }
.m-video .closeBtn:hover{background: url(../png/shut-hover.png) no-repeat;}
.m-video .swfCnt{height: 100%;}

.gameDownloadBtn .bg,.mediaBtn .bg{
    -webkit-transition: all 0.4s linear 0.05s;
    -moz-transition: all 0.4s linear 0.05s;
    -o-transition: all 0.4s linear 0.05s;
    -ms-transition: all 0.4s linear 0.05s;
    transition: all 0.4s linear 0.05s;
}

#NIE-copyRight-corp{width: 950px !important;}

/*12.4*/
.m-newIntro{width: 350px;height: 390px;background: #fff;float: left;position: relative;}
.m-newIntro .nav{width: 90px;height: 390px;background: #737e9e;position: absolute;top: 0;right: 0;}
.m-newIntro .nav li{position: relative;cursor: pointer;}
.m-newIntro .nav li .arraw{position: absolute;width: 7px;height: 13px;background: url(../png/arraw.png) no-repeat;margin-top: -6.5px;top: 50%;left: -7px;display: none;}
.m-newIntro .nav li .txt{line-height: 78px;text-align: center;display: block;color: #fff;font-size: 16px;}
.m-newIntro .nav li:hover,.m-newIntro .nav li.active{
  background: #b6a065;
}
.m-newIntro .nav li:hover .arraw,.m-newIntro .nav li.active .arraw{
  display: block;
}
.m-newIntro .newIntroCnt{width: 260px;height: 390px;position: absolute;top: 0;left: 0;}
.m-newIntro .tab{display: none;}
.m-newIntro .roleCnt{position: absolute;top: 0;left: 0;width: 260px;display: block;}
.m-newIntro .role{width: 260px;height: 390px;position: absolute;top: 0;left: 0;color: #fff;display: none;}
.m-newIntro .role.active{display: block;}
.m-newIntro .role .t-1{font-size: 24px;display: block;position: absolute;left: 19px;top: 32px;}
.m-newIntro .role .t-2{font-size: 16px;display: block;position: absolute;left: 19px;top: 63px;}
.m-newIntro .role .t-3{font-size: 12px;display: block;border: 1px solid #fff;width: 45px;height: 20px;line-height: 20px;position: absolute;left: 19px;top: 106px;}
.m-newIntro .roleNav{position: absolute;width: 65px;top: 27px;right: 0;text-align: center;color: #fff;}
.m-newIntro .roleNav li{width: 65px;height: 50px;line-height: 40px;cursor: pointer;}
.m-newIntro .roleNav li.active{font-weight: bold;color: #e3c984;}
.m-newIntro .role-1{background: url(../jpg/role-1.jpg) no-repeat;}
.m-newIntro .role-2{background: url(../jpg/role-2.jpg) no-repeat;}
.m-newIntro .role-3{background: url(../jpg/role-3.jpg) no-repeat;}
.m-newIntro .role-4{background: url(../jpg/role-4.jpg) no-repeat;}
.m-newIntro .role-5{background: url(../jpg/role-5.jpg) no-repeat;}
.m-newIntro .role-6{background: url(../jpg/role-6.jpg) no-repeat;}
.m-newIntro .role-7{background: url(../jpg/role-7.jpg) no-repeat;}

.m-newIntro .featureCnt{width: 260px;height: 390px;position: absolute;left: 0;top: 0;}
.m-newIntro .feature{width: 260px;height: 132px;display: block;position: relative;overflow: hidden;}
.m-newIntro .feature .black{
  position: absolute;top: 0;left: 0;background: #000;width: 100%;height: 100%;filter:alpha(opacity=67);-moz-opacity:0.67;opacity:0.67;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.m-newIntro .feature .t-1{
  color: #fff;position: absolute;font-size: 18px;font-weight: bold;left: 20px;top: 50px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.m-newIntro .feature .t-2{
  color: #fff;position: absolute;font-size: 14px;left: 20px;top: 74px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
}
.m-newIntro .feature:hover .black{
  filter:alpha(opacity=0);-moz-opacity:0;opacity:0;
}
/*.m-newIntro .feature:hover .t-1{left: -200px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.m-newIntro .feature:hover .t-2{left: -200px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}*/
.m-newIntro .feature-1{background: url(../jpg/feature-n3.jpg);}
.m-newIntro .feature-2{background: url(../jpg/feature-n2.jpg);height: 128px;}
.m-newIntro .feature-3{background: url(../jpg/feature-n1.jpg);height: 130px;}
.m-newIntro .wanfaCnt{width: 260px;height: 390px;position: absolute;left: 0;top: 0;}
.m-newIntro .wanfa{display: block;height: 195px;position: relative;overflow: hidden;}
.m-newIntro .wanfa .black{
  position: absolute;top: 0;left: 0;background: #000;width: 100%;height: 100%;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.m-newIntro .wanfa:hover .black{
  filter:alpha(opacity=0);-moz-opacity:0;opacity:0;
}
.m-newIntro .t-1{
  font-size: 24px;color: #fff;font-weight: 500;position: absolute;left: 27px;top: 70px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.m-newIntro .t-2{
  font-size: 14px;color: #fff;position: absolute;left: 27px;top:100px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
/*.m-newIntro .wanfa:hover .t-1{left: -100%;}
.m-newIntro .wanfa:hover .t-2{left: -200%;}*/
.m-newIntro .wanfa-1{background: url(../jpg/wf-1.jpg) no-repeat;}
.m-newIntro .wanfa-2{background: url(../jpg/wf-2.jpg) no-repeat;}
.m-newIntro .videoCnt{position: absolute;top: 0;left: 0;}
.m-newIntro .videoCnt img{display: block;}
.m-newIntro .videoCnt .black{
  position: absolute;width: 100%;height: 100%;background: #000;top: 0;left: 0;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.m-newIntro .videoCnt .playIcon{
  display: block;background: url(../png/play_d9da4dd.png) no-repeat;position: absolute;width: 80px;height: 80px;margin-left: -40px;margin-top: -40px;left: 50%;top: 50%;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.m-newIntro .videoCnt:hover .playIcon{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.m-newIntro .videoCnt:hover .black{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.m-newIntro .newversionCnt{position: absolute;top: 0;left: 0;}
.m-newIntro .newversionCnt .newversion-img{display: block;position: absolute;top: 0;left: 0;width: 260px;height: 390px;background: url(../jpg/newversion-img5e1f.jpg?v=2) no-repeat;}

.m-newBanners{width: 350px;height: 390px;float: right;}
.m-newBanners a{display: block;}
.m-newBanners a img{display: block;}
.m-newBanners .row-2{margin-top: 10px;width:360px;}
.m-newBanners .banner-1{position: relative;}
.m-newBanners .banner-1 .detail{left: 17px;bottom: 62px;}
.m-newBanners .banner-2{position: relative;margin-right: 10px;}
.m-newBanners .banner-2 .detail{left: 12px;bottom: 95px;}

.m-tuku{width: 710px;height: 100%;}
.m-tuku .nav{padding:16px 10px 10px 20px;}
.m-tuku .nav .title{font-size: 20px;color: #a99359;border-bottom: 1px solid #e0e0e0;}
.m-tuku .nav .title .txt{padding-bottom: 7px;display: inline-block;}
.m-tuku .nav .more{width: 20px;height: 20px;background: url(../png/more.png) no-repeat center center;display: block;float: right;}
.m-tuku .tukuBtnCnt{margin-top:10px;}
.m-tuku .tukuBtnCnt .tukuBtn{width: 48px;height: 21px;margin-right: 24px;text-align: center;line-height: 21px;color: #666666;cursor: pointer;}
.m-tuku .tukuBtnCnt .tukuBtn.active{color: #fff;background:#bba364;}
.m-tuku .tukuBtnCnt .tukeUploadBtn{height:24px;background: #8393c4;font-size: 12px;color: #fff;display: inline-block;line-height: 24px;width: 100px;text-align: center;}
.m-tuku .tukuBtnCnt .tukeUploadBtn .icon{display: inline-block;width: 11px;height: 15px;background: url(../png/uploadicon.png) no-repeat;vertical-align: middle;margin-top: -4px;}
.m-tuku .tabs .link{width: 212px;height: 140px;display: block;margin-left: 21px;text-align: center;margin-bottom: 10px;}
.m-tuku .tabs .link p{margin-top: 8px;text-align: left;}
.m-tuku .tab{display: none;}

.m-tongren{width: 350px;height: 100%;background: #f1f1f1;}
.m-tongren .tab{height: 210px;width: 310px;}
.m-tongren .cnt{padding: 15px 20px 0;}
.m-tongren .nav{margin-bottom: 26px;border-bottom: 1px solid #d6d6d6;}
.m-tongren .nav li{width: 155px;height: 29px;line-height: 27px;color: #666666;font-weight: bold;text-align: center;cursor: pointer;}
.m-tongren .nav li.active{color: #bba364;}
.m-tongren .tjCnt{width: 316px;}
.m-tongren .tjlink{margin-right: 6px;}
.m-tongren .yldLinks{margin-top: 21px;}
.m-tongren .yldLink{display: block;width: 102px;height: 32px;line-height: 32px;}
.m-tongren .yldLink .icon{width: 15px;height: 16px;vertical-align: middle;margin-right: 7px;margin-left: 10px;}
.m-tongren .yldLink-1{border-right: 1px solid #dddddd;border-bottom: 1px solid #ddd;}
.m-tongren .yldLink-1 .icon{background: url(../png/icon-1.png) no-repeat center center;display: inline-block;}
.m-tongren .yldLink-2{border-right: 1px solid #dddddd;border-bottom: 1px solid #ddd;}
.m-tongren .yldLink-2 .icon{background: url(../png/icon-2.png) no-repeat center center;display: inline-block;}
.m-tongren .yldLink-3{border-bottom: 1px solid #ddd;}
.m-tongren .yldLink-3 .icon{background: url(../png/icon-3.png) no-repeat center center;display: inline-block;}
.m-tongren .yldLink-4{border-right: 1px solid #dddddd;}
.m-tongren .yldLink-4 .icon{background: url(../png/icon-4.png) no-repeat center center;display: inline-block;}
.m-tongren .yldLink-5{border-right: 1px solid #dddddd;}
.m-tongren .yldLink-5 .icon{background: url(../png/icon-5.png) no-repeat center center;display: inline-block;}
.m-tongren .yldLink-6 .icon{background: url(../png/icon-6.png) no-repeat center center;display: inline-block;}
.m-tongren .trBanner{margin-top: 9px;display: block;}
.m-tongren .tab-wjyl .banner{position: relative;display: block;height: 125px;}
.m-tongren .tab-wjyl .banner .title{position: absolute;bottom: 0;left: 0;right: 0;background: url(../png/black.png);display: block;height: 26px;line-height: 26px;padding-left: 7px;color: #fff;}
.m-tongren .tabs{position: relative;height: 210px;overflow: hidden;}
.m-tongren .tab-trzx{
  transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  position: absolute;top: 0;left: 0;
}
.m-tongren .tab-trzx.leave{left: -100%;}
.m-tongren .tab-wjyl{
  transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  position: absolute;top: 0;right: 0;
}
.m-tongren .tab-wjyl.leave{right: -100%;}
.m-tongren .wjyl-news{margin-top: 5px;}
.m-tongren .wjyl-news a:hover .title{color: #a99359;}
.m-tongren .wjyl-news a .date{color:#999999;}
.m-tongren .wjyl-news li{height: 30px;line-height: 30px;border-bottom: 1px solid #d8d8d8;}
.m-tongren .tabLink{position: relative;}
.m-tongren .tabLink .bar{
  height: 3px;background: #bba364;width:0%;display: block;margin: 0 auto;
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
}
.m-tongren .tabLink.active .bar{height: 3px;background: #bba364;width: 100%;display: block;margin: 0 auto;}
.hotZtLink{color: #fff;}
.hotArea{
	width: 520px;
    height: 240px;
    display: block;
    position: absolute;
    top: 132px;
    left: 100px;
}

.u-sanshi{
  line-height: 39px !important;height: 39px !important;border-top: none !important;
  background: #e8e9eb;white-space:nowrap;
}
.u-sanshi a:hover .c{
  color: #333;
}
.u-sanshi .category{
  display: inline-block;width: 46px;height: 39px;background: url(../png/gw_lb_news_tj.png) no-repeat;
  color: #fff;text-align: center;line-height: 39px;
}
.u-sanshi .c{
  margin-left: 4px;float: left;
}
.u-sanshi .newtitle{
  width: 140px !important;font-weight: bold;
}

.hotArea{
  display: none;
}
.g-head .videoPlayBtn {
  display: block;width: 84px;height: 84px;
  position: absolute;top: 192px;left: 317px;background: none;

}
.g-head .videoPlayBtn .c1{
  width: 84px;height: 84px;background: url(../png/c13f56.png?v=11) no-repeat;position: absolute;
  animation: rotation2 5s linear infinite;
  -moz-animation: rotation2 5s linear infinite; /* Firefox */
  -webkit-animation: rotation2 5s linear infinite;  /* Safari i??? Chrome */
  -o-animation: rotation2 5s linear infinite;
}
.g-head .videoPlayBtn .c2{
  width: 84px;height: 84px;background: url(../png/c23f56.png?v=11) no-repeat center center;position: absolute;
  animation: rotation 5s linear infinite;
  -moz-animation: rotation 5s linear infinite; /* Firefox */
  -webkit-animation: rotation 5s linear infinite;  /* Safari i??? Chrome */
  -o-animation: rotation 5s linear infinite;
}
.g-head .videoPlayBtn .t{
  width: 84px;height: 84px;background: url(../png/c33f56.png?v=11) no-repeat center center;position: absolute;
}
.g-head .serverInfo{
  width: 368px;height: 41px;background: url(../png/serverinfobg3f56.png?v=11) no-repeat;color: #7f431c;line-height: 42px;text-align: center;font-size: 20px;top: 525px;
  color: #fff;
  left: 137px;
}

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

@-moz-keyframes rotation /* Firefox */
{
from {-moz-transform:rotate(0deg);}
to {-moz-transform:rotate(-360deg);}
}

@-webkit-keyframes rotation /* Safari i??? Chrome */
{
from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(-360deg);}
}

@-o-keyframes rotation /* Opera */
{
from {-o-transform:rotate(0deg);}
to {-o-transform:rotate(-360deg);}
}

@keyframes rotation2
{
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}

@-moz-keyframes rotation2 /* Firefox */
{
from {-moz-transform:rotate(0deg);}
to {-moz-transform:rotate(360deg);}
}

@-webkit-keyframes rotation2 /* Safari i??? Chrome */
{
from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}

@-o-keyframes rotation2 /* Opera */
{
from {-o-transform:rotate(0deg);}
to {-o-transform:rotate(360deg);}
}

.g-wrap{
  position: relative;
  width: 100%;
  max-width: 1920px;
  /*background: #000 url(img/header.jpg) no-repeat center top;*/
  margin: 0 auto;min-width: 1230px;
  overflow-x: hidden;
}
.videoPlayBtn .c1{
  display: none;
}
.videoPlayBtn .c2{
  display: none;
}
.videoPlayBtn .t{
  display: none;
}
.videoPlayBtn{
  top: 315px !important;
  left: 50% !important;
  width: 80px !important;
  height:50px !important;
  margin-left: 270px;
}
.serverInfo{
  width: 515px !important;
  height: 375px !important;
  line-height: 41px !important;
  top: 216px !important;
  left: 50% !important;
  margin-left: 46px;
  text-indent: -99999px;
  background: url("../png/slogan-5.png") no-repeat !important;
  pointer-events: none;
}
.bird-1{
  width: 157px;
  height: 122px;
  background:url(../png/bird_top.png) no-repeat;
  position: absolute;
  top: 200px;
  left: 300px;
  animation: bird_1 5s linear infinite;
  -moz-animation: bird_1 5s linear infinite; 
  -webkit-animation: bird_1 5s linear infinite; 
  -o-animation: bird_1 5s linear infinite;
  transform-origin:200% 200%;
  -ms-transform-origin:200% 200%;
  -webkit-transform-origin:200% 200%;
  -moz-transform-origin:200% 200%;
  -o-transform-origin:200% 200%;
}
.bird-2{
  width: 157px;
  height: 122px;
  background:url(../png/bird_bottom.png) no-repeat;
  position: absolute;
  top: 650px;
  left: 200px;
  animation: bird_1 5s linear infinite;
  -moz-animation: bird_1 5s linear infinite; 
  -webkit-animation: bird_1 5s linear infinite; 
  -o-animation: bird_1 5s linear infinite;
  transform-origin:200% 200%;
  -ms-transform-origin:200% 200%;
  -webkit-transform-origin:200% 200%;
  -moz-transform-origin:200% 200%;
  -o-transform-origin:200% 200%;
}
.hotArea{
  display: block;
  top: 270px;
  left: 650px;
  width: 610px;
}
@keyframes bird_1
{
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(120deg);
  }
}

@-moz-keyframes bird_1 /* Firefox */
{
from {-moz-transform:rotate(0deg);}
to {-moz-transform:rotate(360deg);}
}

@-webkit-keyframes bird_1 /* Safari i??? Chrome */
{
from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}

@-o-keyframes bird_1 /* Opera */
{
from {-o-transform:rotate(0deg);}
to {-o-transform:rotate(360deg);}
}