body{position:relative;font:14px/1.5 tahoma,arial,'Hiragino Sans GB',"Microsoft Yahei","微软雅黑",simsun,sans-serif; min-width:1000px; color:#fff;overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}

iframe{border-width: 0px; marginwidth: 0; marginheight: 0; width: 100%;margin-top: -5px;margin-bottom: -5px;}
fieldset,img{border:0; vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup,sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
em, strong, i{font-size:100%; font-style:normal;}
a{text-decoration:none; }
a:hover{text-decoration:none;}
a:focus{outline: none;}
input:focus{ outline: none;}
::-ms-clear,::-ms-reveal{display:none;}

/*取消列表符号*/
.list-unstyled,.list-inline{list-style:none;}
.list-unstyled > li:last-child{bottom-bottom:none;}
.list-inline > li{float:left;display:inline-block;}
.list-num-in{list-style:decimal inside;}
.list-num-out{list-style:decimal outside;}

.mt-4{margin-top: 4px;}
.ml-10{margin-left: 10px;}
/*定位*/
.relative{position: relative;}
.fl{float:left;}
.fr{float:right;}
.tx-white{color:#fff !important;}
.tx-white-light{color:#c7c7c7 ;}
.hide{display: none;}
.ponit{cursor:pointer;}


/*头部*/
.header{ width:100%;  background-color: #000;position: relative;z-index: 99; box-sizing: content-box !important;box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);}
.header-content{ width: 1000px;  height: 30px;  margin: 0px auto;  padding: 15px 0px;  }
a{text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
.header a:hover{color:#fff;}
i { font-style:normal;}
.nav {width:365px;margin:0 auto; position:relative;height: 39px;}
.nav  ul li {float:left;padding:0 20px;text-align:center;height:30px;line-height:30px; cursor:pointer;}
.curBg { background:#fff;height:3px;position:absolute;bottom:-6px; }
.cur>a{color:#fff}

.personal-center{ width: 90px;  height: 28px;  line-height: 28px;  text-align: center;margin-top: 0px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    border: 1px solid #fff;
    background-color: #000;
    color:#fff !important;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    transition: 0.25s;
}
.personal-center:hover{
    border: 1px solid #fff;
    box-shadow:inset 200px 0px 0px 0px #fff;
}
.personal-center>a:hover{
    color:#000 !important;
}
.personal-login{ border: 1px solid #fff; width: 90px;  height: 30px;  line-height: 30px;  text-align: center;background-color: #000; }
.personal-out{ border: 1px solid #fff; width: 90px;  height: 30px;  line-height: 30px;  text-align: center;background-color: #000; }
.personal-out:hover{
    border: 1px solid #fff;
    box-shadow:inset 200px 0px 0px 0px #fff;

}
.personal-out>a:hover{
    color:#000 !important;
}
/*尾部*/
.footer{  width:100%;  background-color: #1c1c1c; }
.footer-box{  width:1000px;  margin:0px auto;  }
.footer-content li{float: left;width:50%;}
/*.curbg{background: #fff;  height: 2px;  position: absolute;  bottom: 0;  width: 90px;  left: 0px;}*/

/*尾部2*/
.footer2{width:100%;  background-color: #131313; }
.footer2-box{width:1000px;  margin:0px auto;hieght:40px; line-height:40px;color: #919191;}


/*弹框*/
.layui-layer-btn{display: none;}


/*toolbar*/
.toolbar{
    position: fixed;
    right:0px;
    bottom:140px;
    color:#000;
    z-index: 100;
    text-align: center;
}
.toolbar>.toolbar-phone,.toolbar>.toolbar-wechat,.toolbar>a{
    display: block;
    width:40px;
    height:17px;
    margin-bottom: 10px;
    padding-top:23px;
    border:1px solid #000;
    background-color: #fff;
    background-image:url('http://www.epoque.cn/static/img/icon.png');
    background-repeat:no-repeat;
    font-size: 12px;
    box-shadow:0 0 20px 4px rgba(112,112,112,0.2);
    color:#000;
}
.toolbar>.toolbar-phone:hover,.toolbar>.toolbar-wechat:hover,.toolbar>a:hover{
    border:1px solid #fff;
    background-color: #000;
    color:#fff;
}
.toolbar-service{
    width:40px;
    height:40px;
    margin-bottom: 10px;
    border:1px solid #000;
    background-color: #fff;
    overflow: hidden;
    font-size: 12px;
}
.toolbar-service:hover{
    background-color: #000;
    color:#fff;
    border:1px solid #fff;
}



.toolbar-top{ background-position:-40px 0px;}
.toolbar-top:hover{ background-position:0px 0px;}


/*.toolbar-service{ background-position:-120px 0px;position: relative; cursor:pointer;}*/
/*.toolbar-service:hover{ background-color: #000;}*/



/*.toolbar-service:hover{ background-position:-80px 0px;   background-color: #000;}*/

.toolbar-wechat{ background-position:-200px 0px;position: relative; }
.toolbar-wechat:hover{ background-position:-160px 0px;}

.toolbar-phone{ background-position:-280px 0px;position: relative; }
.toolbar-phone:hover{ background-position:-240px 0px;}


.toolbar-wechat-big{
    text-align: center;
    padding:10px;
    background-color: #fff;
    color:#000;
    position: absolute;
    top:-39px;
    left:-105px;
    border:1px solid #000;
}
.toolbar-wechat-big>img{
    width:80px;
    height:80px;
}
/*.toolbar-tel,*/
.toolbar-phonenum{
    position: absolute;
    top:0px;
    left:-165px;
    width:160px;
    height:38px;
    line-height: 40px;
    text-align: center;
    color: #000;
    background-color: #fff;
    border:1px solid #000;
}

.toolbar-tel{
    width:40px;
    height:40px;
    line-height: 20px;
    background-color: transparent;
}
.toolbar-ke{
    text-align:center;
    height:17px;
    line-height:17px;
}



/*.toolbar-tel{*/
    /*cursor:pointer;*/
    /*-webkit-transition: 0.25s;*/
    /*-moz-transition: 0.25s;*/
    /*-ms-transition: 0.25s;*/
    /*transition: 0.25s;*/
/*}*/
/*.toolbar-tel:hover{*/
    /*box-shadow:inset 160px 0px 0px 0px #000;*/
    /*color:#fff !important;*/
/*}*/
/*.toolbar-tel a{*/
    /*width:100%;*/
    /*height:38px;*/
    /*color:#000;*/
    /*display: block;*/
/*}*/
/*.toolbar-tel a:hover{*/
   /*color:#fff;*/
/*}*/



/*.out-cancle{*/
    /*width:200px;height:46px;line-height:46px;border:1px solid #000;color:#000;text-align:center;float:left;cursor:pointer;*/
    /*-webkit-transition: 0.25s;*/
    /*-moz-transition: 0.25s;*/
    /*-ms-transition: 0.25s;*/
    /*transition: 0.25s;*/
/*}*/
.out-com,.out-cancle{
    width:200px;height:46px;line-height:46px;border:1px solid #000;color:#000;text-align:center;float:left;cursor:pointer;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    transition: 0.25s;
}

.out-cancle:hover,.out-com:hover{
    box-shadow:inset 200px 0px 0px 0px #000;
    color:#fff;
}

::-webkit-scrollbar {
    width: 3px;
    height: 50px;
    background-color: #000;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background: #fff ;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    width:3px;
    height:50px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color:rgba(0, 0, 0, 0.7);
}
::-webkit-scrollbar-thumb:hover {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color:rgba(0, 0, 0, 1);
}
.wechat-big{
    width:80px;
    padding:10px;
    background-color: #fff;
    color:#000;
    text-align: center;
    position:absolute;
    top:-90px;
    left:130px;
    z-index: 10;
}
.wechat-big img{
    width:80px;
    height:80px;
}