/*public.css*/
.icon{
	background: url(../images/icon.png) no-repeat;
}
/*header*/
header{
	position: relative;
	z-index: 4;
	height: 100px;
}
header .w{
	height: 100%;
	max-height: 100%;
}
	header .logo{
		height: 100%;
	}
	header .con-b{
		height: 100%;
		padding: 38px 0;
		color: #fff;
		line-height: 30px;
		font-size: 14px;
	}
		header .con-b .icon{
			position: relative;
			width: 22px;
			height: 22px;
			margin: 0 24px 0 20px;
		}
		header .con-b .icon:after{
			display: block;
			position: absolute;
			width: 4px;
			height: 22px;
			content: '';
			background: #bbb;
			right: -26px;
			top: 0;
		}
		header .con-b .icon.head-en:after{
			display: none;
		}
	.head-tel{ background-position: 0 0; }
	.head-add{ background-position: -22px 0; }
	.head-email{ background-position: -44px 0; }
	.head-heart{ background-position: -144px 0; }
	.head-en{ background-position: -166px 0; }
	.head-tel:hover{ background-position: 0 -22px; }
	.head-add:hover{ background-position: -22px -22px; }
	.head-email:hover{ background-position: -44px -22px; }
	.head-heart:hover{ background-position: -144px -22px; }
	.head-en:hover{ background-position: -166px -22px; }
		header .con-b .icon .txt{
			display: none;
			position: absolute;
			top: 22px;
			right: -30px;
			margin-left: -50%;
			width: 340px;
			height: auto;
			padding: 14px;
			background: #fff;
			border-radius: 4px;
			border: 1px solid #bbb;
			font-size: 12px;
			line-height: 2em;
			color: #666;
		}
		header .con-b .icon .txt:after{
			display: block;
			position: absolute;
			width: 0;
			height: 0;
			content: '';
			border-top: 5px solid #c5261c;
			border-right: 5px solid transparent;
			border-left: 5px solid transparent;
			border-radius: 2px;
			right: 34px;
			top: 0;
		}
		header .con-b .icon:hover .txt{
			display: block;
		}
		header .con-b .icon .txt:hover{
			display: block;
		}
	nav{
		position: relative;
		z-index: 2;
		height: 50px;
		color: #333;
		font-size: 15px;
		line-height: 50px;
		text-align: center;
	}
		nav li {
			position: relative;
			float: left;
			height: 100%;
			/* width: 100px; */
			margin-right: 36px;
		}
			nav li a{
				position: relative;
				width: 100%;
				height: 100%;
				display: block;
				transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;
			}
			nav li.on a{
				color: #c5261c;
			}
			nav li:after{
				display: none;
				position: absolute;
				content:'';
				width: 20px;
				height: 2px;
				bottom: 10px;
				left: 50%;
				margin-left: -10px;
				background: #c5261c;
			}
			nav li ul li:after{
				display: none;
			}
			nav li.on:after{
				display: block;
			}
			nav li.on ul li:after{
				display: none;
			}
			nav li:hover a{
				color: #c5261c;
			}
			nav li:hover li a{
				color: #333;
			}
		nav li ul{
			display: none;
			position: absolute;
			top: 50px;
			left: 50%;
			margin-left: -80px;
			width: 160px;
			background: rgba(255,255,255,.8);
			box-shadow: 0 3px 5px rgba(0,0,0,.1);
		}
		nav li li{
			width: 100%;
			float: none;
			height: 46px;
			margin: 0;
		}
			nav li li a{
				display: block;
				line-height: 46px;
				font-size:　14px;
				text-align: center;
			}
		nav li:hover ul{
			display: block;
		}
		nav li:hover li:hover a{
			color: #c5261c;
		}
	.button.log-btn{
		margin-top: 10px;
		font-size: 12px !important;
	}
/*button*/
.button{
	padding: 5px 16px;
	border-radius: 4px;
	font-size: 15px;
}
.button.btn-noradius{
	border-radius: 0;
}
.button.btn-noborder{
	border: 0;
}
.button.btn-little{
	padding: 2px 6px;
	font-size: 12px;
}
.button.btn-default{
	background-color: #f6f6f6;
	color: #333;
	border-color: #ddd;
}
	.button.btn-default:hover{
		background-color: #f9f9f9;
	}
