.clear {
	height: 0px; overflow: hidden; clear: both;
}
.slideBox {
	width: 100%; height: 600px; overflow: hidden; position: relative; min-width: 990px;
}
.slideBox .hd {
	margin: 0px auto; left: 45%; height: 20px; bottom: 5px; overflow: hidden; position: absolute; z-index: 1;
}
.slideBox .hd ul {
	overflow: hidden; -ms-zoom: 1;
}
.slideBox .hd ul li {
	background: rgb(205, 205, 205); margin: 0px 20px; border-radius: 50%; width: 20px; height: 20px; float: left; cursor: pointer; opacity: 0.8;
}
.slideBox .hd ul li.on {
	background: rgb(0, 158, 254);
}
.slideBox .bd {
	width: 100%; height: 600px; z-index: 0;
}
.slideBox .bd ul li {
	width: 100%; height: 600px; overflow: hidden; position: relative;
}
.slideBox .bd li a {
	margin: 0px auto; width: 990px; height: 600px; display: block; position: relative;
}
.banner1 {
	background: -ms-linear-gradient(right, rgb(4, 31, 76) 50%, rgb(255, 255, 255)); width: 100%; height: 28.6em;
}
.content1 {
	background: -ms-linear-gradient(top right, rgb(4, 31, 76) 33%, rgb(33, 163, 208) 67%); margin: 0px auto; width: 990px; height: 480px; position: relative;
}
.b2_word {
	margin: 7em 0px 0px 3em; float: right;
}
.b2_word span {
	background: url("../images/yidong.png") no-repeat; width: 10.3em; height: 6.78em; float: left;
}
.b2_word var {
	margin: 0.2em; color: rgb(255, 255, 255); font-size: 3.2em; float: left;
}
.animation20 {
	background: url("../images/banner2.png") no-repeat; width: 44em; height: 28.6em; float: left; -webkit-animation: flash 2s .2s ease both; -moz-animation: flash 2s .2s ease both;
}
.animation21 {
	-webkit-animation: fadeInDown 2s .2s ease both; -moz-animation: fadeInDown 2s .2s ease both;
}
#a24 {
	margin: -1em 0px 0px -9em; border-radius: 2em; border: 1px solid rgb(255, 255, 255); border-image: none; left: 27em; top: 9.5em; width: 18.5em; height: 2em; text-align: center; color: rgb(255, 255, 255); line-height: 2em; font-size: 1.9em; position: absolute; -webkit-border-radius: 2em; -moz-border-radius: 2em;
}
.animation22 {
	-webkit-animation: fadeInRight 1s .2s ease both; -moz-animation: fadeInRight 1s .2s ease both;
}
.slide ul li.banner5 {
	background: url("../images/chunjie.png") no-repeat center; width: 100%; height: 28.6em;
}
.slide ul li.banner2 {
	background: url("../images/banner2_1.jpg") no-repeat center; width: 100%; height: 28.6em;
}
.content2 {
	margin: 0px auto; width: 70.7em; height: 28.6em; display: inline-block; position: relative;
}
.animation5 {
	background: url("../images/banner2_04.png") no-repeat; top: 55%; width: 302px; height: 77px; right: 24%; position: absolute; -webkit-animation: flash 3s 1s ease both; -moz-animation: flash 3s 1s ease both;
}
.animation3 {
	background: url("../images/banner2_02.png") no-repeat center; left: 26%; top: 23%; width: 340px; height: 43px; position: absolute; -webkit-animation: fadeInDown 2s 1s ease both; -moz-animation: fadeInDown 2s 1s ease both;
}
.animation4 {
	background: url("../images/banner2_05.png") no-repeat center; left: 16%; top: 30%; width: 702px; height: 128px; position: absolute; -webkit-animation: fadeInRight 2s ease both; -moz-animation: fadeInRight 2s ease both;
}
.slide ul li.banner3 {
	background: url("../images/banner3.jpg") no-repeat center; width: 100%; height: 28.6em;
}
.content3 {
	margin: 0px auto; width: 70.7em; height: 28.6em; display: inline-block;
}
.animation6 {
	background: url("../images/idc.png") no-repeat; margin: 2.35em 0px 0px 8.6em; width: 19em; height: 6em; float: left; -webkit-animation: bounceInDown 1s .2s ease both; -moz-animation: bounceInDown 1s .2s ease both;
}
#a9 {
	opacity: 0;
}
#a10 {
	opacity: 0;
}
.animation7 {
	margin: 0.7em 0px 0px 2.5em; width: 100%; color: rgb(51, 51, 51); font-size: 3.2em; font-weight: bold; float: left; -webkit-animation: fadeInDown 1s .2s ease both; -moz-animation: fadeInDown 1s .2s ease both;
}
.animation7 span {
	color: rgb(0, 158, 254); font-size: 1em;
}
.slide ul li.banner4 {
	background: url("../images/banner4.png") no-repeat center; width: 100%; height: 28.6em;
}
.animation8 {
	background: url("../images/banner4_2.png") no-repeat; top: 11.7em; width: 32.1em; height: 10.6em; right: 10em; float: right; position: absolute; -webkit-animation: fadeInRightBig 3s .5s ease both; -moz-animation: fadeInRightBig 3s .5s ease both;
}
.animation9 {
	background: url("../images/banner4_1.png") no-repeat; width: 62.5em; height: 28.6em; float: left; -webkit-animation: fadeInLeftBig 3s .5s ease both; -moz-animation: fadeInLeftBig 3s .5s ease both;
}
@media all and (max-width:640px)
{
.slideBox {
	display: none;
}
}
