/*public.css*/
/*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: #1071d3;
	color: #fff;
	border-color: #ddd;
}
	.button.btn-main:hover{
		background-color: #ea0606;
	}
.button.btn-main-em{
	background-color: transparent;
	color: #1071d3;
	border: 1px solid #1071d3;
}
	.button.btn-main-em:hover{
		background-color: #f5f5f5;
	}
.button.btn-white{
	color: #333;
	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: #1071d3;
	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: #42a0ff; }

a.gray-main-link{
	color: #999;
	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: #1071d3;
	}
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: #1071d3;
	}
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);
	}
/* icon */
.icon{
	background: url(../images/icon.png) no-repeat;
}
/*header*/
header{
	min-width: 1200px;
	position: relative;
	z-index: 4;
	height: 80px;
}
header .w{
	height: 100%;
	max-height: 100%;
}
	header .logo{
		height: 100%;
	}
	header .con-b{
		height: 100%;
		padding: 10px 0;
		color: #000;
		font-size: 12px;
	}
	header .con-b a{
		padding: 0 2px;
	}
	header .con-b a.on{
		color: #666;
	}
	.tel {
    vertical-align: middle;
    font-size: 32px;
    font-family: Impact;
    color: #f90;
    margin-top: 10px;
}
.tel img{ vertical-align: middle;}
.navw{
	width: 100%;
	min-width: 1200px;
	background: #1071d3;
	position: relative;
	z-index: 2;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
}
	nav{
		height: 50px;
		color: #fff;
		font-size: 16px;
		line-height: 50px;
		text-align: center;
	}
		nav li {
			position: relative;
			float: left;
			height: 100%;
			/* width: 100px; */
			    margin: 0 30px;
		}
			nav li a{
				position: relative;
				width: 100%;
				height: 100%;
				display: block;
				/*opacity: .8;
				filter: opacity(80);*/
				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{
				opacity: 1;
				filter: opacity(100);
			}
			nav li:after{
				display: none;
				position: absolute;
				content:'';
				width: 30px;
				height: 2px;
				bottom: 2px;
				left: 50%;
				margin-left: -15px;
				background: #fff;
			}
			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{
				opacity: 1;
				filter: opacity(100);
			}
			nav li:hover li a{
				color: #fff;
				opacity: .8;
				filter: opacity(80);
			}
		nav li ul{
			display: none;
			position: absolute;
			top: 50px;
			left: 50%;
			margin-left: -80px;
			width: 160px;
			background: #333;
			box-shadow: 0 3px 5px rgba(0,0,0,.1);
		}
		nav li li{
			width: 100%;
			float: none;
			height: 39px;
			margin: 0;
		}
			nav li li a{
				display: block;
				line-height: 38px;
				font-size:　14px;
				text-align: center;
				font-weight: normal;
				border-bottom: 1px solid rgba(255,255,255,.3);
			}
		nav li:hover ul{
			display: block;
		}
		nav li:hover li:hover a{
			opacity: 1;
			filter: opacity(100);
		}
	.log-btn{
		position: relative;
		height: 26px;
		line-height: 26px;
		margin-top: 12px;
		font-size: 14px;
		border-radius: 14px;
		background: #fff;
		color: #333;
		width: 90px;
		text-align: center;
	}
	.log-btn .log-b{
		display: none;
		position: absolute;
		top: 32px;
		right: 0;
		background: #fff;
		color: #333;
		font-size: 12px;
		width: auto;
		height: auto;
		padding: 10px;
		border-radius: 6px;
		text-align: left;
	}
	.log-btn:hover .log-b{
		display: block;
	}
		.log-btn .log-b:after{
			position: absolute;
			right: 32px;
			top: -5px;
			content:'';
			width: 0;
			height: 0;
			border-bottom: 6px solid #fff;
			border-left: 4px solid transparent;
			border-right: 4px solid transparent;
		}
		.log-btn .log-b:before{
			position: absolute;
			right: 0;
			top: -6px;
			content:'';
			width: 100%;
			height: 6px;
		}
		.log-btn .log-b .name{
			font-size: 14px;
			padding: 0 10px;
			margin-bottom: 8px;
			border-bottom: 1px dashed #bbb;
		}
		.log-btn .log-b .form-group{
			width: 220px;
			margin-bottom: 8px;
			padding: 0 10px;
		}
		.log-btn .log-b .form-control{
			width: 200px;
			height: 32px;
			background: #fff;
			padding: 0 8px;
			font-size: 14px;
			line-height: 30px;
			border: 1px solid #e5e5e5;
			border-radius: 6px;
			outline:none;
		}
			.log-btn .log-b .form-control:focus{
				border-color: #1071d3;
			}
		.log-btn .log-b .form-btn{
			width: 200px;
			height: 32px;
			color: #fff;
			padding: 0 8px;
			font-size: 14px;
			line-height: 30px;
			background-color: #1071d3;
			border-radius: 6px;
			cursor: pointer;
			text-align: center;
		}
			.log-btn .log-b .form-btn:hover{
				background-color: #288cf1;
			}
/*脚部*/
footer{
	width: 100%;
	min-width: 1200px;
	height: auto;
	background: #1071d3;
	font-size: 14px;
	color: #fff;
}
footer .f-m{
	position: relative;
	padding: 30px 0;
}
.fcol {
	float: left;
}
.fcol .h1 {
	position: relative;
	font-weight: normal;
	margin-bottom: 16px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}
.fcol.ful{
	width: 180px;
}
.fcol.ful ul{
	width: 100%;
	padding-right: 20px;
}
	.ful li{
		width: 100%;
		height: 24px;
		line-height: 28px;
	}
.fcol.fab .txt{
	padding-right: 40px;
	font-size: 12px;
	line-height: 20px;
}
.fcol.fab .agroup{
	margin-top: 18px;
	line-height: 30px;
}
.fcol.fab .agroup a{
	margin: 0 4px;
	display: inline-block;
}
.fwei {
	width: 260px;
	text-align: right;
}
.fwei .wei{
	width: 104px;
	height: 104px;
}
.fwei .txt{
	padding-top: 50px;
	padding-right: 20px;
	text-align: right;
}


footer a:hover {
	text-decoration: underline;
}
.bottom{
	width: 100%;
	min-width: 1200px;
	background: #333;
	height: 50px;
	text-align: center;
	color: #ccc;
	line-height: 50px;
	font-size: 12px;
}
	.bottom a{
		
	}

/*======================↓===================  gg 功能懸浮框  ======================↓====================*/

.gg { position: fixed; left: 0; top: 50%; margin-top: -120px; width: 180px; height: 243px; z-index: 9999;	/*background: url(../images/gg.png) no-repeat;*/ cursor: pointer;}
.gg li { display: block; width: 156px; margin-bottom: 4px; cursor: pointer; background: url(../images/gg.png) no-repeat;  opacity: .8; filter:opacity(80);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}
.gg li.g1 { height: 78px; background-position: 0 0; }
.gg li.g2 { height: 78px; background-position: 0 -79px; }
.gg li.g3 { height: 87px; background-position: 0 -156px; }
.gg li:hover{ opacity: 1; filter:opacity(100);}
.gg_open { position: fixed; left: -100%; top: 50%; margin-top: -130px; width: 100%;min-width: 1200px; height: 260px; background: rgba(16, 113, 211, .9); z-index: 999; }
.gg_open .gg_close { position: absolute; top: -40px; left: 50%; margin-left: 520px; width: 80px; height: 40px;	/* padding: 8px 48px 28px 48px; */ border-radius: 60px 60px 0 0; background-color: #f90; opacity: .7; filter: opacity(70); cursor: pointer; z-index: 999; line-height: 40px; text-align: center; color: #fff; font-size: 40px; font-weight: bold; }
/*.gg_open .gg_close.gg_close1{ top: auto; bottom: -40px; border-radius: 0 0 60px 60px;line-height: 30px;}*/
.gg_open .gg_close:hover { opacity: 1; filter: opacity(100); }
.gg_open .gg_head { height: 76px; overflow: hidden;	/*border-bottom: 1px solid #fff;*/ text-align: center; width: 100%;min-width: 1200px;}
.gg_head span { display: inline-block; width: 390px; height: 76px; line-height: 76px; cursor: pointer; color: #fff; font-size: 18px; text-align: center; opacity: .6; filter: opacity(60); }
.gg_head span.now { opacity: 1; filter: opacity(100); border-bottom: 2px solid #fff;	/*background-color: rgba(255,255,255,.2);*/ font-weight: bold;}
.gg_body { height: 184px; }
.gg_body .abody { display: none; position: absolute; }
.zz_body form { width: 785px; height: 110px; position: relative; margin: 0 200px; padding-top: 60px; }
.zz_body form input[type="text"] { position: absolute; left: 0; top: 60px; width: 697px; height: 50px; background: #fff; font-size: 18px; color: #333; padding: 0 14px; border: 1px solid #fff; border-radius: 6px 0 0 6px; }
.zz_body form input[type="submit"] { position: absolute; right: 0; top: 60px; width: 88px; height: 50px; border-left: 1px solid #eee; cursor: pointer; font-size: 18px; background: #f90; color: #fff; border-radius: 0 6px 6px 0; }
.zz_body form input[type="submit"]:hover { background-color: #fe3030; }

/* form-inline */
.gg_open .form-quick { padding-top: 18px; color: #fff; }
.gg_open .form-quick .form-group { height: 36px; clear: both; margin-bottom: 20px; }
.gg_open .form-quick .form-group .input-group { float: left; height: 100%; margin-right: 20px; }
.gg_open .form-quick .form-group .input-group.long {			/*width: 60%;*/ }
.gg_open .form-quick .form-group .input-group .input-label { font-size: 14px; line-height: 30px; }
.gg_open .form-quick .form-group .input-group .form-control { width: 160px; height: 100%; background: #fff; padding: 0 10px; font-size: 14px; line-height: 38px; border: 1px solid transparent; border-radius: 6px; 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; }
.gg_open .form-quick .form-group .input-group .form-control:focus { border-color: #c5261c; }
.gg_open .form-quick .form-group .input-group .form-control.short { width: 90px; }
.gg_open .form-quick .form-group .input-group .form-control.long { width: 270px; }
.gg_open .form-quick .form-group .input-group .form-control.superlong { width: 270px; }
.gg_open .form-quick .ml10 { margin-left: 10px; }
.gg_open .form-quick .form-bottom { padding-top: 10px; line-height: 34px; }
.gg_open .form-quick .form-group .input-group .form-control.radio-control { width: 16px; height: 16px; margin-left: 10px; vertical-align: -4px; padding: 0; }
.gg_open .form-quick .big-btn { width: 104px; height: auto; padding: 30px 0; text-align: center; background: #ea0606; display: block; border-radius: 6px; cursor: pointer; color: #fff; font-size: 16px; }
.gg_open .form-quick .link { text-decoration: underline; font-size: 12px;}
.gg_open .form-quick .link img{vertical-align: -4px;margin-right: 6px;}

/* show-link */
.show-link { position: relative; height: 20px; line-height: 20px; }
.show-link:before { display: none; content: ''; position: absolute; top: 20px; right: 60px; width: 0; height: 0; border-bottom: 3px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; }
.show-link:after { display: none; width: 280px; height: auto; content: attr(showText); position: absolute; top: 23px; right: 0; background: #fff; color: #ea0606; padding: 16px; }
.show-link:hover:before, .show-link:hover:after { display: block; }