.button.btn-main{
	background-color: #c5261c;
	color: #fff;
	border-color: #ddd;
}
	.button.btn-main:hover{
		background-color: #ea0606;
	}
.button.btn-main-em{
	background-color: transparent;
	color: #c5261c;
	border: 1px solid #c5261c;
}
	.button.btn-main-em:hover{
		background-color: #f5f5f5;
	}
.button.btn-white{
	color: #c5261c;
	background: #fff;
	opacity: 1;
	filter: opacity(100);
}
	.button.btn-white:hover{
		opacity: .8;
		filter: opacity(80);
	}
.button.btn-white-em{
	background-color: transparent;
	color: #fff;
	border: 1px solid #fff;
}
	.button.btn-white-em:hover{
		background-color: rgba(255,255,255,0.3);
	}
a.main-link{
	color: #c5261c;
	transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
}
	a.main-link:hover{ color: #ff8921; }

a.gray-main-link{
	color: #666;
	transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
}
	a.gray-main-link:hover{
		color: #c5261c;
	}
a.white-main-link{
	color: #fff;
	transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
}
	a.white-main-link:hover{
		color: #c5261c;
	}
a.white-op-link{
	opacity: .8;
	filter: opacity(80);
	transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
}
	a.white-op-link:hover{
		opacity: 1;
		filter: opacity(100);
	}
/*.table*/
.table{
	width: 100%;
	border: 1px solid #eee;
}
.table tr{
	height: 30px;
	line-height: 30px;
}
.table tr:hover{
	background: #f6f6f6;
}
.table td,.table th{
	line-height: 30px;
	color: #666;
	font-size: 14px;
	text-align: center;
	border: 1px solid #ddd;
}
.table th{
	font-weight: bold;
	background: #f9f9f9;
}

/* 在线客服样式 */
.online_icon {
	overflow: hidden;
}
.online_icon a {
	display: block;
	width: 68px;
	height: 148px;
	background: url(../images/qq_online_trigger.png) no-repeat;
	font-size: 16px;
	text-align: center;
	color: #000;
}
.online_windows {
	width: 144px;
}
.online_w_top {
	background: url(../images/online_bg.png) no-repeat -36px 0;
	height: 10px;
	_background: url(../images/online_bg_ie6.png) no-repeat -36px 0;
	_margin-bottom: -7px;
}
.online_w_c {
	background: url(../images/online_bg.png) repeat-y 0 -185px;
	padding: 0 5px;
	_background: url(../images/online_bg_ie6.png) repeat-y 0 -185px
}
.online_w_bottom {
	background: url(../images/online_bg.png) repeat-y -36px -35px;
	height: 29px;
	_background: url(../images/online_bg_ie6.png) repeat-y -36px -35px;
}
.online_content {
	background: url(../images/online_bg.png) no-repeat -147px -185px;
	padding-top: 11px;
	_background: url(../images/online_bg_ie6.png) no-repeat -147px -185px;
}
.online_content a.qq_icon {
	background: url(../images/online_bg.png) no-repeat -37px -130px;
	width: 121px;
	height: 25px;
	display: block;
	margin: 0 auto;
	text-indent: 30px;
	line-height: 23px;
	cursor: pointer;
}
.online_content a.qq_icon:hover {
	background-position: -159px -130px;
	color: #FFF;
}
.online_bar h2 {
	background: url(../images/online_bg.png) repeat-x 0 -156px;
	height: 29px;
	line-height: 27px;
	font-size: 12px;
	color: #666;
	text-align: left;
}
.online_bar h2 a {
	display: block;
	padding-left: 14px;
	margin-left: 6px;
	cursor: pointer;
}
.expand h2 a {
	background: url(../images/online_bg.png) no-repeat -36px -69px;
	_background: url(../images/online_bg_ie6.png) no-repeat -36px -69px;
}
.collapse h2 a {
	background: url(../images/online_bg.png) no-repeat -36px -96px;
	_background: url(../images/online_bg_ie6.png) no-repeat -36px -96px;
}
.expand h2 a:hover, .collapse h2 a:hover {
	text-decoration: none;
	color: #c81d04;
}
.online_content {
	text-align: center;
	border-bottom: 1px solid #d0d0d0;
}
.online_content ul li {
	height: 24px;
	line-height: 24px;
	margin-bottom: 4px;
}
.online_content ul li a:hover {
	color: #c81d04;
}
#online_qq_layer {
	width: 68px;
	position: fixed;
	right: 0;
	top: 80px;
	_position: fixed;
	_position: absolute;
	z-index: 20;
	height: 158px;
	font-size: 12px;
	overflow: hidden;
}
#online_qq_layer.on{
	width: 212px;
	height: auto;
}
* html, * html body {
	_background-attachment: fixed;
}
* html #online_qq_layer {
	_bottom: auto;
	_top: expression(eval(document.documentElement.scrollTop + 150));
}
	#online_qq_tab {
		float: left;
		margin-top: 10px;
	}
	#onlineService {
		float: left;
		margin-top: 0;
	}
