/* CSS Document */
html, body {font-family:Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif; padding:0; margin:0; font-size:14px; background-color:#fff; overflow:hidden;}
.wzdl{ width:235px; height:74px;position: absolute;margin-top: 405px;margin-left: 210px;}


.back{opacity:0;width:417px; height:417px; margin:0 auto;position: relative;top: 112px; background:url(../image/lgbg.png) no-repeat; background-size:cover;
animation: back 1.2s ease-out 0.3s forwards; -moz-animation: back 1.2s ease-out 0.3s forwards; -webkit-animation: back 1.2s ease-out 0.3s forwards; -o-animation: back 1.2s ease-out 0.3s forwards;display:none\0;*display:none;}
@keyframes back
{0% {-webkit-transform: scale(0.2);-moz-transform: scale(0.2);transform: scale(0.2);opacity:0;}
100%{-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);opacity:1;}}

@-moz-keyframes back
{0% {-webkit-transform: scale(0.2);-moz-transform: scale(0.2);transform: scale(0.2);opacity:0;}
100%{-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);opacity:1;}}

@-webkit-keyframes back
{0% {-webkit-transform: scale(0.2);-moz-transform: scale(0.2);transform: scale(0.2);opacity:0;}
100%{-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);opacity:1;}}

@-o-keyframes back
{0% {-webkit-transform: scale(0.2);-moz-transform: scale(0.2);transform: scale(0.2);opacity:0;}
100%{-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);opacity:1;}}


.xcby{opacity:0;width:497px; height:104px; background:url(../image/xcby1.png) no-repeat; background-size:cover;
animation: xcby 0.4s ease-out 1s forwards; -moz-animation: xcby 0.4s ease-out 1s forwards; -webkit-animation: xcby 0.4s ease-out 1s forwards; -o-animation: xcby 0.4s ease-out 1s forwards;display:none\0;*display:none;}

@keyframes xcby
{0% {  margin:280px auto 0;opacity:0;}
100%{  margin:180px auto 0;opacity:1.0;}}

@-moz-keyframes xcby
{0% {  margin:280px auto 0;opacity:0;}
100%{  margin:180px auto 0;opacity:1.0;}}

@-webkit-keyframes xcby
{0% {  margin:280px auto 0;opacity:0;}
100%{  margin:180px auto 0;opacity:1.0;}}

@-o-keyframes xcby
{0% {  margin:280px auto 0;opacity:0;}
100%{  margin:180px auto 0;opacity:1.0;}}







.xzbt{display:block!important;opacity:0; width:374px; height:78px; margin:80px auto 0; background:url(../image/xzbt.png) no-repeat; background-size:cover;
animation: xzbt 0.4s ease-out 1.1s forwards; -moz-animation: xzbt 0.4s ease-out 1.1s forwards; -webkit-animation: xzbt 0.4s ease-out 1.1s forwards; -o-animation: xzbt 0.4s ease-out 1.1s forwards;
width:320px\0; height:67px\0;*width:320px; *height:67px; background:url(../image/jr8xz.png) no-repeat\0;*background:url(../image/jr8xz.png) no-repeat; margin:-20px auto 0\0;*margin:-20px auto 0;}

@keyframes xzbt
{0% {  margin:280px auto 0;opacity:0;}
100%{  margin:80px auto 0;opacity:1.0;}}

@-moz-keyframes xzbt
{0% {  margin:280px auto 0;opacity:0;}
100%{  margin:80px auto 0;opacity:1.0;}}

@-webkit-keyframes xzbt
{0% {  margin:280px auto 0;opacity:0;}
100%{  margin:80px auto 0;opacity:1.0;}}

@-o-keyframes xzbt
{0% {  margin:280px auto 0;opacity:0;}
100%{  margin:80px auto 0;opacity:1.0;}}


