a,
button { - webkit - tap - highlight - color: transparent
}
img,
legend {
	border: 0
}#wrapper,
sub,
sup {
	position: relative
}.wf,
body,
html {
	width: 100 %
}.noWrap,
.toh {
	white - space: nowrap
}.clear: after,
footer.footer: after {
	clear: both
} * {
	padding: 0;
	margin: 0;
	box - sizing: border - box
}: :-ms - clear,
::-ms - reveal {
	display: none
}
html { - ms - text - size - adjust: 100 % ; - webkit - text - size - adjust: 100 %
}
body,
html {
	margin: 0;
	padding: 0;
	height: 100 %
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
	margin: 0;
	padding: 0
}
audio,
canvas,
progress,
video {
	display: inline - block;
	vertical - align: baseline
}
audio: not([controls]) {
	display: none;
	height: 0
} [hidden],
template {
	display: none
}
a {
	background - color: transparent;
	text - decoration: none;
	color: inherit
}
a: active,
a: hover {
	outline: 0; - webkit - transition: all.3s ease - in-out; - moz - transition: all.3s ease - in-out; - o - transition: all.3s ease - in-out;
	transition: all.3s ease - in-out
}
b,
strong {
	font - weight: 700
}
em {
	font - style: normal
}
h1 {
	font - size: 2em;
	margin: .67em 0
}
small {
	font - size: 80 %
}
sub,
sup {
	font - size: 75 % ;
	line - height: 0;
	vertical - align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
li,
ol,
ul {
	list - style: none
}
svg: not(: root) {
	overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
	outline: 0; - webkit - appearance: none
}
input[type = text] { - webkit - appearance: none
}
button {
	overflow: visible;
	outline: 0
}
button,
select {
	text - transform: none
}
button,
html input[type = button],
input[type = reset],
input[type = submit] { - webkit - appearance: button;
	cursor: pointer
}
button[disabled],
html input[disabled] {
	cursor: default
}
button:
:
-moz - focus - inner,
input: :-moz - focus - inner {
	border: 0;
	padding: 0
}
input {
	line - height: normal
}
input[type = checkbox],
input[type = radio] {
	box - sizing: border - box;
	padding: 0
}
input[type = number] : :-webkit - inner - spin - button,
input[type = number] : :-webkit - outer - spin - button {
	height: auto
}
input[type = search] { - webkit - appearance: textfield;
	box - sizing: border - box
}
input[type = search] : :-webkit - search - cancel - button,
input[type = search] : :-webkit - search - decoration { - webkit - appearance: none
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em.625em.75em
}
legend {
	padding: 0
}
textarea {
	overflow: auto
}
table {
	border - collapse: collapse;
	border - spacing: 0
}
td,
th {
	padding: 0
}
body {
	margin: 0;
	background: #f7f7f7;
	font - family: 'Microsoft YaHei',
	'WenQuanYi Micro Hei',
	'Helvetica Neue',
	Verdana,
	Arial,
	Helvetica,
	SimHei,
	sans - serif;
	font - size: .34666667rem;
	color: #333
}#wrapper {
	min - height: 100 % ;
	padding - bottom: 3.15rem
}#wrapper.fixed {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden
}.wrapper {
	position: relative
}.center,
.pa {
	position: absolute
}
img[class ^= icon_] {
	display: inline - block;
	width: 100 % ;
	cursor: pointer;
	vertical - align: middle; - webkit - user - select: none; - moz - user - select: none; - ms - user - select: none;
	user - select: none
}
i[class ^= icon_] {
	vertical - align: middle;
	background - size: 100 % 100 % ;
	display: inline - block;
	font - style: normal
}.flexTab {
	display: -webkit - box;
	display: -webkit - flex;
	display: flex; - webkit - justify - content: space - between;
	justify - content: space - between;
	align - items: center
}.center {
	left: 50 % ;
	top: 50 % ;
	transform: translate( - 50 % , -50 % ); - ms - transform: translate( - 50 % , -50 % ); - webkit - transform: translate( - 50 % , -50 % ); - o - transform: translate( - 50 % , -50 % ); - moz - transform: translate( - 50 % , -50 % )
}.clear: after,
.clear: before {
	content: "";
	display: table
} [class ^= g - d],
header.header {
	display: -webkit - box;
	display: -webkit - flex; - webkit - justify - content: space - between
}.fl {
	float: left
}.fr {
	float: right
}.tc {
	text - align: center
}.tl {
	text - align: left
}.tr {
	text - align: right
}.pr {
	position: relative
}#pushbutton,
.comp_tip,
.pf,
.plugs_loading {
	position: fixed
}.toh {
	overflow: hidden;
	text - overflow: ellipsis
}.blod {
	font - weight: 700
} [class ^= g - d] {
	display: flex;
	justify - content: space - between;
	align - items: center
}.g - d - 2 > *{
	width: 50 %
}.g - d - 3 > *{
	width: 33.33333333 %
}.g - d - 4 > *{
	width: 25 %
}.g - d - 5 > *{
	width: 20 %
}#pushbutton {
	bottom: 0
}.comp_select > input,
.comp_select > ul,
.pro_select > input,
.pro_select > ul {
	display: none
}.comp_tip {
	left: 50 % ;
	top: 50 % ;
	transform: translate( - 50 % , -50 % ); - ms - transform: translate( - 50 % , -50 % ); - webkit - transform: translate( - 50 % , -50 % ); - o - transform: translate( - 50 % , -50 % ); - moz - transform: translate( - 50 % , -50 % );
	z - index: 5000;
	width: 7.33333333rem;
	text - align: center
}.comp_tip.comp_tip_con {
	background - color: #323232; - webkit - border - radius: 10px; - moz - border - radius: 10px; - ms - border - radius: 10px; - o - border - radius: 10px;
	border - radius: 10px;
	font - size: .4rem;
	color: #fff;
	line - height: 150 % ;
	display: inline - block;
	max - width: 7.33333333rem;
	padding: .26666667rem.8rem
}.plugs_up_bottom {
	position: fixed;
	z - index: 1000;
	width: 1.06666667rem;
	right: .26666667rem;
	bottom: 1.06666667rem
}.plugs_up_bottom.up {
	width: 1.06666667rem;
	height: 1.06666667rem;
	transition: all.22s linear; - moz - transition: all.22s linear; - webkit - transition: all.22s linear; - o - transition: all.22s linear;
	opacity: 1;
	visibility: visible;
	background - size: 100 % 100 % ;
	background - image: url(.. / images / ico / plugs_up.png)
}.plugs_up_bottom.up.hide {
	opacity: 0;
	visibility: hidden
}.plugs_up_bottom.bottom {
	width: 1.06666667rem;
	height: 1.06666667rem;
	transition: all.22s linear; - moz - transition: all.22s linear; - webkit - transition: all.22s linear; - o - transition: all.22s linear;
	opacity: 1;
	visibility: visible;
	margin - top: .2rem;
	background - size: 100 % 100 % ;
	background - image: url(.. / images / ico / plugs_bottom.png)
}.plugs_up_bottom.bottom.hide {
	opacity: 0;
	visibility: hidden
}.plugs_loading {
	left: 50 % ;
	top: 40 % ;
	width: 2.08rem;
	height: 2.08rem;
	margin - top: -1.04rem;
	margin - left: -1.04rem;
	background - color: #000;
	z - index: 3000;
	opacity: .8;
	border - radius: .2rem
}.plugs_loading > div {
	position: absolute;
	top: 50 % ;
	left: 50 % ;
	width: 1.2rem;
	height: 1.2rem;
	margin - top: -.6rem;
	margin - left: -.6rem;
	background - size: 100 % 100 % ;
	background - image: url(.. / images / Loading.png);
	animation: rotateIn 2s infinite linear; - webkit - animation: rotateIn 2s infinite linear
}
header.header.h_left.menu_down,
header.header.h_right.search_down {
	z - index: 1000;
	overflow: hidden;
	left: 0;
	box - shadow: 0 10px 10px rgba(128, 128, 128, .8)
}@keyframes rotateIn {
	0 % {
		transform - origin: center;
		transform: rotate(0)
	}
	50 % {
		transform - origin: center;
		transform: rotate(180deg)
	}
	100 % {
		transform - origin: center;
		transform: rotate(360deg)
	}
}@ - webkit - keyframes rotateIn {
	0 % { - webkit - transform - origin: center; - webkit - transform: rotate(0)
	}
	50 % { - webkit - transform - origin: center; - webkit - transform: rotate(180deg)
	}
	100 % { - webkit - transform - origin: center; - webkit - transform: rotate(360deg)
	}
}
header.header {
	position: relative;
	width: 100 % ;
	display: flex;
	justify - content: space - between;
	align - items: center;
	height: 1.5rem;
	padding - left: .4rem;
	padding - right: .4rem;
	background - color: #093969;
	z - index: 1000
}
header.header.icon_list {
	width: .69333333rem;
	height: .58666667rem;
	transition: all 50ms linear; - moz - transition: all 50ms linear; - webkit - transition: all 50ms linear; - o - transition: all 50ms linear;
	background - image: url(.. / images / hb / ico_menu.png)
}
header.header.icon_search {
	width: .66666667rem;
	height: .69333333rem;
	background - image: url(.. / images / hb / ico_search.png)
}
header.header.h_left {
	width: .6rem
}
header.header.h_left.menu_down {
	position: absolute;
	width: 100 % ;
	height: 0;
	visibility: hidden;
	top: 1.5rem;
	background - color: #093969;
	transition: all.22s ease - out; - moz - transition: all.22s ease - out; - webkit - transition: all.22s ease - out; - o - transition: all.22s ease - out
}
header.header.h_left.menu_down > div {
	padding - top: .43rem;
	padding - bottom: 1.13333333rem
}
header.header.h_left.menu_down.menu_list {
	width: 100 %
}

