@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:#000 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}



/*m1*/
.m1 {width:1100px; height:350px; margin:0 auto; position:relative; padding-bottom:10px; margin-bottom:10px;}

.im01 { position:absolute; left:-240px; top:-260px;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:2000; margin-top:10px;}

.im02 { position:absolute; right:-230px; top:-280px; }

.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;}

/*--------*/

.bg { width:100%; height:auto; background:url(../images/bg.jpg) repeat-y;; margin-top:1px;}



.float_nav{width:210px;height:482px;background:url(../images/spr.png) no-repeat 0 -16px;position:fixed;right:10px;top:45%;padding:150px 0 0;z-index:100000; }
.float_nav li{height:45px;width:100px;margin:0 auto;padding:0px 0 0; }
.float_nav li a{display:block;width:100%;height:50px;line-height:50px;text-align:center;font-size:14px;color:#d7b653;font-weight:bold}
.float_nav li a:hover{color:#fff;text-decoration:none;}
.aa { width:210px; height:34px;  float:left; padding-top:30px; margin:0 auto; }	







.bottombtn{width:318px;height:86px;background:url("../images/btn_2999456.png")/*tpa=http://www.37qj.com/images/btn_2999456.png*/ no-repeat;position:relative;left:50%;margin-left:-159px;top:520px;overflow:hidden}
.bottombtn:hover{background:url("../images/btn-h_5a96c8d.png")/*tpa=http://www.37qj.com/images/btn-h_5a96c8d.png*/ no-repeat}
.bottombtn .wen{position:absolute;width:276px;height:23px}
.bottombtn .t-wen{top:-4px;right:-80px;background:url("../images/t-wen_6d2a315.png")/*tpa=http://www.37qj.com/images/t-wen_6d2a315.png*/ no-repeat center;-webkit-animation:top-ani 4s linear infinite;-moz-animation:top-ani 4s linear infinite;-ms-animation:top-ani 4s linear infinite;animation:top-ani 4s linear infinite}
@-webkit-keyframes top-ani{0%{right:-80px}
50%{right:90px}
100%{right:-80px}}@-moz-keyframes top-ani{0%{right:-80px}
50%{right:90px}
100%{right:-80px}}@-o-keyframes top-ani{0%{right:-80px}
50%{right:90px}
100%{right:-80px}}@-ms-keyframes top-ani{0%{right:-80px}
50%{right:90px}
100%{right:-80px}}@keyframes top-ani{0%{right:-80px}
50%{right:90px}
100%{right:-80px}}
.bottombtn .b-wen{bottom:-4px;left:-80px;background:url("../images/b-wen_cd28ac4.png")/*tpa=http://www.37qj.com/images/b-wen_cd28ac4.png*/ no-repeat center;-webkit-animation:bottom-ani 4s linear infinite;-moz-animation:bottom-ani 4s linear infinite;-ms-animation:bottom-ani 4s linear infinite;animation:bottom-ani 4s linear infinite}
@-webkit-keyframes bottom-ani{0%{left:-80px}
50%{left:90px}
100%{left:-80px}}@-moz-keyframes bottom-ani{0%{left:-80px}
50%{left:90px}
100%{left:-80px}}@-o-keyframes bottom-ani{0%{left:-80px}
50%{left:90px}
100%{left:-80px}}@-ms-keyframes bottom-ani{0%{left:-80px}
50%{left:90px}
100%{left:-80px}}@keyframes bottom-ani{0%{left:-80px}
50%{left:90px}
100%{left:-80px}}

.topwen{position:absolute;width:164px;height:123px;top:50%;margin-top:-70px;margin-left:70px}
.l-wen{left:-140px;background:url("../images/l-wen_c5b51b5.png")/*tpa=http://www.37qj.com/images/l-wen_c5b51b5.png*/ no-repeat center;-webkit-animation:left-ani 2s linear infinite;-moz-animation:left-ani 2s linear infinite;-ms-animation:left-ani 2s linear infinite;animation:left-ani 2s linear infinite}
@-webkit-keyframes left-ani{0%{left:-152px}
50%{left:-162px}
100%{left:-152px}}@-moz-keyframes left-ani{0%{left:-152px}
50%{left:-162px}
100%{left:-152px}}@-o-keyframes left-ani{0%{left:-152px}
50%{left:-162px}
100%{left:-152px}}@-ms-keyframes left-ani{0%{left:-152px}
50%{left:-162px}
100%{left:-152px}}@keyframes left-ani{0%{left:-152px}
50%{left:-162px}
100%{left:-152px}}
.r-wen{left:167px;background:url("../images/r-wen_0b8783f.png")/*tpa=http://www.37qj.com/images/r-wen_0b8783f.png*/ no-repeat center;-webkit-animation:right-ani 2s linear infinite;-moz-animation:right-ani 2s linear infinite;-ms-animation:right-ani 2s linear infinite;animation:right-ani 2s linear infinite}
@-webkit-keyframes right-ani{0%{left:167px}
50%{left:176px}
100%{left:167px}}@-moz-keyframes right-ani{0%{left:167px}
50%{left:176px}
100%{left:167px}}@-o-keyframes right-ani{0%{left:167px}
50%{left:176px}
100%{left:167px}}@-ms-keyframes right-ani{0%{left:167px}
50%{left:176px}
100%{left:167px}}@keyframes right-ani{0%{left:167px}
50%{left:176px}
100%{left:167px}}

.footerBg{height:672px;background:url("../images/footbg.jpg") bottom center no-repeat;}
.footerDiv{width:1200px;margin:0 auto;text-align:center;margin-top:-472px}