@charset "utf-8";
/* CSS Document */
.fl { float:left; }
.fr { float:right}
.mt20  { margin-top:20px;}
.le { width:300px; float:left; overflow:auto; overflow:hidden; margin-bottom:20px; }
.ml15 { margin-left:15px;}
.ml10 { margin-left:12px;}
.mt50 { margin-top:80px;}
.mt10 { margin-top:10px;}
/*xin*/
#Version{width:100%;height:770px;position:relative;overflow:hidden; }
#Flash{width:1920px;height:770px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:1;}
#Header{margin:0 auto -290px -960px;width:1920px;height:770px;position:relative;left:50%;}


.xin_01 { position:absolute; width:1000px; height:272px; z-index:3;  bottom:-2px;  left:50%; margin-left:-500px;}
.but01 {float:left; width:272px; height:126px; background:url(../images/but01.png) no-repeat; cursor:pointer; margin-left:15px; margin-top:15px;}
.but01:hover {background-position:0 -126px; }
.but02 {float:left; width:272px; height:110px; background:url(../images/but02.png) no-repeat; cursor:pointer; margin-left:15px; margin-top:5px;}
.but02:hover {background-position:0 -110px; }
/*---*/
.d1 { width:100%; height:auto; overflow:hidden;  background: url(../images/bj.jpg) center top no-repeat; padding-top:20px; }

