@charset "utf-8";

.main{width:1000px;margin:0 auto;}

/*--head--*/

.header{ width: 100%; height: 120px; background: url("../images/head-bg.jpg") repeat-x;}

.header-main{ width: 1000px; height: 120px; margin: 0 auto; overflow: hidden;}

.logo{ width: 326px; height: 120px; float: left;}

.hd-tel{ width: 360px; height: 74px; background: url("../images/tel.png") no-repeat; float: right; margin: 23px 0;}



/*--nav--*/

.navBar{ position:relative; z-index:1;  background:url("../images/nav-bg.png") repeat; color:#fff; height:40px; line-height:40px;   }

.nav{ width:1000px; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;  }

.nav .m{ float:left; position:relative;z-index:99999; }

.nav h3{ float:left; font-weight:normal; font-size:14px; height:40px; overflow:hidden;  }

.nav h3 a{ display:block; color:#fff;  padding:0 20px;  vertical-align:top;  }

.nav .on h3 a{ background:url("../images/nav-hover.png") repeat; }

.nav .sub{ display:none; /*默认隐藏*/width:150%;position:absolute; left:0; top:40px;  background:url("../images/nav-hover.png") repeat; }

.nav .sub li{ height:20px; line-height:20px; padding:10px 0; border-bottom: 1px solid #313030;  float:left; width:100%;  font-size: 14px;overflow:hidden; }

.nav .sub li a{ display:block;  color:#fff;  padding: 0 20px; }

.nav .sub li a:hover{ color:#fff; }



/*--foot--*/

.foot-nav{
	width: 100%;
	height: auto;
	padding: 50px 0;
	border-bottom: 1px solid #1c1c1c;
	background: #083d83;
	margin-top: 50px;
	color: #FFFFFF;
	text-align: center;
}

.foot-nav-main{ width: 1000px; height: auto; line-height: 20px; text-align: center; margin: 0 auto;}

.foot-nav-main a{ color: #d5d5d5; padding: 0 15px;  display: inline-block;}

.foot-nav-main a:hover{  color: #fff;}



.foot-bot{
	width: 100%;
	height: auto;
	background: #083d83;
}

.foot-bot-main{ width: 1000px; height: auto; line-height: 20px;  margin: 0 auto;  padding: 40px 0 20px; color: #323232;}

.links{text-align:center;}

.foot-bot-main a{ color: #d5d5d5; padding: 0 10px; display: inline-block;}

.foot-bot-main a:hover{  color: #fff;}

.foot-bot-main p{ line-height: 30px; color: #d5d5d5; text-align: center;}

/*在线客服*/

.online_kefu .list

,.online_kefu .list .top

,.online_kefu .list .btm

,.online_kefu .kefu1

,.online_kefu .kefu2

,.online_kefu .kefu3

,.online_kefu .qq{background:url(../images/online.png) no-repeat;}

.online_kefu{position:fixed; top:400px; right:-125px; _position:absolute; _top:expression(documentElement.scrollTop+300); width:155px; height:auto; background-repeat:repeat-y; overflow:hidden}

.online_kefu .list{float:left;width:125px;margin:0;padding:0; background-position:-162px 0; background-repeat:repeat-y; overflow:hidden}

.online_kefu .list .top{float:left;width:125px; height:50px; cursor:pointer; background-position:-35px -1px; overflow:hidden}

.online_kefu .list ul{float:left;width:86px;margin:0 22px 0 20px;min-height:67px; background:#fff; overflow:hidden}

.online_kefu .list ul li{float:left;width:86px; height:30px; text-indent:24px; line-height:30px; overflow:hidden }

.online_kefu .list ul li.kefu1{background-position:-186px -26px;}

.online_kefu .list ul li.kefu2{background-position:-186px -60px;}

.online_kefu .list ul li.kefu3{background-position:-186px -91px;}

.online_kefu .list ul li a{color:#000;}

.online_kefu .list .btm{float:left;width:125px;height:23px; cursor:pointer; background-position:-35px -52px; overflow:hidden}

.online_kefu .qq{float:left;width:30px; height:140px; background-position:0px 0px; cursor:pointer; overflow:hidden}

.online_kefu .qq a.backtop{float: left;width:30px; height:30px;margin-top:110px;}