@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:url(../images/bg-full05.jpg) center repeat-y; overflow-x:hidden }
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;}

.ml10 { margin-left:10px;}
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:00px; position:relative; z-index:56; padding-top:5px; z-index:10000000;}


/*m1*/
.m1 {width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; margin-top:-500px; z-index:1000;}
.bg-full01 {  width: 1200px; overflow: hidden; background:url(../images/bg-full01.png) no-repeat 0px 0px; height:210px; margin:0 auto; }
.step-wrap{ position: absolute; display: block;  overflow: hidden;   width: 1200px ; height:250px; left:50%; top:12px; margin-left:-600px; }
.step { position: absolute; display: block;  overflow: hidden;  font-size:14px; color:#d9eff4; width: 180px ; height:180px; text-indent:-9999px; }
.step a{ color:#d9eff4}
.step01{left: 89px;  top:0px; }
.step01:hover { background-image:url(../images/bg-full01.png);  background-repeat: no-repeat;  background-position:-89px -225px;}
.step02{left: 362px;  top:0px;}
.step02:hover { background-image:url(../images/bg-full01.png);  background-repeat: no-repeat;  background-position:-362px -225px;}
.step03{left: 637px;  top:0px;}
.step03:hover { background-image:url(../images/bg-full01.png);  background-repeat: no-repeat;  background-position:-637px -225px;}
.step04{left: 922px;  top:0px;}
.step04:hover { background-image:url(../images/bg-full01.png);  background-repeat: no-repeat;  background-position:-922px -225px;}

/*m2*/
.m2 {width:1200px; height:auto; overflow:hidden;  margin:0 auto; position:relative; margin-top:10px; z-index:1000;  }



/*装备*/
.m33 { width:100%; height:auto; margin-top:-10px; }
.m33_zb { width:1200px; height:auto;  margin:0 auto;}

.m33_zb_3 { width:392px;  height:auto; float:left;   background:url(../images/bg-full02.png) repeat; position:relative ;margin-bottom:10px }
.m33_zb_3_t { width:392px; height:40px;  float:left;  line-height:40px; color:#3b0505; text-align:center; font-size:19px; font-weight:bold; }
.m33_zb_3_d {width:392px; height:4px;  float:left;  position:relative}
.m33_zb_3 .role-itemst { width: 362px; height: auto; float: left; position: relative; padding:10px;}
.m33_zb_3 .role-itemst img { width:362px; height:auto; display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;  padding:5px;}
.m33_zb_3 .role-itemst img:hover{ width:372px;height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; padding:0px; padding-bottom:4px;}


.m33_zb_1 { width:1198px;  height:auto; float:left; background:url(../images/bg-full02.png) repeat; margin-bottom:20px}
.m33_zb_1_t { width:1198px; height:40px;  float:left;   line-height:40px;  color:#3b0505; text-align:center; font-size:19px; font-weight:bold; }
.m33_zb_1_d {width:1198px; height:4px;  float:left; position:relative}
.m33_zb_1 .role-itemst { width: 1158px; height: auto; float: left; position: relative; padding:20px;}
.m33_zb_1 .role-itemst img { width:1138px; height:auto; overflow:hidden; display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;  padding:10px;}
.m33_zb_1 .role-itemst img:hover{ width:1158px;height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; padding:0px; padding-bottom:8px;}