@charset "utf-8";

* {
	padding: 0;
	margin: 0;
	outline: 0;
	text-decoration: none;
	list-style: none;
}
em,i{ font-style:normal;}
html,body {
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	color: #222;
}


img {
	border: none;
}

table {
	width: 100%;
	border-collapse: collapse;
}

audio,canvas,video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

a {
	color: #000;
}

.fl { float: left; }
.fr { float: right; }
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
@media screen and (min-width:1200px){
.w960{ width:960px; margin:0 auto; position:relative;}
.w1100{ width:1100px; margin:0 auto; position:relative;}
}
@media screen and (max-width:1200px){
.w960{ margin:0 20px; position:relative;}
.w1100{ margin:0 20px; position:relative;}
}
@media screen and (min-width:1280px){
.w1260{ width:1260px; margin:0 auto; position:relative;}
}
@media screen and (max-width:1280px){
.w1260{ margin:0 20px; position:relative;}
}
@media screen and (min-width:1440px){
.w1400{ width:1400px; margin:0 auto; position:relative;}
}
@media screen and (max-width:1440px){
.w1400{ margin:0 20px; position:relative;}
}

.sj09{-webkit-transition-duration: 1.3s; transition-duration: 1.3s;}


.header { position: relative; z-index: 99999; box-shadow:0px 0px 8px #aaa; }

.head-top { height: 40px; line-height: 40px; overflow: hidden; }
.head-mid { height: 100px;}

.head-con {
	width: 100%;
	background: #00a0ff;
	height: 100px;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}

.header.active .head-con {
	position: fixed;
	top: 0;
	left: 0;
	box-shadow: 0 2px 4px #666;
	height: 80px;
}

.header.active .nav-yi,.header.active .language {
	line-height: 80px;
}
.header.active .language img{ display:block; height:30px; float:left; padding:25px 0; margin-right:10px;}

.header.active .logo {
	top: 5px;
}

.logo {
	position: absolute;
	top: 15px;
	left: 0;
}

.logo img {
	vertical-align: bottom;
	height:45px;
	float:left;
	margin-top:10px;
}

.menu-handler {
	width: 30px;
	height: 32px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 14px;
	transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
	-moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
	display: none;
}

.menu-handler .burger {
	height: 2px;
	background: #1274ce;
	display: block;
	width: 20px;
	position: absolute;
	z-index: 5;
	left: 5px;
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	top: 8px;
}

.menu-handler .burger-2 {
	top: 15px;
}

.menu-handler .burger-3 {
	top: 22px;
}

.menu-handler.active .burger-1 {
	top: 15px;
	-moz-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}

.menu-handler.active .burger-2 {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
}

.menu-handler.active .burger-3 {
	top: 15px;
	-moz-transform: rotate(-225deg);
	-webkit-transform: rotate(-225deg);
	-o-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	transform: rotate(-225deg);
}
.menu-box li {
	float: left;
	margin-left:30px;
	position: relative;
}
.menu-box li:hover .nav-yi { color:#ff0000 !important;}
.menu-box li:first-child {
	margin-left: 0;
}
.nav-yi {
	display: inline-block;
	line-height: 100px;
	color: #fff;
	position: relative;
	font-size:18px;
	font-weight:700;
	padding:0 10px;
}

.menu-box li:hover .nav-er-box {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
}

.menu-box li.active .nav-yi {
	color: #111;
}
.menu-box li .nav_er{ display:none; background:#00a0ff; padding:10px; position:absolute; left:0; top:100px; z-index:5;}
.menu-box li .nav_er a{ display:block; line-height:35px; color:#fff; width:140px;}
.menu-box li .nav_er a:hover{ color:#ff0000}
.menu-box li#me2:hover .nav_er{ display:block;}
.header.active .menu-box li .nav_er{ top:80px;}

@media (max-width:1250px){
body{padding-top: 60px;}
.menu-handler{display: block;}
.head-top div.fl{display: none;}
.header{height: 60px;position: fixed;left: 0;top:0;width: 100%;}
.head-mid{height: 60px !important;}
.head-con{transform: none;-webkit-transform: none;height: 60px;}
.header.active .head-con{position: relative;height: 60px !important;}
.header.active .language img{ display:none;}
.logo{top:5px !important; }
.logo img{height:35px;}
.menu-box{position: fixed;width: 100%;top:60px;bottom:0;left: -100%;background: #00a0ff;margin: 0;transition: all .3s cubic-bezier(0.89, 0.04, 0.21, 0.93);-webkit-transition: all .3s cubic-bezier(0.89, 0.04, 0.21, 0.93);}
.menu-box.active{left: 0;}
.menu-box-ul{position: absolute;left: 20px;right: 20px;top:60px;bottom:50px;overflow: auto;}
.menu-box li{float: none;width: 100%;margin: 0;border-bottom: 1px solid rgba(0,0,0,.4); text-align:center;}
.nav-yi{line-height: 50px !important;}
.nav-yi:after{display: none !important;}
}


.footer{ background:#00a0ff; text-align:center; color:rgba(255,255,255,0.8); font-size:16px; padding:40px 0 100px;}
.footer img{ display:block; margin:0 auto 15px; max-width:180px;}
.footer a{ color:rgba(255,255,255,0.8); display:inline-block; line-height:35px; font-weight:700;}
.footer p{ color:rgba(255,255,255,0.8);}
.fotnav{ position:fixed; left:50%; bottom:20px; margin-left:-155px; z-index:189999999;}
.fotnav a{ background:#eb2427; font-size:16px; font-weight:700; height:48px; line-height:48px; color:#fff; display:inline-block; padding: 0 25px; border-radius:24px; margin:12px 0; box-shadow:0px 4px 8px #333;}
.fotnav img{ float:right; margin-left:25px;}