@charset "utf-8";
body, div, dl, dt, dd, ul, ol, ul, li, h1, h2, h3, h4, h5, h6, p, span, a, b, strong, object, iframe, label, img, blockquote, ins, del, select, form, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; font-weight: normal; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
table { border-collapse: collapse; border-spacing: 0 }
a { text-decoration: none; }
li { list-style: none outside none }
fieldset,
img { border: 0 none; max-width: 100%;}
textarea { resize: none }
input:focus,
select:focus,
textarea:focus,
a:focus { outline: 0 none }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1 }
.c:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*+html .c{display:inline-block;}
* html .c{height:1%;}
em { font-style: normal; }
.left { float: left; }
.right { float: right;  }
.relative { position: relative; }
.absolute { position: absolute; }
.block { display: block; }
.hide{ display:block; text-indent:9999px; line-height:9999px; overflow:hidden;}
.wh100 {  display: block; width: 100%; height: 100%; }
.none {display: none;}
.col-l,.col-m{ float: left; height: 100%; position: relative;}
.col-r{ float: right; height: 100%;position: relative;}
.center{ width: 1200px; height: 100%; position:relative; margin: 0 auto;}
.title,.content{float: left;}
a{ color: #615e5c; cursor: pointer;}
a:hover{color: #000;}
body{ width: 100%; min-width: 1000px;
font:14px/1.2  "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,Helvetica,Arial,Microsoft Yahei,sans-serif; }
body.home{}
.bottom{ width: 100%;  height: 233px; position: absolute; bottom: 130px; left: 0;}
.icon{ display: block; background:url(../images/img/wm.png?23) no-repeat; }
.wrap{ width: 100%; margin: 0 auto; position: relative; overflow:hidden;}
.ALL_Games { position: absolute; top:18px; right:15px; width:200px;}

.logo{ width: 114px; height: 114px;position: absolute; top:14px; left:95px;background:url(../images/img/ico.png?3) no-repeat;}
.header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 120; height: 100px;background: url(../images/img/header.png?v1) no-repeat left bottom;  }
.nav{ display: block; width:960px ; height: 96px; line-height: 20px; float: left; margin-left: 265px; }
.nav li{ display: block; width:140px ; height: 100px; text-align: center; float: left;position: relative;background-color: #ffffff0d;}
.nav li.nav-bg {background-color: #ffffff00;}
.nav li:hover {background-color: #725925;}
.nav li:hover a i {
    color: #fff;
}
.nav li a{ display: block; height: 66px; color: #f0e6cc; font-size: 16px; font-weight: bold; padding-top: 30px; position: relative; z-index: 2;  }
.nav li a i{ color: #6d5d3e; font-size: 10px; font-family: helvetica; text-transform:uppercase; padding: 0; font-style: normal;}
.nav li.on a{ }
.nav li.on a i{ color: #fff;}

.nav li .menu-list{ display: block; position: absolute; left: 0; top: 0px;  width: 140px;  text-align: center; height: 0; overflow: hidden; background: #725925; z-index: 1;  }
.nav li .menu-list .clearfix{ height: 100px;}
.nav li.on .menu-list{height:96px;}
.nav li.on .menu-list1{height:210px;border-radius:0 0 10px 10px ;}
.nav li.on .menu-list2{height:260px;border-radius:0 0 10px 10px ;}
.nav li.on .menu-list3{height:190px;border-radius:0 0 10px 10px ;}
.nav li.on .menu-list4{height:235px;border-radius:0 0 10px 10px ;}

.nav li .menu-list a {
    display: block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    color: #fdfdfd;
    font-size: 16px;
    padding: 0;
    position: relative;
    z-index: 20;
}
.nav li .menu-list a:hover{color: #fff;}
.topVideo {
    width: 290px;
    height: 179px;
    position: absolute;
    bottom: 245px;
    left: 105px;
    cursor: pointer;
}
.topLogo {
    position: absolute;
    top: 120px;
    left: 55px;
}
.bg { display: none; background-color: rgba(0, 0, 0, 0.75); width: 100%; height: 100%; left: 0; top: 0;  z-index: 1000; position: fixed; /*FF IE7*/ _position: absolute; _height: expression(eval(document.documentElement.clientHeight));
 _top: expression(eval(document.documentElement.scrollTop));
}
.close_layer { position: absolute; width: 60px; height: 60px; right: 5px; top: 0px; }
.hide { display: block; overflow: hidden;font-size: 24px;color: #FFF; }
.mydiv { display: none; z-index: 2000; width: 850px; height: 658px; left: 50%; /*FF IE7*/ top: 50%; /*FF IE7*/ margin-top: -329px; position: fixed; /*FF IE7*/ _position: absolute; _top: expression(eval(document.documentElement.scrollTop)+(document.documentElement.clientHeight/2))
}
.video_A{ background:#000; background: rgba(0,0,0,.7);   width:707px; height:454px; margin-top:-240px; margin-left:-370px;}
.video_A .close_layer{ width:71px; height:71px; right:-75px; top:0;}
.videoBox{ width:708px; height:520px; margin-left:-354px; margin-top:-260px; background:#000;}
.videoBox .close_layer{ width:40px; height:40px; right:-40px; top:0; background-position:-759px 0 ; }
.vTab{ display:block; width:100%; height:66px;}
.vTab a{ display:block; width:235px;  height:100%; float:left; background-color:#505050; color:#b0b0b0; font-size:22px; line-height:66px; text-align:center;  border-right:1px solid #000;}
.vTab a.on{ background-color:#9f2525; color:#ffffff;}
.vVideo{ width:100%; height:454px;}
a.hide:hover { color:#F00;}
.videoBox1{ width:708px; height:454px; margin-left:-354px; margin-top:-260px; background:#000;}
.videoBox1 .close_layer{ width:50px; height:40px; right:-55px; top:0; background-position:-759px 0 ; text-indent:0; line-height:1.2; }
.vVideo1{ width:100%; height:454px;}

.more {
    display: block;
    width: 120px;
    height: 38px;
    line-height: 38px;
    color: #706856;
    font-size: 16px;
    overflow: hidden;
}
.more span{ display: block; position: absolute; left: 15px; top:0;}
.more i {
    font-style: normal;
    display: inline-block;
    position: absolute;
    left: 85px;
    top: 0;
    font-size: 18px;
    opacity: 1;
}
.more span,.more i{-webkit-transition:all 0.3s  ease-in;
    -moz-transition: all 0.3s  ease-in;
    -ms-transition: all 0.3s  ease-in;
    -o-transition: all 0.3s  ease-in;
    transition: all 0.3s  ease-in;} 
.more:hover{color: #464646;}    
.more:hover span{  left: 28px;  }  
.more:hover i{  left: 150px; opacity: 0;  }   
.sectionA{background: url(../images/img/section_01.jpg?v2) no-repeat  center 0; height: 944px; position:relative;background-size:cover;}
.sectionA .downlinks {
    width: 415px;
    height: 132px;
    position: absolute;
    bottom: 100px;
    left: 60px;
    z-index: 9;
}
.downlinks ul { overflow:hidden;}
.downlinks ul li { float:left; margin:0 5px 5px 0;width: 187px;
	height: 61px;
	overflow: hidden;}
.sectionInT .downlinks ul li { float:left; margin-right:5px;}
.sectionInT .downlinks ul li img {
  width: 100%;
}
.Dl { background:url(../images/img/login_bg.png) no-repeat left top; height:41px; line-height:41px; color:#FFF; margin: 90px 0 0;}
.Dl a { color:#FFF;}
.Dl .left a { color:#ffde00;}
.Dl p { padding: 0 20px 0 0;}
.Dl p.left { padding: 0 0 0 15px;}
 
/*幻灯*/
#focus{ display: block; position: absolute; top: 560px; left: 40px; z-index:9; }
.sectionA .imgs{ display: block; position: absolute; top: 0; left: 0; width: 290px; height: 179px; overflow: hidden;}
.sectionA .imgs ul{ display: block; width: 1000px; height: 201px; position: absolute; top: 0; left: 0;}
.sectionA .imgs li { display: block;  float: left;}
.sectionA .imgs li a { display:block; }
.sectionA .imgs li a img{ display: block; width: 100%; height: 100%; }
.sectionA .imgs li img{	-webkit-transition: all 0.8s ;
    -moz-transition: all 0.8s ;
    -ms-transition: all 0.8s ;
    -o-transition: all 0.8s  ;
    transition: all 0.8s ;}
.sectionA .imgs li a:hover img{ transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);-moz-transform: scale(1.05);}

.sectionA .ctrl{ width: 100px; height: 12px; position: absolute; top:160px; left:30px;}
.sectionA .ctrl a{ display: inline-block; margin-right: 4px; width: 12px; height:12px;}
.sectionA .ctrl a span{ display: block; width: 100%; height: 100%;background: #fff; border-radius: 6px;}
.sectionA .ctrl a:hover span,.sectionA .ctrl a.on span{ background: #ffd646;opacity: 1;}

.sectionB{background: #f2f2f2 url(../images/img/section_02.jpg?v333) no-repeat  center 0; height: 347px;background-size:cover;}
.sectionBB{background: #f2f2f2 url(../images/img/section_033.jpg?v324) no-repeat  center 0; height: 740px;margin-top: -3px;background-size:cover;}
.sectionB h2.title {
    position: absolute;
    top: 80px;
    left: 580px;
}
 .sectionB .ad1{ display: block; width:465px; height: 128px;position: absolute; top:222px; left: 0;}
 .sectionB .ad2{ display: block; width:465px; height: 128px;position: absolute; top:222px; right: 0;}
.sectionB .ad1 img,.sectionB .ad2 img{-webkit-transition: all 0.8s ;
    -moz-transition: all 0.8s ;
    -ms-transition: all 0.8s ;
    -o-transition: all 0.8s  ;
    transition: all 0.8s ; max-width:100%;}
.sectionB .ad1:hover  img,.sectionB .ad2:hover img{ transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);-moz-transform: scale(1.05);}
.news-banner {
	position: relative;
    top: 82px;
    left: 100px;
}
.glow {
	position:absolute;
	background:#7BF;
	border-radius:50%;
	height:5px;
	width:5px;
	margin-left:-5%;
	margin-top:-9%;
	left:100%;
	top:100%;
	opacity:0;
	-webkit-box-shadow:0 0 5px 1px #7BF;
	-moz-box-shadow:0 0 5px 1px #7BF;
	box-shadow:0 0 5px 1px #7BF;
	-webkit-animation:scale 6s infinite linear;
	animation:scale 6s infinite linear
}
.glow_shine {
	-webkit-box-shadow:0 -30px 180px 40px rgba(119, 187, 255, .5), 0 -125px 125px 20px rgba(119, 187, 255, .5);
	-moz-box-shadow:0 -30px 180px 40px rgba(119, 187, 255, .5), 0 -125px 125px 20px rgba(119, 187, 255, .5);
	box-shadow:0 -30px 180px 40px rgba(119, 187, 255, .5), 0 -125px 125px 20px rgba(119, 187, 255, .5);
	position:absolute;
	bottom:80px;
	left:55%;
	border-radius:50%;
	width:0;
	height:0
}
.glow_w {
	position:absolute;
	height:500px;
	width:600px
}
.no-csstransitions .glow_w {
	display:none
}
.glow_w_box {
	height:100%;
	width:100%;
	position:absolute;
	z-index:1
}
.glow_w_box.__type1 {
	-webkit-transform:rotate(45deg) scale(1) translate(-26%, -28%);
	transform:rotate(45deg) scale(1) translate(-26%, -28%)
}
.glow_w_box.__type2 {
	-webkit-transform:rotate(65deg) scale(0.8) translate(-5%, -25%);
	transform:rotate(65deg) scale(0.8) translate(-5%, -25%)
}
.glow_w_box.__type3 {
	-webkit-transform:rotate(35deg) scale(0.8) translate(-20%, -2%);
	transform:rotate(35deg) scale(0.8) translate(-20%, -2%)
}
.glow_w_box.__type4 {
	-webkit-transform:rotate(45deg) scale(0.7) translate(-38%, -47%);
	transform:rotate(45deg) scale(0.7) translate(-38%, -47%)
}

.glow_w_box.__type5 {
	-webkit-transform:rotate(45deg) scale(1) translate(-26%, -28%);
	transform:rotate(45deg) scale(1) translate(-26%, -28%)
}
.glow_w_box.__type6 {
	-webkit-transform:rotate(65deg) scale(0.8) translate(-5%, -25%);
	transform:rotate(65deg) scale(0.8) translate(-5%, -25%)
}
.glow_w_box.__type7 {
	-webkit-transform:rotate(35deg) scale(0.8) translate(-20%, -2%);
	transform:rotate(35deg) scale(0.8) translate(-20%, -2%)
}
.glow_w_box.__type8 {
	-webkit-transform:rotate(45deg) scale(0.7) translate(-38%, -47%);
	transform:rotate(45deg) scale(0.7) translate(-38%, -47%)
}


.glow_slide.__delay1 .glow {
	-webkit-animation-delay:3s;
	animation-delay:3s
}
.glow_slide.__delay2 .glow {
	-webkit-animation-delay:6s;
	animation-delay:6s
}
@-webkit-keyframes scale {
60% {
opacity:1;
-webkit-transform:translate3d(-90px, -90px, 0) scale(1)
}
100% {
-webkit-transform:translate3d(-150px, -150px, 0) scale(0);
opacity:0
}
}
@keyframes scale {
60% {
opacity:1;
transform:translate3d(-90px, -90px, 0) scale(1)
}
100% {
transform:translate3d(-150px, -150px, 0) scale(0);
opacity:0
}
}
.glow_w.ground {
	top:520px;
	left:60px;
	width:700px
}
.glow_w.ground .glow_w_box.__type1 {
	top:140px;
	left:-230px;
	-webkit-transform:rotate(30deg) scale(0.6) translate(-26%, -28%);
	transform:rotate(30deg) scale(0.6) translate(-26%, -28%)
}
.glow_w.ground .glow_w_box.__type2 {
	top:95px;
	left:-70px;
	-webkit-transform:rotate(30deg) scale(0.7) translate(-26%, -28%);
	transform:rotate(30deg) scale(0.7) translate(-26%, -28%)
}
.glow_w.ground .glow_w_box.__type3 {
	top:225px;
	left:-100px;
	-webkit-transform:rotate(30deg) scale(0.8) translate(-26%, -28%);
	transform:rotate(30deg) scale(0.8) translate(-26%, -28%)
}
.glow_w.ground .glow_w_box.__type4 {
	top: 210px;
	left: 990px;
	width: 78%;
	height: 60%;
	-webkit-transform:rotate(38deg) scale(0.8) translate(29%, -31%);
	transform:rotate(38deg) scale(0.8) translate(29%, -31%)
}

.glow_w.ground .glow_w_box.__type5 {
	top:140px;
	left:30px;
	-webkit-transform:rotate(30deg) scale(0.6) translate(-26%, -28%);
	transform:rotate(30deg) scale(0.6) translate(-26%, -28%)
}
.glow_w.ground .glow_w_box.__type6 {
	top:95px;
	left:-70px;
	-webkit-transform:rotate(30deg) scale(0.7) translate(-26%, -28%);
	transform:rotate(30deg) scale(0.7) translate(-26%, -28%)
}
.glow_w.ground .glow_w_box.__type7 {
	top:155px;
	left:0;
	-webkit-transform:rotate(30deg) scale(0.8) translate(-26%, -28%);
	transform:rotate(30deg) scale(0.8) translate(-26%, -28%)
}
.glow_w.ground .glow_w_box.__type8 {
	top:130px;
	left:-100px;
	width:60%;
	height:60%;
	-webkit-transform:rotate(38deg) scale(0.8) translate(29%, -31%);
	transform:rotate(38deg) scale(0.8) translate(29%, -31%)
}
.glow_w.ground .glow {
	background:#FFFE53;
	-webkit-box-shadow:0 0 5px 1px rgba(255, 255, 255, .75);
	-moz-box-shadow:0 0 5px 1px rgba(255, 255, 255, .75);
	box-shadow:0 0 5px 1px rgba(255, 255, 255, .75)
}

/*首页新闻*/
.sectionB .news {
    width: 560px;
    height: 205px;
    position: absolute;
    top: 125px;
    left: 580px;
    border-top: 2px dotted #cfbe84;
}
.sectionB .news .title{ display: block; width: 100%; height: 37px;border-bottom: 1px solid #bfbfbf;position: relative;  }
.sectionB .news .title li{ width:74px;display: block; height: 74px; float: left; margin-right: 16px;   }
.sectionB .news .title li a{ width:74px;display: block; height: 100%; line-height:74px;text-align: center; color: #444444; font-size: 16px; background-color:#e6e6e6 ; border-radius: 37px;}
.sectionB .news .title li.on a,.sectionB .news .title li:hover a{ background-color:#ae3939 ; color: #ededed;}
.sectionB .news .title .more{position: absolute; top: 15px; right: 0px;}
.sectionB .news .content {
    width: 560px;
    height: 200px;
    position: relative;
    margin-top: 10px;
}
.sectionB .news .content .contentList{}
.sectionB .news .content ul{ display: block;width:560px; height: 200px; float: left;}
.sectionB .news .content li{ display: block; width: 100%; float: left; height:48px ; line-height: 48px;  overflow: hidden; position: relative ; border-bottom: 1px dashed #ccc;}
.sectionB .news .content li a{ display: block; width:auto; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.sectionB .news .content li span{ position: absolute ; top: 0; right: 0;}
.sectionB .news .content li em {float:left; font-style:normal; color:#615e5c;}
.sectionB .more {
    position: absolute;
    top: -60px;
    right: 0;
}

.sectionC{background:url(../images/img/s3bg.jpg) no-repeat bottom center; height: 833px; position: relative;background-size:cover;}
.sectionC {text-align: center;
    display: block;
    padding-top: 50px;
    padding-bottom: 30px;}
.sectionC .imgs{ display: block; position: absolute; top: 0; left: 0; width: 100%; height:100%; overflow: hidden;}
.sectionC .imgs ul{ display: block; width: 100%;   height:100%; position: absolute; top: 0; left: 0;}
.sectionC .imgs li { width: 100%;   height:100%;   float: left; display:none;}
.sectionC .imgs li .role{ display: block; width: 100%;   height:100%; position: absolute; top: 0; /*right: -100%;*/}
.sectionC .imgs li .tit{ display: block; width: 700px; height: 80px; position: absolute; top:278px ; left: -1500px;}
.sectionC .imgs li .img{ display: block;
	width: 598px;
	height: 152px;
	position: absolute;
	bottom: 200px;
	left: -1500px;
	margin-left: 50px;}
.sectionC .imgs li.li5 .img {}
.sectionC .imgs li.on{z-index: 10;}
.sectionC .imgs li.on .role{  right: 0;}
.sectionC .imgs li.on .tit{ left: 0;}
.sectionC .imgs li.on .img{left: 0px;}


.sectionC .imgs li.on{ display: block;}
.sectionC .imgs li.li1 .role{ background:url(../images/img/ts1_3.jpg?3) no-repeat  center bottom ;}
.sectionC .imgs li.li2 .role{ background:url(../images/img/ts2_3.jpg?3) no-repeat  center bottom ;}
.sectionC .imgs li.li3 .role{ background:url(../images/img/ts3_3.jpg?3) no-repeat  center bottom ;}
.sectionC .imgs li.li4 .role{ background:url(../images/img/ts4_3.jpg?3) no-repeat  center bottom ;}
.sectionC .imgs li.li5 .role{ background:url(../images/img/ts5_3.jpg?3) no-repeat  center bottom ;}

.sectionC .ctrl{ width: 100px; height: 12px; position: absolute; top:820px; left:50%; margin-left: -480px; z-index: 20;}
.sectionC .ctrl a{ display: inline-block; margin-right: 4px; width: 12px; height:12px;}
.sectionC .ctrl a span{ display: block; width: 100%; height: 100%;background: #fff; border-radius: 6px;}
.sectionC .ctrl a:hover span,.sectionC .ctrl a.on span{ background: #ae3939;}
.sectionC h2.title{ width:200px ; height: 80px; position: absolute; top: 122px; left:50%; margin-left:-480px;z-index: 30;}
.sectionC a.next{ width:40px ; height: 70px; position: absolute; top: 600px; right:50%; margin-right:-540px;background:url(../images/img/icon.png) no-repeat -493px top;z-index: 30; opacity: .7;}
.sectionC a.prev{ width:40px ; height: 70px; position: absolute; top: 600px; left:50%; margin-left:-540px; background:url(../images/img/icon.png) no-repeat -433px top;z-index: 30; opacity: .7;}
.sectionC a.next:hover,.sectionC a.prev:hover{opacity: 1;}

.sectionD{ height:190px; background: #dedede;}
.sectionD h2.title{ line-height: 30px; line-height:30px;position: absolute; top: 32px; left:0; font-size: 16px; color: #575757;}
.sectionD .logs{ display: block; width: 980px; height: 83px; position: absolute; top: 68px; left:0; overflow: hidden; }
.sectionD .logs a img { width: 182px; height: 83px;}
.sectionD .logs ul li { float: left; width: 182px; height: 83px;margin-right: 10px;}

.sectionE{ height: 190px; margin-top: 60px;   }
.home .sectionE{ height: 190px; background: #dedede; margin: 0; border-top: 1px solid #c7c7c7;}
.sectionE .links{ display: block; width: 960px; height: 80px; text-align: center; position: absolute; top: 30px; left:0; }
.sectionE .links a{ display: inline-block; width: 76px; height: 76px; margin-right: 55px; background-color: #FFF; border-radius: 38px; text-align: left ; overflow: hidden; color: #FFF; line-height: 16px; font-size: 12px;position: relative;}
.sectionE .links a i{ display: block; width: 76px; height: 76px;border-radius: 38px; float: left; }
.sectionE .links a span{ display: none;  }
.sectionE .links a:hover span{ display: block; width: 110px; position: absolute; top: 23px; left: 90px; }
.sectionE .links a:hover span em{ display: block; width: 60px; height: 16px; text-align: center; color:#474747 ; background: #ffe034; margin-top: 2px; }

.sectionE .links a.link1 i{ background-position:0px -406px ;}
.sectionE .links a.link2 i{ background-position:-132px -406px ;}
.sectionE .links a.link3 i{ background-position:-264px -406px ;}
.sectionE .links a.link4 i{ background-position:-397px -406px ;}
.sectionE .links a.link5 i{ background-position:-528px -406px ;}
.sectionE .links a:hover{background-color: #e21919; width:210px; }

.sectionE .links a.link1:hover i{ background-position:0px -525px ;}
.sectionE .links a.link2:hover i{ background-position:-132px -525px ;}
.sectionE .links a.link3:hover i{ background-position:-264px -525px ;}
.sectionE .links a.link4:hover i{ background-position:-397px -525px ;}
.sectionE .links a.link5:hover i{ background-position:-528px -525px ;}

.sider{ width: 60px; height: 300px; z-index: 50; position: fixed; right: 30px; top: 50%; margin-top: -150px;}
.sider a{ display: block; width: 60px; height: 60px; float: right; border-radius:30px; background: #e21919; margin-top: 20px; position:relative; overflow: hidden;}
.sider a i{ position:absolute; top: 0; right: 0;display: block; width: 60px; height: 60px;border-radius:30px; background-color: #e21919; }
.sider a span{ display: none;}
.sider a:hover{ width: 160px;}
.sider a:hover span{ display: block; width: 100%; float: left; line-height: 60px; color:#fdfdfd; font-size: 15px; text-indent: 40px;}
.sider a i{background-image: url(../images/img/icon.png);}
.sider a.icon-sider1 i{ background-position:-453px -154px ;}
.sider a.icon-sider2 i{ background-position:-453px -228px ;}
.sider a.icon-sider3 i { background-position:-453px -303px ;}
.sider a.icon-sider4 i { background-position:-453px -352px ;}
.sider a.icon-sider4 { background: none; overflow: visible; }
.sider a.icon-sider4:hover{ width:211px;}
.sider a.icon-sider4 span{ background: url(../images/img/wm.png?3) no-repeat top center ;display: block; width: 150px; height: 140px; top: -38px; right:62px; position: absolute;}

.sider a.icon-sider4:hover span{ background: url(../images/img/wm.png?3) no-repeat top center ;display: block; width: 150px; height: 140px; top: -38px; left: 0px; position: absolute;}


.sider a.icon-sider4 i{
  z-index: 2;
  -webkit-animation: up_down 1500ms linear infinite;
  -moz-animation: up_down 1500ms linear infinite;
  -ms-animation: up_down 1500ms linear infinite;
  animation: up_down 1500ms linear infinite;
}
@-webkit-keyframes up_down{
  0% {-webkit-transform:translateY(0px);}
  50% {-webkit-transform:translateY(10px);}
  100% {-webkit-transform:translateY(0px);}
}
@-moz-keyframes up_down{
  0% {-moz-transform:translateY(0px);}
  50% {-moz-transform:translateY(10px);}
  100% {-moz-transform:translateY(0px);}
}
@-ms-keyframes up_down{
  0% {-ms-transform:translateY(0px);}
  50% {-ms-transform:translateY(10px);}
  100% {-ms-transform:translateY(0px);}
}
@keyframes up_down{
  0% {transform:translateY(0px);}
  50% {transform:translateY(10px);}
  100% {transform:translateY(0px);}
}


/*新闻列表*/
.newsBG { background:#f2f2f2 url(../images/img/news_bg.jpg) no-repeat center top}

.sectionInT {
    height: 420px;
    width: 100%;
    background: #f2f2f2 url(../images/img/sectionInT-bg.jpg?v2) no-repeat center top;
    margin: 0 auto;
    max-width: 1920px;
}

.sectionInT .downlinks {
    position: absolute;
    top: 260px;
    left: 41%;
    line-height: 1.8;
    width: 770px;
    text-align: center;
    display: none;
}
.sectionInT .downlinks .Dl { background:none; height:auto; line-height:40px; padding: 25px 0 0; margin:0; text-align:center;}
.sectionInT .downlinks .Dl p.right,
.sectionInT .downlinks .Dl p.left { float:none; padding:0;}
.sectionInT .downlinks .Dl p span {color:#ffde00;}
.sectionInT .downlinks a.icon-downAndriod { top:25px; left:18px;}
.sectionInT .downlinks a.icon-downIos { top:115px; left:18px;}
.sectionInT .downlinks .login a.icon-downAndriod { top:115px; left:18px;}
 
.sectionInM{ height: auto;width:1200px; margin: 0 auto;}
.sectionInM .title {
    border-left: 2px solid #bd6c24;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    color: #b69f6b;
    text-indent: 8px;
    float: right;
    margin-bottom: 10px;
}
.sectionInM  .title a{color: #b69f6b;}
.sectionInM .title ul,
.sectionInM .title li { display:inline;}
.sectionInM  .title span{ padding: 0 2px;}
.sectionInM .content{ width: 100%; min-height:500px; }
.sectionInM .newslist dl{ display: block; width: 100%; height: 	0px; border-bottom: 2px solid #a49268;overflow: hidden; }
.sectionInM .newslist dd{ display: block; width: 140px; height: 40px; line-height: 40px;float: left; text-align: center; color: #797979; font-size: 20px; cursor: pointer;}
.sectionInM .newslist dd.on{ color: #e21919; font-weight: bold; }
.sectionInM .newslist{ width: 100%; float: left;  }
 
.newsbox{ display: none;}
.newsbox li {
    display: block;
    width: 100%;
    float: left;
    height: 56px;
    line-height: 56px;
    overflow: hidden;
    position: relative;
    border-bottom: 2px dotted #ceb479;
}
.newsbox li a {
    color: #6b531c;
    font-size: 16px;
}
.newsbox li span{ position: absolute; top: 5px; right: 0; color: #6b531c;}


.pager  { text-align: center; height: 30px; line-height:24px; margin: 20px 0; }
.pager a,.pager span{ color: #7b7b7b; font-size: 15px; padding: 0 10px;}
.pager a.current{ color: #464646; }
.pager .p2,.pager .p1{ display: inline-block; padding:0 12px; margin: 0 8px; border: 1px solid #464646; color: #464646;}
.pager .p2:hover,.pager .p1:hover{ background:#464646 ; color: #FFF;}

/*新闻内容*/
.article { padding:25px 10px ;}
.article h2{ color: #6b531c; font-size: 30px; line-height: 40px; padding-top: 5px; margin: 0 0 20px; text-align: center;}
.article .des {
    line-height: 40px;
    color: #6b531c;
    border-top: 2px solid #a49268;
    position: relative;
    text-align: center;
}
.article .ashare{ display:inline; padding: 0 0 0 50px; }
.article .ashare .jiathis_style{}
.abody{ font-size:16px; line-height:1.8em; color:#6b531c; padding-top: 8px;}
.abody strong,.abody em,.abody h1,.abody h2,.abody h3,.abody h4,.abody h5,.abody h6{font-weight: bold;}

.abody p{ margin:0.8em 0}
.abody .blue{color:#c09e00;}
.abody  a{ color:#3466af;}
.abody  a:hover{ text-decoration:underline}
.abody table { width:100%;}

/*游戏资料*/
.dataBG { background:#f2f2f2 url(../images/img/date_bg.jpg?v1) repeat center 420px;}
/*角色*/
.role{width:1160px;margin:0 auto 130px;position:relative;z-index:1100;}
.role h3{text-indent:-9999px;height:143px;}
.roleList{width:1160px;margin:0 auto;/*overflow:hidden;*/position:relative; margin-top: 30px;}
.roleList .roleBanner{width:1160px;margin:0 auto;position:relative;z-index:9;}
.roleList .roleBanner .bd{width:1060px;height:710px;margin:0 auto;position:relative;overflow:hidden;}
.roleList ul{width:1450px;height:710px;}
.roleList ul li{width:212px;height:504px;float:left;position:relative;background-repeat:no-repeat;background-size:100% auto;background-position:center bottom;
	-webkit-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
}

.roleList ul li.yt{background-image:url(../images/img/per_yt_nor.png);}
.roleList ul li.yt:hover{background-image:url(../images/img/per_yt_hov.png);}
.roleList ul li.tl{background-image:url(../images/img/per_tl_nor.png);margin-top: 35px;}
.roleList ul li.tl:hover{background-image:url(../images/img/per_tl_hov.png);}
.roleList ul li.jls{background-image:url(../images/img/per_jl_nor.png);}
.roleList ul li.jls:hover{background-image:url(../images/img/per_jl_hov.png);}
.roleList ul li.zwrj{background-image:url(../images/img/per_zw_nor.png);margin-top: 35px;}
.roleList ul li.zwrj:hover{background-image:url(../images/img/per_zw_hov.png);}
.roleList ul li.yx{background-image:url(../images/img/per_yx_nor.png);}
.roleList ul li.yx:hover{background-image:url(../images/img/per_yx_hov.png);}


.roleList ul li.yx2{background-image:url(../images/img/lvzhu_nor.png?v2);margin-top: 35px;}
.roleList ul li.yx2:hover{background-image:url(../images/img/lvzhu_hov.png?v2);}

.roleList ul li.yx3{background-image:url(../images/img/junzijian_nor.png?v2);}
.roleList ul li.yx3:hover{background-image:url(../images/img/junzijian_hov.png?v2);}

.roleList ul li.yx4{background-image:url(../images/img/shunvjian_nor.png);margin-top: 35px;}
.roleList ul li.yx4:hover{background-image:url(../images/img/shunvjian_hov.png);}

.roleList ul li.yx5{background-image:url(../images/img/yinlvfuchen_nor.png);}
.roleList ul li.yx5:hover{background-image:url(../images/img/yinlvfuchen_hov.png);}

.roleList ul li.yx6{background-image:url(../images/img/shenghuoling_nor.png);margin-top: 35px;}
.roleList ul li.yx6:hover{background-image:url(../images/img/shenghuoling_hov.png);}


.roleList ul li:hover{
	-webkit-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
.roleList ul li a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;}
.roleList ul li span{display:block;width:182px;height:205px;position: absolute;left:50%;margin-left: -91px;bottom:-130px;background-repeat:no-repeat;background-position:center;z-index:1;background-size:auto 100%;}
.roleList ul li span.card1{background-image:url(../images/img/ytT.png);}
.roleList ul li span.card2{background-image:url(../images/img/tlT.png);}
.roleList ul li span.card3{background-image:url(../images/img/jlT.png);}
.roleList ul li span.card4{background-image:url(../images/img/zwrjT.png);}
.roleList ul li span.card5{background-image:url(../images/img/yxT.png);}
.roleList ul li span.card6{background-image:url(../images/img/lvzubangT.png);}
.roleList ul li span.card7{background-image:url(../images/img/junzijianT.png);}
.roleList ul li span.card8{background-image:url(../images/img/shunvjianT.png);}
.roleList ul li span.card9{background-image:url(../images/img/yinlvfuchenT.png);}
.roleList ul li span.card10{background-image:url(../images/img/shenghuolingT.png);}



.roleList span.spa{display:block;width:46px;height:90px;background-repeat:no-repeat;background-position:center top;position:absolute;top:50%;margin-top:-120px;z-index:10;cursor:pointer;}
.roleList span.spa.left{background-image:url(../images/rLeft.png);left:0;}
.roleList span.spa.right{background-image:url(../images/rRight.png);right:0;}



/*游戏特色*/
.feature{width:1240px;margin:260px auto 0;display:none;}
.feature h2.feTit{height:132px;text-indent:-9999px;margin-bottom:40px;}
.poster-main{ position:relative;width:1240px;height:514px;}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width:1240px;height:514px;}
.poster-main .poster-list .poster-item{ position:absolute;left:0;top:0;}
.poster-main .poster-list .poster-item .bor{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background-size:100% auto;}
.poster-main .poster-btn{ position:absolute;top:0;width:165px;height:514px; z-index:10; cursor:pointer;  opacity:0.8}
.poster-main .poster-prev-btn{left:0; }
.poster-main .poster-next-btn{right:0; }



/*角色列表*/
.popRole{width:100%;background:url(../images/img/fixbgPng.jpg) no-repeat center top; background-size: cover; height:100%;position:absolute;top:0;left:0;z-index:999999;display:none;overflow:auto;}
.popRole .popbg{width:100%;height:100%;}
.popRole span.closeBar{display:block;width:73px;height:73px;background:url(../images/img/closeBtn2.png) no-repeat center top;position:fixed;top:25px;right:25px;cursor:pointer;z-index:66;}
.popRole img{display:block;margin:0 auto;}


.popRole a.spa{display:block;width:54px;height:100%;position:fixed;top:0;z-index:3;}
.popRole a.spa.prev{background:url(../images/img/pleft.png) no-repeat center;left:10px;}
.popRole a.spa.next{background:url(../images/img/pright.png) no-repeat center;right:20px;}
.popRole .banner{width:1160px;height:100%;margin:0 auto;overflow:hidden;position:relative;z-index:2;height:880px;/*top:50%;*/margin-top:-30px;}
.popRole ul{width:1160px;height:100%;position:relative;}
.popRole ul li{width:1160px;height:100%;position:relative;display:none;}
.popRole ul li .per{width:1160px;height:100%;background-repeat:no-repeat;background-size:100% auto;background-position:center;position:absolute;top:0;left:0;z-index:2;}
.popRole ul li.l1 .per{background-image:url(../images/img/ytj.png?v35);}
.popRole ul li.l2 .per{background-image:url(../images/img/tld.png);}
.popRole ul li.l3 .per{background-image:url(../images/img/jls.png?v2);}
.popRole ul li.l4 .per{background-image:url(../images/img/zwrj.png);}
.popRole ul li.l5 .per{background-image:url(../images/img/yx.png);}
.popRole ul li.l6 .per{background-image:url(../images/img/lvzhubang.png?v3);}
.popRole ul li.l7 .per{background-image:url(../images/img/junzijian.png);}
.popRole ul li.l8 .per{background-image:url(../images/img/shunvjian.png);}
.popRole ul li.l9 .per{background-image:url(../images/img/yinlvfuchen.png);}
.popRole ul li.l10 .per{background-image:url(../images/img/shenghuoling.png);}

.popRole ul li .ptext{height:589px;background-repeat:no-repeat;background-position:center top;position:absolute;top:16%;right:0;z-index:3;text-align:center;}

.popRole ul li .ptext1{background-image:url(../images/img/desc_yitianjian.png?v3);width:406px;}
.popRole ul li .ptext2{background-image:url(../images/img/desc_tulongdao.png?v2);width:352px;}
.popRole ul li .ptext3{background-image:url(../images/img/desc_jinlingsuo.png);width:352px;}
.popRole ul li .ptext4{background-image:url(../images/img/desc_ziweiruanjian.png?v2);width:352px;}
.popRole ul li .ptext5{background-image:url(../images/img/desc_yuxiao.png?v323);width:352px;}
.popRole ul li .ptext6{background-image:url(../images/img/desc_lvzhubang.png?v323);width:352px;}
.popRole ul li .ptext7{background-image:url(../images/img/desc_junzijian.png);width:352px;}
.popRole ul li .ptext8{background-image:url(../images/img/desc_shunvjian.png?v323);width:385px;}

.popRole ul li .ptext9{background-image:url(../images/img/desc_yinlvfuchen.png);width:352px;}
.popRole ul li .ptext10{background-image:url(../images/img/desc_shenghuoling.png);width:352px;}


.popRole ul li .ptext .radioBox{height:129px;position:absolute;top:140px;left:73px;background-repeat:no-repeat;background-position:center;}
.popRole ul li .ptext1 .radioBox{background-image:url(../images/img/cv_yitianjian.png);width:241px;left:99px;}
.popRole ul li .ptext2 .radioBox{background-image:url(../images/img/cv_tulongdao.png?v1);width:241px;left:64px;}
.popRole ul li .ptext3 .radioBox{background-image:url(../images/img/cv_jinlingsuo.png);width:241px;left:64px;}
.popRole ul li .ptext4 .radioBox{background-image:url(../images/img/cv_ziweiruanjian.png);width:241px;left:64px;}
.popRole ul li .ptext5 .radioBox{background-image:url(../images/img/cv_yuxiao.png);width:241px;left:64px;}
.popRole ul li .ptext6 .radioBox{background-image:url(../images/img/cv_lvzhubang.png?v2);width:242px;left:64px;}
.popRole ul li .ptext7 .radioBox{background-image:url(../images/img/cv_junzijian.png);width:241px;left:64px;}
.popRole ul li .ptext8 .radioBox{background-image:url(../images/img/cv_shunvjian.png);width:242px;left:90px;}
.popRole ul li .ptext9 .radioBox{background-image:url(../images/img/cv_yinlvfuchen.png?v2);width:241px;left:64px;}
.popRole ul li .ptext10 .radioBox{background-image:url(../images/img/cv_shenghuoling.png);width:255px;left:64px;}


.popRole ul li .ptext .vBtns{width:92px;height:92px;float:left;}
.popRole ul li .ptext .vBtns a{display:block;width:100%;height:100%;text-indent:-9999px;}
.popRole ul li .ptext .china_v{margin-right:34px;} 
/*动画*/
.animate-1{
	-webkit-transition: all 0.3s  ease-in;
    -moz-transition: all 0.3s  ease-in;
    -ms-transition: all 0.3s  ease-in;
    -o-transition: all 0.3s  ease-in;
    transition: all 0.3s  ease-in;
}
.animate-2{
	-webkit-transition: all 0.3s ;
    -moz-transition: all 0.3s ;
    -ms-transition: all 0.3s ;
    -o-transition: all 0.3s  ;
    transition: all 0.3s ;
}
.animate-3{
	-webkit-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 1.1s  cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
}
.on .animate-3{
	-webkit-transition:  all 1.1s cubic-bezier(0.19, 1, 0.22, 1) .5s;
    -moz-transition:  all 1.1s cubic-bezier(0.19, 1, 0.22, 1) .5s;
    -ms-transition:  all 1.1s cubic-bezier(0.19, 1, 0.22, 1) .5s;
    -o-transition:  all 1.1s cubic-bezier(0.19, 1, 0.22, 1) .5s;
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1) .5s;
}
.animate-4{
	-webkit-transition: all 0.3s ease-in ;
    -moz-transition: all 0.3s ;
    -ms-transition: all 0.3s ;
    -o-transition: all 0.3s  ;
    transition: all 0.3s ;
}

.serversBG { background:#f2f2f2 url(../images/img/server_bg.jpg) no-repeat center top}
.serversBox {
	width:960px;
	margin: 0 auto;
	}
.serversBox h2 {color:#327c0c; font-size:16px; border-bottom: 1px dashed #ccc; padding: 0 0 10px; font-weight:bold; margin: 0 0 15px;}
.serversBox h2.s {color:#373737;}
.serversBox ul { overflow:hidden; zoom:1; margin: 0 0 20px;}
.serversBox li { width:220px;  margin: 0 40px 20px 0;  float: left;}
.serversBox li a{ display:block;height: 44px; line-height:44px; color:#FFF; padding: 0 0 0 40px;background:url(../images/img/s_list_bg.gif) no-repeat;opacity:0.8;}
.serversBox .hot li a{ background:url(../images/img/s_list_bg.gif) no-repeat left -88px;}
.serversBox li a:hover {opacity:1;}

/*--- footer -----*/
.footer {
	height: 128px;
	width:100%;
	background: url(../images/img/footer_bg.gif) repeat-x left top;
	clear:both;
	
	font-size:12px;
	overflow:hidden;
	}
.footer .foot {
	width:1100px;
	margin: 0 auto;
	position: relative;
	}
.footer .B_logo {
	float: left;
	margin: 0 18px 0 0;
	}
.footer ul {
	float: left;
	padding: 28px 0 0;
	}
.footer ul li {
	line-height:24px;
	color:#FFF;
	}
.footer ul li a {
	color:#fedf36;
	}
.footer .g12 {
	position: absolute;
	top:20px;
	right:0;
	}
.footer {
    text-align: center;
    padding: 30px 0;
	height: 15px;
	
}
.footxt {color: #fff;font-size: 15px;}