@charset "utf-8";

/*--common--*/
.wrap,.main{ width: 1000px; height: auto; margin: 0 auto;}

/*--header--*/
.header{ width: 100%; height: 158px;}
.header-top{ height: 30px; border-bottom: 1px solid #dfdfdf;}
.header-top-main{ height: 30px;}
.header-top-main .tel{ float: right; padding-left: 18px; background: url("../images/head-tel-icon.png") no-repeat left center; color: #666;}
.header-top-main .tel span{ line-height: 30px; color: #333; font-size: 14px; font-family: Arial;}
.header-main{ width: 1000px; height: 127px; margin: 0 auto;}
.logo{ width: 588px; height: 64px; float: left; margin: 35px 0 28px; cursor: pointer;}
.logo img{ width: 294px; float: left; height: 64px;}
.logo-text{ width: 258px; height: 58px; padding: 3px 0 3px 10px; margin-left: 10px; line-height: 38px; font-size: 30px;  color: #333; float: left;  background: url("../images/line-bg.jpg") no-repeat left center;}
.logo-text span{ display: block; height: 20px; line-height: 20px; font-size: 12px; color: #666; }
.header-search{ float: right; height: 60px; margin: 40px 0 0;}
.header-search-box{ height: 30px;}

.header-search-box .search-box{ width: 236px; height: 28px; line-height: 28px; border: 1px solid #dfdfdf; float: left; padding-left: 20px; background:url("../images/search-icon.png") no-repeat 2px center #ffffff; overflow: hidden;}
.header-search-box .search-box input[type=text]{ width: 180px; height: 28px; background: none; border: none; text-indent: 0px; float: left;}
.header-search-box .search-box .search-btn{ width: 56px; height: 28px; border: none; background: #282828; text-align: center; color: #fff; font-size: 14px; float: left; cursor: pointer; }

.header-search-box .search-keyword{ height: 30px; line-height: 30px; color: #666;}
.header-search-box .search-keyword a{ color: #666; padding: 0 5px;}
.header-search-box .search-keyword a:hover{ color: #003665;}

/*--nav--*/
.navBar{  position:relative; z-index:1;  height:40px; line-height:40px; background:#da2d24; color:#fff; }
.nav{ position:relative; width:1000px; margin:0 auto;  font-family:"Microsoft YaHei",SimSun,SimHei; font-size:14px; }
.nav li{ float: left; height: 40px; }
.nav li a{ color:#fff;  display:block;  text-align:center;  padding: 0 23px 0 22px; background: url("../images/nav-li.jpg") no-repeat left center; }
.nav li.first a{ background-image: none;}
.nav li.on a,.nav li a:hover{background-color: #1d1714;}

/*--footer--*/
.footer{width: 100%;margin-top:20px; height: auto; padding: 60px 0 30px; background: #282828;}
.footer-main{ width: 1000px; height: auto; margin: 0 auto; overflow: hidden;}
.footer-main .foot-nav{ width: 765px; height: auto; float: left;}
.footer-main .foot-nav li{ width: 255px; height: auto; float: left;}
.footer-main .foot-nav h4{ height: 44px; line-height: 44px; font-size: 16px; color: #fff; margin-bottom: 10px; border-bottom: 1px solid #313131;}
.footer-main .foot-nav a{ display: block; height: 26px; line-height: 26px; color: #666;}
.footer-main .foot-nav a:hover{ color: #fff;}
.footer-main .foot-contact{ width: 235px; height: auto; float: left;}
.footer-main .foot-contact h4{ height: 44px; line-height: 44px; font-size: 16px; color: #fff; margin-bottom: 10px; border-bottom: 1px solid #313131;}
.footer-main .foot-contact p{ line-height: 44px; color: #fff; font-size: 14px;}
.footer-main .foot-contact li{height: auto; float: left; width: 36px; margin-right: 20px;}
.footer-main .foot-contact li a{ display: block; width: 36px; height: 36px; background: url("../images/foot-icon.png") no-repeat;}
.footer-main .foot-contact li span{ display: block; height: 24px; line-height: 24px; margin-top: 10px; color: #666; text-align: center;}
.footer-main .foot-contact li.sina a{ background-position: 0 0;}
.footer-main .foot-contact li.tencent a{ background-position: -54px 0;}
.footer-main .foot-contact li.wechat a{ background-position: -106px 0;}
.footer-main .foot-contact li.baidu a{ background-position: -160px 0;}
.footer-main .foot-contact li.sina a:hover{ background-position: 0 -36px;}
.footer-main .foot-contact li.tencent a:hover{ background-position: -54px -36px;}
.footer-main .foot-contact li.wechat a:hover{ background-position: -106px -36px;}
.footer-main .foot-contact li.baidu a:hover{ background-position: -160px -36px;}
.footer-main .foot-contact li:hover span{ color: #fff;}
.footer-main .foot-info{ padding: 10px 0 0; border-top: 1px solid #313131;}
.footer-main .foot-info p{ line-height: 30px; color: #666;}
.footer-main .foot-info a{color:#666;}
.footer-main .foot-info a:hover{color:#fff;}
.footer-bot{ width: 1000px; height: auto; background: #fff; margin:0 auto; padding-bottom:20px;overflow: hidden;}
.footer-bot .foot-link{ height: auto; line-height: 24px; padding:13px 0; color: #666;}
.footer-bot .foot-link span{ width: 60px; height: 24px;float: left; line-height: 24px;}
.footer-bot .foot-link .foot-link-r{ width: 940px; height: auto; float: left;}
.footer-bot .foot-link .foot-link-r a{ display: inline-block; line-height: 24px; color: #666; padding: 0 5px; word-break: keep-all;}
.footer-bot .foot-link .foot-link-r a:hover{ color: #c6140d;}
/********** QQ客服 *************/
.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;}