@charset "utf-8";
/* CSS Document */


*,html { padding:0; margin:0; outline: 0; }
body { font-size:15px; font-family:"微软雅黑",Arial; width:100%; height:100%; background:#eaeff3; color:#576b71;}
h1, h2, h3, h4, h5, h6 { font-weight:normal;} 
p { line-height:1.857142857142857;  }
small { font-size:80%; }

ul,ol { list-style:none;}

a { outline:none; text-decoration:none;}
/*
22	38px; -- 日期
 H1 30	34px; -- 内页顶部标题	
h2	30px; -- 产品详细页标题、资料下载详细页标题
26	28px; -- 首页产品标题文字
24	26px; -- 侧边弹出列表标题、服务支持列表
16	24px; -- 首页产品列表标题文字、首页联系我们列表文字、联系我们列表文字、侧边弹出列表二级标题、资料下载列表标题
20	22px; -- 文章页、留言页面内容文字、售前服务内容文字
18	20px;  --首页产品列表简介文字、文章页基本信息标题、资料下载列表简介文字、资料下载详细页内容文字
15	18px; -- 导航文字、产品详细页收藏按钮


/*
 * --> 全局字号定义
=============================================================================================================================================================================*/
body,
p  { font-size:14px; line-height:1.5; }
/* --> 标题 */
h1 { font-size:20px; line-height:1.5; }
h2 { font-size:18px; line-height:1.5; }
h3,
h4,
h5,
h6 { font-size:16px; }
b { font-weight:normal; }
small { font-size:80%; }
/* --> 自定义 */
.font-large { font-size: 22px !important; /* 特大号 */ }
.font-big { font-size:18px !important; /* 大号 */ }
.font-default { font-size: 16px !important; /* 普通 */ }
.font-small { font-size: 14px !important; /* 小号 */ }
.font-little { font-size: 12px !important; /* 特小号 */ }
/* --> 文章页 */
.article { font-size:14px; }




@media (max-width:1200px){ 
}
@media (max-width:1000px){ 
}
@media (max-width:760px){ 
}


/* 
 * --> 图片属性
=============================================================================================================================================================================*/
img { border:none !important; max-width:100%; padding:0; margin:0; vertical-align:middle; }

/* 
 * --> 表单属性
=============================================================================================================================================================================*/
img { border:none !important; max-width:100%; padding:0; margin:0; vertical-align:middle; }

input
{ font-family:"微软雅黑",Arial; font-size:14px; line-height:1.5; }
input,
button,
input[type=button],
input[type=submit] { border:0; outline:none; }


/*
 * --> 行高定义
=============================================================================================================================================================================*/

.height-large { line-height: 2.857142857142857 !important; /* 特大行高 */ }
.height-big { line-height:2.142857142857143 !important; /* 大行高 */ }
.height-default { line-height: 1.714285714285714 !important; /* 普通 */ }
.height-small { line-height: 1.428571428571429 !important; /* 小号 */ }
.height-little { line-height: 1.142857142857143 !important; /* 特小 */ }

/* 
 * --> 文本对齐方式
=============================================================================================================================================================================*/
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-inden { text-indent:2em; }

/* 浮动  
=============================================================================================================================================================================*/
.float-left { float:left; }
.float-right { float:left; }

/* 
 * --> 背景颜色  
=============================================================================================================================================================================*/
.bgcolor-01 { background:#005ead !important; /* 顶部标题 */ }
.bgcolor-02 { background:#eaeff3 !important; /* 背景 */ }
.bgcolor-03 { background:#002c51 !important; /* 侧边导航标题 */ }
.bgcolor-04 { background:#00315a !important; /* 侧边导航背景  */ }

/* 
 * --> 字体颜色  
=============================================================================================================================================================================*/
a { color:inherit; }
.color-01 { color:#005ead !important; /* 内容标题  */ }
.color-02 { color:#c8e6ff !important; /* 顶部标题 */ }
.color-03 { color:#576b71 !important; /* 导航 内容模块 */ }
.color-04 { color:#a0c8e9 !important; /* 侧边导航标题 */ }
.color-07 { color:#647f88 !important; /* 导航文字 */ }
/* 其他字体样色 */
.color-05 { color:#73a2c9 !important; /* 侧边导航一级文字 */ }
.color-06 { color:#4a789e !important; /* 侧边导航二级文字 */ }


/* 
 * -->  按钮
=============================================================================================================================================================================*/
.button { line-height: 1.428571428571429 ; font-size: 14px;  padding: 0.4285714285714286em 1.071428571428571em; 
	display: inline-block; *display: inline; *zoom:1;
	background: transparent;
	border-radius: 4px; 
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}



/* 
 * -->显示和隐藏
=============================================================================================================================================================================*/
.show{display:block !important;}
.hidden{display:none !important;visibility:hidden !important;}


/* 
 * --> 清除浮动
=============================================================================================================================================================================*/
.clear { clear:both; }
.clearfix:after,
.layout:after,
.container:after,
.container-layout:after,
.line:after,
.line-small:after,
.line-middle:after,
.line-big:after,
.nav-main:after,
.nav-sub:after,
.navbar:after { content:" "; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }


/* 
 * --> 全局
=============================================================================================================================================================================*/
.layout { width:100%; }
.container { clear:both; float:left; box-sizing:border-box; width:100%; padding:1.875%; vertical-align:top; }
.container,.container-layout{margin:0 auto; }

/*水平线*/
hr{ background:#d3dce3; color:#d3dce3;clear:both;float:none;width:100%;height:1px; margin:0; border:none;-moz-box-sizing:content-box;box-sizing:content-box;}

/* 边框 */
.border { border:1px solid #d3dce3; box-sizing:border-box; }
.border-top { border-top:1px solid #d3dce3; box-sizing:border-box; }
.border-bottom { border-bottom:1px solid #d3dce3; box-sizing:border-box; }
.border-left { border-left:1px solid #d3dce3; box-sizing:border-box; }
.border-right { border-right:1px solid #d3dce3; box-sizing:border-box; }

/* 间距 */
.module-m-bottom { margin-bottom:1.13268608414239%; }
.module-m-top { margin-top:1.13268608414239%; }
.no-m { margin:0 !important; }
.no-m-top { margin-top:0 !important; }
.no-m-bottom { margin-bottom:0 !important; }
.no-m-left { margin-left:0 !important; }
.no-m-right { margin-right:0 !important; }

/* 填充 */
.module-p {padding: 1.94174757281553%; box-sizing: border-box; }
.no-p { padding:0 !important; }
.no-p-top { padding-top:0 !important; }
.no-p-bottom { padding-bottom:0 !important; }
.no-p-left { padding-left:0 !important; }
.no-p-right { padding-right:0 !important; }


/* 浮动 */
.float-left { float:left; }
.float-right { float:right; }



/* 
 * --> 轮播
=============================================================================================================================================================================*/
.slick { position:relative; float:left; width:100%;}
.slick-track { position: relative; float:left;}
.slick-list { float:left; width:100%; position:relative; overflow:hidden;}
.slick-prev,
.slick-next { width:30px; height:30px; background:#333; position:absolute; top:40%; z-index:9999; margin-top:-15px; text-indent:-999em; overflow:hidden;}
.slick-prev { left:0; }
.slick-next { right:0; }
.slick-slide { float:left; text-align:center; }
.slick-dots { clear:both; float:left; width:100%; height:30px; position:absolute; bottom:0; right:0; z-index:99; text-align:center; }
.slick-dots > * { background:#eee; margin:0 3px; display:inline-block; *display:inline; *zoom:1; overflow:hidden;
	border-radius:100%;
}
.slick-dots > * button { float:left; width:100%; height:100%; background:none; border:0; margin:0; padding:0;}
/* 5列 */
.slick-5col { width:102.3076923076923%; margin-left:-1.15384615384615%; }
/* 4列 */
.slick-4col { float:left; width:102.7397260273973%; margin-left:-1.36986301369865%; }
/* 3列 */
.slick-3col { width:103.8605230386052%; margin-left:-1.9302615193026%; }

/* 
 * --> 翻页
=============================================================================================================================================================================*/
#page { clear:both; float:left; width:100%; text-align:center; padding:4.0453074433657%; box-sizing:border-box;}
#page a { display:inline-block; width:64px; height:64px; background: url(../images/icon/icon64.png) no-repeat; background-size:500%; }
#page .prev { background-position:0 42.85714285714286%; }
#page .prev:hover { background-position:50% 42.85714285714286%; }
#page .next { background-position:25% 42.85714285714286%; }
#page .next:hover { background-position:75% 42.85714285714286%; }



/* 
 * --> 文章
=============================================================================================================================================================================*/
.article:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:0;
}
.article { clear:both; line-height:1.714285714285714; color:#576b71; text-align:left; }
.article h1:first-child,
.article h2:first-child,
.article h3:first-child,
.article h4:first-child,
.article h5:first-child,
.article h6:first-child { padding-top:0; }
/*.article p:first-child { padding-top:0; margin-top:-0.425em;}*/
.article hr { margin:6px 0; *margin:-1px 0;}

.article h1,.article h2,.article h3,.article h4,.article h5,.article h6 {
	 padding:0.25em 0 0.5em;
}
.article h1,.article h2 {
	color:#005ead;
	text-align:center;
	/*font-weight:bold;*/
	font-size:1.714285714285714em;
}
.article h3,.article h4,.article h5,.article h6 {
	 font-size:1.071428571428571em;
	 line-height:1.85em;
}
.article .baseinfo + h1,
.article .baseinfo + h2,
.article .baseinfo + h3,
.article .baseinfo + h4,
.article .baseinfo + h5,
.article .baseinfo + h6 { padding-top:0;}

.article p { font-size:1.02em; line-height:1.9em; padding:0.2857142857142857em 0; }
.article img { margin:6px 0; }
.article .fl { float:left; margin:6px 6px 6px 0;}
.article .fr { float:right; margin:6px 0 6px 6px;}

.article b,.article b a {
	color:#005aa7;
}
.article span,.article span a {
	color:#005aa7;
}
.article.no-p-m ul,
.article.no-p-m ol {
	padding-left:1.5em;
	margin:0.2857142857142857em 0;
}
.article ul,
.article ol {
	clear:both;
	list-style-position:outside;
}
.article ul {
	list-style:disc;
}
.article ol {
	list-style:decimal;
}

.article .baseinfo { /* 文章日期 分类 浏览次数 */
	list-style:none;
	clear: both;
	width: 100%;
	height:1.5em;
	color:#a3aeb9;
	line-height:1.5em;
	font-size:1em;
	text-align: center;
	padding:0 0 0.5em;
}
.article .baseinfo li {
	height:1.5em;
	line-height:1.5em;
	margin:0 5px;
	display:inline-block;
	*display:inline;
	zoom:1;
}
.article .baseinfo > * b {
	float:left;
	width:2em;
	height:2em;
	margin-top:-0.25em;
	display:inline-block;
	*display:inline;
	vertical-align:middle;
	position:relative;
	overflow:visible;
}
.article .baseinfo > * b span {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/icon/baseinfo48.png) no-repeat; background-size:200% auto;
}
.article .baseinfo .date b span { background-position: 0 0; }
.article .baseinfo .class b span { background-position: 100% 0; }

.tags { /* 标签 */
	line-height:1.5em;
	margin:-0.25em 0;
	color:#4e5b69;
	padding:0 !important;
	text-align:left;
}
.tags em,.tags em a {
	color:#a3aeb9;
	
}

/* 
 * --> 一键分享给好友
=============================================================================================================================================================================*/
#share {  visibility:hidden; clear:both; float:left; width:50px; height:250px; position:absolute; top:100%; right:0; z-index:99; opacity:0;
	transition:opacity .3s ease;
	-webkit-transition:opacity .3s ease;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
}
#share.active { visibility:visible; opacity:1; }
#share .bshare-custom { float:right; width:50px; height:250px; }
#share a { clear:both; float:left; height:50px; width:50px; padding:0 !important; background:url(../images/icon/shrea64.png) 0 center no-repeat; background-size:500% auto; margin:0;}
#share .taojianghu { background-color:#ffae00;  background-position:100% center; }
#share .sina { background-color:#f72b2d;  background-position:75% center; }
#share .qq { background-color:#005ead;  background-position:0% center; }
#share .weixin { background-color:#1dc971;  background-position:50% center; }
#share .itieba { background-color:#3388ff; background-position:25% center; }