﻿@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:-600px; 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:auto; 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:auto;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;}






#flash{width:96px;height:450px;position:fixed;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));left:120px;top:0px;margin-top:0px;z-index:6000;}
/*#onlineKefu{z-index:6000;margin:-500px 0 0 700px;width:129px;height:450px;position:fixed;top:76%;left:50%;background-color:#24293f;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+this.offsetHeight));}*/#flash a{text-indent:-99em;overflow:hidden;}
#flash a.btn_kefu{width:130px;height:62px;background:url(../images/a_bg2.jpg) no-repeat left top;display:block;}
#flash a.btn_kefu:hover{background-position:-130px top ;}
#flash a.btn_top{width:130px;height:62px;background:url(../images/a_bg2.jpg) no-repeat left -61px;display:block;}
#flash a.btn_top:hover{background-position:-130px -61px ;}
#flash .erweima{width:68px;height:102px;padding-top:0px;}
#flash .erweima img{margin:0 auto 3px;width:118px;height:117px;display:block;}
#onlinflasheKefu .erweima span{height:27px;line-height:27px;text-align:center;overflow:hidden;color:#feffff;display:block;font-size:12px;font-family:'微软雅黑';}
