html,body
{
	margin:0;
	padding:0px;
	background:#fff;
	overflow-x:hidden;
	font-family:"\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
@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:60px}
}
@keyframes widthy
{
	0%{width:60px}
	100%{width:12px}
}

address,time,header,footer,menu,dl,dt,dd,ul,li,em,tt,h1,h2,h3,h4,h5,h6,p,i,a
{
	margin:0;
	padding:0;
	outline:none;
	list-style:none;
	font-style:normal;

}
i
{
	font-size:20px;
	font-family:'zn'
}
img
{
	width:100%;
	vertical-align:middle
}
a,a:hover
{
	color:#000;
	text-decoration:none
}
a.more
{
	color:#464646;
	display:block;
	width:150px;
	height:56px;
	border-radius:56px;
	border:1px solid #ccd0d1;
	text-align:center;
	line-height:56px;
	font-size:18px;
}
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
}

#gotop
{
	height:110px
}
.title
{
	color:#fff;
	width:1400px;
	height:80px;
	margin:0 auto;
	padding:50px 0;
	text-align:center
}
.title em
{
	font-size:28px;
	display:block;
	font-weight:700;
	line-height:56px
}
.dot
{
	width:1400px;
	text-align:center;
	margin:74px auto	
}
.dot a
{
	width:12px;
	height:12px;
	margin:0 6px;
	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;
}
header
{
	top:0;
	width:100%;
	background:#fff;
	z-index:999;
	height:110px;
	position:fixed;
	border:1px solid #ddd;
	box-shadow: 2px 2px 5px rgba(100,100,100,.2);
}
header .head
{
	width:1400px;
	margin:0 auto;
	display:flex;
	align-items:center;
	justify-content:space-between
}
menu a
{
	height:110px;
	display:inline-block;
	font-size:18px;
	padding:0 14px;
	line-height:110px
}
menu a:hover,
menu a.fixed
{
	color:#fff;
	font-weight:700;
	background:#057dc7
}
menu label
{	
	height:110px;
	display:inline-block;
	position:relative
}
menu label span
{
	left:0;
	top:110px;
	display:none;
	padding:10px 0;
	background:#eee;
	position:absolute
}
menu label span a,
menu label span a:hover
{
	height:40px;
	font-size:16px;
	line-height:40px;
	padding:0 18px;
}
menu label:hover span
{
	display:block
}
#wrap .navtab
{
	display:flex;
	padding:60px 60px 20px 60px;
	justify-content:space-between
}
.navtab h3
{
	font-size:58px
}

.navtab span,
.navlink a
{
	color:#707070;
	font-size:24px;
	line-height:48px
}
.navlink a 
{
	margin:0 20px;
	line-height:100px
}
.navlink a.fixed,
.navlink a:hover
{
	color:#006fcb;
	font-weight:700;
	padding-bottom:2px;
	border-bottom:2px solid #006fcb
}
.page
{
	margin:20px 0;
	text-align:center;
	font:400 14px/40px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
.page a
{
	color:#666;	 	     
	margin-right:6px;
	padding:7px 10px;
	background:#fff;
	border-radius: 4px;
	font-family:tahoma;  
	border:1px solid #ccc;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px	
}
.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
}
#flink
{
	width:1280px;
	margin:0 auto;
	position:relative
}
#flink .box
{
	overflow:hidden;
	position:relative
}
#flink span
{
	display:block
}
#flink span a
{
	color:#b5b5b5;
	font-size:28px;
	margin-right:30px
}
#flink span a.fixed
{
	color:#242424;
	font-weight:700;
	padding-bottom:2px;
	border-bottom:1px solid #242424
}
#flink .flist
{
	display:flex;
	flex-wrap:wrap;
	margin:30px 0
}
#flink .flist a
{
	width:138px;
	height:50px;
	margin:8px;
	display:block;
	overflow:hidden;
	border:1px dotted #666
}
#flink .edu a
{
	width:auto;
	border:0;
	height:auto;
	margin:0 8px;
	font-size:18px;
	line-height:36px;
	display:inline-block
}
#flink .edu a:hover
{
	color:#057dc7;
	font-weight:700
}
footer
{
	background:#222;
	border:1px solid #222
}
.foot
{
	color:#fff;
	width:1320px;
	padding:40px 40px 0 40px;
	margin:0 auto
}
.foot h3
{
	font-size:28px;
	line-height:80px
}
.foot .contact
{
	margin:20px 0
}
.foot .corp,
.foot .contact,
.foot .contact .left,
.foot .contact .left .qr
{
	display:flex;
	justify-content:space-between
}
.foot .contact label
{
	margin-right:80px
}

.foot .contact em,
.foot .contact span
{
	display:block
}
.foot .contact em
{
	font-size:18px;
	line-height:36px
}
.foot .contact span
{
	font-size:28px;
	line-height:48px;
	font-weight:700
}

.foot .contact .right span
{
	font-size:18px;
	line-height:36px;
	font-weight:400
}
.foot .contact img
{
	width:75px;
	height:75px;
	margin-right:20px
}
.foot .corp
{
	margin:30px 0;
	padding:30px 0;
	border-top:1px solid #fff
}
.foot .corp span
{
	color:#676767;
	font-size:18px
}