@charset "UTF-8";
/*===== 清除默认的margin的属性值 =====*/
body, blockquote, dd, dl, figure, form, p, pre, h1, h2, h3, h4, h5, h6 { margin: 0; }
/*===== 统一设置列表的margin和padding，以及列表表形式 =====*/
menu, ul, ol { list-style: none; margin: 0; padding: 0; }
/*===== 全局定义字体以及页面背景 =====*/
body { line-height: 1; background-color: #FFFFFF; }
body, h1, h2, h3, h4, h5, h6, input, button, select, textarea { font-size: 12px; font-weight: 400; }
/* 设置字体大小 */
input[type="button"], input[type="submit"], input[type="reset"] { font-size: 12px; }
/* 设置字体大小，这部分跟前面写在一起，IE6中会无效 */
/*===== 字体控制 =====*/
body, input, button, select, optgroup, option, textarea, pre { font-family: 'Microsoft YaHei', 'Simsun', STXihei, 'sans-serif'; }
/*===== 设置iframe的背景色以及去除个别浏览器iframe底部的几个像素 =====*/
iframe { background-color: #FFFFFF; vertical-align: middle; }
/*===== 设置文本链接样式 =====*/
a { color: #666; text-decoration: none; }
.article-body a { color: rgb(0, 176, 240); }
a:hover { color: #32b091; }
/*===== 去除个别浏览器图片底部的几个像素，以及设置图片形式链接无边框 =====*/
img { vertical-align: middle; }
a img { border: 0 none; }
/*===== 设置表单元素的样式 =====*/
fieldset { margin: 0; padding: 0; }
legend { color: windowtext; }
/* 设置表单域部分的字体颜色为系统窗体文本颜色 */
button, input.ie6 { overflow: visible; padding: .1em .25em; cursor: pointer; }
/* 尽量统一按钮的大小，鉴于IE6不支持【属性选择符】，所以使用一个类名来控制 */
input[type="button"], input[type="submit"], input[type="reset"] { overflow: visible; padding: .1em .25em; cursor: pointer; }
/* 尽量同意按钮的大小，如果采用input方式做的按钮 */
input[type="text"], select, textarea { background-color: #FFFFFF; }
/* 统一文本输入框、下拉、文本框的背景色，避免被用户设置系统颜色而破坏页面色彩 */
select { border: 1px inset; }
/* 统一下拉的边框 */
textarea { overflow: auto; vertical-align: text-bottom; *vertical-align: auto; border: 1px solid; resize: vertical; }
/* 滚动条为auto，与周边的元素对齐方式，其中hack部分是IE6&7中vertical-align影响范围清除，resize为上下可拉动，避免左右拉动破坏页面布局，如有需要可以设置为none */
/*===== 设置表格元素的样式 =====*/
table { border-spacing: 0; }
/* 合并表格的间隙，去掉单元格之间的间距，如有需要合并单元格为细线表格，可增加 border-collapse:collapse; */
td, th, caption { padding: 0; }
/* 去除单元格以及caption表头的padding值 */
.pull-left { float: left; }
.pull-right { float: right; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
body {text-align: center;margin: 0;padding: 0;font-family: Microsoft YaHei;font-size: 18px;color: #4d4d4d;line-height: 1;min-width:1200px;}
h1, h2, h3, h4, h5, h6, p, ul, footer .links ul li, ol, li {margin: 0;padding: 0;}
a {text-decoration: none;display: inline-block;}
.hide {display: none; }
.show {display: block; }
.pull-left{float: left;}
.pull-right{float: right;}
.promotedown{cursor:pointer}
.synthesize{margin: auto;text-align: center;width: 1200px;}

/* 导航 */
header .top {padding-top: 6px;height: 74px; }
header section {width: 1200px;margin: 0 auto;text-align: left; }
header section h1 {display: inline-block; }
header section h1 a img {border: none; }
header section nav {padding-top:9px;float: right;}
header section nav a {height: 30px;font-size: 20px;line-height: 30px;letter-spacing: 1px;padding: 10px 14px;margin:0 18px !important;;color: #999999;}
header section nav .action {color: #333333;}
header section nav a:hover, header section nav .action:link, header section nav .action:visited, .header section nav a:hover {border-bottom: 3px solid #1ec456;}

/* 颜色 */
.blur {color: #015ed2;}
.green {color: #02d29f;}
.green2 {color: #1ec456;}
.yellow {color: #ffae58;}
.sub-blur {color:#043477;}
.sub-green {color:#029a75;}
.sub-green2 {color:#016523;}
.sub-yellow {color:#ffae58;}
.decorate {margin-top:12px;}

.footer {min-width: 1200px;height:70px;padding: 33px 0 0 40px;background-color: #313131;clear:both;margin-top: 125px;}
.footer .copyright {font-size: 12px;color: #ffffff;padding-top: 0px;}
.footer .copyright .record {font-size: 12px;line-height: 30px;color: #b3b3b3;}
.footer .about a {margin:4px;font-size: 12px;line-height: 30px;color: #b3b3b3;}

/* 客服 */
.customerService {
	position: fixed;
	right: 0px;
	top: 60%;
	width: 71px;
}

.customerService>div {}

.customerService-qq>div {
	background: url(../images/index/qq_n.png)no-repeat center 10px;
	transition: 0.4s linear;
	width: 70px;
	height: 70px;
	background-color: #e4f8f0;
	/* border: solid 1px #1ec456; */
	border-right: none;
	text-align: center;
	margin-top: 3px;
	cursor: pointer;
	float: right;
	position: relative;
}

.customerService>div>div span {
	font-size: 14px;
	display: inline-block;
	margin-top: 45px;
	color: #1EC456;
}

.customerService>a>div span {
	font-size: 14px;
	display: inline-block;
	margin-top: 45px;
	color: #1EC456;
}

.customerService-qqq>div {
	display: block;
	background: url(../images/index/qq_group_n.png)no-repeat center 10px;
	width: 70px;
	height: 70px;
	background-color: #e4f8f0;
	/* border: solid 1px #1ec456; */
	border-right: none;
	text-align: center;
	margin-top: 3px;
	cursor: pointer;
	float: right;
	position: relative;
	transition: 0.4s linear;
}

.customerService-wx>div {
	background: url(../images/index/wechat_n.png)no-repeat center 10px;
	transition: 0.4s linear;
	width: 70px;
	height: 70px;
	background-color: #e4f8f0;
	/* border: solid 1px #1ec456; */
	border-right: none;
	text-align: center;
	margin-top: 3px;
	cursor: pointer;
	float: right;
	position: relative;
	
}
.customerService .customerService-wx>div span{
	font-size: 13px;
}
.customerService-qq p {
	border: solid 1px #d9d9d9;
	margin-top: -1px;
	background: #fff;
	opacity: 0;
	position: absolute;
	right: 83px;
	top: 4px;
	text-align: center;
	z-index: 0;
	transform: scale(0.01);
	transform-origin: 100% 0%;
	transition: 0.4s linear;
	width: 138px;
	border-radius: 3px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
}


.customerService-qqq p {
	min-width: 100px;
	width: 138px;
	border: solid 1px #d9d9d9;
	margin-top: -1px;
	background: #fff;
	opacity: 0;
	position: absolute;
	top: 77px;
	right: 83px;
	text-align: center;
	z-index: 0;
	transform: scale(0.01);
	display: inline-block;
	transform-origin: 100% 0%;
	transition: 0.4s linear;
	border-radius: 3px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
}

.customerService-wx p {
	width: 138px;
	border: solid 1px #d9d9d9;
	margin-top: -1px;
	background: #fff;
	right: 83px;
	top: 150px;
	opacity: 0;
	position: absolute;
	text-align: center;
	z-index: 0;
	transform: scale(0.01);
	display: inline-block;
	transform-origin: 100% 0%;
	transition: 0.4s linear;
	border-radius: 3px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
}
.customerService-icon1 {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-left-color: #d9d9d9;
	position: absolute;
	top: 10px;
	right: -24px;
}

.customerService-icon2 {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border: 11px solid transparent;
	border-left-color: #fff;
	position: absolute;
	top: 11px;
	right: -22px;
}

.customerService p span {
	display: block;
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	padding-top: 10px;
	padding-bottom: 10px;
}

.customerService p img {
	width: 106px;
	height: 106px;
}
.customerService .customerService-qq p .customerService-sj{
	padding-top: 5px;
	padding-bottom: 5px;
}
.customerService .customerService-qqq p .customerService-sj{
	padding-top: 5px;
	padding-bottom: 5px;
}
.customerService .customerService-qqq p img {
	width: 130px;
	height: 130px;
}
.customerService .customerService-qqq  p span{
	padding-bottom: 0px;
}


.customerService .customerService-wx  p span{
	padding-bottom: 5px;
}
.customerService .customerService-wx p .customerService-sj{
	padding-top: 5px;
	padding-bottom: 10px;
}
.customerService p .customerService-sj {
	display: block;
	font-size: 12px;
}

.customerService-qq:hover p {
	opacity: 1;
	position: absolute;
	transform: scale(1);
}

.customerService-qqq:hover p {
	opacity: 1;
	position: absolute;
	transform: scale(1);
}

.customerService-wx:hover p {
	opacity: 1;
	position: absolute;
	transform: scale(1);
}

.customerService-qq:hover div {
	width: 70px;
	height: 70px;
	background: url(../images/index/qq_selected.png)no-repeat center 10px;
	background-color: #1ec456;
}

.customerService-qqq:hover div {
	width: 70px;
	height: 70px;
	background: url(../images/index/qq_group_selected.png)no-repeat center 10px;
	background-color: #1ec456;
}

.customerService-wx:hover div {
	width: 70px;
	height: 70px;
	background: url(../images/index/wechat_selected.png)no-repeat center 10px;
	background-color: #1ec456;
}

.customerService-qq:hover div>span {
	color: #fff;
}

.customerService-qqq:hover div>span {
	color: #fff;
}

.customerService-wx:hover div>span {
	color: #fff;
}




.customerService-qq-action p {
	opacity: 1;
	position: absolute;
	transform: scale(1);
}
.customerService-qq-action div {
 	width: 70px;
 	height: 70px;
 	background: url(../images/index/qq_selected.png)no-repeat center 10px;
 	background-color: #1ec456;
 } 
.customerService .customerService-qq-action div>span {
 	color: #fff;
 }