body {font-size:1.2em;font-family:"微软雅黑"; background-color:#fff;color:#7a7a7b;}
html {min-height:101%;}
* {margin: 0; padding: 0;}
img{ vertical-align:middle; border:0;}
.clear {clear: both;height: 0px;font-size: 0px;line-height: 0px;margin: 0px;padding: 0px;}
a:active, a:focus {outline:none;}/*删除链接上的虚线框*/
a{ color:#8a8a8a;text-decoration:none;hide-focus: expression(this.hideFocus=true);outline: none;}
a:hover{color:#000;}
.conter,.header{ width:640px; margin:0 auto;background-color:#fff;}
html{overflow-x:hidden; overflow-y:auto;}
.onbtody{ position:relative; width:640px; margin:0 auto;}
/*End 局部*/
.logn,.logn img,.banner,.mauin,.footer{ width:640px; float:left; display:block;}

.banner{ background:url(../images/nnj_pic_02.jpg) no-repeat; height:413px;}
.cat {position: absolute;top:168px;left:62px;width: 507px;height:371px;background: url(../images/btn_btn_03.png) 0 0 no-repeat;-webkit-animation: cat 3s 0s ease-in;-moz-animation: cat 3s 0s ease-in;-ms-animation: cat 3s 0s ease-in;animation: cat 3s 0s ease-in;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;animation-iteration-count: infinite}
@-webkit-keyframes cat {
0% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
20% {
-webkit-transform:translate(-5px, -5px);
-moz-transform:translate(-5px, -5px);
-ms-transform:translate(-5px, -5px);
-o-transform:translate(-5px, -5px);
transform:translate(-5px, -5px)
}
40% {
-webkit-transform:translate(-5px, 0);
-moz-transform:translate(-5px, 0);
-ms-transform:translate(-5px, 0);
-o-transform:translate(-5px, 0);
transform:translate(-5px, 0)
}
60% {
-webkit-transform:translate(-5px, -5px);
-moz-transform:translate(-5px, -5px);
-ms-transform:translate(-5px, -5px);
-o-transform:translate(-5px, -5px);
transform:translate(-5px, -5px)
}
80% {
-webkit-transform:translate(-5px, 0);
-moz-transform:translate(-5px, 0);
-ms-transform:translate(-5px, 0);
-o-transform:translate(-5px, 0);
transform:translate(-5px, 0)
}
100% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
}
@-moz-keyframes cat {
0% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
20% {
-webkit-transform:translate(-5px, -5px);
-moz-transform:translate(-5px, -5px);
-ms-transform:translate(-5px, -5px);
-o-transform:translate(-5px, -5px);
transform:translate(-5px, -5px)
}
40% {
-webkit-transform:translate(-5px, 0);
-moz-transform:translate(-5px, 0);
-ms-transform:translate(-5px, 0);
-o-transform:translate(-5px, 0);
transform:translate(-5px, 0)
}
60% {
-webkit-transform:translate(-5px, -5px);
-moz-transform:translate(-5px, -5px);
-ms-transform:translate(-5px, -5px);
-o-transform:translate(-5px, -5px);
transform:translate(-5px, -5px)
}
80% {
-webkit-transform:translate(-5px, 0);
-moz-transform:translate(-5px, 0);
-ms-transform:translate(-5px, 0);
-o-transform:translate(-5px, 0);
transform:translate(-5px, 0)
}
100% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
}
@-ms-keyframes cat {
0% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
20% {
-webkit-transform:translate(-5px, -5px);
-moz-transform:translate(-5px, -5px);
-ms-transform:translate(-5px, -5px);
-o-transform:translate(-5px, -5px);
transform:translate(-5px, -5px)
}
40% {
-webkit-transform:translate(-5px, 0);
-moz-transform:translate(-5px, 0);
-ms-transform:translate(-5px, 0);
-o-transform:translate(-5px, 0);
transform:translate(-5px, 0)
}
60% {
-webkit-transform:translate(-5px, -5px);
-moz-transform:translate(-5px, -5px);
-ms-transform:translate(-5px, -5px);
-o-transform:translate(-5px, -5px);
transform:translate(-5px, -5px)
}
80% {
-webkit-transform:translate(-5px, 0);
-moz-transform:translate(-5px, 0);
-ms-transform:translate(-5px, 0);
-o-transform:translate(-5px, 0);
transform:translate(-5px, 0)
}
100% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
}
@-o-keyframes cat {
0% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
20% {
-webkit-transform:translate(-5px, -5px);
-moz-transform:translate(-5px, -5px);
-ms-transform:translate(-5px, -5px);
-o-transform:translate(-5px, -5px);
transform:translate(-5px, -5px)
}
40% {
-webkit-transform:translate(-5px, 0);
-moz-transform:translate(-5px, 0);
-ms-transform:translate(-5px, 0);
-o-transform:translate(-5px, 0);
transform:translate(-5px, 0)
}
60% {
-webkit-transform:translate(-5px, -5px);
-moz-transform:translate(-5px, -5px);
-ms-transform:translate(-5px, -5px);
-o-transform:translate(-5px, -5px);
transform:translate(-5px, -5px)
}
80% {
-webkit-transform:translate(-5px, 0);
-moz-transform:translate(-5px, 0);
-ms-transform:translate(-5px, 0);
-o-transform:translate(-5px, 0);
transform:translate(-5px, 0)
}
100% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
}
@keyframes cat {
0% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
20% {
-webkit-transform:translate(-5px, -5px);
-moz-transform:translate(-5px, -5px);
-ms-transform:translate(-5px, -5px);
-o-transform:translate(-5px, -5px);
transform:translate(-5px, -5px)
}
40% {
-webkit-transform:translate(-5px, 0);
-moz-transform:translate(-5px, 0);
-ms-transform:translate(-5px, 0);
-o-transform:translate(-5px, 0);
transform:translate(-5px, 0)
}
60% {
-webkit-transform:translate(-5px, -5px);
-moz-transform:translate(-5px, -5px);
-ms-transform:translate(-5px, -5px);
-o-transform:translate(-5px, -5px);
transform:translate(-5px, -5px)
}
80% {
-webkit-transform:translate(-5px, 0);
-moz-transform:translate(-5px, 0);
-ms-transform:translate(-5px, 0);
-o-transform:translate(-5px, 0);
transform:translate(-5px, 0)
}
100% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
}



.mauin{ background:url(../images/nnj_pic_05.jpg) no-repeat; height:442px;}

.table2{text-align:center; color:#fff; font-size:1em; margin:70px 0 0 78px;}
.table2 td{ padding:2px 0;}
.table2 th{ padding:6px 0;}
.table2 span{ color:#fff8b9;}

.ios_btn{ background:url(../images/btn_btn_09.png) no-repeat; display:block; width:174px; height:66px; margin:0 auto;}
.ios_btn:hover{ background:url(../images/btn_btn_10.png) no-repeat; display:block; width:174px; height:66px;}
.ios_btn1{ background:url(../images/btn_btn_10.png) no-repeat; display:block; width:174px; height:66px; margin:0 auto;}

.and_btn{ background:url(../images/btn_btn_07.png) no-repeat; display:block; width:174px; height:66px; margin:0 auto;}
.and_btn:hover{ background:url(../images/btn_btn_08.png) no-repeat; display:block; width:174px; height:66px;}
.and_btn1{ background:url(../images/btn_btn_08.png) no-repeat; display:block; width:174px; height:66px; margin:0 auto;}


.inpu{ border-radius: 5px; background-color:#1a202a; height:50px; line-height:50px; text-align:center; border:none; width:90%; font-size:1.0em; color:#fff;font-family:"微软雅黑"; margin:10px 0;}

.footer{ background:url(../images/nnj_pic_06.jpg) no-repeat; height:373px;}

.footer .btn_tc{ display:block; margin:20px 0 0 220px;}

#Layer1 {position: fixed;top:50%;left:50%; margin:-252px 0 0 -278px;width:556px;height:505px;z-index: 99998;display: none; background:url(../images/tc_03.png) no-repeat;}
#Layer2 {position: fixed;top:0;left:0;z-index: 99999;display: none;}
#Layer3 {position: fixed;top:-615px;left:-125px;z-index: 99999;display: none;}
#shade {background-color:#000;position: fixed;z-index:99998;display:none;width:100%;height:100%;opacity:0.6;filter: alpha(opacity=60);-moz-opacity: 0.6;margin: 0px;left: 0px;top: 0px;right: 0px;bottom: 0px;}
.win_top a{ float:right; margin:5px; position:absolute; right:0; top:0;}


























