.slideBox{ width:100%; height:800px;overflow:hidden; position:relative;min-width: 990px;}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:50%; margin-left:-78px; 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:100%; width: 100%; z-index:0;   }
.slideBox .bd ul li{overflow: hidden; width: 100%; height:800px;position: relative;  }
.slideBox .bd ul li.p1{background: url(/images/ban1.jpg) no-repeat center 0px ; background-size:auto 100%}
.slideBox .bd ul li.p2{background: url(/images/banner4.jpg) no-repeat center 0px ; background-size:auto 100%}
.slideBox .bd ul li.p3{background: url(/images/ban2.jpg) no-repeat center 0px ; background-size:auto 100%}
.slideBox .bd li a{display:block; width: 100%; height: 100%; margin:0 auto; position: relative;}


/*第四屏*/
.banner1{width:100%; height:28.6em;}
.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-right:-180px; position:absolute; right:50%; top:55%;}
.b2_word span{ background:url(/images/yidong.png) no-repeat; width:165px; height:89px; float:left;}
.b2_word var{ color:#FFFFFF; font-size:3.2em; float:left; margin:0.2em 0.2em;}
.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;}
}
.animation23{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 .1s ease both;
	-moz-animation:fadeInDown 2s .1s 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:50%; top:36%; margin-left:-300px; color:#fff; font-size:1.9em; border:1px solid #fff; height:2em; line-height:2em;  border-radius:2em; 
-webkit-border-radius:2em; -moz-border-radius:2em; padding:0 30px; 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)}
}

.animation5{
	background:url(/images/banner2_04.png) no-repeat; width:555px; height:80px;position: absolute;right: 24%; top: 65%;
	-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_02.png) center center no-repeat; width:340px; height:43px; position: absolute; top: 33%; left: 28%;
	-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) center  center no-repeat; width:702px; height:128px;position:absolute; left:26%; top:40%; 
	
	-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/banner3.jpg) center center no-repeat;}
.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)}
}
.animation7{width:600px; height:79px;top: 40%;right:10%;position: absolute;
	-webkit-animation:fadeInRightBig 2s .1s ease both;
	-moz-animation:fadeInRightBig 2s .1s 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)}
}

/*新添第二屏*/
.animation8{
	background:url(/images/banner4_2.png) no-repeat; width:499px; height:179px;top: 40%;right:10%;position: absolute;
	-webkit-animation:fadeInRightBig 2s .5s ease both;
	-moz-animation:fadeInRightBig 2s .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/banner4_1.png) no-repeat; width:701px; height:370px;top: 30%;left:10%;position: absolute;
	-webkit-animation:fadeInLeftBig 2s .1s ease both;
	-moz-animation:fadeInLeftBig 2s .1s 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)}
}


@media only screen and (min-width:240px) and (max-width: 900px){
.slideBox{ height:250px;min-width:auto;}
.slideBox .bd ul li{height:250px;}
.slideBox .hd{ display:none}
.animation3{background:url(/images/banner2_02.png) center center no-repeat;background-size:auto 100%; width:140px; height:20px; position: absolute; top: 35%; left: 28%;}
.animation4{background:url(/images/banner2_05.png) center  center no-repeat; background-size:auto 100%; width:302px; height:55px;position:absolute; left:12%; top:45%; }
.animation5{background:url(/images/banner2_04.png) no-repeat;background-size:auto 100%; width:250px; height:35px;position: absolute;right:12%; top: 68%;}
/*新添第二屏*/
.animation8{background:url(/images/banner4_2.png) no-repeat;background-size:auto 100%; width:250px; height:80px;top: 28%;right:10%;position: absolute;}
.animation9{background:url(/images/banner4_1.png) no-repeat;background-size:auto 100%; width:300px; height:150px;top: 30%;left:10%;position: absolute;}
.animation7{width:80%;background-size:auto 100%; height:auto;top: 40%;right:10%;position: absolute;}
#a24{position:absolute; left:50%; top:36%; margin-left:-150px; color:#fff; font-size:1.2em; border:0px solid #fff; height:auto;line-height:150%;padding:5px 10px; text-align:center;}
.b2_word{ margin-right:-100px; position:absolute; right:50%; top:68%;}
.b2_word span{ background:url(/images/yidong.png) no-repeat center 0;background-size:auto 100%; width:85px; height:45px; float:left;}
.b2_word var{ color:#FFFFFF; font-size:2em; float:left; margin:0.2em 0.2em;}
}