header.header.h_left.menu_down.menu_list > li.nav_tit {
	padding - left: .4rem;
	padding - right: .4rem;
	display: -webkit - box;
	display: -webkit - flex;
	display: flex; - webkit - justify - content: space - between;
	justify - content: space - between;
	align - items: center;
	font - size: 0;
	text - align: left;
	height: 1.06666667rem;
	border - bottom: 1px solid rgba(204, 204, 204, .39)
}
header.header.h_left.menu_down.menu_list > li.nav_tit a {
	white - space: nowrap;
	overflow: hidden;
	text - overflow: ellipsis;
	width: 8rem;
	font - size: .37333333rem;
	color: #fff;
	line - height: 1.06666667rem
}
header.header.h_left.menu_down.menu_list > li.nav_tit.icon_arrow_down {
	height: .8rem;
	width: .8rem;
	background - position: center;
	background - size: .32rem auto;
	background - color: #775fb2;
	display: block;
	background - repeat: no - repeat;
	background - image: url(.. / images / hb / icon_arrow_down.png)
}
header.header.h_left.menu_down.menu_list > li.subs {
	height: 0;
	overflow: hidden;
	transition: all.22s linear; - moz - transition: all.22s linear; - webkit - transition: all.22s linear; - o - transition: all.22s linear;
	background - color: #7158ae
}
header.header.h_left.menu_down.menu_list > li.subs ul li {
	padding - left: .4rem;
	padding - right: .4rem;
	height: 1.01333333rem;
	margin - left: -.4rem;
	margin - right: -.4rem
}
header.header.h_left.menu_down.menu_list > li.subs ul li > div {
	margin - left: .4rem;
	margin - right: .4rem
}
header.header.h_left.menu_down.menu_list > li.subs ul li a {
	width: 100 % ;
	display: block;
	font - size: .32rem;
	color: #fff;
	line - height: 1.01333333rem
}
header.header.h_left.menu_down.menu_list > li.active.nav_tit {
	border - bottom: 1px solid#093969
}
header.header.h_left.menu_down.menu_list > li.active.nav_tit.icon_arrow_down {
	background - image: url(.. / images / hb / icon_arrow_up.png)
}
header.header.h_left.menu_down.menu_list > li.active.subs {
	display: block
}
header.header.h_left.menu_down.search {
	position: relative;
	padding - left: .4rem;
	padding - right: .4rem;
	font - size: 0;
	border - top: none;
	margin - top: .38666667rem
}
header.header.h_left.menu_down.search input {
	margin: 0;
	width: 100 % ;
	height: .45333333rem;
	color: #ccc; - webkit - border - radius: 36px; - moz - border - radius: 36px; - ms - border - radius: 36px; - o - border - radius: 36px;
	border - radius: 36px;
	font - size: .18666667rem;
	background - color: #7158ae;
	padding - left: .26666667rem;
	padding - right: .88rem;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(204, 204, 204, .16)
}
header.header.h_left.menu_down.search input: :-webkit - input - placeholder {
	font - size: .18666667rem;
	color: #ccc;
	text - align: left;
	line - height: .45333333rem
}
header.header.h_left.menu_down.search input: -moz - placeholder {
	font - size: .18666667rem;
	color: #ccc;
	text - align: left;
	line - height: .45333333rem
}
header.header.h_left.menu_down.search input: :-moz - placeholder {
	font - size: .18666667rem;
	color: #ccc;
	text - align: left;
	line - height: .45333333rem
}
header.header.h_left.menu_down.search input: -ms - input - placeholder {
	font - size: .18666667rem;
	color: #ccc;
	text - align: left;
	line - height: .45333333rem
}
header.header.h_left.menu_down.search.btn_search {
	position: absolute;
	right: .4rem;
	top: 0;
	height: .48rem;
	width: .8rem;
	background - size: .18666667rem.18666667rem;
	background - position: .29333333rem.14666667rem;
	background - color: transparent;
	background - repeat: no - repeat;
	border: none;
	background - image: url(.. / images / hb / ico_search.png)
}
header.header.h_left.active.icon_list {
	width: .69333333rem;
	height: .58666667rem;
	background - size: 100 % auto;
	background - position: center;
	background - repeat: no - repeat;
	background - image: url(.. / images / hb / ico_close.png)
}
header.header.h_left.active.menu_down {
	visibility: visible
}
header.header.h_center {
	font - size: 0;
	width: 5.86666667rem;
	height: 1.5rem;
	overflow: hidden
}
header.header.h_center.logo {
	width: 100 % ;
	height: 1.5rem;
	background - image: url(.. / images / change_doc / logo.svg);
	background - size: auto 56 % ;
	background - position: center;
	background - repeat: no - repeat
}
header.header.h_right {
	width: .575rem
}
header.header.h_right.search_down {
	position: absolute;
	height: 0;
	top: 1.5rem;
	width: 100 % ;
	transition: all.22s ease - out; - moz - transition: all.22s ease - out; - webkit - transition: all.22s ease - out; - o - transition: all.22s ease - out;
	background - color: #093969;
	text - align: center
}
header.header.h_right.search_down input {
	width: 7.5rem;
	height: .8rem;
	outline: 0;
	margin - top: .7rem;
	transition: all.22s linear; - moz - transition: all.22s linear; - webkit - transition: all.22s linear; - o - transition: all.22s linear;
	font - size: .32rem;
	color: #fff;
	line - height: .5rem; - webkit - border - radius: .8rem; - moz - border - radius: .8rem; - ms - border - radius: .8rem; - o - border - radius: .8rem;
	border - radius: .8rem;
	border: 1px solid#fff;
	background - color: #7158ae;
	padding: .15rem.52rem
}
header.header.h_right.search_down input: :-webkit - input - placeholder {
	font - size: .32rem;
	color: #ccc;
	line - height: .5rem
}
header.header.h_right.search_down input: -moz - placeholder {
	font - size: .32rem;
	color: #ccc;
	line - height: .5rem
}
header.header.h_right.search_down input: :-moz - placeholder {
	font - size: .32rem;
	color: #ccc;
	line - height: .5rem
}
header.header.h_right.search_down input: -ms - input - placeholder {
	font - size: .32rem;
	color: #ccc;
	line - height: .5rem
}
header.header.h_right.search_down input: focus { - moz - box - shadow: 0 0 5px 0 rbg(128, 128, 128); - webkit - box - shadow: 0 0 5px 0 rbg(128, 128, 128);
	box - shadow: 0 0 5px 0 rbg(128, 128, 128)
}
header.header.h_right.active.search_down {
	height: 2.6rem
}
footer.footer {
	position: absolute;
	bottom: 0;
	width: 100 % ;
	text - align: center;
	background: #093969;
	padding: .5rem.73333333rem
}
footer.footer: after,
footer.footer: before {
	content: "";
	display: table
}
footer.footer.txt {
	font - size: .3rem;
	color: #fff;
	line - height: 200 %
}
footer.footer.suport {
	color: rgba(255, 255, 255, .55)
}