#onlineType1, #onlineType2, #onlineType3, #onlineType4, #onlineType5, #onlineType6 {
	display: none;
}
#onlineType1 {
	display: block;
}
/* form-inline */
.form-inline{

}
	.form-inline .form-group{
		height: 34px;
		clear: both;
		margin-bottom: 20px;
	}
		.form-inline .form-group .input-group{
			float: left;
			width: 30%;
			height: 100%;
			margin-right: 3%;
		}
		.form-inline .form-group .input-group.long{
			width: 60%;
		}
		.form-inline .form-group .input-group .input-label{
			font-size: 13px;
			line-height: 34px;
		}
		.form-inline .form-group .input-group .input-tip{
			width: 100%;
			height: 20px;
			font-size: 13px;
			line-height: 20px;
		}
		.form-inline .form-group .input-group .form-control{
			width: 240px;
			height: 100%;
			background: #fff;
			padding: 0 8px;
			font-size: 14px;
			line-height: 32px;
			border: 1px solid #e5e5e5;
			border-radius: 2px;
			transition: all .2s ease-in-out;
			-webkit-transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
			-o-transition: all .2s ease-in-out;
		}
			.form-inline .form-group .input-group .form-control:focus{
				border-color: #c5261c;
			}
		.form-inline .form-group .input-group .form-control.short{
			width: 100px;
		}

		.form-inline .form-group .input-group .form-control.long{
			width: 300px;
		}
		.form-inline .ml10{ margin-left: 10px; }
		.form-inline .form-bottom{
			padding-top: 10px;
			line-height: 34px;
		}

/*脚部*/
footer{
	width: 100%;
	height: auto;
	background: #3b3a3a;
	font-size: 12px;
}
footer .f-m{
	position: relative;
	padding: 30px 0;
}
.footMenu {
	width: 25%;
}
.footMenu h2 {
	position: relative;
	font-weight: normal;
	padding-bottom: 10px;
	margin-bottom: 14px;
}
.footMenu h2:after{
	position: absolute;
	content: '';
	width: 60px;
	height: 2px;
	background: #c5261c;
	bottom: 0;
	left: 0;
}
.footMenu h2 a {
	color: #fff;
	font-size: 16px;
	padding-bottom: 14px;
	font-weight: bold;
}
.footMenu p a {
	color: #eee;
	font-size: 14px;
	line-height: 24px;
}
.footTel {
	width: 375px;
	color: #fff;
}
.footTel h3 {
	font-size: 14px;
	padding-bottom: 10px;
	line-height: 21px;
	padding-left: 50px;
}
.footTel span {
	display: block;
	font-size: 26px;
	font-family: arial;
}
.footTel p {
	padding-top: 10px;
	line-height: 30px;
}
.footTel a {
	color: #fff
}
.footMenu p a:hover, .footTel a:hover {
	color: #c5261c;
}

.bottom{
	background: #3b3a3a;
	height: 80px;
	text-align: center;
	color: #fff;
	line-height: 80px;
	font-size: 12px;
	border-top: 1px solid #c5261c;
}
	.bottom .w{
		height: 100%;
	}
	.bottom a{
		margin: 0 4px;
	}
	.bottom .fr{
		height: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}