﻿/*1029626114@qq.com*/
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
input,textarea {border: 2 none; box-shadow: none; outline: none;}
/* 设置默认字体 */
body,button, input, select, textarea { font-family:"Microsoft Yahei" ;color: #666;overflow:hidden;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;}
/* 重置列表元素 */
ul, ol ,li{list-style: none;}
/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#910800;}
/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */


/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}


/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}


/*清除浮动*/
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.b-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.clearafter:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }


.header .nav {font-size: 0;color: #fff;}
.header .nav li {display: inline-block;vertical-align: middle;background: url(../images/nav_line_1.png) no-repeat right center;}
.header .nav li:last-child{background:none;}
.header .nav li a {display: block;font-size: 18px;line-height: 60px;padding: 0 30px;color: #fff;}
.header .nav li .arr {float: right;height: 40px;width: 40px;position: relative;display: none;}
.header .nav li .arr:after {content: '';border-top: 2px solid #ccc;border-left: 2px solid #ccc;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;transform: rotate(135deg);right: 15px;}
.header .nav li.active a,.header .nav li.open a,.header .nav li a:hover {color: #fff;background-color: #044d85;}
.header .nav li.dropdown {position: relative;}
/*.header .nav li.dropdown:before {content: "";position: absolute;border: 4px solid transparent;border-bottom: 0;border-top-color: currentColor;top: 50%;margin-top: -2px;right: 15px;}*/
.header .nav .dropdown-box {position: absolute;left: 0;min-width: 100%;top: 100%;display: none;z-index: 10;text-align: center;}
.header .nav .dropdown-box p {margin: 0;}
.header .nav .dropdown-box a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;font-size: 14px;background-color: #0067b6 !important;line-height: 40px;color: #fff !important;border-top: 1px solid #ccc;}
.header .nav .dropdown-box a:hover {color: #fff !important;background-color: #044d85 !important;}
.header .nav li.open .dropdown-box {display: block;}
.menu-btn {display: none;padding:20px;float: right;margin-left: 15px;}
.menu-btn:before,.menu-btn:after,.menu-btn span {display: block;height: 2px;background-color: #565df6;content: '';}
.menu-btn:before {width: 24px;}
.menu-btn:after {width: 18px;margin-left: 6px;}
.menu-btn span {width: 12px;margin: 6px 0 6px 12px;}



/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;  }

/* function */
h2 a:hover{ text-decoration: none;}
input,textarea{ outline:none; }
textarea{ resize:none;}
em{ font-style: normal;}
.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;}
.f_ib{display:inline-block;*display:inline;*zoom:1;}
.f_dn{display:none;}
.f_db{display:block;}
.f_pr{position:relative;}
.f_pa{position:absolute;}
.f_fl{float:left;}
.f_fr{float:right;}
.f_prz{position:relative;zoom:1;}
.f_oh{overflow:hidden;}
.f_fa{font-family:Arial, Helvetica, sans-serif;}
.f_fw{ font-family:"Microsoft Yahei" }


/* onLineBox */
#onLineBox {
	display: flex;
	position: fixed;
	padding: 0;
	right: 0;
	bottom:45%;
	height: auto;
	background:#fff;
	overflow: hidden;
	cursor: default;
	flex-wrap: wrap-reverse;
	z-index: 100;
}

#onLineBox a {
	text-decoration: none;
}

#onLineBox .iconBox {
	position: relative;
	text-align: center;
	width: 7rem;
	height: 2rem;
	margin: 0 -1px 0 0;
	padding: 0.5rem 0;
	line-height: 2rem;
	box-shadow: 1px 4px 16px rgba(0,0,0,0.1);
	border: 1px solid #efefef;
	border-radius: 0;
	transition: 0.35s ease-in-out;
	overflow: hidden;
}

#onLineBox .iconBox:hover .iconfont:before {
	color: red;
	transition: 0.35s ease-in-out;
}

#onLineBox .iconBox .iconfont:before {
	padding: 0 0.25rem 0 0;
	font-size: 0.875rem;
	color: #999;
}

#onLineBox .iconBox span {
	font-size: 0.875rem;
	color: #1c1c1c;
}

#onLineBox .onLineContentBox {
	position: relative;
	width: auto;
	height: 12rem;
	margin: 0;
	border: 1px solid #efefef;
	box-shadow: 1px 4px 16px rgba(0,0,0,0.1);
	transform: translateX(0%);
	transition: 0.35s ease-in-out;
	overflow: hidden;
}

