@charset "utf-8";
/* CSS Document */
/*----*/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,p,th,td{margin:0;padding:0}
img{border:0;vertical-align:top}
ol,ul{list-style:none}
a,area{blr:expression(this.onFocus=this.blur())}
body{font:normal 12px/20px "微软雅黑","宋体",Tahoma,Geneva,sans-serif;background:#fff  url(../images/footerbg.jpg) no-repeat center bottom;; }
a{color:#a9764d;text-decoration:none;outline:none}
a:hover{color:#e0cfaa;text-decoration:underline}

.wrap{width:1000px;margin:0 auto; margin-top:-250px; position:relative; z-index:200;}

.ml11 { margin-left:12px;}
ul,ol,li { list-style:none;}
/*----*/

/* FLOAT */
.fr { float: right; }
.fl { float: left; }
/* DISPLAY */
.disb { display: block; }
.hid { display: none; }
.disib { display: inline-block; *display: inline;
*zoom: 1;
}
.mt12 { margin-top: 12px; }
.ti { text-indent: -999em; }
.pt100 { padding-top: 100px; }
.pt250 { padding-top: 250px; }
/* global */

/*---*/
.k3 { width:1200px; height:auto;  overflow:hidden; margin:0 auto; margin-top:20px;}



/*-----*/
#wrap{width:1200px;margin:0 auto;position:relative;color:#3e3a39; margin-top:-279px; z-index:10;}
.clear,.g-clr{zoom:1}
.clear:after,.g-clr:after{display:block;clear:both;height:0;content:"\0020"}
#index_content{float:right;width:931px;height:auto; overflow:hidden;position:relative;color:#3e3a39}

/*----*/
#sidebar{width:259px;height:auto; overflow:hidden;float:left;overflow:hidden;color:#3e3a39}
#sidebar a{color:#3e3a39}
#sidebar a:hover,#sidebar a.b{color:#1c77d5}
.sidebar_box{width:259px;overflow:hidden;clear:both}
.sidebar_box img{width:259px;height:445px}


#linksbox{height:275px;background:url(../images/link.png) no-repeat left top}
#linksbox a{display:block;overflow:hidden}
#linksbox a i{width:100%;height:100%;background:url(../images/link.png) no-repeat;cursor:pointer}
#linksbox a#links_download{width:259px;height:155px}
#linksbox a#links_download i{background-position:-261px 0}
#linksbox ul li{float:left}
#linksbox ul li a{width:130px;height:60px}
#linksbox ul li a#links_reg i{background-position:-260px -155px}
#linksbox ul li a#links_pay i{background-position:-390px -155px}
#linksbox ul li a#links_gift i{background-position:-260px -215px}
#linksbox ul li a#links_protect i{background-position:-390px -215px}
#linksbox ul li a#links_pay,#linksbox ul li a#links_protect{width:129px}

/*----*/
#appbox{height:69px;padding-top:10px}
#appbox a{display:block;width:259px;height:69px;background:url(../images/appbtns.png) no-repeat}
#appbox a i{display:block;width:100%;height:100%;cursor:pointer}
#appbox a i{background:url(../images/appbtns.png) no-repeat -260px 0}

#quickbox{height:450px;padding-top:10px}
#quickbox a{display:block;width:259px;height:75px;overflow:hidden;background:url(../images/quickbtns.png) no-repeat}
#quickbox a i{display:block;width:100%;height:100%;background:url(../images/quickbtns.png) no-repeat}
#quickbox a#quickbox_cbg{background-position:0 0}
#quickbox a#quickbox_newbie{background-position:0 -75px}
#quickbox a#quickbox_comic{background-position:0 -150px}
#quickbox a#quickbox_tongren{background-position:0 -225px}
#quickbox a#quickbox_juqing{background-position:0 -300px}
#quickbox a#quickbox_weibo{background-position:0 -375px;width:109px;float:left;padding-left:20px}
#quickbox a#quickbox_weixin{background-position:-129px -375px;width:113px;float:left;padding-left:17px}
#quickbox a span{display:block;height:75px;background:url(../images/quickbtns.png) no-repeat -999em -999em;float:left;cursor:pointer}
#quickbox a span.icon{width:85px}
#quickbox a span.word{width:174px}
#quickbox a#quickbox_cbg span.icon{background-position:-520px 0}
#quickbox a#quickbox_cbg span.word{background-position:-605px 0}
#quickbox a#quickbox_newbie span.icon{background-position:-520px -75px}
#quickbox a#quickbox_newbie span.word{background-position:-605px -75px}
#quickbox a#quickbox_comic span.icon{background-position:-520px -150px}
#quickbox a#quickbox_comic span.word{background-position:-605px -150px}
#quickbox a#quickbox_tongren span.icon{background-position:-520px -225px}
#quickbox a#quickbox_tongren span.word{background-position:-605px -225px}
#quickbox a#quickbox_juqing span.icon{background-position:-520px -300px}
#quickbox a#quickbox_juqing span.word{background-position:-605px -300px}
#quickbox a#quickbox_weibo span.icon{background-position:-539px -375px;width:53px}
#quickbox a#quickbox_weibo span.word{background-position:-592px -374px;width:49px}
#quickbox a#quickbox_weixin span.icon{background-position:-665px -375px;width:53px}
#quickbox a#quickbox_weixin span.word{background-position:-718px -374px;width:49px}


#showbox li a span.icon,#quickbox a span.icon{-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;-ms-transition:all .3s linear 0s;transition:all .3s linear 0s;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}
#showbox li a:hover span.icon,#quickbox a:hover span.icon{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition:all .4s linear .05s;-moz-transition:all .4s linear .05s;-o-transition:all .4s linear .05s;-ms-transition:all .4s linear .05s;transition:all .4s linear .05s}


.hvr-fade{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;overflow:hidden;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity;filter:alpha(opacity=0);opacity:0}
.hvr-fade:hover,.hvr-fade:focus,.hvr-fade:active{filter:alpha(opacity=100);opacity:1}
.hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:background-position;transition-property:background-position;-webkit-transition-duration:.3s;transition-duration:.3s}
.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-rectangle-out:hover,.hvr-rectangle-out:focus,.hvr-rectangle-out:active{}
.hvr-rectangle-out:hover:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:active:before{-webkit-transform:scale(1);transform:scale(1)}
.hvr-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:background-position;transition-property:background-position;-webkit-transition-duration:.3s;transition-duration:.3s}
.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-sweep-to-right:hover,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:active{}
.hvr-sweep-to-right:hover:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}
.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-shutter-out-vertical:hover,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:active{}
.hvr-shutter-out-vertical:hover:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}
.hvr-radial-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-radial-out:hover,.hvr-radial-out:focus,.hvr-radial-out:active{}
.hvr-radial-out:hover:before,.hvr-radial-out:focus:before,.hvr-radial-out:active:before{-webkit-transform:scale(1);transform:scale(1)}
@-webkit-keyframes filp-l{0%{-webkit-transform:rotateY(0deg)}
100%{-webkit-transform:rotateY(180deg)}}@-moz-keyframes filp-l{0%{-moz-transform:rotateY(0deg)}
100%{-moz-transform:rotateY(180deg)}}@-ms-keyframes filp-l{0%{-ms-transform:rotateY(0deg)}
100%{-ms-transform:rotateY(180deg)}}@keyframes filp-l{0%{transform:rotateY(0deg)}
100%{transform:rotateY(180deg)}}@-webkit-keyframes filp-r{0%{-webkit-transform:rotateY(-180deg)}
100%{-webkit-transform:rotateY(0deg)}}@-moz-keyframes filp-r{0%{-moz-transform:rotateY(-180deg)}
100%{-moz-transform:rotateY(0deg)}}@-ms-keyframes filp-r{0%{-ms-transform:rotateY(-180deg)}
100%{-ms-transform:rotateY(0deg)}}@keyframes filp-r{0%{transform:rotateY(-180deg)}
100%{transform:rotateY(0deg)}}.hover-l{-webkit-animation:filp-l .6s cubic-bezier(.5,.47,.9,1) none;-moz-animation:filp-l .6s cubic-bezier(.5,.47,.9,1) none;-ms-animation:filp-l .6s cubic-bezier(.5,.47,.9,1) none}
.hover-r{-webkit-animation:filp-r .6s cubic-bezier(.5,.47,.9,1) none;-moz-animation:filp-r .6s cubic-bezier(.5,.47,.9,1) none;-ms-animation:filp-r .6s cubic-bezier(.5,.47,.9,1) none}


