﻿@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:#251d1a  url(../images/bg-m-b.jpg) bottom no-repeat; }
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:1100px; height:auto;  overflow:hidden; margin:0 auto; margin-top:10px; position:relative; z-index:56}






#headert {width:1200px; height:630px;  margin:0 auto; margin-top:-550px; z-index:50; position:relative}
#headert h1 {width:110px; height:120px;}
#headert h1 a {display:block; float:left; overflow:hidden; text-indent:-9999px; width:163px; height:100%;}
#headert h2 {height:16px; text-indent:-9999px; overflow:hidden;}
.spr,.popup:before,.popup_wrap:before,.popup_wrap:after {background-image:url(../images/spr.png); background-repeat:no-repeat;}
#nav {}
#nav li {position:relative; float:left; width:78px; height:300px;}
.n4li {margin-left:724px; display:inline;}
#nav li a {display:block; width:63px; height:347px; overflow:hidden; text-indent:-9999px; position:absolute; left:15px;}
#nav li a:hover {margin-top:-10px;}
.n1 {top:0;}
.n2 {background-position:-63px 0; top:50px;}
.n3 {background-position:-126px 0; top:100px;}
.n4 {background-position:-189px 0; top:100px;}
.n5 {background-position:-252px 0; top:50px;}
.n6 {background-position:-315px 0;}





/*m1*/
.m1 {width:1100px; height:350px; margin:0 auto; position:relative; padding-bottom:10px; margin-bottom:10px;}

.im01 { position:absolute; left:0px; top:40px;z-index:500;}


#Introduction{ position:absolute; width:830px;height: 330px;overflow: hidden;margin-bottom: 16px;  padding:0px; right:10px; top:10px;  z-index:500; background:#2b201e ; }

#Introduction .tit{float: left;width: 830px;height: 140px;line-height: 92px;overflow: hidden;font-size: 15px;font-weight: bold;color: #d68d00;border-bottom: 1px dotted #292116}
#Introduction .tit span{float: left}
#Introduction .Tab{margin-bottom: 8px}


#Versiont .content{width: 800px; color:#fff; font-size:12px;  text-indent:30px; padding-left:15px;}
#Versiont .content ul li{height: 35px;line-height: 35px;overflow: hidden;border-bottom: 1px dotted #6a300a}

#FenQu .content{width: 800px; color:#fff; font-size:12px;text-indent:30px; padding-left:15px;}
#FenQu .content ul li{height: 35px;line-height: 35px;overflow: hidden;border-bottom: 1px dotted #6a300a}

#Recharge .content{width: 800px; color:#fff; font-size:12px;text-indent:30px; padding-left:15px;}
#Recharge .content ul li{height: 35px;line-height: 35px;overflow: hidden;border-bottom: 1px dotted #6a300a}

#HuiShou .content{width: 800px; color:#fff; font-size:12px;text-indent:30px; padding-left:15px;}
#HuiShou .content ul li{height: 35px;line-height: 35px;overflow: hidden;border-bottom: 1px dotted #6a300a}

#ProductShow{width: 800px;height: 365px;position: relative; }


