@charset "utf-8";

.wrap,.main{ width: 1000px; margin: 0 auto;}

/*--header--*/
.header{ height:80px; background: #000000; box-shadow: 0 0 10px rgba(0,0,0,0.8);}
.logo{ width: 154px; height: 80px; float: left;}
.navBar{ position:relative; z-index:1;  color:#fff; height:80px; line-height:80px;  float: right;  }
.nav{ width:720px; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;  }
.nav .m{ float:left; width: 120px;  position:relative;  }
.nav h3{ float:left;  font-size:100%; font-weight:normal; font-size:14px; height:80px; overflow:hidden;  }
.nav h3 a{ display:block; color:#BBB;  width: 120px; background: url("../images/download-icon.png") no-repeat 95px 35px; text-align: center; vertical-align:top;  }
.nav .no-drop h3 a{ background: none;}
.nav .on{ border:0;  }
.nav .on h3 a{ background-color: #eb891a; color:#FFF; font-weight:bold; background-position: 95px -12px;  }
.nav .sub{ display:none; /*默认隐藏*/ width:175px; padding:15px 0;   position:absolute; left:0; top:80px; background:#e0831a;   }
.nav .sub li{ height:35px; line-height:35px;  float:left; width:175px;   }
.nav .sub li a{ display:block; color:#FFF;  padding: 0 15px; width: 145px; }
.nav .sub li a:hover{ background: #151513;  }

/*--footer--*/
.footer{ width: 100%; height: auto; padding: 60px 0 30px; background: #282828;}
.footer-main{ width: 1000px; height: auto; margin: 0 auto; overflow: hidden;}
.footer-main .foot-nav{ width: 758px; height: auto; float: left;}
.footer-main .foot-nav li{ min-width: 60px; padding: 0 59px 0 60px; height: auto; float: left; border-right: 1px solid #2f2f2f;}
.footer-main .foot-nav h4{ height: 44px; line-height: 44px; font-size: 14px; color: #fff; margin-bottom: 10px;}
.footer-main .foot-nav a{ display: block; height: 26px; line-height: 26px; color: #666;}
.footer-main .foot-nav a:hover{ color: #eb891a;}
.footer-main .foot-nav h4 a{color:#fff;height: 44px; line-height: 44px; font-size: 14px;}
.footer-main .foot-contact{ width: 242px; height: auto; float: left;}
.footer-main .foot-contact h4{ height: 44px; line-height: 44px; font-size: 14px; color: #fff; margin-bottom: 10px;}
.footer-main .foot-contact p{ line-height: 44px; color: #fff; font-size: 14px;}
.footer-main .foot-contact li{ width:100%;height: 26px; line-height: 26px; float: left; color: #666;}
.footer-main .foot-contact li a{ color: #666;}
.footer-main .foot-contact li:hover a{ color: #eb891a;}
.footer-main .foot-info{ padding: 10px 0 0; border-top: 1px solid #313131; margin-top: 30px; text-align: center;}
.footer-main .foot-info a{ color: #666;}
.footer-main .foot-info a:hover{ color: #e0831a;}
.footer-main .foot-info p{ line-height: 30px; color: #666;}

/*在线客服*/
.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;}