.zxsybt{display:block!important;opacity:0; width:374px; height:78px; margin:80px auto 0; background:url(http://www.zhukao.com.cn/images/zxsybt.png) no-repeat; background-size:cover;
animation: xzbt 0.4s ease-out 1.1s forwards; -moz-animation: xzbt 0.4s ease-out 1.1s forwards; -webkit-animation: xzbt 0.4s ease-out 1.1s forwards; -o-animation: xzbt 0.4s ease-out 1.1s forwards;
width:320px\0; height:67px\0;*width:320px; *height:67px; background:url(../image/jr8xz.png) no-repeat\0;*background:url(../image/jr8xz.png) no-repeat; margin:-20px auto 0\0;*margin:-20px auto 0;}

@keyframes zxsybt
{0% {  margin:280px auto 0;opacity:0;}
100%{  margin:80px auto 0;opacity:1.0;}}

@-moz-keyframes zxsybt
{0% {  margin:280px auto 0;opacity:0;}
100%{  margin:80px auto 0;opacity:1.0;}}

@-webkit-keyframes zxsybt
{0% {  margin:280px auto 0;opacity:0;}
100%{  margin:80px auto 0;opacity:1.0;}}

@-o-keyframes zxsybt
{0% {  margin:280px auto 0;opacity:0;}
100%{  margin:80px auto 0;opacity:1.0;}}





.xzbt:active{ background-image:url(../image/xzbtat.png);}
.zxsybt:active{ background-image:url(http://www.zhukao.com.cn/images/zxsybtat.png);}
.black_overlay{ display: none;position: absolute; top: 0%;left: 0%;width: 100%;height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.7;opacity:.70;filter: alpha(opacity=70);}
#tishi{position: fixed;width:800px;height:480px;background: url(../image/wzdl.png) no-repeat; background-size:cover; display:none; z-index:1002;left: 50%;top:0px;margin-left: -325px;}
.logo{ width:359px; height:450px;background: url(../image/logo.png) no-repeat; background-size:cover;position:absolute; top:180px;z-index: 3;left: 50%;
margin-left: -185px;animation: logo 0.9s ease-out forwards; -moz-animation: logo 0.9s ease-out forwards; -webkit-animation: logo 0.9s ease-out forwards; -o-animation: logo 0.9s ease-out forwards;display:none\0;*display:none;}

@keyframes logo
{0% {-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
20%{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);opacity:1.0;}
70%{-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}
100%{-webkit-transform: scale(0.2);-moz-transform: scale(0.2);transform: scale(0.2);opacity:1;}}

@-moz-keyframes logo
{0% {-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
20%{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);opacity:1.0;}
70%{-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}
100%{-webkit-transform: scale(0.2);-moz-transform: scale(0.2);transform: scale(0.2);opacity:1;}}

@-webkit-keyframes logo
{0% {-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
20%{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);opacity:1.0;}
70%{-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}
100%{-webkit-transform: scale(0.2);-moz-transform: scale(0.2);transform: scale(0.2);opacity:1;}}

@-o-keyframes logo
{0% {-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
20%{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);opacity:1.0;}
70%{-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}
100%{-webkit-transform: scale(0.2);-moz-transform: scale(0.2);transform: scale(0.2);opacity:1;}}








.zxmn{opacity:0;width:148px; height:190px; background:url(../image/zxmn.png) no-repeat; background-size:cover; position:absolute; top:130px; right:260px; z-index:2;
animation: zxmn 0.5s ease-out 0.6s forwards; -moz-animation: zxmn 0.5s ease-out 0.6s forwards; -webkit-animation: zxmn 0.5s ease-out 0.6s forwards; -o-animation: zxmn 0.5s ease-out 0.6s forwards;display:none\0;*display:none;}

@keyframes zxmn
{0% {position:absolute; top:0px; right:0px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:130px; right:260px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}

@-moz-keyframes zxmn
{0% {position:absolute; top:0px; right:0px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:130px; right:260px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}

@-webkit-keyframes zxmn
{0% {position:absolute; top:0px; right:0px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:130px; right:260px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}

@-o-keyframes zxmn
{0% {position:absolute; top:0px; right:0px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:130px; right:260px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}








.kszx{ opacity:0;width:110px; height:153px; background:url(../image/kszx.png) no-repeat; background-size:cover; position:absolute; top:200px; left:230px; z-index:2;
animation: kszx 0.7s ease-out 0.6s forwards; -moz-animation: kszx 0.7s ease-out 0.6s forwards; -webkit-animation: kszx 0.7s ease-out 0.6s forwards; -o-animation: kszx 0.7s ease-out 0.6s forwards;display:none\0;*display:none;}


@keyframes kszx
{0% {position:absolute; top:0px; left:0px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:200px; left:230px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}

@-moz-keyframes kszx
{0% {position:absolute; top:0px; left:0px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:200px; left:230px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}

@-webkit-keyframes kszx
{0% {position:absolute; top:0px; left:0px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:200px; left:230px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}

@-o-keyframes kszx
{0% {position:absolute; top:0px; left:0px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:200px; left:230px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}





.wdbj{ opacity:0;width:90px; height:110px; background:url(../image/wdbj.png) no-repeat; background-size:cover; position:absolute; top:390px; left:200px; z-index:2;
animation: wdbj 0.4s ease-out 0.6s forwards; -moz-animation: wdbj 0.4s ease-out 0.6s forwards; -webkit-animation: wdbj 0.4s ease-out 0.6s forwards; -o-animation: wdbj 0.4s ease-out 0.6s forwards;display:none\0;*display:none;}


@keyframes wdbj
{0% {position:absolute; top:200px; left:-100px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:390px; left:200px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}

@-moz-keyframes wdbj
{0% {position:absolute; top:200px; left:-100px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:390px; left:200px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}

@-webkit-keyframes wdbj
{0% {position:absolute; top:200px; left:-100px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:390px; left:200px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}

@-o-keyframes wdbj
{0% {position:absolute; top:200px; left:-100px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:390px; left:200px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}












.jxtk{opacity:0; width:100px; height:133px; background:url(../image/jxtk.png) no-repeat; background-size:cover; position:absolute; top:420px; right:215px; z-index:2;
animation: jxtk 0.9s ease-out 0.6s forwards; -moz-animation: jxtk 0.9s ease-out 0.6s forwards; -webkit-animation: jxtk 0.9s ease-out 0.6s forwards; -o-animation: jxtk 0.9s ease-out 0.6s forwards;display:none\0;*display:none;}


@keyframes jxtk
{0% {position:absolute; top:420px; right:0px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:420px; right:215px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}

@-moz-keyframes jxtk
{0% {position:absolute; top:420px; right:0px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:420px; right:215px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}

@-webkit-keyframes jxtk
{0% {position:absolute; top:420px; right:0px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:420px; right:215px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}

@-o-keyframes jxtk
{0% {position:absolute; top:420px; right:0px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:420px; right:215px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}









.znpg{opacity:0; width:125px; height:166px; background:url(../image/znpg.png) no-repeat; background-size:cover; position:absolute; top:520px; left:260px; z-index:2;
animation: znpg 0.6s ease-out 0.6s forwards; -moz-animation: znpg 0.6s ease-out 0.6s forwards; -webkit-animation: znpg 0.6s ease-out 0.6s forwards; -o-animation: znpg 0.6s ease-out 0.6s forwards;display:none\0;*display:none;}


@keyframes znpg
{0% {position:absolute; top:700px; left:0px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:520px; left:260px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}

@-moz-keyframes znpg
{0% {position:absolute; top:700px; left:0px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:520px; left:260px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}

@-webkit-keyframes znpg
{0% {position:absolute; top:700px; left:0px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:520px; left:260px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}

@-o-keyframes znpg
{0% {position:absolute; top:700px; left:0px;-webkit-transform: scale(1.9);-moz-transform: scale(1.9);transform: scale(1.9);opacity:0;}
100%{position:absolute; top:520px; left:260px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}







.kszn{opacity:0;width:80px; height:94px; background:url(../image/kszn.png) no-repeat; background-size:cover; position:absolute; top:580px; right:330px; z-index:2;
animation: kszn 0.7s ease-out 0.5s forwards; -moz-animation: kszn 0.7s ease-out 0.5s forwards; -webkit-animation: kszn 0.7s ease-out 0.5s forwards; -o-animation: kszn 0.7s ease-out 0.5s forwards;display:none\0;*display:none;}


@keyframes kszn
{0% {position:absolute; top:760px; right:0px;-webkit-transform: scale(2.9);-moz-transform: scale(2.9);transform: scale(2.9);opacity:0;}
100%{position:absolute; top:580px; right:330px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}

@-moz-keyframes kszn
{0% {position:absolute; top:760px; right:0px;-webkit-transform: scale(2.9);-moz-transform: scale(2.9);transform: scale(2.9);opacity:0;}
100%{position:absolute; top:580px; right:330px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}

@-webkit-keyframes kszn
{0% {position:absolute; top:760px; right:0px;-webkit-transform: scale(2.9);-moz-transform: scale(2.9);transform: scale(2.9);opacity:0;}
100%{position:absolute; top:580px; right:330px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}

@-o-keyframes kszn
{0% {position:absolute; top:760px; right:0px;-webkit-transform: scale(2.9);-moz-transform: scale(2.9);transform: scale(2.9);opacity:0;}
100%{position:absolute; top:580px; right:330px;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);opacity:1.0;}}








.dong{ width:900px; padding-top:100px;overflow:hidden; height:700px; margin:110px auto 0;-webkit-transform: scale(1.00);-moz-transform: scale(1.00);transform: scale(1.00);
width:540px\0; height:504px\0;  margin:30px auto 0\0;background:url(../image/jr8.png) no-repeat\0;display: block\0;
*width:540px;*height:504px;  *margin:200px auto 0;*background:url(../image/jr8.png) no-repeat;*display: block;}
@media screen and (max-height:600px){
	.dong{ margin:-200px auto -390px;-webkit-transform: scale(0.60);-moz-transform: scale(0.60);transform: scale(0.60);}
	.xcby{width:400px; height:84px;margin:100px auto 0;-webkit-transform: scale(0.80);-moz-transform: scale(0.80);transform: scale(0.80);}
	.xzbt{width:400px; height:83px; margin:40px auto 0;-webkit-transform: scale(0.80);-moz-transform: scale(0.80);transform: scale(0.80);top: -50px;
position: relative;}
	.zxsybt{width:400px; height:83px; margin:40px auto 0;-webkit-transform: scale(0.80);-moz-transform: scale(0.80);transform: scale(0.80);top: -80px;
position: relative;}	
	}
@media screen and (min-height:600px){
	.dong{ margin:-200px auto -390px;-webkit-transform: scale(0.60);-moz-transform: scale(0.60);transform: scale(0.60);}
	.xcby{width:400px; height:84px;margin:100px auto 0;-webkit-transform: scale(0.80);-moz-transform: scale(0.80);transform: scale(0.80);}
	.xzbt{width:400px; height:83px; margin:40px auto 0;-webkit-transform: scale(0.80);-moz-transform: scale(0.80);transform: scale(0.80);top: -70px;
position: relative;}
	.zxsybt{width:400px; height:83px; margin:40px auto 0;-webkit-transform: scale(0.80);-moz-transform: scale(0.80);transform: scale(0.80);top: -130px;
position: relative;}	
	}
@media screen and (min-height:700px){
	.dong{height: 720px; margin:-180px auto -370px;-webkit-transform: scale(0.70);-moz-transform: scale(0.70);transform: scale(0.70);}
	.xcby{width:400px; height:84px;margin:100px auto 0;}
	.xzbt{width:400px; height:83px; margin:60px auto 0;}
	.zxsybt{width:400px; height:83px; margin:30px auto 0;}	
	}
@media screen and (min-height:800px){
	.dong{ margin:-170px auto -350px;-webkit-transform: scale(0.70);-moz-transform: scale(0.70);transform: scale(0.70);}
	.xcby{width:400px; height:84px;margin:100px auto 0;}
	.xzbt{width:400px; height:83px; margin:60px auto 0;top: -40px;}
	.zxsybt{width:400px; height:83px; margin:60px auto 0;top: -70px;}	
	}	
@media screen and (min-height:900px){
	.dong{ margin:-100px auto -300px;-webkit-transform: scale(0.70);-moz-transform: scale(0.70);transform: scale(0.70);}
	.xcby{width:400px; height:84px;margin:100px auto 0;}
	.xzbt{width:400px; height:83px; margin:60px auto 0;}	
	.zxsybt{width:400px; height:83px; margin:60px auto 0;}
	}	
@media screen and (min-height:1200px){
	.dong{height: 600px; margin:20px auto -100px;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
	.xcby{width:480px; height:100px;margin:160px auto 0;}
	.xzbt{width:450px; height:93px; margin:130px auto 0;}	
	.zxsybt{width:450px; height:93px; margin:130px auto 0;}
	}	
@media screen and (min-height:1400px){
	.dong{ margin:100px auto -100px;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
	.xcby{width:590px; height:123px;margin:230px auto 0;}
	.xzbt{width:450px; height:94px; margin:100px auto 0;}
	.zxsybt{width:450px; height:94px; margin:100px auto 0;}	
	}
@media screen and (min-height:1600px){
	.dong{ margin:170px auto 210px;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);}
	.xcby{width:590px; height:123px;margin:280px auto 0;}
	.xzbt{width:540px; height:112px; margin:180px auto 0;}
	.zxsybt{width:540px; height:112px; margin:180px auto 0;}	
	}