@charset "utf-8";

.slideBox{ width:100%; height:400px;overflow:hidden; position:relative;min-width:1140px; margin:0px auto;}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:50%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{cursor: pointer; width:3em; height:6px; background:#cdcdcd; opacity:0.4;filter:alpha(opacity=40); float:left; margin:0 .5em;}
.slideBox .hd ul li.on{ background:red !important;}
.slideBox .bd{ height:350px; width: 100%; z-index:0;   }
.slideBox .bd ul li{overflow: hidden;width: 100%; height: 400px;position: relative;  }
.slideBox .bd li a{display:block; width: 990px; height: 400px; margin:0 auto; position: relative;}
/*第四屏*/
.banner1{width:100%; min-width:1349px; height:28.6em; background: url(../images/banner3.png)  no-repeat 40% center;}
.content1{ width:990px; height:400px; margin:0 auto;  position:relative;}
.b2_word{ margin:4em 0 0 3em; float:right;}
.b2_word span{/* background:url(../images/yidong.png) no-repeat;*/ width:10.3em; height:6.78em; float:left;}
.b2_word var{ color:#FFFFFF; font-size:3.2em; float:left; margin:0.1em 0.2em;}
#a20{
	width:100%;
	height:100%;
	background:url("../images/wel.png?v=1") no-repeat center 25%;
	background-size:750px;
}
.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;}
	@-webkit-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-moz-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-ms-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.animation21{
	-webkit-animation:fadeInDown 2s 1.2s ease both;
	-moz-animation:fadeInDown 2s 1.2s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-1.5em)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-moz-transform:translateY(-1.5em)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
	}
	@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-ms-transform:translateY(-1.5em)}
	100%{opacity:1;
	-ms-transform:translateY(0)}
}
#a24{position:absolute; left:27em; top:9.5em; margin:-1em 0 0 -9em;color:#FFFFFF; font-size:1.9em; border:1px solid #fff; height:2em; line-height:2em;  border-radius:2em; -webkit-border-radius:2em; -moz-border-radius:2em; width:18.5em; text-align:center;}
.animation22{
	-webkit-animation:fadeInRight 1s .2s ease both;
	-moz-animation:fadeInRight 1s .2s ease both;}

@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(2em)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(2em)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRight{
0%{opacity:0;
-ms-transform:translateX(2em)}
100%{opacity:1;
-ms-transform:translateX(0)}
}


/*新添加一屏
.slide ul li.banner5{ width:100%; height:28.6em; background: url(../images/chunjie.png) center center no-repeat;}*/
/*第一屏*/
.slide ul li.banner2{width:100%; min-width:1349px; height:28.6em; background: url(../images/banner2_1.png)  no-repeat left center;}
.content2{ width:70.7em; height:28.6em; margin:0 auto;  position:relative;display: inline-block;}
.animation5{
	/*background:url(../images/banner2_04.png) no-repeat;*/ width:302px; height:77px;position: absolute;right: 24%; top: 55%;
	-webkit-animation:flash 3s 1s ease both;
	-moz-animation:flash 3s 1s ease both;}
	@-webkit-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-moz-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-ms-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

.animation3{
	/* background: url(../images/banner2_0229.png?v=3) center center no-repeat; */
	background: url(../images/banner20232.png?v=3) center center no-repeat;
	width:773px;
	height:380px;
	position: absolute;
	top: -3%;
	left: 10%;
	-webkit-animation:fadeInDown 2s 1s ease both;
	-moz-animation:fadeInDown 2s 1s ease both;
	}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
	}
	@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
}
.animation4{
	/*background:url(../images/banner2_05.png?v=1) center  center no-repeat; width:432px; height:128px;position:absolute; left:-1%; top:30%; */
	
	-webkit-animation:fadeInRight 6s  ease both;
	-moz-animation:fadeInRight 6s  ease both;}
	@-webkit-keyframes fadeInRight{
	0%{opacity:0;
	-webkit-transform:translateX(-10%)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRight{
	0%{opacity:0;
	-moz-transform:translateX(2em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
	}
	@-ms-keyframes fadeInRight{
	0%{opacity:0;
	-ms-transform:translateX(2em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}

/*第三屏*/
.slide ul li.banner3{width:100%; height:28.6em; min-width:1349px; background:url(../images/banner4.png) no-repeat left center;}
.content3{ width:70.7em; height:28.6em; margin:0 auto;display: inline-block;}
.animation6{
	background:url(../images/idc.png) no-repeat; width:19em; height:6em; margin:2.35em 0 0 8.6em; float:left;
	-webkit-animation:bounceInDown 1s .2s ease both;
	-moz-animation:bounceInDown 1s .2s ease both;}
	@-webkit-keyframes bounceInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-2000px)}
	60%{opacity:1;
	-webkit-transform:translateY(30px)}
	80%{-webkit-transform:translateY(-10px)}
	100%{-webkit-transform:translateY(0)}
	}
	@-moz-keyframes bounceInDown{
	0%{opacity:0;
	-moz-transform:translateY(-2000px)}
	60%{opacity:1;
	-moz-transform:translateY(30px)}
	80%{-moz-transform:translateY(-10px)}
	100%{-moz-transform:translateY(0)}
}
@-ms-keyframes bounceInDown{
	0%{opacity:0;
	-ms-transform:translateY(-2000px)}
	60%{opacity:1;
	-ms-transform:translateY(30px)}
	80%{-ms-transform:translateY(-10px)}
	100%{-ms-transform:translateY(0)}
}
#a9,#a10{opacity: 0;filter:alpha(opacity=0);}
.animation7{
	font-size:3.2em; width:100%; float:left; margin:0.7em 0 0 2.5em; font-weight:bold;color: #333;
	-webkit-animation:fadeInDown 1s .2s ease both;
	-moz-animation:fadeInDown 1s .2s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-2em)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-moz-transform:translateY(-2em)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
}
@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-ms-transform:translateY(-2em)}
	100%{opacity:1;
	-ms-transform:translateY(0)}
}
.animation7 span{  color:#009EFE; font-size:1em;}
/*新添第二屏*/
.slide ul li.banner4{width:100%; height:28.6em; min-width:1349px; background:url(../images/banner4.png) no-repeat left center ;}
.animation8{
	/*background:url(../images/banner4_2.png) no-repeat;*/ width:52.1em; height:50.6em; float:right;top: .7em;right:10em;position: absolute;
	-webkit-animation:fadeInRightBig 3s 2.5s ease both;
	-moz-animation:fadeInRightBig 3s 2.5s ease both;
}
	@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;
	-webkit-transform:translateX(13em)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRightBig{
	0%{opacity:0;
	-moz-transform:translateX(13em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRightBig{
	0%{opacity:0;
	-ms-transform:translateX(13em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}
.animation9{
 	background:url(../images/logo_top1.png?v=3) no-repeat; width:100em; height:25.6em; float:left;
	-webkit-animation:fadeInLeftBig 3s 1.5s ease both;
	-moz-animation:fadeInLeftBig 3s 1.5s ease both;
}
	@-webkit-keyframes fadeInLeftBig{
	0%{opacity:0;
	-webkit-transform:translateX(-20em)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInLeftBig{
	0%{opacity:0;
	-moz-transform:translateX(-20em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInLeftBig{
	0%{opacity:0;
	-ms-transform:translateX(-20em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}