@import url("public.css");
@import url("animate.css");
/*Banner*/
.banner{background: url(../images/image4.jpg) no-repeat center;height: 1080px;max-width:1920px;margin:0 auto;}
.bannerbox{width:1200px;height: 600px;margin:0 auto;position:relative;}
.banner-top{width:1005px;height:186px;position:absolute;left:100px;top:62px;z-index:1;background: url(../images/title1.png) no-repeat center;}
.banner-top2{width:1005px;height:96px;position:absolute;left:100px;top:255px;z-index:1;background: url(../images/title2.png) no-repeat center;}
.banner-center{width:1000px;height:500px; margin: 0 auto; position: relative; top: 350px;    left: 20px;}
.banner-center ul li{width: 254px; height: 121px; float: left; margin: 33px;}
.banner-center ul li:hover{transition-duration: 0.8s;
	transform: translateY(-5px); }
.banner-center ul li em{background: url(../images/wz.png) no-repeat; width: 59px; height: 78px;
 display: block; margin: 40px 0 6px 76px;animation: shang  5s linear infinite;}
.banner-center ul li em.em1{ margin: 58px 0 6px 76px;}
.banner-center ul li em.em2{ margin: 75px 0 6px 76px;}
@keyframes shang{
	0%{
		transform: translateY(5px);
	}
	25%{
		transform: translateY(8px);
	}
	50%{
		transform: translateY(5px);
	}
	75%{
		transform: translateY(0px);
	}
	100%{
		transform: translateY(5px);
	}
} 
@-webkit-keyframes shang{
	0%{
		transform: translateY(5px);
	}
	25%{
		transform: translateY(8px);
	}
	50%{
		transform: translateY(5px);
	}
	75%{
		transform: translateY(0px);
	}
	100%{
		transform: translateY(5px);
	}
}



.nav_left {width: 135px;height: 330px;background: url(../images/rightbg.png) no-repeat center center;position: fixed;left: 2px;top: 48%;margin-top: -182px;border-radius: 15px;z-index: 8;}
.nav_left.active {display: none;}
.nav_left h3 {width: 100%;text-align: center;font-size: 24px;color: #FFFFFF;line-height: 50px;}
.left_close {width: 30px;height: 30px;display: block;position: absolute;right: -24px;top: -19px;cursor: pointer;}
.nav_left ul li {font-size: 18px;color: #fff;line-height: 45px;cursor: pointer;border-bottom: 1px dashed #FFFFFF;width: 90%;margin: 0 auto;text-align: center;}
.nav_left ul li.item01 {height: 42px;}
.nav_left ul li a {color: #fff;}
.nav_left ul li a:hover {color: #ffd802;font-weight: bold;text-decoration: underline;}
.nav_left ul li em {background: url(../images/jt.png) no-repeat;width: 9px;height: 10px;display: block;float: left;margin: 16px -12px 0 13px;}

.go_top {height: 23px;margin: 8px auto 0;cursor: pointer;width: 130px;
	font: bold 22px/30px 'Microsoft Yahei';text-align: center;letter-spacing: 1px;padding-top: 4px;color: #FFFFFF;}
	
/*@media screen and  (max-width: 1600px) {
	.banner-top{zoom: 0.9;}
	.banner-top2{zoom: 0.9;}
}*/