@charset "utf-8";
/* 
	@功能: 重设浏览器默认样式
	@作者：zuozuo&877200772
	@时间：2015-04-17
*/

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
	color: #000;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video {
	display: inline-block;
*display: inline;
*zoom: 1;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea {
	font: 14px/1.5 tahoma, arial, Microsoft Yahei, sans-serif;
}
/*去掉A标签点击之后虚线边框*/
body a {
	outline: none;
 blr:expression(this.onFocus=this.blur())\9;
}
input, select, textarea {
	font-size: 100%;
}
textarea {
	resize: none;
	outline: none;
}
/* 去掉各Table  cell 的边距并让其边重合 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* IE bug fixed: th 不继承 text-align*/
th {
	text-align: inherit;
}
/* 去除默认边框 */
fieldset, img {
	border: 0;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
	display: block;
}
/* 去掉 firefox 下此元素的边框 */
abbr, acronym {
	border: 0;
	font-variant: normal;
}
/* 一致的 del 样式 */
del {
	text-decoration: line-through;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: 500;
}
/* 去掉列表前的标识, li 会继承 */
ol, ul {
	list-style: none;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
	text-align: left;
}
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: bold;
}
q:before, q:after {
	content: '';
}
/* 统一上标和下标 */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
a {
	color: #000;
	cursor: pointer;
}
/* 让链接在 hover 状态下显示下划线 */
a:hover {
	text-decoration: none;
}
/* 默认不显示下划线，保持页面简洁 */
ins, a {
	text-decoration: none;
}
/* 清理浮动 */
.fn-clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.fn-clear {
	zoom: 1; /* for IE6 IE7 */
}
/* 隐藏, 通常用来与 JS 配合 */
body .fn-hide {
	display: none;
}
body .fn-show {
	display: block;
}
/* 设置内联, 减少浮动带来的bug */
.fn-left, .fn-right {
	display: inline;
}
.fn-left {
	float: left;
}
.fn-right {
	float: right;
}
.w280 {
	width: 280px;
}
.w700 {
	width: 700px;
}
.w720 {
	width: 720px;
}
.w980 {
	width: 980px;
	margin: 0 auto;
}
.w1020 {
	width: 1020px;
	margin: 0 auto;
}
.padding-t-10 {
	padding-top: 10px;
}
.padding-t-15 {
	padding-top: 15px;
}
.padding-t-20 {
	padding-top: 20px;
}
.padding-t-30 {
	padding-top: 30px;
}
.padding-b-10 {
	padding-bottom: 10px;
}
.padding-b-30 {
	padding-bottom: 30px;
}
.padding-10 {
	padding: 10px;
}
.margin-t-5 {
	margin-top: 5px;
}
.margin-t-10 {
	margin-top: 10px;
}
.margin-t-15 {
	margin-top: 15px;
}
.margin-t-20 {
	margin-top: 20px;
}
.margin-t-25 {
	margin-top: 25px;
}
.margin-t-30 {
	margin-top: 30px;
}
.margin-t-35 {
	margin-top: 35px;
}
.margin-l-10 {
	margin-left: 10px;
}
.margin-l-15 {
	margin-left: 15px;
}
.margin-l-20 {
	margin-left: 20px;
}
.margin-l-30 {
	margin-left: 30px;
}
.margin-l-40 {
	margin-left: 40px;
}
.margin-r-10 {
	margin-right: 10px;
}
.margin-r-20 {
	margin-right: 20px;
}
.margin-r-5 {
	margin-right: 10px;
}
.margin-b-5 {
	margin-bottom: 5px;
}
.margin-b-10 {
	margin-bottom: 10px;
}
.margin-b-15 {
	margin-bottom: 15px;
}
.margin-b-20 {
	margin-bottom: 20px;
}
.margin-b-30 {
	margin-bottom: 30px;
}
.margin-r-40 {
	margin-right: 40px;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.margin-lr-10 {
	margin: 0 10px;
}
.margin-lr-20 {
	margin: 0 20px;
}
.size-14 {
	font-size: 14px;
	line-height: 28px;
}
.size-12 {
	font-size: 12px;
}
.height-50 {
	width: 100%;
	height: 50px;
}
a.t-blue:hover {
	text-decoration: underline;
}
.t-gray {
	color: #4a4d54;
}
.underline a:hover {
	text-decoration: underline;
}

/*页面公共样式*/
body,html{
	background: #f6f6f6;
}
a{
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	cursor: pointer;
}
header{
	height: 146px;
	background: #fff;
}
	header .haed_logo{
		height: 112px;
		overflow: hidden;
	}
	header .menu{
		background: #11518f;
		height: 34px;
		width: 100%;
		line-height: 34px;
	}
	header .menu li{
		float: left;
		width: 25%;
	}
	header .menu li a{
		display: block;
		width: 100%;
		height: 100%;
		color: #fff;
		font-size: 16px;
		text-align: center;
	}
	header .menu li a:hover,header .menu li a.active{
		background: #2571a7;
	}
footer{
	height: 100px;
	width: 100%;
	background: #303034;
	color: #727274;
	font-size: 12px;
}	
	footer .foot-logo{
		width: 50%;
	}
	footer .foot-logo img{
		margin-top: 40px;
	}
	footer .address{
		line-height: 30px;
		width: 50%;
	}
/*联系方式浮动层*/	
#contact_id{
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -263px;
	width: 150px;
	height: 526px;
	z-index: 9;
}
#contact_id .open-contact{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -69px 0 0 -10px;
	width: 40px;
	height: 138px;
	background: url(../img/icons.png) no-repeat;
	background-position: 0 -609px;
	z-index: 1;
}
#contact_id .open-contact a{
	display: block;
	width: 100%;
	height: 100%;
}
#contact_id .close-contact{
	position: absolute;
	left: -6px;
	top: -6px;
	width: 24px;
	height: 24px;
	background: url(../img/icons.png) no-repeat;
	background-position: 0 -559px;
}
#contact_id .close-contact a{
	display: block;
	width: 100%;
	height: 100%;
}