/*-----*/
/*---*/
.show_pics { position: relative; width: 470px; height: 350px;  float:left }
.show_pics  img { width:470px; height:350px;}
.show_pics ol { position: absolute; bottom: 16px; left: 300px; z-index: 9; }
.show_pics ol li { display: inline; float: left; width: 22px; height: 22px; margin-right: 10px; background: url(../images/common.png) no-repeat -351px -52px; cursor: pointer; }
.show_pics ol li.on { width: 22px; background-position: -351px -27px; }
.show_pics ul { }
.show_pics ul li { position: absolute; top: 0; left: 0; }



/*----*/

.newswrap { position: relative; width: 452px; height: 350px;   background-color: #f9fafb; float:right }
.news-nav { width: 452px; height: 50px; background-color: #ededed; border-bottom: 1px solid #e8e8e8; position: relative; overflow: hidden; }
.news-nav a { display: inline-block; width: 74px; height: 51px; text-align: center; font: 400 16px/50px "Microsoft Yahei"; color: #9f0f07; overflow: hidden; position: relative; z-index: 2; }
.news-nav span { display: inline-block; width: 74px; height: 51px; text-align: center; background: url(../images/news_side_line.jpg) no-repeat 0 0; }
.news-nav span.line_none { background: none; }
.motion_bar { position: absolute; left: 0; bottom: 0; width: 74px; height: 6px; background-color: #3471b0; font-size: 0; z-index: 1; }
.hotlink { width: 452px; height: 41px; text-align: center; overflow: hidden; }
.hotlink a { font: 600 18px/41px "Microsoft Yahei"; color: #992a2a; }
.hotlink a:hover { color: #d44d05; text-decoration: underline; }

.news-content ul { }
.news-content li { width: 428px; height: 20px; _height: 20px; *height: 34px;padding: 0 12px; overflow: hidden; border-top: 1px solid #dee1e5;  font: 400 14px/34px "Microsoft Yahei"; color: #9f0f07; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news-content li:hover { color: #89898a; text-decoration: underline; cursor:pointer; }

/*---*/
.hotlink { width: 452px; height: 41px; text-align: center; overflow: hidden; }
.hotlink a { font: 600 18px/41px "Microsoft Yahei"; color: #992a2a; }
.hotlink a:hover { color: #d44d05; text-decoration: underline; }

/*---*/
.news-content ul { }
.news-content li { width: 428px; height: 39px; _height: 34px; *height: 34px;
padding: 0 12px; overflow: hidden; border-top: 1px solid #dee1e5; }
.news-content li a { float: left; width: 350px; height: 39px; font: 400 14px/34px "Microsoft Yahei"; color: #89898a; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news-content li a:hover { color: #89898a; text-decoration: underline; }
.news-content li time { float: right; font: 400 14px/34px "Microsoft Yahei"; color: #89898a; }

/*---*/




/*--------*/
/*装备*/
.m3 { width:100%; height:auto; overflow:hidden; padding-bottom:0px;  }


.m3_zb { width:1200px; height:auto; overflow:hidden;  margin:0 auto; padding:20px 00px 00px 00px ;  }

.m3_zb_4 { width:290px;  height:auto; overflow:hidden;float:left;    background:#2e3c6a; border:#4074af 1px solid}
/*
.m3_zb_4_t { width:264px; height:15px; background: url(../images/zb04_t.png) no-repeat; float:left}
.m3_zb_4_d { width:264px; height:15px; background:url(../images/zb04_d.png) no-repeat; float:left}
*/
.m3_zb_4 .role-itemst { width: 270px; height: auto; float: left; position: relative; margin:10px;}
.m3_zb_4 .role-itemst img { width:270px; height:auto; overflow:hidden;   border:#77c1fa 1px solid;border-radius:15px;}
.m3_zb_4 .role-itemst .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_4 .role-itemst .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_4 .role-itemst .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemst:hover .role-dec { top:0px; left:0px; }


.m3_zb_3 { width:390px;  height:auto; overflow:hidden;  float:left; background:#fff;border:#600202 1px solid;margin-top:-10px}
/*
.m3_zb_3_t { width:352px; height:15px; background: url(../images/zb03_t.png) no-repeat; float:left}
.m3_zb_3_d { width:352px; height:15px; background:url(../images/zb03_d.png) no-repeat; float:left}
*/
.m3_zb_3 .role-itemsy { width: 370px; height: auto; float: left; position: relative;  margin:10px;  }
.m3_zb_3 .role-itemsy img { width:370px; height:auto; overflow:hidden;}
.m3_zb_3 .role-itemsy .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_3 .role-itemsy .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_3 .role-itemsy .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsy:hover .role-dec { top:0px; left:0px; }

.m3_zb_2 { width:592px;  height:auto; overflow:hidden; 10px;float:left;    background:#fff; border:#600202 1px solid;}
/*
.m3_zb_2_t { width:535px; height:15px; background: url(../images/zb02_t.png) no-repeat; float:left}
.m3_zb_2_d { width:535px; height:15px; background:url(../images/zb02_d.png) no-repeat; float:left}
*/
.m3_zb_2 .role-itemsu { width: 573px; height: auto; float: left; position: relative;  margin:10px;  }
.m3_zb_2 .role-itemsu img { width:573px; height:auto; overflow:hidden;}
.m3_zb_2 .role-itemsu .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_2 .role-itemsu .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_2 .role-itemsu .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsu:hover .role-dec { top:0px; left:0px; }


.m3_zb_1 { width:1198px;  height:auto; overflow:hidden;  float:left;   background:#2e3c6a; border:#4074af 1px solid}
/*
.m3_zb_1_t { width:1090px; height:15px; background: url(../images/zb01_t.png) no-repeat; float:left}
.m3_zb_1_d { width:1000px; height:15px; background:url(../images/zb01_d.png) no-repeat; float:left}
*/
.m3_zb_1 .role-itemsk { width: 1178px; height: auto; float: left; position: relative;   margin:10px;  }
.m3_zb_1 .role-itemsk img { width:1178px; height:auto; overflow:hidden;   border:#77c1fa 1px solid;border-radius:15px;}
.m3_zb_1 .role-itemsk .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_1 .role-itemsk .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_1 .role-itemsk .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsk:hover .role-dec { top:0px; left:0px; }


/*-----*/
.TabBox{width:924px;height:444px;background:#fff url(../images/tabbox.jpg) no-repeat left;;position:relative;margin-top:0px;float:right; margin-top:15px;border:1px solid #9f0f07;}
.TabBox .nav{width:960px;height:60px;line-height:60px;border-bottom:1px solid #9f0f07;position:absolute;top:20;left:20}
.TabBox .nav li{width:110px;height:60px;text-align:center;float:left;cursor:pointer;color:#9f0f07;font-size:14px;font-weight:bold; }
.TabBox .nav li.active{border-bottom:3px solid #d76d67;height:59px;color:#d76d67 }
.TabBox .sho{display:none}

.TabBox .infobox{width:450px;height:270px;position:absolute;top:90px;left:15px;padding:30px;}
.TabBox .infobox h3{font-weight:bold;font-size:28px;color:#fff;padding-left:10px;margin-bottom:30px;text-align:center}
.TabBox .infobox p{position:absolute;top:168px;left:6px}
.TabBox .infobox .nr{line-height:26px;color:#500601;width:410px;padding-left:10px;margin-top:40px}
.TabBox .infobox .nr em{display:block;color:#500601;font-size:14px;margin-bottom:5px}
.TabBox .infobox .nr dd{display:block;color:#500601;font-size:14px;margin-bottom:10px}
.TabBox .infobox .nr span{display:block;width:410px;color:#500601}
.TabBox .renwu{position:absolute;top:100px;right:0}

/*-----*/
#wmwenjuan{display:none;width:240px;height:450px;position:fixed;right:0px;bottom:0;_bottom:auto;_right:auto;_margin-top:0;_position:absolute;z-index:9990;}
#wmwenjuan a {display:block; z-index:9998;}
#wmwenjuan a#wenjuan_close{width:26px;height:26px;position:absolute;top:0px;right:0px;cursor:pointer;z-index:9999;}

.dMovebottom{position:absolute;width:100%;height:70px;left:0;bottom:0;z-index:20;background:url(../images/bottom_bg.png) no-repeat top center;display:none}
.dMovebottom_1{position:fixed}
.dMovebg{width:1200px;height:70px;margin:0 auto;z-index:2;display:none}
.dMove{padding-left:109px;width:1091px;height:70px;margin:0 auto}
.dMove .dlink{display:block;width:199px;height:70px;text-indent:-999em;background:url(../images/bottom_bg.png) no-repeat;float:left}
.dMove #dlink1{background-position:-469px -140px}
.dMove #dlink1:hover,.dMove #dlink1.current{background-position:-469px -70px}
.dMove #dlink2{background-position:-668px -140px}
.dMove #dlink2:hover,.dMove #dlink2.current{background-position:-668px -70px}
.dMove #dlink3,.dMove #getcdkey{background-position:-867px -140px;margin-right:37px}
.dMove #dlink3:hover,.dMove #dlink3.current,.dMove #getcdkey:hover,.dMove #getcdkey2.current{background-position:-867px -70px}
.dMove #dlink4{background-position:-1103px -140px}
.dMove #dlink4:hover,.dMove #dlink4.current{background-position:-1103px -70px}
.dMove #dlink5{background-position:-1302px -140px}
.dMove #dlink5:hover,.dMove #dlink5.current{background-position:-1302px -70px}


.m-page,.g-wrap{ height: 100%;position: absolute;width: 100%;}
.contentbox{ /*width:1160px;*/height:100%; margin:0 auto; position:absolute;margin-left:20px}
#page5 {width:1200px;height:700px;background:#fff url(../images/page5_bg.jpg) no-repeat;position:relative; margin:10px auto 10px; border:#600202 1px solid;}
#page4 {background:#fff url(../images/page5_bg.jpg) no-repeat; width:500px; height:610px; position:absolute; top:70px; z-index:100}
#page4 { background:url(../zb/1.gif) no-repeat center top;left:680px}
.role_bg_1t{ background:url(../images/role_bg_1.1.jpg) no-repeat center top !important; width:100%; height:auto; }
.role_bg_1{ background:url(../zb/1.gif) no-repeat center top !important; }
.role_bg_2{ background:url(../zb/2.gif) no-repeat center top !important;}
.role_bg_3{ background:url(../zb/3.gif) no-repeat center top !important;}
.role_bg_4{ background:url(../zb/4.gif) no-repeat center top !important;}
.role_bg_5{ background:url(../zb/5.gif) no-repeat center top !important;}
.role_bg_6{ background:url(../zb/6.gif) no-repeat center top !important;}
.role_bg_7{ background:url(../zb/7.gif) no-repeat center top !important;}
.role_bg_8{ background:url(../zb/8.gif) no-repeat center top !important;}
.role_bg_9{ background:url(../zb/9.gif) no-repeat center top !important;}
.role_bg_10{ background:url(../zb/10.gif) no-repeat center top !important;}
.role_bg_11{ background:url(../zb/11.gif) no-repeat center top !important;}
.role_bg_12{ background:url(../zb/12.gif) no-repeat center top !important;}
.role_bg_13{ background:url(../zb/13.gif) no-repeat center top !important;}
.role_bg_14{ background:url(../zb/14.gif) no-repeat center top !important;}
.role_bg_15{ background:url(../zb/15.gif) no-repeat center top !important;}
.role_bg_16{ background:url(../zb/16.gif) no-repeat center top !important;}


.page4{
animation:mymove 2s infinite;
-moz-animation:mymove 2s infinite; /* Firefox */
-webkit-animation:mymove 2s infinite; /* Safari and Chrome */
-o-animation:mymove 2s infinite; /* Opera */
     -webkit-animation-iteration-count:1; 
            -webkit-animation-timing-function: erase-in; 
            -webkit-animation-direction:normal; 
			 -webkit-animation-fill-mode:forwards;
}
@keyframes mymove
{
from { right:-0px;}
to {right:400px;}
}

@-moz-keyframes mymove /* Firefox */
{
from { right:-300px;}
to {right:50px;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
from { right:-300px;}
to {right:50px;}
}

@-o-keyframes mymove /* Opera */
{
from { right:-300px;}
to {right:50px;}
}
.role_bg_1{
animation:mymove1 2s infinite;
-moz-animation:mymove1 2s infinite; /* Firefox */
-webkit-animation:mymove1 2s infinite; /* Safari and Chrome */
-o-animation:mymove1 2s infinite; /* Opera */
     -webkit-animation-iteration-count:1; 
            -webkit-animation-timing-function: erase-in; 
            -webkit-animation-direction:normal; 
			 -webkit-animation-fill-mode:forwards;
}
@keyframes mymove1
{
from { left:100px;}
to {left:680px;}
}

@-moz-keyframes mymove1 /* Firefox */
{
from { left:100px;}
to {left:680px;}
}

@-webkit-keyframes mymove1 /* Safari and Chrome */
{
from { left:100px;}
to {left:680px;}
}

@-o-keyframes mymove1 /* Opera */
{
from { left:100px;}
to {left:680px;}
}
.role_bg_2{
animation:mymove2 2s infinite;
-moz-animation:mymove2 2s infinite; /* Firefox */
-webkit-animation:mymove3 2s infinite; /* Safari and Chrome */
-o-animation:mymove2 2s infinite; /* Opera */
     -webkit-animation-iteration-count:1; 
            -webkit-animation-timing-function: erase-in; 
            -webkit-animation-direction:normal; 
			 -webkit-animation-fill-mode:forwards;
}
@keyframes mymove2
{
from { left:100px;}
to {left:680px;}
}

@-moz-keyframes mymove2 /* Firefox */
{
from { left:100px;}
to {left:680px;}
}

@-webkit-keyframes mymove2 /* Safari and Chrome */
{
from { left:100px;}
to {left:680px;}
}

@-o-keyframes mymove2 /* Opera */
{
from { left:100px;}
to {left:680px;}
}
.role_bg_3{
animation:mymove3 2s infinite;
-moz-animation:mymove3 2s infinite; /* Firefox */
-webkit-animation:mymove3 2s infinite; /* Safari and Chrome */
-o-animation:mymove3 2s infinite; /* Opera */
     -webkit-animation-iteration-count:1; 
            -webkit-animation-timing-function: erase-in; 
            -webkit-animation-direction:normal; 
			 -webkit-animation-fill-mode:forwards;
}
@keyframes mymove3
{
from { left:100px;}
to {left:680px;}
}

@-moz-keyframes mymove3 /* Firefox */
{
from { left:100px;}
to {left:680px;}
}

@-webkit-keyframes mymove3 /* Safari and Chrome */
{
from { left:100px;}
to {left:680px;}
}

@-o-keyframes mymove3 /* Opera */
{
from { left:100px;}
to {left:680px;}
}
.role_bg_4{
animation:mymove4 2s infinite;
-moz-animation:mymove4 2s infinite; /* Firefox */
-webkit-animation:mymove4 2s infinite; /* Safari and Chrome */
-o-animation:mymove4 2s infinite; /* Opera */
     -webkit-animation-iteration-count:1; 
            -webkit-animation-timing-function: erase-in; 
            -webkit-animation-direction:normal; 
			 -webkit-animation-fill-mode:forwards;
}
@keyframes mymove4
{
from { left:100px;}
to {left:680px;}
}

@-moz-keyframes mymove4 /* Firefox */
{
from { left:100px;}
to {left:680px;}
}

@-webkit-keyframes mymove4 /* Safari and Chrome */
{
from { left:100px;}
to {left:680px;}
}

@-o-keyframes mymove4 /* Opera */
{
from { left:100px;}
to {left:680px;}
}
.role_bg_5{
animation:mymove5 2s infinite;
-moz-animation:mymove5 2s infinite; /* Firefox */
-webkit-animation:mymove5 2s infinite; /* Safari and Chrome */
-o-animation:mymove5 2s infinite; /* Opera */
     -webkit-animation-iteration-count:1; 
            -webkit-animation-timing-function: erase-in; 
            -webkit-animation-direction:normal; 
			 -webkit-animation-fill-mode:forwards;
}
@keyframes mymove5
{
from { left:100px;}
to {left:680px;}
}

@-moz-keyframes mymove5 /* Firefox */
{
from { left:100px;}
to {left:680px;}
}

@-webkit-keyframes mymove5 /* Safari and Chrome */
{
from { left:100px;}
to {left:680px;}
}

@-o-keyframes mymove5 /* Opera */
{
from { left:100px;}
to {left:680px;}
}
.role_bg_6{
animation:mymove6 2s infinite;
-moz-animation:mymove6 2s infinite; /* Firefox */
-webkit-animation:mymove6 2s infinite; /* Safari and Chrome */
-o-animation:mymove6 2s infinite; /* Opera */
     -webkit-animation-iteration-count:1; 
            -webkit-animation-timing-function: erase-in; 
            -webkit-animation-direction:normal; 
			 -webkit-animation-fill-mode:forwards;
}
@keyframes mymove6
{
from { left:100px;}
to {left:680px;}
}

@-moz-keyframes mymove6 /* Firefox */
{
from { left:100px;}
to {left:680px;}
}

@-webkit-keyframes mymove6 /* Safari and Chrome */
{
from { left:100px;}
to {left:680px;}
}

@-o-keyframes mymove6 /* Opera */
{
from { left:100px;}
to {left:680px;}
}
.role_bg_7{
animation:mymove7 2s infinite;
-moz-animation:mymove7 2s infinite; /* Firefox */
-webkit-animation:mymove7 2s infinite; /* Safari and Chrome */
-o-animation:mymove7 2s infinite; /* Opera */
     -webkit-animation-iteration-count:1; 
            -webkit-animation-timing-function: erase-in; 
            -webkit-animation-direction:normal; 
			 -webkit-animation-fill-mode:forwards;
}
@keyframes mymove7
{
from { left:100px;}
to {left:680px;}
}

@-moz-keyframes mymove7 /* Firefox */
{
from { left:100px;}
to {left:680px;}
}

@-webkit-keyframes mymove7 /* Safari and Chrome */
{
from { left:100px;}
to {left:680px;}
}

@-o-keyframes mymove7 /* Opera */
{
from { left:100px;}
to {left:680px;}
}
.role_bg_8{
animation:mymove8 2s infinite;
-moz-animation:mymove8 2s infinite; /* Firefox */
-webkit-animation:mymove8 2s infinite; /* Safari and Chrome */
-o-animation:mymove8 2s infinite; /* Opera */
     -webkit-animation-iteration-count:1; 
            -webkit-animation-timing-function: erase-in; 
            -webkit-animation-direction:normal; 
			 -webkit-animation-fill-mode:forwards;
}
@keyframes mymove8
{
from { left:100px;}
to {left:680px;}
}

@-moz-keyframes mymove8 /* Firefox */
{
from { left:100px;}
to {left:680px;}
}

@-webkit-keyframes mymove8 /* Safari and Chrome */
{
from { left:100px;}
to {left:680px;}
}

@-o-keyframes mymove8 /* Opera */
{
from { left:100px;}
to {left:680px;}
}
.role_bg_9{
animation:mymove9 2s infinite;
-moz-animation:mymove9 2s infinite; /* Firefox */
-webkit-animation:mymove9 2s infinite; /* Safari and Chrome */
-o-animation:mymove9 2s infinite; /* Opera */
     -webkit-animation-iteration-count:1; 
            -webkit-animation-timing-function: erase-in; 
            -webkit-animation-direction:normal; 
			 -webkit-animation-fill-mode:forwards;
}@keyframes mymove9
{
from { left:100px;}
to {left:680px;}
}

@-moz-keyframes mymove9 /* Firefox */
{
from { left:100px;}
to {left:680px;}
}

@-webkit-keyframes mymove9 /* Safari and Chrome */
{
from { left:100px;}
to {left:680px;}
}

@-o-keyframes mymove9 /* Opera */
{
from { left:100px;}
to {left:680px;}
}
.role_bg_10{
animation:mymove10 2s infinite;
-moz-animation:mymove10 2s infinite; /* Firefox */
-webkit-animation:mymove10 2s infinite; /* Safari and Chrome */
-o-animation:mymove10 2s infinite; /* Opera */
     -webkit-animation-iteration-count:1; 
            -webkit-animation-timing-function: erase-in; 
            -webkit-animation-direction:normal; 
			 -webkit-animation-fill-mode:forwards;
}

@keyframes mymove10
{
from { left:100px;}
to {left:680px;}
}

@-moz-keyframes mymove10 /* Firefox */
{
from { left:100px;}
to {left:680px;}
}

@-webkit-keyframes mymove10 /* Safari and Chrome */
{
from { left:100px;}
to {left:680px;}
}

@-o-keyframes mymove10 /* Opera */
{
from { left:100px;}
to {left:680px;}
}

.role_bg_11{
animation:mymove11 2s infinite;
-moz-animation:mymove11 2s infinite; /* Firefox */
-webkit-animation:mymove11 2s infinite; /* Safari and Chrome */
-o-animation:mymove11 2s infinite; /* Opera */
     -webkit-animation-iteration-count:1; 
            -webkit-animation-timing-function: erase-in; 
            -webkit-animation-direction:normal; 
			 -webkit-animation-fill-mode:forwards;
}

@keyframes mymove11
{
from { left:100px;}
to {left:680px;}
}

@-moz-keyframes mymove11 /* Firefox */
{
from { left:100px;}
to {left:680px;}
}

@-webkit-keyframes mymove11 /* Safari and Chrome */
{
from { left:100px;}
to {left:680px;}
}

@-o-keyframes mymove11 /* Opera */
{
from { left:100px;}
to {left:680px;}
}

.role_bg_12{
animation:mymove12 2s infinite;
-moz-animation:mymove12 2s infinite; /* Firefox */
-webkit-animation:mymove12 2s infinite; /* Safari and Chrome */
-o-animation:mymove12 2s infinite; /* Opera */
     -webkit-animation-iteration-count:1; 
            -webkit-animation-timing-function: erase-in; 
            -webkit-animation-direction:normal; 
			 -webkit-animation-fill-mode:forwards;
}

@keyframes mymove12
{
from { left:100px;}
to {left:680px;}
}

@-moz-keyframes mymove12 /* Firefox */
{
from { left:100px;}
to {left:680px;}
}

@-webkit-keyframes mymove12 /* Safari and Chrome */
{
from { left:100px;}
to {left:680px;}
}

@-o-keyframes mymove12 /* Opera */
{
from { left:100px;}
to {left:680px;}
}

.role_bg_13{
animation:mymove13 2s infinite;
-moz-animation:mymove13 2s infinite; /* Firefox */
-webkit-animation:mymove13 2s infinite; /* Safari and Chrome */
-o-animation:mymove13 2s infinite; /* Opera */
     -webkit-animation-iteration-count:1; 
            -webkit-animation-timing-function: erase-in; 
            -webkit-animation-direction:normal; 
			 -webkit-animation-fill-mode:forwards;
}

@keyframes mymove13
{
from { left:100px;}
to {left:680px;}
}

@-moz-keyframes mymove13 /* Firefox */
{
from { left:100px;}
to {left:680px;}
}

@-webkit-keyframes mymove13 /* Safari and Chrome */
{
from { left:100px;}
to {left:680px;}
}

@-o-keyframes mymove13 /* Opera */
{
from { left:100px;}
to {left:680px;}
}

.role_bg_14{
animation:mymove14 2s infinite;
-moz-animation:mymove14 2s infinite; /* Firefox */
-webkit-animation:mymove14 2s infinite; /* Safari and Chrome */
-o-animation:mymove14 2s infinite; /* Opera */
     -webkit-animation-iteration-count:1; 
            -webkit-animation-timing-function: erase-in; 
            -webkit-animation-direction:normal; 
			 -webkit-animation-fill-mode:forwards;
}

@keyframes mymove14
{
from { left:100px;}
to {left:680px;}
}

@-moz-keyframes mymove14 /* Firefox */
{
from { left:100px;}
to {left:680px;}
}

@-webkit-keyframes mymove14 /* Safari and Chrome */
{
from { left:100px;}
to {left:680px;}
}

@-o-keyframes mymove14 /* Opera */
{
from { left:100px;}
to {left:680px;}
}

.role_bg_15{
animation:mymove15 2s infinite;
-moz-animation:mymove15 2s infinite; /* Firefox */
-webkit-animation:mymove15 2s infinite; /* Safari and Chrome */
-o-animation:mymove15 2s infinite; /* Opera */
     -webkit-animation-iteration-count:1; 
            -webkit-animation-timing-function: erase-in; 
            -webkit-animation-direction:normal; 
			 -webkit-animation-fill-mode:forwards;
}

@keyframes mymove15
{
from { left:100px;}
to {left:680px;}
}

@-moz-keyframes mymove15 /* Firefox */
{
from { left:100px;}
to {left:680px;}
}

@-webkit-keyframes mymove15 /* Safari and Chrome */
{
from { left:100px;}
to {left:680px;}
}

@-o-keyframes mymove15 /* Opera */
{
from { left:100px;}
to {left:680px;}
}


.role_bg_16{
animation:mymove16 2s infinite;
-moz-animation:mymove16 2s infinite; /* Firefox */
-webkit-animation:mymove16 2s infinite; /* Safari and Chrome */
-o-animation:mymove16 2s infinite; /* Opera */
     -webkit-animation-iteration-count:1; 
            -webkit-animation-timing-function: erase-in; 
            -webkit-animation-direction:normal; 
			 -webkit-animation-fill-mode:forwards;
}

@keyframes mymove16
{
from { left:100px;}
to {left:680px;}
}

@-moz-keyframes mymove16 /* Firefox */
{
from { left:100px;}
to {left:680px;}
}

@-webkit-keyframes mymove16 /* Safari and Chrome */
{
from { left:100px;}
to {left:680px;}
}

@-o-keyframes mymove16 /* Opera */
{
from { left:100px;}
to {left:680px;}
}

.job_t_box{ width:602px; padding:28px 0; position:relative; z-index:500;  }
.job_t{ background:#600202; width:1160px; height:42px; position:absolute; top:10px; z-index:2;filter:alpha(opacity=80);  /*支持 IE 浏览器*/-moz-opacity:0.80; /*支持 FireFox 浏览器*/opacity:0.80;  /*支持 Chrome, Opera, Safari 等浏览器*/}
.job_t_box span { color:#fff; position:absolute; z-index:5;  font-size:24px;left:20px; top:10px; }
.job_tips{ background:url(../images/black_bg_60.png) repeat; width:222px; height:30px; line-height:30px; text-align:center; color:#fee9c2; font-size:14px; float:right;}
.tab_job{ width:610px;  padding:5px; position:relative; position:absolute; top:70px;}
.tab_job_hei { width:610px; height:610px; position:absolute; left:0px; top:0px; background:#600202;filter:alpha(opacity=80);  /*支持 IE 浏览器*/-moz-opacity:0.80; /*支持 FireFox 浏览器*/opacity:0.80;  /*支持 Chrome, Opera, Safari 等浏览器*/}
.tab_job_list li { float:left; width:190px; height:190px; cursor:pointer; margin:5px;}
.tab_job_list li img{ width:190px; height:190px; filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);}
.tab_job_list li.on img{ filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0); position:absolute; z-index:2;}
.tab_job_con{ display:none;}
.tab_job_con img{ margin:35px; float:left;}
.tab_job_con p{ padding-top:20px; color:#dacbbf; font-size:14px; line-height:1.8;}
.tab_job_con p strong{ color:#ffd382;}
.tab_job_con a{ color:#dacbbf; float:right; border:1px solid #75685f; padding:3px 20px; margin-top:5px;}

#m33{margin:20px auto 20px;width:1200px; clear:both;}
/*职业*/
#ZhiYe{float:left;width:1180px;height:368px;position:relative;z-index:500;border:#600202 1px solid;padding:10px;background:#fff;}
#ZhiYe .ZhiYe_box{width:1180px;height:368px;position:relative;overflow:hidden;}
#ZhiYe .ZhiYe_box strong{width:1180px;height:57px;line-height:57px;text-align:center;position:absolute;font-size:18px;font-weight:normal;color:#fff;bottom:0;left:0px;background-color:#464241;z-index:1000;}
#ZhiYe .ZhiYe_box .pic{position:absolute;left:0;z-index:500;}

#ZhiYe .gundong{width:575px;}
#ZhiYe .gundong .jCarouselLite{float:left;width:1280px;/*height:690px;*/overflow:hidden;}
#ZhiYe .move_right,#ZhiYe .move_left{float:left;width:27px;height:295px;position:absolute;top:200px;z-index:500;}
#ZhiYe .move_left span,#ZhiYe .move_right span{width:28px;height:56px;position:absolute;top:50%;margin-top:-28px;background:url(../images/arrow.png) no-repeat left top;background-repeat:no-repeat;}
#ZhiYe .move_left{left:25px;}
#ZhiYe .move_left span{background-position:left top;}
#ZhiYe .move_left:hover span{background-position:left bottom;}
#ZhiYe .move_right{right:25px;}
#ZhiYe .move_right span{background-position:right top;}
#ZhiYe .move_right:hover span{background-position:right bottom;}



.rightbar{width:208px;height:619px;position:fixed;top:40%;right:0;margin-top:-280px;background:url(left1.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:-208px}
.rightbar.close .btn-close{background:url(left4.png) no-repeat}
.rightbar .btn-close{width:86px;height:73px;background:url(left2.png);position:absolute;top:10px;left:-86px}
.rightbar h6{margin-bottom:10px;padding-top:30px; padding-left:28px;/*右边*/ 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 35px;/*右边*/width:157px;height:167px;background:#d0b37e; /*微信底色*/}
.rightbar .code p{height:30px;line-height:30px;background:#8e7649;/*微信底色*/margin-bottom:5px;}
.rightbar p{font-size:16px;line-height:24px;margin-bottom:5px; padding-left:20px;/*右边*/}

.rightbar .kefu{margin-left:35px;/*右边*/display:block; width:157px;height:51px;background:url(left3.png) no-repeat;line-height:50px;font-size:18px; font-weight:200; font-family:"微软雅黑"; color:#fff;text-decoration:none;margin-bottom:5px}
.rightbar .kefu:hover{background:url(left5.png) no-repeat}