BODY {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;
}
H1 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H2 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H3 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H4 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H5 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H6 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
HR {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}

DL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
DT {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
DD {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
UL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
OL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
LI {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
/*删除原 BODY { FONT: 12px/1.5 "宋体"; BACKGROUND: #fff; COLOR: #666 } 规则：
  该规则会把 main.css 的 body 背景(bodybj.gif)与字体覆盖掉。
  Service.ascx 在页面底部会再次引入本文件，晚于 main.css 生效，
  导致产品等子栏目页顶部背景"一闪即失"。*/
H1 {
	FONT-SIZE: 100%
}
H2 {
	FONT-SIZE: 100%
}
H3 {
	FONT-SIZE: 100%
}
H4 {
	FONT-SIZE: 100%
}
H5 {
	FONT-SIZE: 100%
}
H6 {
	FONT-SIZE: 100%
}
ADDRESS {
	FONT-STYLE: normal
}
EM {
	FONT-STYLE: normal
}
UL {
	LIST-STYLE-TYPE: none
}
OL {
	LIST-STYLE-TYPE: none
}
A {
	COLOR: #666; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}







.float0831 {
	POSITION: fixed; z-index:9999; TOP: 80px; RIGHT: 1px; _position: absolute
}
.float0831 A {
	COLOR: #00a0e9
}
.float0831 A:hover {
	COLOR: #ff8100; TEXT-DECORATION: none
}
.float0831 .floatL {
	POSITION: relative; WIDTH: 28px; FLOAT: left; 
}
.float0831 .floatL A {
	TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px
}
.float0831 .floatR {margin-top:60px;
	BACKGROUND: url(float_bg.gif)
}
.float0831 .tp {
	BACKGROUND: url(float_bg.gif)
}
.float0831 .cn {
	BACKGROUND: url(float_bg.gif);
	background:#fff;
}
.float0831 .floatR {
	PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden
}
.float0831 .tp {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px
}
.float0831 .cn {
	BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px
}
.float0831 .cn H3 {
	TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px
}
.float0831 .cn UL {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px
}
.float0831 .cn UL LI {
	BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal
}
.float0831 .titZx {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .titDh {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .titDc {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .icoZx {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .icoTc {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .icoFf {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .icoTl {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .btnOpen {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .btnOpen_n {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .btnCtn {
	BACKGROUND: url(float_s.gif) no-repeat
}
.float0831 .titZx {
	
	BACKGROUND-POSITION: 5px -10px
}
.float0831 .titDh {
	height:60px; width:120px;
	BACKGROUND-POSITION: 5px -66px
}
.float0831 .titDc {
	BACKGROUND-POSITION: 5px -124px
}
.float0831 .icoZx {
	BACKGROUND-POSITION: 2px -154px
}
.float0831 .icoTc {
	BACKGROUND-POSITION: 0px -323px
}
.float0831 .icoFf {
	BACKGROUND-POSITION: 2px -213px
}
.float0831 .icoTl {
	PADDING-LEFT: 20px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; BACKGROUND-POSITION: 2px -266px; FLOAT: left
}
.float0831 .btnOpen {
	BACKGROUND-POSITION: -30px -396px
}
.float0831 .btnOpen_n {
	BACKGROUND-POSITION: 0px -530px
}
.float0831 .btnCtn {
	BACKGROUND-POSITION: 0px -396px
}
.float0831 .icoZx {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoTc {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoFf {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .btnOpen {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen_n {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnCtn {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen {
	TOP: 118px; LEFT: 1px
}
.float0831 .btnOpen_n {
	TOP: 118px; LEFT: 1px
}
.float0831 .btnCtn {
	TOP: 118px; LEFT: 2px
}
.float0831 UL LI H3.titDc A {
	WIDTH: 80px; DISPLAY: block; HEIGHT: 36px
}
.float0831 UL LI.topqq {
	BORDER-BOTTOM: #ace5f9 1px solid
}
.float0831 UL LI.bot {
	BORDER-BOTTOM-STYLE: none
}
.float0831 UL.webZx {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; BACKGROUND: url(webZx_bg.jpg) no-repeat; HEIGHT: 65px; PADDING-TOP: 0px
}
.float0831 UL LI.webZx-in {
	BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px
}
.divwxkfgn{ clear:both; width:100px; text-align:center;}
.divwxkfgn img{  max-width:100px;}
.divwxkfgn a img{  width:100px; max-width:120px;}
.divwxkfgn span img{ width:100px;}


/* ==========================================================================
   在线客服浮窗 —— 整体重构样式
   --------------------------------------------------------------------------
   说明：本段放在文件末尾，用于覆盖上面的旧版「图片拼接」实现
   （float_bg.gif 被切成 tp / cn / floatR 几块拼边角），改为纯 CSS 卡片外观；
   仅保留 float_s.gif 里的两个小图标（在线咨询、电话热线）。
   结构：.float0831 > .floatL(展开/收缩按钮) + .floatR(面板) > .tp + .cn
   注意：本文件由 Main.master 的 head 与 Service.ascx 各引入一次，
         下面的规则必须排在旧规则之后才能生效。
   ========================================================================== */

/* 容器：右侧固定，左右两块横向排列，整体高度由面板决定 */
.float0831 {
	position: fixed;
	z-index: 9999;
	top: 80px;
	right: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
	align-items: stretch;
	font: 12px/1.5 "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif;
	_position: absolute;
}

/* ---------- 展开 / 收缩按钮：竖排「在线客服」 ---------- */
.float0831 .floatL {
	position: relative;
	float: left;
	width: 34px;
	-webkit-flex: none;
	flex: none;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.float0831 .floatL A {
	position: static;
	display: block;
	width: 34px;
	height: 98px;
	margin: 0;
	padding: 0;
	text-indent: 0;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 2px;
	text-align: center;
	text-decoration: none;
	word-break: break-all;
	background: #24509a;
	background-image: -webkit-linear-gradient(top, #3b82dc 0%, #24509a 100%);
	background-image: linear-gradient(to bottom, #3b82dc 0%, #24509a 100%);
	border-radius: 6px 0 0 6px;
	box-shadow: 0 2px 10px rgba(36, 80, 154, .32);
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	cursor: pointer;
	-webkit-transition: background-image .2s ease;
	transition: background-image .2s ease;
}
.float0831 .floatL A:hover {
	color: #fff;
	text-decoration: none;
	background-image: -webkit-linear-gradient(top, #2f6cc4 0%, #1b3d78 100%);
	background-image: linear-gradient(to bottom, #2f6cc4 0%, #1b3d78 100%);
}
/* 按钮末尾的方向提示（竖排时显示在文字下方） */
.float0831 .floatL A:after {
	content: "\203A";
	/* 竖排模式下 margin 对行内元素无效，转成行内块才能拉开与文字的间距 */
	display: inline-block;
	margin-top: 4px;
	letter-spacing: 0;
	opacity: .85;
}

/* ---------- 右侧面板：白底卡片 + 圆角 + 投影 ---------- */
.float0831 .floatR {
	position: relative;
	float: left;
	width: 144px;
	margin: 0;
	padding: 0;
	/* 这里必须用 flex:none（而不是固定 flex-basis），
	   让宽度完全由 width 决定，
	   否则 flex-basis 会覆盖 jquery 收起动画写入的 inline width，动画失效 */
	-webkit-flex: none;
	flex: none;
	overflow: hidden;
	background: #fff;
	border: 1px solid #dfe6ef;
	border-left: none;
	border-radius: 0 6px 6px 0;
	box-shadow: 2px 4px 14px rgba(36, 80, 154, .16);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* 面板顶部渐变条（原为 float_bg.gif 的一角） */
.float0831 .tp {
	height: 4px;
	background: #24509a;
	background-image: -webkit-linear-gradient(left, #24509a 0%, #3b82dc 100%);
	background-image: linear-gradient(to right, #24509a 0%, #3b82dc 100%);
}

/* 面板内容区 */
.float0831 .cn {
	padding: 4px 0 6px;
	background: #fff;
	background-image: none;
}
.float0831 .cn UL {
	margin: 0;
	padding: 0;
	background: none;
	background-image: none;
}

/* 通用列表项：去掉原来的固定 36px 高与实线分隔 */
.float0831 .cn UL LI {
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 7px 11px;
	line-height: 1.5;
	overflow: visible;
	border-bottom: 1px dashed #eef1f5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
	word-break: normal;
	-webkit-transition: background-color .2s ease;
	transition: background-color .2s ease;
}
.float0831 .cn UL LI:hover {
	background: #f7fafd;
}
/* ul 的直接子项（「在线咨询」标题、电话热线）高度交给内部 span 控制 */
.float0831 .cn UL > LI {
	padding: 0 11px;
}
/* 最后一项不再画分隔线，避免面板底部多出一道虚线 */
.float0831 .cn UL LI:last-child {
	border-bottom: none;
}

/* 「在线咨询」分组标题：保留 float_s.gif 小图标 */
.float0831 .icoZx {
	display: block;
	float: none;
	padding: 0 0 0 25px;
	color: #24509a;
	font-size: 13px;
	font-weight: 700;
	line-height: 30px;
	background: url(float_s.gif) no-repeat 2px -154px;
}

/* QQ 客服项：限制腾讯接口返回的图标尺寸，并统一文字颜色
   （服务端为了兼容老模板用了 <font color="#A31515">，这里用 CSS 覆盖） */
.float0831 .cn LI IMG.service-icon {
	width: 16px;
	height: 16px;
	margin: 0 5px 0 0;
	vertical-align: -3px;
	border: none;
	background: #eef3f9;
}
.float0831 .cn LI A,
.float0831 .cn LI A FONT {
	color: #444;
	font-size: 12px;
}
.float0831 .cn LI A:hover,
.float0831 .cn LI A:hover FONT {
	color: #0093dd;
	text-decoration: none;
}

/* 电话热线：套用 float_s.gif 的电话图标，字号放大做重点信息 */
.float0831 .cn UL:last-child > LI > SPAN {
	display: block;
	float: none;
	padding: 0 0 0 25px;
	color: #24509a;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .5px;
	line-height: 30px;
	background: url(float_s.gif) no-repeat 2px -266px;
}

/* 微信客服二维码区 */
.float0831 .divwxkfgn {
	clear: both;
	width: 100%;
	padding: 2px 0;
	color: #666;
	font-size: 11px;
	line-height: 1.6;
	text-align: center;
}
.float0831 .divwxkfgn img {
	max-width: 84px;
	height: auto;
	border-radius: 4px;
}

/* ---------- 小屏适配 ---------- */
@media (max-width: 767px) {
	.float0831 {
		top: auto;
		bottom: 60px;
	}
	.float0831 .floatL,
	.float0831 .floatL A {
		width: 32px;
	}
	.float0831 .floatL {
		-webkit-flex: none;
		flex: none;
	}
	.float0831 .floatL A {
		height: 90px;
		font-size: 11px;
		letter-spacing: 1px;
	}
	.float0831 .floatR {
		width: 132px;
		-webkit-flex: none;
		flex: none;
	}
}
@media (max-width: 480px) {
	.float0831 .floatR {
		width: 124px;
		-webkit-flex: none;
		flex: none;
	}
	.float0831 .cn UL LI {
		padding-left: 9px;
		padding-right: 9px;
	}
	.float0831 .cn UL > LI {
		padding-left: 9px;
		padding-right: 9px;
	}
}