/* CSS Document */


/* css3效果动画 */


.btnbn span.btncur{ border-top:solid 4px #fff; margin-top:-4px;
-webkit-animation:fadeInLeft 1s .2s ease both;-moz-animation:fadeInLeft 1s .2s ease both;}
@-webkit-keyframes fadeInLeft{
							0%{opacity:0;
							-webkit-transform:translateX(-20px)}
							100%{opacity:1;
							-webkit-transform:translateX(0)}
						}

@-moz-keyframes fadeInLeft{
							0%{opacity:0;
							-moz-transform:translateX(-20px)}
							100%{opacity:1;
							-moz-transform:translateX(0)}

}


.infoNews li:hover .cartoon img{
							-webkit-animation:shake 1s .2s ease both;
							-moz-animation:shake 1s .2s ease both;}
							@-webkit-keyframes shake{
							0%,100%{-webkit-transform:translateX(0);}
							10%,30%,50%,70%, 90%{-webkit-transform:translateX(-10px);}
							20%,40%,60%,80%{-webkit-transform:translateX(10px);}
						}

@-moz-keyframes shake 	{
							0%,100%{-moz-transform:translateX(0);}
							10%,30%,50%,70%, 90%{-moz-transform:translateX(-10px);}
							20%,40%,60%,80%{-moz-transform:translateX(10px);}
						}
						
.infoNews li:hover .cartoon-2 img{
							-webkit-animation:tada 1s .2s ease both;
							-moz-animation:tada 1s .2s ease both;}
							@-webkit-keyframes tada{
							0%{-webkit-transform:scale(1)}
							10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
							30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
							40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
							100%{-webkit-transform:scale(1) rotate(0)}
						}		

@-moz-keyframes tada 	{
							0%{-moz-transform:scale(1)}
							10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
							30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
							40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
							100%{-moz-transform:scale(1) rotate(0)}
						}	
						
.infoNews li:hover .cartoon-3 img {
							-webkit-animation:flash 1s .2s ease both;
							-moz-animation:flash 1s .2s ease both;}
							@-webkit-keyframes flash{
							0%,50%,100%{opacity: 1;}
							25%,75%{opacity: 0;}
						}

@-moz-keyframes flash 	{
							0%,50%,100%{opacity: 1;}
							25%,75%{opacity: 0;}
						}
						
.infoNews li:hover .cartoon-4 img   {
							-webkit-animation:pulse 1s .2s ease both;
							-moz-animation:pulse 1s .2s ease both;
						}

@-webkit-keyframes pulse{
							0%{-webkit-transform:scale(1)}
							50%{-webkit-transform:scale(1.1)}
							100%{-webkit-transform:scale(1)}
						}

@-moz-keyframes pulse 	{
							0%{-moz-transform:scale(1)}
							50%{-moz-transform:scale(1.1)}
							100%{-moz-transform:scale(1)}
						}
.infoNews li:hover .cartoon-5 img	{
							-webkit-animation:bounce 1s .2s ease both;
							-moz-animation:bounce 1s .2s ease both;}
							@-webkit-keyframes bounce{
							0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
							40%{-webkit-transform:translateY(-30px)}
							60%{-webkit-transform:translateY(-15px)}
						}

@-moz-keyframes bounce 	{
							0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
							40%{-moz-transform:translateY(-30px)}
							60%{-moz-transform:translateY(-15px)}
}



.massges .font18:hover{ background:#28a89a;	-webkit-animation:fadeInRight 1s .2s ease both;
						-moz-animation:fadeInRight 1s .2s ease both;
						}

@-webkit-keyframes fadeInRight{
							0%{opacity:0;
							-webkit-transform:translateX(20px)}
							100%{opacity:1;
							-webkit-transform:translateX(0)}
						}

@-moz-keyframes fadeInRight{
							0%{opacity:0;
							-moz-transform:translateX(20px)}
							100%{opacity:1;
							-moz-transform:translateX(0)}
							}


.fshare-img a:hover{
							-webkit-animation:pulse 1s .2s ease both;
							-moz-animation:pulse 1s .2s ease both;
					}

@-webkit-keyframes pulse{
							0%{-webkit-transform:scale(1)}
							50%{-webkit-transform:scale(1.1)}
							100%{-webkit-transform:scale(1)}
						}

@-moz-keyframes pulse 	{
							0%{-moz-transform:scale(1)}
							50%{-moz-transform:scale(1.1)}
							100%{-moz-transform:scale(1)}
						}
						
.modular-more:hover {
							-webkit-animation:fadeInLeft 1s .2s ease both;
							-moz-animation:fadeInLeft 1s .2s ease both;
						}

@-webkit-keyframes fadeInLeft{
							0%{opacity:0;
							-webkit-transform:translateX(-20px)}
							100%{opacity:1;
							-webkit-transform:translateX(0)}
						}

@-moz-keyframes fadeInLeft{
							0%{opacity:0;
							-moz-transform:translateX(-20px)}
							100%{opacity:1;
							-moz-transform:translateX(0)}
						}