/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */

html {

	color: #333;

	font: 12px, "微软雅黑", Arial, sans-serif;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

	/* filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: gray;
    -webkit-filter: grayscale(1);  */


}

/* 内外边距通常让各个浏览器样式的表现位置不同 */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {

	display: block;

}

/* HTML5 媒体文件跟 img 保持一致 */

audio,
canvas,
video {

	display: inline-block;

	*display: inline;

	*zoom: 1;

}

/* 要注意表单元素并不继承父级 font 的问题 */

body,
button,
input,
select,
textarea {

	font-size: 12px;

}

input,
select,
textarea,
button {

	font-size: 100%;

	outline: none;

	border: none;

	margin: 0;

	padding: 0;

}

/* 去掉各Table  cell 的边距并让其边重合 */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/* IE bug fixed: th 不继承 text-align*/

th {

	text-align: inherit;

}

/* 去除默认边框 */

fieldset,
img {

	border: 0;

}

/* ie6 7 8(q) bug 显示为行内表现 */

iframe {

	display: block;

}

/* 去掉 firefox 下此元素的边框 */

abbr,
acronym {

	border: 0;

	font-variant: normal;

}

/* 一致的 del 样式 */

del {

	text-decoration: line-through;

}

address,
caption,
cite,
code,
dfn,
em,
th,
var {

	font-style: normal;

	font-weight: 700;

}

/* 去掉列表前的标识, li 会继承 */

ol,
ul {

	list-style: none;

}

/* 对齐是排版最重要的因素, 别让什么都居中 */

caption,
th {

	text-align: center;

}

blockquote,
q {

	quotes: none;

}

blockquote:before,
blockquote:after,

q:before,
q:after {

	content: '';

	content: none;

}

/* 统一上标和下标 */

sub,
sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sup {

	top: -0.5em;

}

sub {

	bottom: -0.25em;

}

/* 默认不显示下划线，保持页面简洁并改变字体颜色 */

ins,
a {

	text-decoration: none;

	color: #000;

}

.clear {

	clear: both;

}

.fn-clear {

	*zoom: 1;
	/* for IE6 IE7 */

}

/* 隐藏, 通常用来与 JS 配合 */

body .fn-hide {

	display: none;

}

.show {

	display: block;

}

.hide {

	display: none;

}

/* 设置内联, 减少浮动带来的bug */

.fn-left,
.fn-right {

	display: inline;

}

body {

	min-width: 320px;

	overflow-x: hidden;

	background: #FFFFFF;

	font-family: "微软雅黑", Arial, sans-serif;

}

h1,
h2,
h3,
h4,
h5,
h6 {

	font-weight: normal;

	font-size: inherit;

}

.container {

	width: 95%;

	max-width: 1600px;

	margin: 0 auto;

}

a {

	color: inherit;

	cursor: pointer;

	font: inherit;

	transition: all 0.5s ease 0s;

}

i {

	font-style: normal;

}



.fl {

	float: left;

}

.fr {

	float: right;

}

.clearfix:after {

	content: "";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearfix {

	*zoom: 1;

}

</style><style data-savepage-href="/Public/home/css/nav.css" type="text/css">#cd-menu-trigger {

	text-align: right;

	display: none;

	z-index: 100;



}

#cd-menu-trigger .cd-menu-text {

	height: 100%;

	text-transform: uppercase;

	color: #FFF;

	font-weight: 600;

	display: none;



}

#cd-menu-trigger .cd-menu-icon {

	/* this span is the central line in the menu menu */

	display: inline-block;

	bottom: auto;

	right: auto;

	margin-right: -13px;

	-webkit-transform: translateX(-50%) translateY(-50%);

	-moz-transform: translateX(-50%) translateY(-50%);

	-ms-transform: translateX(-50%) translateY(-50%);

	-o-transform: translateX(-50%) translateY(-50%);

	transform: translateX(-50%) translateY(-50%);

	width: 24px;

	height: 2px;

	background-color: #333;

	/* these are the upper and lower lines in the menu menu */

}

#cd-menu-trigger .cd-menu-icon::before,
#cd-menu-trigger .cd-menu-icon:after {

	content: '';

	width: 100%;

	height: 100%;

	position: absolute;

	background-color: inherit;

	left: 0;

	/* Force Hardware Acceleration in WebKit */

	-webkit-transform: translateZ(0);

	-webkit-backface-visibility: hidden;

}

