﻿@charset "utf-8";
/*************************************
*公共样式主文件
*2016-03-07
*project by liuqiang
*************************************/
/* CSS Document */

/*NA-UI功能样式及布局系统*/
body { height: auto; font-size:15px; min-width:1200px; font-family:"微软雅黑"; background:#fff;}
/*图片自动缩放*/
ul li { list-style-type: none; border: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea { border: none; }


/*去掉默认边框*/
input, button, select, textarea, a { outline: none; background-color: transparent; }
/* 只支持IE，过多使用效率低 */
a { blr: expression(this.onFocus=this.close()); blr: expression(this.onFocus=this.blur()); color:#666;}
/* IE不支持 */
a:focus { -moz-outline-style: none; outline: none; }

/*浮动*/
.fl { float: left; }
.fr { float: right;}

/*清除浮动*/
.clearfix:after { height: 0; content: ""; display: block; clear: both; visibility: hidden; font-size: 0; }
.clearfix { zoom: 1; }
* html .clearfix { zoom: 1;}
.wrapper { width:1200px; margin:0 auto;}

/*header start*/
.top-bar{ width:100%; height:33px; background:#0098d7; line-height:33px; overflow:hidden;}
.top-bar ul{ float:right; color:#fff; font-size:12px;}
.top-bar ul li{ display:inline; margin:0 5px;}
.top-bar ul li a{ line-height:33px; color:#fff; font-size:12px; font-family:"宋体";}
.top-bar .jiathis_style{ float:right; margin:5px 8px 0 8px;}
.top-bar .top-tel{ float:right; color:#fff; font-family:"微软雅黑"; font-size:14px; font-weight:bold; font-style:italic; line-height:33px; margin-right:8px;}
.top-bar .top-tel img{ vertical-align:middle; margin-right:5px;}
.header{ width:100%; height:100px; position:relative; z-index:9999;background:url(../images/head-bg.png) left bottom repeat-x; margin-bottom:-6px;}
.header .logo span{ height:94px; display:inline-block; vertical-align:middle;}
.header .logo img{ vertical-align:middle;}
.nav{height:94px; position:relative; float:right;}/*导航 start*/
.header .bg{width:100%; height:47px;position:absolute;top:94px;left:0px; z-index:88; background:url(../images/nav-box-bg.png) left top repeat; display:none;}
.nav li{float:left; margin:0 5px; height:92px;}
.nav li>a{display:block;height:94px;line-height:100px;color:gray;text-decoration:none;position:relative;overflow:hidden; color:#515151; font-size:14px;}
.nav li span{ display:block; height:92px;padding:0 20px;}
.nav li a:hover{ background:url(../images/nav-li-right-hover.png) right top repeat-y;}
.nav li:hover .nav-box{ display:inline;}
.nav li:hover span{ background:url(../images/nav-li-bg.png) center bottom no-repeat;border-bottom:2px solid #ff9000;}
.nav li:hover{ background:#f6f6f6 url(../images/nav-li-left-hover.png) left top repeat-y;}
.nav li .nav-box{height:47px;position:absolute;top:94px;z-index:999;left:0px; text-align:center; display:none;}
.nav li .nav-box .nav-list{ height:47px; text-align:center;display:inline-block;overflow:visible;position:absolute;}
.nav li .nav-box a{display:inline-block;height:47px;color:#646464;line-height:47px;border:none;background:none; font-size:14px; font-weight:normal;margin:0 10px;}
.nav li .nav-box a:hover{color:#ff9000;}

.nav-on{ background:#f6f6f6 url(../images/nav-li-left-hover.png) left top repeat-y;}
.nav-on span{ background:url(../images/nav-li-bg.png) center bottom no-repeat;border-bottom:2px solid #ff9000;}
.nav-on a{ background:url(../images/nav-li-right-hover.png) right top repeat-y;}


.footer{ width:100%; border-top:1px solid #dcdcdc; overflow:hidden;}
.footer-bar{ height:58px; line-height:58px; padding-left:22px;}
.footer-bar li{ float:left; margin-right:40px;}
.footer-bar li img{ vertical-align:middle;}
.footer-bar li span{ color:#ff9000; font-size:18px; margin:0 15px 0 14px; font-weight:600;}
.footer-bar .footer-bar-bg{ background:url(../images/footer-li.jpg) left center no-repeat; padding-left:70px;}
.footer-box{ padding-bottom:20px; padding-top:30px; widows:100%;  border-top:1px solid #dcdcdc; background:#037eb1 url(../images/footer-bg.png) left top repeat;}
.footer-menu{ border-right:1px solid #0393cf; overflow:hidden; float:left; padding-right:10px;}
.footer-menu ul{ padding:0 25px 0 20px; float:left;}
.footer-menu ul li{ text-align:center; line-height:26px;}
.footer-menu ul li span{ color:#fff; font-size:15px; padding-bottom:10px; display:block;}
.footer-menu ul li a{ color:#dfdfdf; font-size:14px;}
.footer-menu ul li a:hover{color:#fff;}
.footer-text{ float:left; border-left:1px solid #1578a1; padding-left:24px;}
/*.footer-text img{ margin: 25px 0 15px 40px;}*/
.footer-text ul{}
.footer-text ul li{ line-height:24px; font-size:12px;}
.footer-text ul li span{ margin-right:15px; color:#fff;}
.footer-text ul li a{ color:#fff;}
.footer-text ul li a:hover{color:#dfdfdf;}

.banner-box{ width:100%; height:300px; overflow:hidden;}/*内页banner*/


/*右面包屑 start*/
.conter-tit{margin:35px 0 30px 0; text-align:center;}
.conter-tit h2{ text-align:center; font-size:30px; color:#0098d7; line-height:32px; padding-bottom:12px;}
.conter-tit span{ color:#c5c5c5; font-size:22px; font-family:"Arial";text-transform:uppercase;}
.conter-tit ul{ text-align:center; margin-top:30px;}
.conter-tit ul li{ display:inline-block;border:1px solid #dcdcdc; margin-left:-5px; height:40px; width:160px; text-align:center;} 
.conter-tit ul li a{ display:block; line-height:40px;font-size:16px;}
.conter-tit ul li:hover{ background:#0098d7; border:1px solid #0098d7;}
.conter-tit ul li:hover a{ color:#fff;}
.conter-box{ width:100%;overflow:hidden;padding-bottom:30px;}
.conter-tit ul .con-on{ background:#0098d7; border:1px solid #0098d7;}
.conter-tit ul .con-on a{ color:#fff;}
/*右面包屑 end*/


/*页码 start*/
.page{ text-align:right; padding:10px 0;}
.page li{ display:inline-block; height:44px; line-height:44px; text-align:center; border:1px solid #c9c9c9; border-radius:6px; margin-left:10px;}
.page li a{ display:block;padding:0 20px;}
.page li:hover{ background:#ff9000; border:1px solid #ff9000;}
.page li:hover a{ color:#fff;}
.page .page-on{ background:#ff9000; border:1px solid #ff9000;}
.page .page-on a{ color:#fff;}
/*页码 end*/