#contact_id .contact{
	position: absolute;
	left:0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/contact_icon.png) no-repeat;
	z-index: 2;
}
#contact_id .contact li.qq{
	width: 100%;
	height: 140px;
}
#contact_id .contact li.qq img{
	display: none;
}
#contact_id .contact li.ww{
	width: 100%;
	height: 136px;
}
#contact_id .contact li.ww img{
	display: none;
}
#contact_id .contact li.code{
	width: 100%;
	height: 145px;
}
#contact_id .contact li.tell{
	width: 100%;
	height: 96px;
}
#contact_id .contact li a{
	display: block;
	width: 100%;
	height: 100%;
}
#contact_id .contact li h6{
	color: #309dd4;
	font-size: 16px;
	margin-top: 25px;
}
#contact_id .contact li p{
	color: #4a4d54;
	font-size: 14px;
	line-height: 30px;
}
.container{
	min-height: 550px;
	padding: 50px 0;
}

aside{
	width: 210px;
}
article{
	width: 780px;
}
/*侧边导航条 */
.nav-title{
	width: 100%;
	height: 180px;
	background: url(../img/icons.png) no-repeat;
	color: #fff;
	text-align: center;
	font-size: 24px;
}
.nav-title p{
	padding-top: 50px;
}

nav{
	padding-top: 45px;
}
nav .li-one{
	width: 105px;
	position: relative;
	background: url(../img/icons.png) no-repeat;
	background-position: 0 -760px;
	color: #4a4d54;
	font-size: 14px;
	height: 45px;
	line-height: 45px;
	font-weight: bold;
	z-index: 2;
}
nav .li-one:hover .li-one-p,nav .li-one.active .li-one-p{
	background: #ebf7ff;
	border: #2571a7 1px solid;
	border-right: #ebf7ff 1px solid;
}
nav .li-one-p{
	position: relative;
	z-index: 2;
	padding:0 10px;
	border: rgba(0,0,0,0) 1px solid;
	overflow: hidden;
	height: 45px;
}
nav .li-one-p a{
	display: block;
	color: #4a4d54;
}
nav .li-one:hover ol,nav .li-one.active ol{
	display: block;
}
nav .li-one:hover .li-one-p a ,nav .li-one.active .li-one-p a{
	color: #11518f;
}
nav ol{
	text-align: center;
	width: 105px;
	position: absolute;
	top: -45px;
	right: -106px;
	display: none;
	border: #2571a7 1px solid;
	background: #ebf7ff;
	z-index: 1;
}
nav ol a{
	display: block;
	height: 45px;
	overflow: hidden;
	padding: 0 5px;
	color: #11518f;
	font-size: 14px;
	font-weight: normal;
}

/*about-nav*/
.about-nav li{
	background: url(../img/icons.png) no-repeat;
	background-position: 190px -760px;
}
.about-nav li a{
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	display: block;
	color: #4a4d54;
	border: rgba(0,0,0,0) 2px solid;
	background:#f6f6f6;
}
.about-nav li a:hover,.about-nav li a.active{
	border: #2571a7 2px solid;
	color: #11518f;
	background:none;	
}