* {
	outline:0
}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
	margin:0;
	padding:0
}
body, button, input, select, textarea {
	font:14px/1.8 arial, "times new roman", tahoma, "Microsoft Yahei", "微软雅黑", "Microsoft JhengHei", "微软正黑体", sans-serif;
	color:#666
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:400
}
b, cite, code, em, i, small, th {
	font-style:normal
}
ol, ul {
	list-style:none
}
a {
	text-decoration:none;
-webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s;
	cursor:pointer
}
fieldset, iframe, img {
	border:0
}
button, input, select, textarea {
	font-size:100%;
	border-radius:0;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	border:none;
	background:0 0;
	outline:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
th {
	text-align:inherit
}
button, input[type=button], input[type=submit] {
	cursor:pointer
}
 button::-moz-focus-inner, button::-moz-focus-outer, input::-moz-focus-inner, input::-moz-focus-outer {
border:0 none;
padding:0;
margin:0
}
input[type=search] {
	-webkit-appearance:textfield
}
 input:focus::-webkit-input-placeholder {
color:transparent
}
 input::-ms-clear {
display:none
}
textarea {
	resize:vertical;
	overflow-y:auto
}

::-moz-selection {
background:#069dd4;
color:#fff;
text-shadow:none
}

::selection {
background:#069dd4;
color:#fff;
text-shadow:none
}
a:link, a:visited {
	text-decoration:none
}
a:active, a:hover {
	text-decoration:none
}
.clearfix:after, .clearfix:before {
	display:table;
	content:"";
	line-height:0
}
.clearfix:after {
	clear:both
}
a {
	color:#454545
}
.open {
	overflow:hidden
}
.header {
	position:fixed;
	z-index:1010;
	top:0;
	left:0;
	right:0;
	background:#fff;
	box-shadow:0 0 5px rgba(0, 0, 0, .5);  margin:auto
}
.menuBox {
	position:fixed;
	top:0;
	right:0;
	z-index:1009;
	width:100%;
	height:100%;
	background:#fff;
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	display:none
}

.sbar {
	overflow:hidden;
	overflow-y:auto;
	padding-right:15px
}
 .sbar::-webkit-scrollbar {
width:6px;
background:#ccc
}
 .sbar::-webkit-scrollbar-thumb {
background:#0891a3
}




 


.menu-handler {
	position:fixed;
	z-index:1012;
	right:0;
	top:0;
	width:60px;
	height:60px;
	overflow:hidden;
	cursor:pointer;
-webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s;
	display:none
}
.menu-handler .burger {
	display:block;
	position:absolute;
	top:21px;
	left:50%;
	margin-left:-16px;
	width:32px;
	height:4px;
	background:#000;
-webkit-transition:.8s;
-moz-transition:.8s;
transition:.8s
}
.menu-handler .burger-2 {
	top:28px
}
.menu-handler .burger-3 {
	top:35px
}
.menu-handler.active .burger-1 {
	top:28px;
	-webkit-transform:rotate(225deg);
	-moz-transform:rotate(225deg);
	-ms-transform:rotate(225deg);
	transform:rotate(225deg)
}
.menu-handler.active .burger-2 {
	opacity:0;
	visibility:hidden;
	left:-100%
}
.menu-handler.active .burger-3 {
	top:28px;
	-webkit-transform:rotate(-225deg);
	-moz-transform:rotate(-225deg);
	-ms-transform:rotate(-225deg);
	transform:rotate(-225deg)
}

.logo {
	display:block
}
.logo>img {
	display:block;
	width:100%
}
.l {
	float:left
}
.r {
	float:right;width:70%
}
 


.header {
	line-height:24px; margin:auto
}
.header .logo {
	float:left;padding-left:2%; height:80px; line-height:80px; font-size:30px;
}
.header .nav {
	float:left; width:100%
}
.header .nav li {
	float:left;
	position:relative; width:12.4%; height:84px; line-height:84px; 
}
.header .nav li>a {
	display:block;
	position:relative;
	font-size:18px;
	color:#000
}
.header .nav li>a:before {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	height:0;
	display:none
}
.header .nav li>a:hover {
	color:#069dd4
}
.header .nav li>a.act {
	color:#222222; background:#ffffff; display:block; text-align:center
}
.header .nav li>a.act:before {
	color:#222222; background:#ffffff; display:block; text-align:center
}

.header .nav li>a.actb {
	color:#ffffff; background:#069dd4; display:block; text-align:center
}
.header .nav li>a.actb:before {color:#ffffff;background:#069dd4; display:block; text-align:center
}


.header .nav li:hover .tnav {
	-webkit-transform:none;
	-moz-transform:none;
	-ms-transform:none;
	transform:none;
	opacity:1;
	visibility:visible
}


.tnav {
	position:absolute;
	left:50%;
	top:100%;
	margin-left:-70px;
	padding:20px 0;
	background:#fff;
	width:140px;
	box-shadow:0 5px 10px rgba(0, 0, 0, .2);
	-webkit-transform:translateY(20px);
	-moz-transform:translateY(20px);
	-ms-transform:translateY(20px);
	transform:translateY(20px);
	opacity:0;
	visibility:hidden;
-webkit-transition:.4s;
-moz-transition:.4s;
transition:.4s
}
.tnav p{ width:100%; text-align:center; height:30px; line-height:30px}




.menuBox {
	right:-230px;
	width:230px;
	z-index:1011
}
.navMobile {
	padding-top:60px
}
.navMobile a {
	display:block;
	text-align:center;
	line-height:1.4
}
.navMobile dd>a {
	padding:15px 0;
	font-size:18px;
	color:#333
}
.navMobile dd>a.act {
	background:#069dd4;
	color:#fff
}
.navMobile .mtv {
	display:none
}
.navMobile .mtv a {
	padding:8px 0;
	font-size:16px
}
 @media screen and (max-width:1440px) {
 .header, .mtop {
height:84px
}
 .header .logo {
}
 .header .nav li>a {
font-size:16px
}
 

}

 


 @media screen and (max-width:1024px) {
 .header, .mtop {
height:60px
}
 .header .logo {
margin:-10px 0 0 0%;
-webkit-transform-origin:left center;
-moz-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center;
-webkit-transform:scale(.7);
-moz-transform:scale(.7);
-ms-transform:scale(.7);
transform:scale(.7)
}
 .header .r {
display:none
}
 .menu-handler {
display:block
}
 .menu-handler .burger {
background:#069dd4
}

 


 @media screen and (max-width:481px) {

 .header .logo {
-webkit-transform:scale(.6);
-moz-transform:scale(.6);
-ms-transform:scale(.6);
transform:scale(.6)
}
 .navMobile dd>a {
padding:12px 0;
font-size:16px
}
 .navMobile .mtv a {
padding:6px 0;
font-size:14px
}
}