#onLineBox .onLineContentBox .contactBox {
	position: relative;
	text-align: center;
	width: 4rem;
	height: 4rem;
	padding: 0;
	border-top: 1px solid #efefef;
}

#onLineBox .onLineContentBox .listBox {
	position: relative;
}

#onLineBox .onLineContentBox .listBox:hover .iconfont {
	color: var(--bColor);
}

#onLineBox .onLineContentBox .contactBox .iconfont {
	display: block;
	padding: 0.8rem 0 0.25rem 0;
	font-size: 1.25rem;
	color: #1c1c1c;
	line-height: 1;
	transition: 0.35s ease-in-out;
}

#onLineBox .onLineContentBox .contactBox span {
	display: block;
	font-size: 0.7rem;
	color: #1c1c1c;
	line-height: 1rem;
}

#onLineBox .onLineContentBox .wechatBox {
	position: relative;
	text-align: center;
	width: 4rem;
	height: 4rem;
	padding: 0;
	border-top: 1px solid #efefef;
}

#onLineBox .onLineContentBox .wechatBox .iconfont {
	display: block;
	padding: 0.8rem 0 0.25rem 0;
	font-size: 1.25rem;
	color: #1c1c1c;
	line-height: 1;
}

#onLineBox .onLineContentBox .wechatBox span {
	display: block;
	font-size: 0.7rem;
	color: #1c1c1c;
	line-height: 1rem;
}

#onLineBox .onLineContentBox .topBackBox {
	position: relative;
	text-align: center;
	width: 4rem;
	height: 4rem;
	padding: 0;
	border-top: 1px solid #efefef;
}

#onLineBox .onLineContentBox .topBackBox .iconfont {
	display: block;
	padding: 0.9rem 0 0 0;
	font-size: 1rem;
	color: #1c1c1c;
	line-height: 1;
}

#onLineBox .onLineContentBox .topBackBox span {
	display: block;
	font-size: 0.875rem;
	color: #1c1c1c;
	line-height: 1rem;
}

#onLineBox .contactAlertBox {
	display: none;
	position: fixed;
	right: 4rem;
	width: 0;
	height: auto;
	padding: 0;
	background: #fff;
	border: 1px solid #efefef;
	box-shadow: 1px 4px 16px rgba(0,0,0,0.1);
	transition: 0.35s ease-in-out;
	z-index: 100;
}

#onLineBox .contactAlertBox .listBox {
	margin: 0 0 1rem;
	padding: 0 0 1rem;
	border-bottom: 1px solid #efefef;
}

#onLineBox .contactAlertBox .listBox:nth-last-child(1) {
	margin: 0;
	padding: 0;
	border-bottom: transparent;
}

#onLineBox .contactAlertBox .listBox .iconfont {
	position: relative;
	color: #999;
	transition: 0.35s ease-in-out;
}

#onLineBox .contactAlertBox .listBox:hover .iconfont {
	color: var(--bColor);
	transition: 0.35s ease-in-out;
}

#onLineBox .contactAlertBox .listBox .iconfont:before {
	margin: 0 0.25rem 0 0;
}

#onLineBox .contactAlertBox .listBox a {
	color: #1c1c1c;
	transition: 0.35s ease-in-out;
}

#onLineBox .wechatCodeBox {
	display: none;
	text-align: center;
	position: fixed;
	right: 4rem;
	width: 0;
	padding: 0;
	background: var(--fColor);
	border: 1px solid #efefef;
	box-shadow: 1px 4px 16px rgba(0,0,0,0.1);
	transition: 0.35s ease-in-out;
	opacity: 0;
	overflow: hidden;
	z-index: 100;
}

#onLineBox .wechatCodeBox .listBox {
	margin: 0 0 1rem;
	padding: 0 0 1rem;
	border-bottom: 1px solid #efefef;
}

#onLineBox .wechatCodeBox .listBox:nth-last-child(1) {
	margin: 0;
	padding: 0;
	border-bottom: none;
}

#onLineBox .wechatCodeBox img {
	width: 100%;
}

#onLineBox .wechatCodeBox span {
	display: block;
	font-size: 0.7rem;
	line-height: 1;
}
#ClCache{
	display:none !important;
}
