@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body,td,th { font-size: 14px; }
body { font-size: 14px; font:"微软雅黑"; color:#0CF; background:#010816; margin:0px;}

a { font-size: 14px; color: #0CF; }
a:link { text-decoration: none;}
a:visited { text-decoration: none; color:#0CF; }
a:hover { text-decoration: none; color:#900; text-decoration:none;}
a:active { text-decoration: none; color: #900;}
ul {  margin:0 0 0 0; padding: 0; list-style: none; }
img{ border:0;}


#Version { width:100%; height:1284px; position:relative; overflow:hidden;}/*页面总高度再次调整*/
#Flash { width:1920px; height:1074px; position:absolute; left:50%; margin:0 auto 0 -960px; z-index:2;}/*FLASH*/
#Header { margin:0 auto 0 -960px; width:1920px; height:1074px; position:absolute; left:50%; z-index:1;}/*BG*/
#Header_1 { margin:0 auto 0 -960px; width:1920px; overflow:hidden; position:absolute; left:50%; z-index:3;}/*BG*/

#Versioa { width:100%; height:1074px; position:relative; overflow:hidden;}/*页面总高度再次调整*/
.head_1a { width:1200px; margin: 0 auto; position:absolute; left:50%; margin-left:-600px; z-index:4; overflow:hidden;}/*整体*/

.head_1 { width:1400px; margin: 0 auto; position:absolute; left:50%; margin-left:-700px; z-index:4; overflow:hidden;}/*整体*/
.head_2 { width:1400px; height:775px; position:relative;}
.head_3 { width:1400px; height:509px; position:relative;}
.head_4 { background:url(../images/btn_bg.png); width:568px; height:508px; position:absolute; top:0; left:0; z-index:5;}

.head_5 { width:149px; height:47px; background:url(../images/dlq.png); background-position:left 0; position:absolute; top:110px; left:15px; text-align:center; line-height:47px; transition:0.5s; z-index:6;}
.head_5:hover { background-position:left -47px;}
.head_5 a { font-family:"微软雅黑"; font-size:20px; font-weight:200; color:#000;}
.head_5 a:hover { color:#F00;}

.head_6 { position:absolute; background:url(../images/logo.png); width:201px; height:201px; top:0; left:180px; animation-name:amyani; animation-duration:5s; animation-iteration-count:infinite; z-index:7;}

@keyframes amyani {
	
	100%{ transform:rotate(360deg);}
	}
	
.move { background:url(../images/pay.png); width:55px; height:55px; position:absolute; top:70px; left:250px; transition:0.5s; animation-name:omyani; animation-duration:2s; animation-iteration-count:infinite; z-index:8; border-radius:2em;}
.move:hover { transform:rotate(360deg);}
	
@keyframes omyani {
	
	10%{ opacity:0.5; background:#FFF; border-radius:2em;}
	}
	

.head_7 { width:149px; height:47px; background:url(../images/cz.png); background-position:left 0; position:absolute; top:110px; left:403px; text-align:center; line-height:47px; transition:0.5s; z-index:6;}
.head_7:hover { background-position:left -47px;}
.head_7 a { font-family:"微软雅黑"; font-size:20px; font-weight:200; color:#000;}
.head_7 a:hover { color:#F00;}

.head_8 { width:149px; height:47px; background:url(../images/data.png); background-position:left 0; position:absolute; top:160px; left:15px; text-align:center; line-height:47px; transition:0.5s; z-index:6;}
.head_8:hover { background-position:left -47px;}
.head_8 a { font-family:"微软雅黑"; font-size:20px; font-weight:200; color:#000;}
.head_8 a:hover { color:#F00;}

.head_9 { width:149px; height:47px; background:url(../images/wd.png); background-position:left 0; position:absolute; top:160px; left:403px; text-align:center; line-height:47px; transition:0.5s; z-index:6;}
.head_9:hover { background-position:left -47px;}
.head_9 a { font-family:"微软雅黑"; font-size:20px; font-weight:200; color:#000;}
.head_9 a:hover { color:#F00;}

.head_10 { position:absolute; top:222px; left:9px; width:549px; height:107px; z-index:6;}
.head_11 { position:absolute; top:341px; left:9px; width:549px; height:107px; z-index:6;}

.head_12 { float:left; width:129px; height:107px; text-align:center;}
.head_12 a { display:block; padding:5px 0;  font-size:16px; font-family:"微软雅黑"; color:#0CF; font-weight:200;}
.head_12 a img { display:block; transition:0.5s; padding:10px 45px;}
.head_12 a img:hover { transform:rotate(360deg);}

.head_13 { float:left; margin:0 0 0 10px; width:129px; height:107px; text-align:center;}
.head_13 a { display:block; padding:5px 0;  font-size:16px; font-family:"微软雅黑"; color:#0CF; font-weight:200;}
.head_13 a img { display:block; transition:0.5s; padding:10px 45px;}
.head_13 a img:hover { transform:rotate(360deg);}

.head_14 { float:left; margin:0 0 0 10px; width:129px; height:107px; text-align:center;}
.head_14 a { display:block; padding:5px 0;  font-size:16px; font-family:"微软雅黑"; color:#0CF; font-weight:200;}
.head_14 a img { display:block; transition:0.5s; padding:10px 45px;}
.head_14 a img:hover { transform:rotate(360deg);}

.head_15 { background:url(../images/new_bg.png); width:822px; height:418px; position:absolute; right:0; top:90px; z-index:5;}
.head_16 { position:absolute; width:802px; height:55px; border-bottom:dashed 1px #09F; top:140px; right:10px; z-index:6; text-align:center; line-height:55px;}
.head_16 a { font-family:"微软雅黑"; font-size:22px; font-weight:200; color:#0CF;}

.head_17 { position:absolute; top:206px; right:10px; width:802px; height:280px; z-index:6;}

.head_18 li { display:block; width:800px; overflow:hidden; line-height:28px; text-align:left; transition:0.5s;}
.head_18 li:hover { background:#000; transition:0.5s; border-radius:2em;}
.head_18 li a { display:block; padding:0 0 0 40px; font-family:"微软雅黑"; font-weight:200; color:#0CF; font-size:14px;}
.head_18 li a:hover { color:#0F0; animation-name:bmyani; animation-duration:1s;}
.head_18 li span { display:block; background:url(../images/hot.jpg) 10px center no-repeat;}

@keyframes bmyani {
	
	0%{ margin-left:50px;}
	
	}
	
.zhuti { margin:0 auto; width:1400px; overflow:hidden;}
.zhuti_1 { width:1400px; overflow:hidden; margin:10px 0 10px 0;}
.zhuti_2 { float:left; background:url(../images/kf_bg.png); width:334px; height:330px; position:relative;}
.zhuti_3 { float:right; background:url(../images/zbx_bg.png); width:1056px; height:330px; position:relative;}

.zhuti_4 { position:absolute; top:80px; left:15px; width:304px; overflow:hidden;}
.zhuti_5 { width:304px; overflow:hidden; text-align:center; color:#666; line-height:24px;}
.zhuti_5 a { font-size:13px; font-family:"微软雅黑"; color:#FFF; font-weight:200; margin:0 10px 0 10px;}
.zhuti_6 { position:absolute; bottom:25px; left:15px; width:304px; height:140px; z-index:7; background:url(../images/kh.jpg); border-radius:1em;}
.zhuti_7 { position:absolute; bottom:34px; right:25px; width:120px; height:120px; z-index:8; border:double 1px #000;}
.zhuti_7 img { width:120px; height:120px;}

.zhuti_8 { position:absolute; top:80px; left:20px; width:208px; height:208px; background:url(../images/map_1.png); animation-name:dmyani; animation-duration:4s; animation-iteration-count:infinite; text-align:center;}
.zhuti_8 span { display:block; padding:160px 0 0 0;}
.zhuti_8 a { font-family:"微软雅黑"; font-size:22px; font-weight:200; color:#FFF; padding:5px 10px; background:#000; border-radius:2em; border:double 1px #09C;}
.zhuti_8 a:hover { background:#033; border-radius:2em; border:double 1px #09C; transition:0.5s;}

@keyframes dmyani {
	0%{ opacity:0.2;}
	100%{ opacity:1.0;}
	}
	
.zhuti_9 { position:absolute; top:80px; left:225px; width:208px; height:208px; background:url(../images/map_2.png);  animation-name:emyani; animation-duration:4s; animation-iteration-count:infinite; text-align:center;}
.zhuti_9 span { display:block; padding:160px 0 0 0;}
.zhuti_9 a { font-family:"微软雅黑"; font-size:22px; font-weight:200; color:#FFF; padding:5px 10px; background:#000; border-radius:2em; border:double 1px #09C;}
.zhuti_9 a:hover { background:#033; border-radius:2em; border:double 1px #09C; transition:0.5s;}
@keyframes emyani {
	20%{ opacity:0.2;}
	100%{ opacity:1.0;}
	}
	
.zhuti_10 { position:absolute; top:80px; left:425px; width:208px; height:208px; background:url(../images/map_3.png);  animation-name:fmyani; animation-duration:4s; animation-iteration-count:infinite; text-align:center;}
.zhuti_10 span { display:block; padding:160px 0 0 0;}
.zhuti_10 a { font-family:"微软雅黑"; font-size:22px; font-weight:200; color:#FFF; padding:5px 10px; background:#000; border-radius:2em; border:double 1px #09C;}
.zhuti_10 a:hover { background:#033; border-radius:2em; border:double 1px #09C; transition:0.5s;}
@keyframes fmyani {
	40%{ opacity:0.2;}
	100%{ opacity:1.0;}
	}
	
.zhuti_11 { position:absolute; top:80px; left:625px; width:208px; height:208px; background:url(../images/map_4.png);  animation-name:gmyani; animation-duration:4s; animation-iteration-count:infinite; text-align:center;}
.zhuti_11 span { display:block; padding:160px 0 0 0;}
.zhuti_11 a { font-family:"微软雅黑"; font-size:22px; font-weight:200; color:#FFF; padding:5px 10px; background:#000; border-radius:2em; border:double 1px #09C;}
.zhuti_11 a:hover { background:#033; border-radius:2em; border:double 1px #09C; transition:0.5s;}
@keyframes gmyani {
	60%{ opacity:0.2;}
	100%{ opacity:1.0;}
	}
	
.zhuti_12 { position:absolute; top:80px; left:825px; width:208px; height:208px; background:url(../images/map_5.png);  animation-name:hmyani; animation-duration:4s; animation-iteration-count:infinite; text-align:center;}
.zhuti_12 span { display:block; padding:160px 0 0 0;}
.zhuti_12 a { font-family:"微软雅黑"; font-size:22px; font-weight:200; color:#FFF; padding:5px 10px; background:#000; border-radius:2em; border:double 1px #09C;}
.zhuti_12 a:hover { background:#033; border-radius:2em; border:double 1px #09C; transition:0.5s;}
@keyframes hmyani {
	80%{ opacity:0.2;}
	100%{ opacity:1.0;}
	}
	

.tezb { margin:0 auto; width:1400px; overflow:hidden;}
.tezb_1 { margin-bottom:10px; width:1400px; overflow:hidden;}
.tezb_2 { width:1400px; overflow:hidden;}
.tezb_3 { width:1400px; overflow:hidden; background:url(../images/zb08.gif) repeat-y;}
.tezb_4 { margin:10px 30px 15px 30px; width:1340px; overflow:hidden;}
.tezb_5 { width:1400px; overflow:hidden; background:url(../images/zb03.png) repeat-y;}
.tezb_6 { width:1400px; overflow:hidden; background:url(../images/zb05.gif) repeat-y;}


#careerbox{ margin:10px 0 20px 30px; width:1370px;height:380px;overflow:hidden}
#careerbox ul{width:100%;overflow:hidden}
#careerbox li{width:110px;height:380px;margin-right:2px;float:left;display:inline-block;overflow:hidden;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s}
#careerbox li.current{width:444px;}
#careerbox li .switch-bg{float:left;display:block;height:380px;width:110px;background:url(../images/jian.png) no-repeat}
#careerbox li.wusheng_1 .switch-bg{background-position:0 0}
#careerbox li.wusheng_2 .switch-bg{background-position:0 0}
#careerbox li.wusheng_3 .switch-bg{background-position:0 0}
#careerbox li.wusheng_4 .switch-bg{background-position:0 0}
#careerbox li.wusheng_5 .switch-bg{background-position:0 0}
#careerbox li.wusheng_6 .switch-bg{background-position:0 0}
#careerbox li.wusheng_7 .switch-bg{background-position:0 0}
#careerbox li.wusheng_8 .switch-bg{background-position:0 0}
#careerbox li.wusheng_9 .switch-bg{background-position:0 0}
#careerbox li.wusheng_10 .switch-bg{background-position:0 0}
#careerbox .careerswitch{float:left;display:inline-block;background:url(../images/jian.png) no-repeat;width:110px;height:380px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(Opacity=0);transition:all .7s;-moz-transition:all .7s;-webkit-transition:all .7s;-o-transition:all .7s}
#careerbox .careerswitch:hover,#careerbox .current .careerswitch{opacity:1;-ms-filter:"alpha(Opacity=100)";filter:alpha(Opacity=100)}
#careerbox li.wusheng_1 .careerswitch{background-position:-110px 0}
#careerbox li.wusheng_2 .careerswitch{background-position:-110px 0}
#careerbox li.wusheng_3 .careerswitch{background-position:-110px 0}
#careerbox li.wusheng_4 .careerswitch{background-position:-110px 0}
#careerbox li.wusheng_5 .careerswitch{background-position:-110px 0}
#careerbox li.wusheng_6 .careerswitch{background-position:-110px 0}
#careerbox li.wusheng_7 .careerswitch{background-position:-110px 0}
#careerbox li.wusheng_8 .careerswitch{background-position:-110px 0}
#careerbox li.wusheng_9 .careerswitch{background-position:-110px 0}
#careerbox li.wusheng_10 .careerswitch{background-position:-110px 0}
#careerbox .career_bg{float:left;display:inline-block;position:relative;background:#ededed;height:380px}
#careerbox .jianbg,#careerbox .jianbingbg{position:absolute;width:332px;height:380px;background-image:url(../images/jbg.jpg);background-repeat:no-repeat;overflow:hidden}
#careerbox .jianbingbg{display:none}
#careerbox .jianbg img,#careerbox .jianbingbg img{float:right}
#careerbox .career_detail{position:absolute;width:332px;height:380px}
#careerbox .career_detail .detail-img{position:absolute;left:30px;top:0}
#careerbox .career_detail .sexswitch{position:absolute;right:0}
#careerbox .career_detail .sexswitch a{display:block;width:27px;padding:20px 0;color:#fff;font-size:18px;background-color:#9da3a5;margin-bottom:3px;font-family:Microsoft YaHei;text-align:center}
#careerbox .career_detail .sexswitch a.active,#careerbox .career_detail .sexswitch a:hover{background-color:#7F0804}

.role-con{height:370px;width:800px;margin-left:0;background:url(../images/role-bg.jpg) left top no-repeat;float:left}
.role-con2{height:370px;width:540px;margin-left:0;background:url(../images/bgjie.png) top center no-repeat;float:right}

.role-inner{position:relative;height:370px}

.role-tab-cnt{width:97px;height:370px;position:relative}/*按钮宽度*/
.role-tab-cnt .r-btn{display:block;height:13px;width:42px;background:url(../images/icon1.png) left -76px no-repeat;position:absolute;left:28px;top:10px}
.role-tab-cnt .prevBtn{background-position:0 -98px;top:auto;bottom:10px}
.role-tab-cnt .prevBtn:hover{background-position:0 -132px}
.role-tab-cnt .nextBtn:hover{background-position:0 -112px}
.role-tab{position:absolute;left:0;top:30px;height:310px;width:97px;overflow:hidden}
.role-tab li{height:60px;width:97px;position:relative;overflow:hidden;margin:2px 0 0}
.role-tab li .icon{display:block;height:54px;width:54px;background:url(../images/role-icon1.png) left top no-repeat;position:absolute;left:20px;top:3px}
.role-tab li.cur{background:#036;width:92px;border-left:solid 5px #0066CC;}/*按钮颜色*/
.role-tab li.cur .icon{left:13px;height:60px;top:0;width:60px}
.role-tab li .role{background-position:1px 0}
.role-tab li.cur .role{background-position:-58px 2px}

.role-detail{position:absolute;left:135px;top:0;width:665px;height:370px}/*怪物框子*/
.role-panel{position:absolute;left:0;top:0}
.role-txt{color:#968f8d;font-size:14px;width:350px;opacity:0;filter:alpha(opacity=0);transition:all .3s ease;position:absolute;left:50px;top:38px;z-index:1}/*文字*/
.role-txt .r-tle{margin-bottom:4px}
.r-tle h4{font-size:36px;color:#d9cbcb;line-height:36px;line-height:36px; font-family:"微软雅黑";}
.r-tle .alias{margin:2px 0}
.role-txt p{height:22px;line-height:22px;margin:8px 0}
.role-txt .gift{background:url(../images/line1.png) center bottom no-repeat;width:60px;text-align:center;padding-bottom:8px;color:#cabcbc;margin:10px 0}
.role-img {position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:all .3s ease}


.curMod .role-img{left:140px;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);opacity:1;transform:scale(1);filter:alpha(opacity=100)}/*图片怪物*/
.curMod .role-txt{opacity:1;filter:alpha(opacity=100)}
.lunbo3{width:540px;height:370px;float:right;position:absolute;left:-30px;top:50px}/*右边宽度*/
.main_visual2{width:540px;height:370px;float:right;position:relative}/*右边宽度*/
.main_image2 {width:540px;height:370px;float:right;overflow:hidden;position:relative}/*右边宽度*/
.main_image2 ul{width:9990px;height:370px;overflow:hidden;position:absolute;top:0;left:0}
.main_image2 li{width:858px;height:370px;float:right;position:relative;display:none}
.main_image2 li span{width:540px;height:370px;float:right;text-align:center}/*右边宽度*/
.main_image2 li span img{width:540px;height:370px}/*右边宽度*/
.main_image2 li em{width:540px;height:20px;float:right;text-align:center;margin-top:-40px}/*右边宽度*/
.main_image2 li em strong{min-width:80px;line-height:36px;display:inline-table;font-size:30px;color:#ddc4a6;text-align:center;padding:0 50px;background:url(../images/x5.jpg) left center no-repeat,url(../images/x5.jpg) right center no-repeat}
.main_image2 li i{width:260px;line-height:30px;float:right;padding:0 38px;margin-top:30px;font-size:16px;color:#ddc4a6}
div.flicking_con2 a:first-child{margin:0}
#btn_next2,#btn_prev2{z-index:99;position:absolute;display:block;width:72px;height:124px;top:125px;display:block}
#btn_prev2{background:url(../images/l.png) 1px -4px no-repeat;left:5px}
#btn_next2{background:url(../images/l.png) -76px -4px no-repeat;right:5px}
#btn_prev2:hover{background:url(../images/l.png) 0 -136px no-repeat;left:5px}
#btn_next2:hover{background:url(../images/l.png) -75px -136px no-repeat;right:5px}

.rBox{height:600px;width:1200px;margin:0 auto;overflow:hidden;margin-top:70px;margin-bottom:40px}
.roleaBox{height:600px;overflow:hidden;position:relative}
.roleaList{width:1200px;height:600px;position:relative;overflow:hidden;background:#0F0F0F}
.rolea{width:1198px;height:598px;position:absolute;left:0;top:0;z-index:1}
.rolea img.ig{display:none;border:1px solid #b09b5d}
.roleaBtn{width:345px;height:200px;position:absolute;left:20px;top:35px;z-index:10}
.roleaBtn ul{width:345px;height:200px}
.roleaBtn ul li{width:100px;height:100px;margin:0 8px 15px 0;border:3px solid #b09b5d;float:left}
.roleaBtn li a{width:100px;height:100px;display:block;position:relative;cursor:pointer;overflow:hidden}
.roleaBtn li a img{width:100px;height:100px}
.roleaBtn li a span{width:100px;height:100px;line-height:100px;text-align:center;font-size:14px;font-weight:700;color:#d0ad47;background:url(../images/rBg.gif) repeat;display:block;position:absolute;left:0;top:0}
.roleaBtn li.lOn a span{top:-100px}

.footer { margin:50px 0 0 0; background:url(../images/../images/bg.jpg) top repeat-x #000;}
.footer_1 { margin:0 auto; width:1200px; overflow:hidden; font-size:12px; line-height:24px;}
.footer_1 img { border-radius:1em;}
.footer_1 a { font-size:12px;}
.footer_1 span { font-size:12px;}
.footer_1 p { font-size:12px;}


.rightbar{width:176px;height:560px;position:fixed;top:60%;right:0;margin-top:-280px;background:url(../images/rightbar-bg_e2a7cdf.png) no-repeat;z-index:10000;text-align:center;color:#fff;-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.rightbar.close{right:-176px}
.rightbar.close .btn-close{background:url(../images/right-open_9b74337.png) no-repeat}
.rightbar .btn-close{width:31px;height:89px;background:url(../images/right-close_c8af40d.png);position:absolute;top:0;left:-31px}
.rightbar h6{margin-bottom:24px;padding-top:10px;font-size:18px;line-height:24px;font-weight:700;overflow:hidden}
.rightbar h6 span{display:block;font-size:14px}
.rightbar .code{margin:0 0 10px 9px;width:157px;height:188px;background:#919090}
.rightbar .code p{height:30px;line-height:30px;background:#069;margin-bottom:5px}
.rightbar p{font-size:16px;line-height:24px;margin-bottom:5px}
.rightbar .kefu{margin-left:9px;display:block;width:157px;height:51px;background:url(../images/rigth-btn_49081fa.png) no-repeat;line-height:44px;font-size:18px;color:#fff;text-decoration:none;margin-bottom:5px}
.rightbar .kefu:hover{background:url(../images/rigth-btn-h_e60ec9d.png) no-repeat}


.head_28 { position:absolute; top:10px; left:20px; width:1000px; height:40px; line-height:40px; z-index:77px;}
.head_28 a { font-family:"微软雅黑"; font-weight:200; color:#FF9; font-size:20px;}
.head_29 { position:absolute; top:5px; right:0; width:40px; height:40px;}
.head_29 a img { width:40px; height:40px; opacity:0.5; transition:0.5s; border-radius:2em;}
.head_29 a img:hover { opacity:1;}

.pay { width:1200px; overflow:hidden;}
.pay_1 { background:#000; opacity:0.8; width:1198px; overflow:hidden; border-radius:2em; border:double 1px #FFF;}
.pay_2 { margin:30px; width:1138px; height:700px;}
.pay_3 { width:1138px; height:80px; line-height:80px; text-align:left; font-size:30px; font-family:"微软雅黑"; color:#FFC; font-weight:200; border-bottom:double 1px #999; margin-bottom:20px;}
.pay_4 { margin:1px; width:1136px; overflow:hidden;}
.pay_5 li { float:left; width:180px; height:44px; line-height:40px; text-align:center; border:double 1px #C00; background:#181818; transition:0.5s; margin:0 20px 0 0;}
.pay_5 li a { font-size:22px; font-family:"微软雅黑"; font-weight:200; color:#FFF;}
.pay_5 li:hover { background:#073F31;}

.pay_6 { background:url(../images/hot.jpg) left center no-repeat; width:1138px; overflow:hidden; line-height:40px; text-align:left; margin-bottom:20px; }
.pay_6 a { margin-left:30px; font-size:14px; font-family:"微软雅黑"; color:#6FF; font-weight:200;}


.kv-music{position:fixed;z-index:9999;top:0px;left:190px; width:58px;height:100px;}