@charset "utf-8";
/* CSS Document */

.slideBox{ width:100%;overflow-x:hidden; position:relative;}
.tempWrap{ width: 100% !important;}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:0; width: 100%; bottom:40px; z-index:1;  text-align: center;}
.slideBox .hd ul{ overflow:hidden; zoom:1;  }
.slideBox .hd ul li{cursor: pointer; width:3em; height:6px; background:#cdcdcd; opacity:0.4;filter:alpha(opacity=40); display: inline-block; margin:0 .5em;}
.slideBox .hd ul li.on{ background:#2c2b2b !important;}
.slideBox .bd{ width: 100% !important; z-index:0;   }
.slideBox .bd ul li{overflow: hidden;width: 100%; position: relative;  }
.slideBox .bd li a{display:block;  margin:0 auto; position: relative;}
/*第四屏*/
.banner1{width:100%;}
.content1{ width:990px; height:400px; margin:0 auto; background:linear-gradient(right top,#041F4C 33%,#BE6E83 67%); background:-moz-linear-gradient(right top,#041F4C 33%,#BE6E83 67%); background:-webkit-linear-gradient(right top,#041F4C 33%,#BE6E83 67%); background:-ms-linear-gradient(right top,#041F4C 33%,#BE6E83 67%); position:relative;}
.b2_word{ margin:7em 0 0 3em; float:right;}
.b2_word span{ background:url(../images/banner/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.2em 0.2em;}
.animation20{
	background:url(../images/banner/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 .2s ease both;
	-moz-animation:fadeInDown 2s .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)}
}

/*第一屏*/
.tableCell{display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.content2{ width:70.7em; height:28.6em; margin:0 auto;  position:relative;display: inline-block;}
.animation5{
	 font-size: 20px; color: #fff; letter-spacing:2px;
	-webkit-animation:flashz 2s 1s ease both;
	-moz-animation:flashz 2s 1s ease both;}
#a3{ width:100%; height:98px; }
.animation3{
	background:url(../images/banner/1p2.png) center center no-repeat; width:100%; height:98px; 
	-webkit-animation:bounceInUp 1.5s .5s ease both;
	-moz-animation:bounceInUp 1.5s .5s 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/banner/1p1.png) center  center no-repeat; width:100%; height:128px;
    position: relative;
	// -webkit-animation:flipInX 2s  ease both;
	// -moz-animation:flipInX 2s  ease both;
	-webkit-animation:pulse 2s  ease both;
	-moz-animation:pulse 2s  ease both;
	}

	.animation4t{
	 left: 10%;
    position: relative; z-index: 999;
	-webkit-animation:fadeInRight 2s  ease both;
	-moz-animation:fadeInRight 2s  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; background:url(../images/banner/banner3.jpg) center center no-repeat;}
.content3{ width:70.7em; height:28.6em; margin:0 auto;display: inline-block;}
.animation6{
	background:url(../images/banner/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; background:url(../images/banner/banner4.png) center center no-repeat;}
#a11 , .ab11 , .ab111 , .ab1{ height:100%; position: absolute;top: 0;right:0;text-align: right;}
.animation8{
	 height:100%; position: absolute;top: 0;right:0;text-align: right;
	-webkit-animation:fadeInRightBig 2s 0s ease both;
	-moz-animation:fadeInRightBig 2s 0s ease both;
}
	@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;
	-webkit-transform:translateX(0)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRightBig{
	0%{opacity:0;
	-moz-transform:translateX(0)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRightBig{
	0%{opacity:0;
	-ms-transform:translateX(0)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}

.animation9{
	color:#fff; position: relative; z-index: 999; left: 10%;
	
}
h4.btitle{ line-height: 60px; font-weight: 300; font-size: 40px; color: #8fc31f; padding-bottom: 12px; }
p span.line{ display: inline-block; width: 50px; border-bottom: 2px solid #8fc31f; margin-bottom: 10px;}
h5.bnr{ line-height: 40px; font-weight: 300; font-size: 18px;color: #fff; line-height: 40px; }
	@-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)}
}