﻿@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.html); 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.html) 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)));right: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.html) 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.html) 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:'微软雅黑';}