/* eyesimg */
.slideBox{position: relative; background:#000; float:right; width:697px; height:272px; margin-top:-272px;}
.slideBox .slide{width: 697px; height: 272px; position: relative; overflow: hidden; z-index: 1;}
.slideBox .slide li{width: 697px; height: 272px;}
.slideBox #subNum{position: absolute; width: 697px; height: 43px; left: 0; bottom: 0; z-index: 5; text-align: center;}
.slideBox #subNum #subList{width: 697px; height: 43px; line-height: 43px; filter: progid: DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000'); background: rgba(0, 0, 0, 0.7);}
.slideBox #subNum:root #subList{filter: progid: DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00000000', endColorstr='#00000000'); filter: none;}
.slideBox #subNum span{width: 174.25px; height: 43px; display: inline-block; cursor: pointer; color: #928f79; float: left;}
.slideBox #subNum span.sOn{color: #e3bf69; font-weight: bold;}
/*news*/
.news{ width: 695px; height: 335px; margin: 19px 0 0; position: relative; background:#41434b; border:#41434b 1px solid}
.news .news-tab{height:60px;line-height:60px;background-color:#2c2d33;border-left:1px solid #41434b;border-top:1px solid #41434b;border-right:1px solid #41434b;padding:0 30px;overflow:hidden; font-size: 18px;}
.news .news-tab li{float:left;height:58px;line-height:58px;width:20%;text-align:center;font-size:16px;border-bottom:2px solid #2c2d33}
.news .news-tab a{color: #c3b7ac; display: block;}
.news .news-tab a:hover{text-decoration: none;}
.news .news-tab .cur a{color: #fff;}
.news .line-bor{display: block; width: 0; height: 1px;  -webkit-transition: width 0.3s linear 0s; -o-transition: width 0.3s linear 0s; transition: width 0.3s linear 0s;}
.news .cur .line-bor{width: 100%;}
.news .more{position: absolute; right: 42px; top: 50px;  width: 18px; height: 18px; display: block;}
.news .news-con{height: 197px; width: 680px; margin: 15px auto;}
.news .news-con .news-list{display: none; line-height: 40px; color:#FFF}
.news .news-con .cur{display: block;}
.news .news-con li{clear: both; height: 40px; border-bottom:#2c2d33 1px solid}
.news .news-con li a{float: left; display: block; overflow: hidden; width: 75%;}
.news .news-con li span{display: inline-block; float: right; font-size: 13px;}
.news .news-con li .tt{width: 60px; float: left;}
.news .news-con .hot{padding: 10px 0 0;}
.news .news-con .hot .btn{background: url(images/sprites.png) no-repeat 0 3px; float: left; width: 38px; height: 23px; text-align: center; font-size: 12px; font-weight: bold; margin: 0 15px 0 7px;}
.news .news-con .hot a{line-height: 23px; font-size: 16px; color: #ecb03c;}

/*jiaodian*/
/* kv */
.kv{width:1000px;height:417px;overflow:hidden; position:relative; }
.kt { position:absolute; background-position:0px 0px; width:1000px; height:417px; z-index:20; top:0px; left:0px;}
/*JS幻灯片*/

#temp3{float:left;width:1000px;height:auto;display:inline;overflow:hidden; margin-top:10px; }
#temp3 .JQ-content-box{overflow:hidden;width:1000px;height:390px;position:relative}
#temp3 .JQ-slide-content{position:absolute;top:0;left:0}
#temp3 .JQ-slide-content li{position:absolute;overflow:hidden;width:1000px;height:390px;vertical-align:text-top}
#temp3 .JQ-slide-content li a{display:block;height:390px}
#temp3 .JQ-slide-content li a:hover{text-decoration:none}
#temp3 .JQ-slide-content li img{width:1000px;height:390px}
#temp3 img{display:block}
#temp3 .JQ-slide-nav{position:absolute; left:450px;bottom:10px;height:30px;padding-top:2px;z-index:999; }
#temp3 .JQ-slide-nav li{float:left;width:30px;height:30px;text-align:center;cursor:pointer;margin-left:3px; background:url(../images/base.png) no-repeat -32px 0px;ovbanner-boxerflow:hidden}
#temp3 .JQ-slide-nav li.on{ background:url(../images/base.png) no-repeat -0px 0px}



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


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

.m3_zb_4 { width:240px;  height:auto; overflow:hidden;float:left;    background:url(../images/zb04_z.png) repeat-y;}
.m3_zb_4_t { width:240px; height:24px; background: url(../images/zb04_t.png) no-repeat; float:left}
.m3_zb_4_d { width:240px; height:24px; background:url(../images/zb04_d.png) no-repeat; float:left}
.m3_zb_4 .role-itemst { width: 200px; height: auto; float: left; position: relative; margin-left:20px;  margin-top:-10px }
.m3_zb_4 .role-itemst img { width:200px; height:auto; overflow:hidden;   border:#000 2px solid;border-radius:5px;}
.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:325px;  height:auto; overflow:hidden;  float:left;  background:url(../images/zb03_z.png) repeat-y;}
.m3_zb_3_t { width:325px; height:24px; background: url(../images/zb03_t.png) no-repeat; float:left}
.m3_zb_3_d { width:325px; height:24px; background:url(../images/zb03_d.png) no-repeat; float:left}
.m3_zb_3 .role-itemsy { width: 285px; height: auto; float: left; position: relative;  margin-left:20px;  margin-top:-10px}
.m3_zb_3 .role-itemsy img { width:285px; height:auto; overflow:hidden;  border:#000 2px solid;border-radius:15px;}
.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:494px;  height:auto; overflow:hidden; 10px;float:left;    background:url(../images/zb02_z.png) repeat-y;;}
.m3_zb_2_t { width:494px; height:24px; background: url(../images/zb02_t.png) no-repeat; float:left}
.m3_zb_2_d { width:494px; height:24px; background:url(../images/zb02_d.png) no-repeat; float:left}

.m3_zb_2 .role-itemsu { width: 454px; height: auto; float: left; position: relative;  margin-left:20px; margin-top:-10px }
.m3_zb_2 .role-itemsu img { width:454px; height:auto; overflow:hidden; border:#000 2px solid;border-radius:15px;}
.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:1000px;  height:auto; overflow:hidden;  float:left;   background:url(../images/zb01_z.png) repeat-y;}
.m3_zb_1_t { width:1000px; height:24px; background: url(../images/zb01_t.png) no-repeat; float:left}
.m3_zb_1_d { width:1000px; height:24px; background:url(../images/zb01_d.png) no-repeat; float:left}
.m3_zb_1 .role-itemsk { width: 960px; height: auto; float: left; position: relative;   margin-left:20px;  margin-top:-10px}
.m3_zb_1 .role-itemsk img { width:960px; height:auto; overflow:hidden;   border:#000 2px 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; }
.xxll { color:#c3a578; width:760px; line-height:73px; overflow:hidden; font-size:30px; margin-top:20px;margin-right:20px}