.Tabt{float: left;width: 830px;height:60px;line-height: 60px; margin-top:0px; background:#362722;  color:#6a300a; font-size:20px; border-radius:25px 25px 0px 0px }
.Tabt li{float: left; }
.Tabt li a{font-size: 13px;width:120px;height: 58px;text-align: center;position: relative;font-weight: bold;display: block;color:#fff6e3; font-size:16px}
.Tabt li a .jiantou{width: 7px;height: 4px;position: absolute;text-indent: -99em;overflow: hidden;bottom: -4px;left: 35px}
.Tabt li a:hover{color: #fff;text-decoration: none}
.Tabt li.change a{color: #ffa550; border-bottom:#ffa550 3px solid}
.Tabt li.change a .jiantou{background: url(../images/1.gif) no-repeat left top}
.Tab_nr{color:#FFF; padding-top:65px;}





.bouyy_ren { width:200px; height:300px; position:absolute; z-index:6; left: -00px; top:-80px;}

/*--------*/
.m2 { width:1100px; height:310px; margin:0 auto;  position:relative; z-index:20; margin-top:10px;}

.im02 { position:absolute; right:0px; top:40px;}

.fiveTu{ margin-left:0px; position:absolute; z-index:100; width:1100px;}
.fiveTu ul{float: left;}
.fiveTu .pics{position: relative;width:840px;height:310px;}
.fiveTu .pics li{position: absolute;top:0;left:0;}
.fiveTu .pics li img { width:840px;  height:310px;}
.fiveTu .circle{margin-left: 1px;width:252px;}
.fiveTu .circle li{width:250px;height:59px;margin-bottom: 1px;background:#2b201e;border: 1px solid #382916;cursor: pointer;color:#ffa550;}
.fiveTu .circle li.on{width:100%;height:61px;background: #632d07;color:#fff;}
.fiveTu .circle li p{line-height: 60px;margin-left: 37px;font-size:18px;font-weight: bold;}
.fiveTu .circle li span{margin-left: 13px;font-size:12px;font-weight: normal;}

/*--------*/




#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:220px;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:'微软雅黑';}
















.fl { float:left} 
.fr { float:right}
.mt10 { margin-left:12px;}
.ml50 { margin-left:50px;}
/*top*/

.clearfix{zoom:1}
.warp{width: 1200px; margin-left: auto; margin-right: auto;}
.microHei{font-family:"Microsoft YaHei"}



/*header*/


#header{background:url(../images/brief_011.jpg) repeat-x;background-color:#DADADA;height:80px;padding-top:0;width:100%; position:relative}
.top_logo { position:fixed; top:-30px; left:50%; margin-left:-760px; width:235px; height:235px; background:url(../images/top_logo.png); z-index:1000;}
#header a.fl{height:80px}
#header .ban{float:right;width:50px;height:50px;margin-top:10px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
#header #demo{overflow:hidden;height:50px;line-height:50px;width:900px;color:#d2d2ca;white-space:nowrap;float:left;margin-top:10px;font-size:24px;margin-left:150px;}


/* CSS Document */
#Version{width:100%;height:1200px;position:relative;overflow:hidden;}
#Flash{width:1920px;height:800px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:50;}
#Header{margin:0 auto -290px -960px;width:1920px;height:800px;position:absolute;left:50%;}
.hao123 { width:260px; height:20px; top:0px; left:50%; margin-left:-1450px; filter:alpha(opacity=40);    -moz-opacity:0.4;    -khtml-opacity: 0.4;  opacity: 0.4; position:absolute; z-index:55;  }
.kv-music { position:fixed; top:0px; left:50%; margin-left:-600px; width:80px; height:100px; z-index:1000000;}



/*装备*/
.m3 { width:100%; height:auto; padding-bottom:50px;  }


.m3_zb { width:1100px; height:auto; overflow:hidden;   margin:0 auto; padding:20px 00px 00px 00px; }






.m3_zb_3 { width:360px;  height:auto; overflow:hidden;float:left;   background:#2b201e ;   border-radius:25px 25px 0px 0px}
.m3_zb_3_t { width:360px; height:60px;  float:left; background:#362722; line-height:60px; color:#ffa550; text-align:center; font-size:20px; border-radius:25px 25px 0px 0px}
.m3_zb_3_d {width:360px; height:4px;  float:left; background:#362722; position:relative}
.m3_zb_3 .role-itemst { width: 340px; height: auto; float: left; position: relative; padding:10px;}
.m3_zb_3 .role-itemst img { width:330px; 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:5px;}
.m3_zb_3 .role-itemst img:hover{ width:340px;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;}


.m3_zb_2 { width:545px;  height:auto; overflow:hidden;float:left;   background:#2b201e ;  border-radius:25px 25px 0px 0px }
.m3_zb_2_t { width:545px; height:60px;  float:left; background:#362722; line-height:60px; color:#ffa550; text-align:center; font-size:20px; border-radius:25px 25px 0px 0px}
.m3_zb_2_d {width:545px; height:4px;  float:left;  background:#362722;position:relative}
.m3_zb_2 .role-itemst { width: 525px; height: auto; float: left; position: relative; padding:10px;}
.m3_zb_2 .role-itemst img { width:515px; 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:5px;}
.m3_zb_2 .role-itemst img:hover{ width:525px;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;}




.m3_zb_1 { width:1100px;  height:auto; overflow:hidden;float:left;   background:#2b201e; border-radius:25px 25px 0px 0px  }
.m3_zb_1_t { width:1100px; height:60px;  float:left;  background:#362722;; line-height:60px; color:#ffa550; text-align:center; font-size:20px; border-radius:25px 25px 0px 0px}
.m3_zb_1_d {width:1100px; height:4px;  float:left; background:#362722; position:relative}
.m3_zb_1 .role-itemst { width: 1060px; height: auto; float: left; position: relative; padding:20px;}
.m3_zb_1 .role-itemst img { width:1040px; 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;}
.m3_zb_1 .role-itemst img:hover{ width:1060px;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;}



/*-------*/



.m3_zb_4{position:relative;width: 1100px; margin:0 auto; background:#2b201e; height:750px; margin-top:20px; padding:00px 0px 30px 0px;border-radius:25px 25px 0px 0px}
.m3_zb_4_t { width:1100px; height:60px;  float:left;  background:#362722;line-height:60px; color:#ffa550; text-indent:50px; font-size:20px; border-radius:25px 25px 0px 0px; margin-bottom:30px;}
.m3_zb_4 h2 { color:#2b201e; font-size:14px; line-height:30px; font-weight:100; margin-left:100px;}
.lineF, .lineS{position: absolute;visibility: hidden;margin-left:80px;}
.lineS{top: 390px;left:205px; margin-left:30px;}
.boxF, .boxS, .boxT, .overlay{width: 300px;height: 350px;overflow: hidden; }
.boxF, .boxS{visibility: hidden;}
.boxF{transform: rotate(120deg);float: left;margin-left: 10px;-ms-transform: rotate(120deg);-moz-transform: rotate(120deg);-webkit-transform: rotate(120deg);}
.boxS{transform: rotate(-60deg);-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);}
.boxT{transform: rotate(-60deg);background: no-repeat 50% center;background-size: 100% auto;-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);visibility: visible;}
.overlay{transition: all 250ms ease-in-out 0s;display: none;position: relative;}
.overlay:hover{background-color: rgba(0,0,0,0.6);}
.boxT:hover .overlay{display: block;}





/*-------*/
.float_nav {width:191px; height:442px; background:url(../images/spr.png) no-repeat 0 -76px; position:fixed; right:10px; top:50%; margin:-252px 0; padding:62px 0 0; z-index:100000;}
.float_nav li {height:50px; width:85px; margin:0 auto; padding:10px 0 0;}
.float_nav li a {display:block; width:100%; height:50px; line-height:50px; text-align:center; font-size:14px; color:#fff;}
.float_nav li a:hover {color:#d1b787;}
#footer_ied{text-align:center; font-size:12px; line-height:19px; font-family:Tahoma;}
.wrap_ied{ margin:0 auto; padding:30px 0; color:#423e39;}
.wrap_ied p a {color:#423e39;}
.wrap_ied p a:hover {color:#eee2d1;}
#footer_ied p.e{font-size:10px;}






@charset "gb2312";.SDGCOPYRIGHT-wrap{margin:0;padding:0;border:0;font-size:12px;height:132px;color:#888;width:auto;text-align:center;}
.SDGCOPYRIGHT-wrap *{margin:0;padding:0;border:0;font-size:12px;font-family:宋体;color:#888;text-align:left;}
.SDGCOPYRIGHT-wrap a,
.SDGCOPYRIGHT-wrap a:link,
.SDGCOPYRIGHT-wrap a:active,
.SDGCOPYRIGHT-wrap a:visited{text-decoration:none;color:#888;}
.SDGCOPYRIGHT-wrap a:hover{color:#888;text-decoration:underline;}
#SDGCOPYRIGHT{width:980px;height:132px;margin:0 auto;}
#SDGCOPYRIGHT_1{width:1220px;height:132px;margin:0 auto;}
.SDGCOPYRIGHT-logo{float:left;width:222px;height:66px;margin:15px 0 0 30px;display:inline;}
.SDGCOPYRIGHT-logo-1{float:left;width:auto;height:66px;margin:33px 0 0 30px;display:inline;}
.SDGCOPYRIGHT-logo a{float:left;}
.SDGCOPYRIGHT-logol{height:66px;width:64px;margin:0 0 0 65px;text-indent:-99999px;}
.SDGCOPYRIGHT-logo1{height:66px;width:64px;margin:0 30px 0 0;text-indent:-99999px;}
.SDGCOPYRIGHT-con{float:left;text-align:left;margin:0 0 0 0;padding:50px 0 0 27px;display:inline;width:422px;height:117px;}
.SDGCOPYRIGHT-con p{margin:0;text-align:left;line-height:18px;font-family:宋体;height:18px;overflow:hidden;}
.SDGCOPYRIGHT-con a *{cursor:pointer;}
.SDGCOPYRIGHT-ct{float:left;font-family:宋体;width:155px;}
.SDGCOPYRIGHT-sdlogo{/* background:url("/pic.static.sdo.com/SDGCOPYRIGHT/sndalogo.gif") no-repeat 240px center;*/}
.SDGCOPYRIGHT-priv{float:left;width:220px;margin:42px 0 0 0;display:inline;}
.SDGCOPYRIGHT-priv a, .SDGCOPYRIGHT-priv span{float:left;margin:0 0 0 4px;}
.SDGCOPYRIGHT-priv1{width:45px;height:44px;text-indent:-99999px;}
.SDGCOPYRIGHT-priv2{width:45px;height:44px;text-indent:-99999px;}
.SDGCOPYRIGHT-priv3{width:111px;height:45px;text-indent:-99999px;}
/** new copyright start add by baidu4f.com **/.SDGCOPYRIGHT-wrap20130425{margin:0;padding:0;border:0;font-size:12px;height:200px;color:#888;width:auto;text-align:center;}
.SDGCOPYRIGHT-wrap20130425 *{margin:0;padding:0;border:0;font-size:12px;font-family:宋体;color:#888;text-align:left;}
.SDGCOPYRIGHT-wrap20130425 a,
.SDGCOPYRIGHT-wrap20130425 a:link,
.SDGCOPYRIGHT-wrap20130425 a:active,
.SDGCOPYRIGHT-wrap20130425 a:visited{text-decoration:none;color:#888;}
.SDGCOPYRIGHT-wrap20130425 a:hover{color:#888;text-decoration:underline;}
.SDGCOPYRIGHT-wrap20130425 #SDGCOPYRIGHT{width:1400px;height:200px;margin:0 auto;}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-logo{float:left;width:222px;height:100px;margin:45px 0 0 280px;display:inline;}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-logo-1{float:left;width:auto;height:66px;margin:33px 0 0 30px;display:inline;}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-logo a{float:left;}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-logol{height:66px;width:64px;margin:0 0 0 95px;text-indent:-99999px;}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-logo1{height:66px;width:64px;margin:0 50px 0 0;text-indent:-99999px;}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-con{float:left;text-align:left;margin:10px 0 0 30px;padding:28px 0 0 23px;display:inline;width:600px;height:104px;}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-con p{margin:0;text-align:left;line-height:18px;font-family:宋体;height:19px;overflow:hidden;}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-con a *{cursor:pointer;}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-ct{float:left;font-family:宋体;width:155px;}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-sdlogo{/* background:url("/pic.static.sdo.com/SDGCOPYRIGHT/sndalogo.gif") no-repeat 240px center;*/}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-priv{float:left;width:250px;margin:60px 0 0 0;display:inline;margin-left:50px}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-priv a,.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-priv span{float:left;margin:0 0 0 4px;}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-priv1{width:45px;height:44px;text-indent:-99999px;}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-priv2{width:45px;height:44px;text-indent:-99999px;}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-priv3{width:111px;height:45px;text-indent:-99999px;}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-con p.add1026{height:24px;}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-pr3{padding-right:3px;}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-conH{float:left;text-align:left;margin:0 0 0 0;padding:24px 0 0 43px;display:inline;width:440px;height:108px;}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-conH p{margin:0;text-align:left;line-height:18px;font-family:宋体;height:22px;overflow:hidden;}
.SDGCOPYRIGHT-wrap20130425 .SDGCOPYRIGHT-conH a *{cursor:pointer;}
/** new copyright end add by baidu4f.com **/
.SDGCOPYRIGHT-wrap{background:#000 url("../images/bg_b.jpg") repeat-x left top;}
#SDGCOPYRIGHT{background:#000 url("../images/bg_b.jpg") repeat-x left top;}
.add1026 {color:#e5af20}
.add1026 span { margin:0 10px;color:#e5af20}
.SDGCOPYRIGHT-wrap .add1026 a:link,.SDGCOPYRIGHT-wrap .add1026 a:visited { color:#e5af20}
.SDGCOPYRIGHT-wrap .add1026 a:hover { color:#e5af20}
.SDGCOPYRIGHT-wrap20130425{background:#000 url("../images/bg_b.jpg") repeat-x left top;}
.SDGCOPYRIGHT-wrap20130425 .add1026 {color:#e5af20}
.SDGCOPYRIGHT-wrap20130425 .add1026 span { margin:0 10px;color:#e5af20}
.SDGCOPYRIGHT-wrap20130425 .add1026 a:link,.SDGCOPYRIGHT-wrap20130425 .add1026 a:visited { color:#e5af20}
.SDGCOPYRIGHT-wrap20130425 .add1026 a:hover { color:#e5af20}
/** new copyright end add by baidu4f.com **/