﻿@charset "utf-8";

/* CSS Document */
/** 清除内外边距 **/
* {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
/* structural elements 结构元素 */
dl,
dt,
dd,
ul,
ol,
li,
/* list elements 列表元素 */
pre,
/* text formatting elements 文本格式元素 */
form,
fieldset,
legend,
button,
input,
textarea,
/* form elements 表单元素 */
th,
td,
/* table elements 表格元素 */
img

/* img elements 图片元素 */
	{
	margin: 0;
	padding: 0;
}

/** 设置默认字体 **/
body,
button,
input,
select,
textarea {
	font: 14px/1.5 'microsoft yahei', '宋体', tahoma, Srial, helvetica, sans-serif;
	color: #333;
}

body {
	background-color: #fff;
}

form {
	display: block;
}

em {
	font-style: normal;
}

/** 重置列表元素 **/
ul,
ol,
li {
	list-style: none;
}

/** 重置超链接元素 **/
a {
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: none;
	color: #f5c501;
}

/** 重置图片元素 **/
img {
	border: 0px;
}

/** 重置表格元素 **/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.al {
	float: left;
}

.ar {
	float: right;
	text-align: right;
}

.ac {
	text-align: center;
}

.fl {
	float: left!important;
}

.fr, .r {
    float: right!important;
}

.vm {
	vertical-align: middle;
}

.dib {
	display: inline-block;
}

.f44 {
	font-size: 44px;
}

.f16 {
	font-size: 16px;
}

.lh18 {
	line-height: 18px;
}

.clear,
.cb {
	clear: both;
	text-indent: -9999px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #222;
	font-weight: normal;
	font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';
}

/* Hides from IE-mac \*/
* html .clf {
	height: 1%;
}

.clf,
.clearfix {
	display: block;
}

.clf:after,
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.rel,
.f_pr {
	position: relative;
}

.Fixed {
	line-height: 40px;
	background: #fff;
}

.Fixed a:hover {
	background: #324e93;
	color: #fff;
	text-decoration: none;
}

.pb20 {
	padding-bottom: 20px;
}

.pt20 {
	padding-top: 20px;
}

.pl30 {
	padding-left: 30px;
}

.pct70 {
	width: 70%;
}

.fix,
.pp_item {
	*zoom: 1;
}

.fix:after,
.pp_item:after {
	display: table;
	content: '';
	clear: both;
}

/* End hide from IE-mac */
.w {
	width: 1200px;
	margin: 0 auto;
}

.w100 {
	width: 98%;
	margin: 0 auto;
	min-width: 1200px;
}

.mt10 {
	margin-top: 10px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mb20 {
	margin-bottom: 20px;
}

.mt20 {
	margin-top: 20px;
}

.mr20 {
	margin-right: 20px;
}

.hide {
	display: none;
}

.red {
	color: #f00 !important;
}

.rel {
	position: relative;
}

.cover {
	display: inline-block;
	height: 100%;
}

.ml20 {
	margin-left: 20px;
}

/*header*/
.header {
	width: 100%;
	position: fixed;
	background: #fff;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
.topBar { height: 40px; line-height:40px; background-color: #f4f4f4; color:#666; font-size:13px;}
.topBar a { margin-right:25px; color:#666; }
.topBar a:hover { color:#f3a409; }
.topBar a i { color:#666; margin-right:2px; }
.topBar a:hover i { color:#f3a409; }
.topBar a.lan-icon { display: inline-block; vertical-align: -5px; width: 68px; height: 19px; background-position: center center; background-repeat: no-repeat; }
.topBar a.lan-icon.f-icon{ background-image: url(../images/common/f-icon.png); }
.topBar a.lan-icon.j-icon{ background-image: url(../images/common/j-icon.png); }
.topBar a.lan-icon.f-icon:hover{ background-image: url(../images/common/f-iconh.png); }
.topBar a.lan-icon.j-icon:hover{ background-image: url(../images/common/j-iconh.png); }
.header .logo {
	display: block;
	width: 243px;
	height: 90px;
	float: left;
	margin-top: 6px
}

.header .nav {
	height: 100%;
}

ul.parent li {
	display: block;
	float: left;
	position: relative;
    height:50px;
	line-height: 50px;
}

ul.parent li>a {
	display: block;
	font-size: 15px;
	color: #fff;
	padding: 0 20px;
}
ul.parent li a>i{
    font-size:20px;color:#fff;line-height:50px; display:inline-block;
}

.header ul.parent li:hover a {
	color: #f3a409;
}
.nav_bg{background:#0060c4;color:#fff;}
#nav ul.nav-menu {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 50%;
	margin-left: -103px;
	width: 166px;
	padding: 10px 20px 15px;
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

#nav ul.nav-menu li {
	position: relative;
	color: #333;
	float: none;
	background: none;
	height: 34px;
	line-height: 34px;
	padding: 0;
	_width: 100%;
	_padding: 0;
}

#nav ul.nav-menu li .add {
	top: 0;
	left: 40px;
}

#nav ul.nav-menu li a:link,
#nav ul.nav-menu li a:visited,
#nav ul.nav-menu li a:hover,
#nav ul.nav-menu li a:active {
	padding: 0 15px 0 15px;
	display: block;
	height: 34px;
	line-height: 34px;
	text-align: center;
	margin: 0;
	color: #787878;
	font-size: 14px;
    font-weight:normal;
}

#nav ul.nav-menu li a:hover {
	color: #f3a409;
}

#nav ul.nav-menu li.nav-menu-tit {
	text-align: center;
	color: #0060c4;
	font-size: 16px;
	background: url(../images/nav_menu_tlt.png) no-repeat 10px center;
	height: 34px;
	line-height: 34px;
	margin-bottom: 6px;
}

#nav ul.nav-menu li.nav-menu-tit b {
	font-weight: normal;
	display: block;
}


#nav li.actived ul.nav-menu {
	display: block;
}

#nav ul li:hover .nav-menu {
	opacity: 1;
	visibility: visible;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.topbarbg ul.parent li a {
	color: #333;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .86);
	-o-text-shadow: 0 1px 0 rgba(255, 255, 255, .86);
	-ms-text-shadow: 0 1px 0 rgba(255, 255, 255, .86);
	-moz-text-shadow: 0 1px 0 rgba(255, 255, 255, .86);
	-webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, .86);
}

.header .actions {
	margin-left: 15px;
	margin-top: 15px;
	padding: 0 0 0 25px;
	position: relative;
}

.actions .btn {
	margin-right: 10px;
}

.btn-hollow {
	color: #FFF;
	background-color: transparent;
	border-color: #FFF;
}

.btn-hollow:hover {
	color: #FFF;
	background-color: #aed828;
	border-color: #aed828;
}

.btn-primary {
	color: #fff;
	background-color: #0078d6;
	border-color: #0078d6;
}

.btn-primary:hover {
	color: #fff;
	background-color: #09f;
	border-color: #09f;
}

.header .telphone {
	line-height:96px;
	height: 96px;
	padding: 0px 0px 0px 49px;
	background: url(../images/telphonepc.png) no-repeat 16px center;
}

.header .telphone p {
	margin: 0;
	padding: 0;
	font-size: 28px;font-family: Impact;
	line-height: 14px;
	font-weight: 700;
	line-height: 96px;
	height: 96px;
	color: #f3a409;
}

.header .telphone span {
	display: block;
	font-size: 15px;
	padding: 0;
	color: #fff;
	line-height: 15px;
	margin: 3px 0 0;
}


/*footer*/
/*底部开始*/
.f_bg { background:#0060c4;  margin-top:15px;}

.f_con {padding-bottom: 20px;font-size: 13px;}
.f_img { float:left; padding:38px 30px 0 0;}
.f_img img { margin-right:20px;}
.f_p { color:#dfdfdf; line-height:25px; padding:25px 0 0; font-family:"Microsoft YaHei";}
.f_p p a { color:#dfdfdf;}
.f_p p span { padding:0 20px;} 
.f_p p img { padding:0 0 0 10px; float:none;}
.f_qrcode{padding-top:38px; text-align:center;}
.f_qrcode img{width:100px;height:100px; display:block; border:3px solid #fff;}
.f_qrcode p{color:#fff;line-height:30px;}
.f_yq {  width:330px;  margin:20px 0 0 30px; overflow:hidden; float:right;
    border-radius: 5px;
    padding: 10px 0;}
.yq_top { line-height:45px; padding:0 20px;}
.yq_top span { float:right;
    line-height: 35px;}
.yq_top span a { color:#dfdfdf; font-family:"Microsoft YaHei";}
.yq_top h3 {margin-bottom: 5px;font-weight: bold;}
.yq_top h3 a { font-size:14px; color:#dfdfdf; font-family:"Microsoft YaHei";}
.yq_top h3 em { font-size:14px; color:#dfdfdf;}

.yq_con { padding:0 15px ; line-height:30px;}
.yq_con a { font-family:"Microsoft YaHei"; padding:0 10px; display:inline-block;color:#dfdfdf;}

/*底部结束*/

.time{  color:#fff;padding-left:5px;}