html,body
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	background:#e0e0e0
}
a,a:hover
{
	text-decoration:none
}
@font-face 
{
	font-family:'zn'; 
	src:url('../fonts/font.eot');
	src:url('../fonts/font.eot?#iefix') format('embeded-opentype'),
	url('../fonts/font.woff') format('woff'),
	url('../fonts/font.ttf') format('truetype'),
	url('../fonts/font.svg') format('svg');
}
@keyframes offsetx
{
	0%{top:0}
	100%{top:-30px}
}
@keyframes offsety
{
	0%{top:-30px}
	100%{top:0}
}

@keyframes widthx
{
	0%{width:12px}
	100%{width:40px}
}
@keyframes widthy
{
	0%{width:40px}
	100%{width:12px}
}
@keyframes ddlx
{
	0%{right:-30%}
	100%{right:0}
}
@keyframes ddly
{
	0%{right:0}
	100%{right:-30%}
}
i
{
	font-family:'zn';
	font-style:normal
}
ul,li,sub,sup,dl,dt,dd,em,tt,menu,h1,h2,h3,h4,h5,address,time
{
	margin:0;
	padding:0;
	list-style:none;
	font-style:normal;
}
img
{
	width:100%;
	display:block
}
menu 
{
	z-index:99;
	right:-30%;
	width:30%;
	position:fixed;
	overflow:hidden;
	padding:0.3125rem 0;
	background:#057dc7;
	border-top:1px solid #09c;
	border-bottom:1px solid #09c;
	animation:ddly 1s 1 alternate forwards;
}
menu a 
{
	color:#fff;
	display:block;	
	padding:0.375rem 0;
	font-size:100%;	
	text-align:center
}
.show
{
	display:block;
	animation:ddlx 1s 1 alternate forwards;
}
#pos
{
	margin: 0 auto;
	font-size:130%;
	text-align:center;
	line-height:300%
}
a.more
{
	color:#464646;
	padding:.5rem 1.5rem;
	border:1px solid #ccd0d1;
	text-align:center;
	border-radius:1rem;
	font:400 90%/120% ''
}
a.more i 
{
	color:#464646;
	font-size:20px
}
a.more:hover
{
	color:#fff;
	background:#057dc7;
	border:1px solid #057dc7;
}
a.more:hover i
{
	color:#fff
}
#wrap .navtab
{
	display:flex;
	padding:1rem 0.5rem;
	justify-content:space-between
}
.navtab h3
{
	font-size:100%
}

.navtab span,
.navlink a
{
	color:#707070;
	font-size:80%;
	line-height:150%
}
.navlink a 
{
	margin:0 0.5rem;
	line-height:300%
}
.navlink a.fixed,
.navlink a:hover
{
	color:#006fcb;
	font-weight:700;
	padding-bottom:1px;
	border-bottom:1px solid #006fcb
}
#top
{
	display:flex;
	justify-content:space-between;
	align-items:center;
	background:#fff
}
#top .logo
{
	width:70%
}
#top .menu
{
	width:20%;
	text-align:center
}
#top .menu i
{
	color:#057dc7;
	font-size:32px;
	font-weight:700
}
.dot
{
	text-align:center;
}
.dot a
{
	width:8px;
	height:8px;
	margin:0 2px;
	cursor:pointer;
	overflow:hidden;
	display:inline-block;
	text-indent:-1000%;
	border-radius:6px;
	background:#e1e1e1;
	animation:widthy 0.5s 1 alternate forwards
}
.dot a.fixed
{
	background:#057dc7;
	animation:widthx 0.5s 1 alternate forwards
}
.dot a:hover
{
	background:#057dc7;
}
.title
{
	color:#fff;
	margin:0 auto;
	padding:2rem 0;
	text-align:center
}
.title em
{
	display:block;
	font:700 120%/180% ''
}
.title span
{
	display:block;
	font:400 80%/180% ''
}
.page
{
	margin:1rem 0;
	text-align:center;
	font:400 80%/100% "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
.page a
{
	color:#666;	 	     
	margin-right:6px;
	padding:3px 6px;
	background:#fff;
	border-radius: 4px;
	font-size:80%;
	font-family:tahoma;  
	border:1px solid #ccc	
}
.page i
{
	margin-right:6px
}
.page a:hover,.page a.fixed
{
	color:#fff;
	background:#3c81ae;
	border:1px solid #3c81ae
}
.page a.fixed
{
	font-weight:700
}
footer
{
	background:#222;
	border:1px solid #222
}
.foot
{
	color:#fff;
	padding:1rem 0.5rem;
	margin:0 auto
}
.foot h3
{
	font-size:100%;
	line-height:130%
}
.foot .contact
{
	margin:0.5rem 0
}
.foot .contact,
.foot .contact .left,
.foot .contact .left .qr
{
	display:flex;
	align-items:center;
	justify-content:space-between
}
.foot .contact .left
{
	width:100%
}
.foot .contact .left label
{
	margin-right:1rem
}
.foot .contact em,
.foot .contact span
{
	display:block
}
.foot .contact em
{
	font-size:90%;
	line-height:160%
}
.foot .contact span
{
	font-size:90%;
	line-height:200%;
	font-weight:700
}


.foot .contact img
{
	width:60px;
	height:60px;
	vertical-align:middle;
	margin-right:.5rem
}
.foot .corp
{
	margin:1rem 0 0 0;
	padding:0;
	border-top:1px solid #fff
}
.foot .corp .right em,
.foot .corp .right span
{
	font-size:80%;
	line-height:36px;
	font-weight:400
}
.foot .corp .cert span
{
	color:#676767;
	font-size:80%;
	line-height:250%
}