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

.tanchu{ width:951px; height:621px; position: fixed; top:200px; left:50%; margin-left:-476px; display:none; z-index:11111111}
.tanchu .jjbg{ background:url(jjwbg.png); width:890px; height:621px;}
.tanchu span.close{ position: absolute;right:0px;top: 0px; background:url(jjcloseL.png) no-repeat; color:#fff; height:49px; width:49px; cursor:pointer}
.tanchu span.little{ position: absolute;right:0px;top: 59px;background:url(jjcloseL.png) 0 -58px no-repeat; color:#fff; height:49px; width:49px; cursor:pointer}
.hide{ display:none}
.tubiao{ position:fixed; left:50%; margin-left:511px; top:390px; background: #F00; width:68px; height:133px; display:none; transition:all 0.5s; background:url(jjico.jpg) no-repeat;cursor:pointer}
.tanchu .jjbg .nr{ margin:0 auto; padding-top:282px; width:764px; font-family:microsoft yahei}
.tanchu .jjbg .nr p{ color:#858484; font-size:22px; line-height:34px;margin: 0;}
.tanchu .jjbg .nr p.red{ color:#e72019}
.animated{
	-webkit-animation-duration:1.4s;
	animation-duration:1.4s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
@keyframes bounceIn{
	0%{
	opacity:0;
	-webkit-transform:scale(.3);
	-ms-transform:scale(.3);
	transform:scale(.3)
}
50%{
	opacity:1;
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05)
}
70%{
	-webkit-transform:scale(.9);
	-ms-transform:scale(.9);
	transform:scale(.9)
}
100%{
	opacity:1;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}

}
.bounceIn{
	-webkit-animation-name:bounceIn;
	animation-name:bounceIn
}
.bg{ width:100%; height:100%; overflow:hidden; position:fixed; top:0; left:0; display:none; background:url(jjtcbg.png) repeat; z-index:111111}