#cd-menu-trigger .cd-menu-icon::before {

	bottom: 5px;

}

#cd-menu-trigger .cd-menu-icon::after {

	top: 5px;

}

#cd-menu-trigger.is-clicked .cd-menu-icon {

	background-color: rgba(255, 255, 255, 0);

}

#cd-menu-trigger.is-clicked .cd-menu-icon::before,
#cd-menu-trigger.is-clicked .cd-menu-icon::after {

	background-color: #333;

}

#cd-menu-trigger.is-clicked .cd-menu-icon::before {

	bottom: 0;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

}

#cd-menu-trigger.is-clicked .cd-menu-icon::after {

	top: 0;

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

}



#cd-lateral-nav {

	position: fixed;

	height: 100%;

	right: -66%;

	top: 0;

	/* the secondary navigation is covered by the main element */

	z-index: 10;

	width: 66%;

	background-color: #fff;

	overflow-y: auto;

	/* Force Hardware Acceleration in WebKit */

	-webkit-transform: translateZ(0);

	-webkit-backface-visibility: hidden;

	transition: all 0.4s ease 0s;

	/* this creates the subtle slide in animation of the navigation */

	-webkit-transform: translateX(0px);

	-moz-transform: translateX(0px);

	-ms-transform: translateX(0px);

	-o-transform: translateX(0px);

	transform: translateX(0px);

}

#cd-lateral-nav .cd-navigation {

	margin: 10px 0 16px;

}



#cd-lateral-nav.lateral-menu-is-open {

	-webkit-transform: translateX(0);

	-moz-transform: translateX(0);

	-ms-transform: translateX(0);

	-o-transform: translateX(0);

	transform: translateX(0);

	transition: all 0.4s ease 0s;

	right: 0%;

	/* smooth the scrolling on touch devices - webkit browsers */

	-webkit-overflow-scrolling: touch;

}



.accordion {

	width: 100%;

	margin: 0px auto;

	background: #FFF;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

}



.accordion .link {

	cursor: pointer;

	display: block;

	padding: 15px 29px 15px 20px;

	color: #333;

	font-size: 14px;

	border-bottom: 1px solid #CCC;

	position: relative;

	-webkit-transition: all 0.4s ease;

	-o-transition: all 0.4s ease;

	transition: all 0.4s ease;

}

.accordion .link a {
	color: #333;
	width: 100%;
	height: 100%;
	display: block;
}



.accordion li:last-child .link {

	border-bottom: 0;

}



.accordion li i {

	position: absolute;

	top: 18px;

	left: 12px;

	width: 16px;

	height: 16px;

	font-size: 18px;

	color: #595959;

	-webkit-transition: all 0.4s ease;

	-o-transition: all 0.4s ease;

	transition: all 0.4s ease;

}



.accordion li i.fa-chevron-down {

	right: 12px;

	left: auto;

	font-size: 16px;

	background:
		/*savepage-url=../images/subnavjia.png*/
		var(--savepage-url-15) no-repeat right;

	background-size: 90%;

}



.accordion li.open i.fa-chevron-down {

	right: 12px;

	left: auto;

	font-size: 16px;

	background:
		/*savepage-url=../images/subnavjian.png*/
		url() no-repeat right;

	background-size: 90%;

}



.accordion li i.fa-chevron-up {

	right: 12px;

	left: auto;

	font-size: 16px;

	background:
		/*savepage-url=../images/sub-next.png*/
		var(--savepage-url-14) no-repeat right;

	background-size: 55%;

}



.accordion li.open .link {

	color: #e3b462;

}



.accordion li.open i {

	color: #e3b462;

}

.accordion li.open i.fa-chevron-down {

	-webkit-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	-o-transform: rotate(180deg);

	transform: rotate(180deg);

}



/**

 * Submenu

 -----------------------------*/

.submenu {

	display: none;

	background: #eee;

	font-size: 14px;

}



.submenu a {

	display: block;

	text-decoration: none;

	color: #333;

	padding: 12px;

	padding-left: 20px;

	-webkit-transition: all 0.25s ease;

	-o-transition: all 0.25s ease;

	transition: all 0.25s ease;

}



.submenu a:hover {

	color: #e3b462;

}