.SmallHome .ZiMenu{ margin-bottom:0; border:none; background:#181a37; }
.ZiMenu{ width:100%; margin:0 auto 15px; }
.ZiMenu ul.Img{ width:980px; height:130px; margin:0px auto; text-align:center; font-size:0; overflow:hidden; display:none;}
.ZiMenu ul.Img li{ width:150px; display:inline-block; font-size:14px; margin:0 30px; height:130px; text-align:center; *display:inline; *zoom:1; -webkit-transform:translate( -1000px, 0); -moz-transform:translate( -1000px, 0); -o-transform:translate( -1000px, 0); transform:translate( -1000px, 0);}
.ZiMenu ul.Img li a { color:#fff;}
.ZiMenu ul.Img li a span{ margin-bottom:2px; display:block; color:#252525; font:normal 14px/14px 'Tahoma'; margin-bottom:10px;}
.ZiMenu ul.Img li a:hover { font-weight:bold;}
.ZiMenu ul.Img li.cur a { font-weight:bold;}
.ZiMenu ul.Img li img{ width:150px; height:80px; }
.ZiMenu .Type_bg { width:100%; background:#238aa2; height:50px;}
.ZiMenu ul.Type{ width:980px; margin:0 auto; text-align:center; height:50px; position:relative; font-size:0; }
.ZiMenu ul.Type li{ display:inline-block;width:190px; *display:inline; *zoom:1; margin:0 10px; cursor:pointer; color:#fff; font:normal 14px/50px 'Microsoft yahei';}
.ZiMenu ul.Type li.Arrow{ width:18px; height:9px; overflow:hidden; position:absolute; top:0px; left:50%; margin-left:-25px; background:url(../images/curtain/submenu_arrow.png) no-repeat; }
.ZiMenu ul.Img li.Loading{ background:url(../images/load.gif) center 46px no-repeat; }
#ZiMenuList{ height:130px; padding-top:50px; position:relative; width:980px; margin:0px auto;}

.ZiMenu ul.Img{ position:absolute; z-index:1; }
.ZiMenu ul[stop="previous"]{ z-index:2; }
/*.ZiMenu ul.Img[state="previous"] li{ -moz-transform:translate( 0, 0); }*/

/*.ZiMenu ul[start="previous"] li                 a { opacity:0; }
.productbrowser.pb-open    ul:first-child li                 a { opacity:1; -webkit-animation-duration:.8s; -moz-animation-duration:.8s; -o-animation-duration:.8s; animation-duration:.8s; }*/
/*.ZiMenu ul[start="previous"] li{ -webkit-animation-duration:.8s; -moz-animation-duration:.8s; animation-duration:.8s; }
.ZiMenu ul[start="previous"] li:nth-child(1){ -webkit-animation-name:open-1; -moz-animation-name:open-1; animation-name:open-1; -moz-animation-delay:0.05s; -webkit-animation-delay:0.05s;animation-delay:0.05s;}
.ZiMenu ul[start="previous"] li:nth-child(2){ -webkit-animation-name:open-2; -moz-animation-name:open-2;  animation-name:open-2; -moz-animation-delay:0.1s; -webkit-animation-delay:0.1s; animation-delay:0.1s;}
.ZiMenu ul[start="previous"] li:nth-child(3){ -webkit-animation-name:open-3; -moz-animation-name:open-3;  animation-name:open-3; -moz-animation-delay:0.15s;  -webkit-animation-delay:0.15s;  animation-delay:0.15s;}
.ZiMenu ul[start="previous"] li:nth-child(4){ -webkit-animation-name:open-4; -moz-animation-name:open-4; animation-name:open-4; -moz-animation-delay:0.2s; -webkit-animation-delay:0.2s; animation-delay:0.2s;}
.ZiMenu ul[start="previous"] li:nth-child(5){ -webkit-animation-name:open-5; -moz-animation-name:open-5; animation-name:open-5; -moz-animation-delay:0.25s; -webkit-animation-delay:0.25s;animation-delay:0.25s; }*/

/*exit*/
.ZiMenu ul[exit="previous"] li:nth-child(7n+5) { -webkit-animation:exit-previous 1.4s ease 0.05s 1 normal forwards; -moz-animation:exit-previous 1.4s ease 0.05s 1 normal forwards; animation:exit-previous 1.4s ease 0.05s 1 normal forwards; }
.ZiMenu ul[exit="previous"] li:nth-child(7n+4) { -webkit-animation:exit-previous 1.4s ease 0.1s 1 normal forwards; -moz-animation:exit-previous 1.4s ease 0.1s 1 normal forwards;  animation:exit-previous 1.4s ease 0.1s 1 normal forwards; }
.ZiMenu ul[exit="previous"] li:nth-child(7n+3) { -webkit-animation:exit-previous 1.4s ease 0.15s 1 normal forwards; -moz-animation:exit-previous 1.4s ease 0.15s 1 normal forwards;  animation:exit-previous 1.4s ease 0.15s 1 normal forwards;}
.ZiMenu ul[exit="previous"] li:nth-child(7n+2) { -webkit-animation:exit-previous 1.4s ease 0.2s 1 normal forwards; -moz-animation:exit-previous 1.4s ease 0.2s 1 normal forwards;  animation:exit-previous 1.4s ease 0.2s 1 normal forwards;}
.ZiMenu ul[exit="previous"] li:nth-child(7n+1) { -webkit-animation:exit-previous 1.4s ease 0.25s 1 normal forwards; -moz-animation:exit-previous 1.4s ease 0.25s 1 normal forwards;  animation:exit-previous 1.4s ease 0.25s 1 normal forwards;}

/*enter*/
.ZiMenu ul[enter="previous"] li:nth-child(7n+1) { -webkit-animation:enter-previous 0.8s ease 0.25s 1 normal forwards; -moz-animation:enter-previous 0.8s ease 0.25s 1 normal forwards;  animation:enter-previous 0.8s ease 0.25s 1 normal forwards; }
.ZiMenu ul[enter="previous"] li:nth-child(7n+2) { -webkit-animation:enter-previous 0.8s ease 0.2s 1 normal forwards; -moz-animation:enter-previous 0.8s ease 0.2s 1 normal forwards; animation:enter-previous 0.8s ease 0.2s 1 normal forwards;}
.ZiMenu ul[enter="previous"] li:nth-child(7n+3) { -webkit-animation:enter-previous 0.8s ease 0.15s 1 normal forwards; -moz-animation:enter-previous 0.8s ease 0.15s 1 normal forwards; animation:enter-previous 0.8s ease 0.15s 1 normal forwards;}
.ZiMenu ul[enter="previous"] li:nth-child(7n+4) { -webkit-animation:enter-previous 0.8s ease 0.1s 1 normal forwards; -moz-animation:enter-previous 0.8s ease 0.1s 1 normal forwards;  animation:enter-previous 0.8s ease 0.1s 1 normal forwards;}
.ZiMenu ul[enter="previous"] li:nth-child(7n+5) { -webkit-animation:enter-previous 0.8s ease 0.05s 1 normal forwards; -moz-animation:enter-previous 0.8s ease 0.05s 1 normal forwards;  animation:enter-previous 0.8s ease 0.05s 1 normal forwards;  }

.ZiMenu ul[stop="previous"] li{ -webkit-transform:translate( 0 , 0); -moz-transform:translate( 0 , 0); transform:translate( 0 , 0);}

@-webkit-keyframes enter-previous {
	from { -webkit-transform:translate( -1000px, 0);}
	to   { -webkit-transform:translate( 0 , 0); }
}
@-webkit-keyframes exit-previous {
	from { -webkit-transform:translate( 0, 0); }
	to   { -webkit-transform:translate( 1000px , 0); }
}
@-moz-keyframes enter-previous {
	from { -moz-transform:translate( -1000px, 0);}
	to   { -moz-transform:translate( 0 , 0); }
}
@-moz-keyframes exit-previous {
	from { -moz-transform:translate( 0, 0); }
	to   { -moz-transform:translate( 1000px , 0); }
}
@keyframes enter-previous {
	from { transform:translate( -1000px, 0);}
	to   { transform:translate( 0 , 0); }
}
@keyframes exit-previous {
	from { transform:translate( 0, 0); }
	to   { transform:translate( 1000px , 0); }
}


@-webkit-keyframes open-1 {
	from { opacity:0; -webkit-transform:translate( 235px, -145px); }
	25%  { opacity:1; -webkit-transform:translate( 0, 0); }
	30%  { opacity:1; -webkit-transform:translate( -9.3px, 4.1px); }
	35%  { opacity:1; -webkit-transform:translate( -6.1px, 2.7px); }
	40%  { opacity:1; -webkit-transform:translate( 0, 0); }
	45%  { opacity:1; -webkit-transform:translate( 2.7px, -1.2px); }
	50%  { opacity:1; -webkit-transform:translate( 1.7px, -0.8px); }
	55%  { opacity:1; -webkit-transform:translate( 0, 0); }
	60%  { opacity:1; -webkit-transform:translate( -0.8px, 0.3px); }
	65%  { opacity:1; -webkit-transform:translate( -0.5px, 0.2px); }
	70%  { opacity:1; -webkit-transform:translate( 0, 0); }
	75%  { opacity:1; -webkit-transform:translate( 0.2px, -0.1px); }
	80%  { opacity:1; -webkit-transform:translate( 0.1px, -0.1px); }
	85%  { opacity:1; -webkit-transform:translate( 0, 0); }
	90%  { opacity:1; -webkit-transform:translate( -0.1px, 0); }
	95%  { opacity:1; -webkit-transform:translate( -0.1px, 0); }
	to   { opacity:1; -webkit-transform:translate( 0, 0); }
}

@-webkit-keyframes open-2 {
	from { opacity:0; -webkit-transform:translate( 225px, -145px); }
	25%  { opacity:1; -webkit-transform:translate( -11.8px, 4.1px); }
	30%  { opacity:1; -webkit-transform:translate( -7.8px, 2.7px); }
	35%  { opacity:1; -webkit-transform:translate( 0, 0); }
	40%  { opacity:1; -webkit-transform:translate( 3.4px, -1.2px); }
	45%  { opacity:1; -webkit-transform:translate( 2.2px, -0.8px); }
	50%  { opacity:1; -webkit-transform:translate( 0, 0); }
	55%  { opacity:1; -webkit-transform:translate( -0.1px, 0.3px); }
	60%  { opacity:1; -webkit-transform:translate( -0.6px, 0.2px); }
	65%  { opacity:1; -webkit-transform:translate( 0, 0); }
	70%  { opacity:1; -webkit-transform:translate( 0.2px, -0.1px); }
	75%  { opacity:1; -webkit-transform:translate( 0.2px, -0.1px); }
	80%  { opacity:1; -webkit-transform:translate( 0, 0); }
	85%  { opacity:1; -webkit-transform:translate( -0.1px, 0); }
	90%  { opacity:1; -webkit-transform:translate( -0.1px, 0); }
	to   { opacity:1; -webkit-transform:translate( 0, 0); }
}

@-webkit-keyframes open-3 {
	from { opacity:0; -webkit-transform:translate( 50px, -145px); }
	25%  { opacity:1; -webkit-transform:translate( 3.6px, 4.1px); }
	30%  { opacity:1; -webkit-transform:translate( 2.4px, 2.7px); }
	35%  { opacity:1; -webkit-transform:translate( 0, 0); }
	40%  { opacity:1; -webkit-transform:translate( -1px, -1.2px); }
	45%  { opacity:1; -webkit-transform:translate( -0.7px, -0.8px); }
	50%  { opacity:1; -webkit-transform:translate( 0, 0); }
	55%  { opacity:1; -webkit-transform:translate( 0.3px, 0.3px); }
	60%  { opacity:1; -webkit-transform:translate( 0.2px, 0.2px); }
	65%  { opacity:1; -webkit-transform:translate( 0, 0); }
	70%  { opacity:1; -webkit-transform:translate( 0, 0); }
	75%  { opacity:1; -webkit-transform:translate( 0, 0); }
	80%  { opacity:1; -webkit-transform:translate( 0, 0); }
	85%  { opacity:1; -webkit-transform:translate( 0, 0); }
	90%  { opacity:1; -webkit-transform:translate( 0, 0); }
	to   { opacity:1; -webkit-transform:translate( 0, 0); }
}

@-webkit-keyframes open-4 {
	from { opacity:0; -webkit-transform:translate( -210px, -145px); }
	25%  { opacity:1; -webkit-transform:translate( 15.6px, 4.1px); }
	30%  { opacity:1; -webkit-transform:translate( 10.3px, 2.7px); }
	35%  { opacity:1; -webkit-transform:translate( 0, 0); }
	40%  { opacity:1; -webkit-transform:translate( -4.5px, -1.2px); }
	45%  { opacity:1; -webkit-transform:translate( -2.9px, -0.8px); }
	50%  { opacity:1; -webkit-transform:translate( 0, 0); }
	55%  { opacity:1; -webkit-transform:translate( 1.3px, 0.3px); }
	60%  { opacity:1; -webkit-transform:translate( 0.8px, 0.2px); }
	65%  { opacity:1; -webkit-transform:translate( 0, 0); }
	70%  { opacity:1; -webkit-transform:translate( -0.4px, -0.1px); }
	75%  { opacity:1; -webkit-transform:translate( -0.2px, -0.1px); }
	80%  { opacity:1; -webkit-transform:translate( 0, 0); }
	85%  { opacity:1; -webkit-transform:translate( 0.1px, 0); }
	90%  { opacity:1; -webkit-transform:translate( 0.1px, 0); }
	to   { opacity:1; -webkit-transform:translate( 0, 0); }
}

@-webkit-keyframes open-5 {
	from { opacity:0; -webkit-transform:translate( -400px, -145px); }
	25%  { opacity:1; -webkit-transform:translate( 22.2px, 4.1px); }
	30%  { opacity:1; -webkit-transform:translate( 14.6px, 2.7px); }
	35%  { opacity:1; -webkit-transform:translate( 0, 0); }
	40%  { opacity:1; -webkit-transform:translate( -6.4px, -1.2px); }
	45%  { opacity:1; -webkit-transform:translate( -4.2px, -0.8px); }
	50%  { opacity:1; -webkit-transform:translate( 0, 0); }
	55%  { opacity:1; -webkit-transform:translate( 1.8px, 0.3px); }
	60%  { opacity:1; -webkit-transform:translate( 1.2px, 0.2px); }
	65%  { opacity:1; -webkit-transform:translate( 0, 0); }
	70%  { opacity:1; -webkit-transform:translate( -0.5px, -0.1px); }
	75%  { opacity:1; -webkit-transform:translate( -0.3px, 0); }
	80%  { opacity:1; -webkit-transform:translate( 0, 0); }
	85%  { opacity:1; -webkit-transform:translate( 0.2px, 0); }
	90%  { opacity:1; -webkit-transform:translate( 0, 0); }
	to   { opacity:1; -webkit-transform:translate( 0, 0); }
}
@-moz-keyframes open-1 {
	from { opacity:0; -moz-transform:translate( 235px, -145px); }
	25%  { opacity:1; -moz-transform:translate( 0, 0); }
	30%  { opacity:1; -moz-transform:translate( -9.3px, 4.1px); }
	35%  { opacity:1; -moz-transform:translate( -6.1px, 2.7px); }
	40%  { opacity:1; -moz-transform:translate( 0, 0); }
	45%  { opacity:1; -moz-transform:translate( 2.7px, -1.2px); }
	50%  { opacity:1; -moz-transform:translate( 1.7px, -0.8px); }
	55%  { opacity:1; -moz-transform:translate( 0, 0); }
	60%  { opacity:1; -moz-transform:translate( -0.8px, 0.3px); }
	65%  { opacity:1; -moz-transform:translate( -0.5px, 0.2px); }
	70%  { opacity:1; -moz-transform:translate( 0, 0); }
	75%  { opacity:1; -moz-transform:translate( 0.2px, -0.1px); }
	80%  { opacity:1; -moz-transform:translate( 0.1px, -0.1px); }
	85%  { opacity:1; -moz-transform:translate( 0, 0); }
	90%  { opacity:1; -moz-transform:translate( -0.1px, 0); }
	95%  { opacity:1; -moz-transform:translate( -0.1px, 0); }
	to   { opacity:1; -moz-transform:translate( 0, 0); }
}

@-moz-keyframes open-2 {
	from { opacity:0; -moz-transform:translate( 225px, -145px); }
	25%  { opacity:1; -moz-transform:translate( -11.8px, 4.1px); }
	30%  { opacity:1; -moz-transform:translate( -7.8px, 2.7px); }
	35%  { opacity:1; -moz-transform:translate( 0, 0); }
	40%  { opacity:1; -moz-transform:translate( 3.4px, -1.2px); }
	45%  { opacity:1; -moz-transform:translate( 2.2px, -0.8px); }
	50%  { opacity:1; -moz-transform:translate( 0, 0); }
	55%  { opacity:1; -moz-transform:translate( -0.1px, 0.3px); }
	60%  { opacity:1; -moz-transform:translate( -0.6px, 0.2px); }
	65%  { opacity:1; -moz-transform:translate( 0, 0); }
	70%  { opacity:1; -moz-transform:translate( 0.2px, -0.1px); }
	75%  { opacity:1; -moz-transform:translate( 0.2px, -0.1px); }
	80%  { opacity:1; -moz-transform:translate( 0, 0); }
	85%  { opacity:1; -moz-transform:translate( -0.1px, 0); }
	90%  { opacity:1; -moz-transform:translate( -0.1px, 0); }
	to   { opacity:1; -moz-transform:translate( 0, 0); }
}

@-moz-keyframes open-3 {
	from { opacity:0; -moz-transform:translate( 50px, -145px); }
	25%  { opacity:1; -moz-transform:translate( 3.6px, 4.1px); }
	30%  { opacity:1; -moz-transform:translate( 2.4px, 2.7px); }
	35%  { opacity:1; -moz-transform:translate( 0, 0); }
	40%  { opacity:1; -moz-transform:translate( -1px, -1.2px); }
	45%  { opacity:1; -moz-transform:translate( -0.7px, -0.8px); }
	50%  { opacity:1; -moz-transform:translate( 0, 0); }
	55%  { opacity:1; -moz-transform:translate( 0.3px, 0.3px); }
	60%  { opacity:1; -moz-transform:translate( 0.2px, 0.2px); }
	65%  { opacity:1; -moz-transform:translate( 0, 0); }
	70%  { opacity:1; -moz-transform:translate( 0, 0); }
	75%  { opacity:1; -moz-transform:translate( 0, 0); }
	80%  { opacity:1; -moz-transform:translate( 0, 0); }
	85%  { opacity:1; -moz-transform:translate( 0, 0); }
	90%  { opacity:1; -moz-transform:translate( 0, 0); }
	to   { opacity:1; -moz-transform:translate( 0, 0); }
}

@-moz-keyframes open-4 {
	from { opacity:0; -moz-transform:translate( -210px, -145px); }
	25%  { opacity:1; -moz-transform:translate( 15.6px, 4.1px); }
	30%  { opacity:1; -moz-transform:translate( 10.3px, 2.7px); }
	35%  { opacity:1; -moz-transform:translate( 0, 0); }
	40%  { opacity:1; -moz-transform:translate( -4.5px, -1.2px); }
	45%  { opacity:1; -moz-transform:translate( -2.9px, -0.8px); }
	50%  { opacity:1; -moz-transform:translate( 0, 0); }
	55%  { opacity:1; -moz-transform:translate( 1.3px, 0.3px); }
	60%  { opacity:1; -moz-transform:translate( 0.8px, 0.2px); }
	65%  { opacity:1; -moz-transform:translate( 0, 0); }
	70%  { opacity:1; -moz-transform:translate( -0.4px, -0.1px); }
	75%  { opacity:1; -moz-transform:translate( -0.2px, -0.1px); }
	80%  { opacity:1; -moz-transform:translate( 0, 0); }
	85%  { opacity:1; -moz-transform:translate( 0.1px, 0); }
	90%  { opacity:1; -moz-transform:translate( 0.1px, 0); }
	to   { opacity:1; -moz-transform:translate( 0, 0); }
}

@-moz-keyframes open-5 {
	from { opacity:0; -moz-transform:translate( -400px, -145px); }
	25%  { opacity:1; -moz-transform:translate( 22.2px, 4.1px); }
	30%  { opacity:1; -moz-transform:translate( 14.6px, 2.7px); }
	35%  { opacity:1; -moz-transform:translate( 0, 0); }
	40%  { opacity:1; -moz-transform:translate( -6.4px, -1.2px); }
	45%  { opacity:1; -moz-transform:translate( -4.2px, -0.8px); }
	50%  { opacity:1; -moz-transform:translate( 0, 0); }
	55%  { opacity:1; -moz-transform:translate( 1.8px, 0.3px); }
	60%  { opacity:1; -moz-transform:translate( 1.2px, 0.2px); }
	65%  { opacity:1; -moz-transform:translate( 0, 0); }
	70%  { opacity:1; -moz-transform:translate( -0.5px, -0.1px); }
	75%  { opacity:1; -moz-transform:translate( -0.3px, 0); }
	80%  { opacity:1; -moz-transform:translate( 0, 0); }
	85%  { opacity:1; -moz-transform:translate( 0.2px, 0); }
	90%  { opacity:1; -moz-transform:translate( 0, 0); }
	to   { opacity:1; -moz-transform:translate( 0, 0); }
}

@keyframes open-1 {
	from { opacity:0; transform:translate( 235px, -145px); }
	25%  { opacity:1; transform:translate( 0, 0); }
	30%  { opacity:1; transform:translate( -9.3px, 4.1px); }
	35%  { opacity:1; transform:translate( -6.1px, 2.7px); }
	40%  { opacity:1; transform:translate( 0, 0); }
	45%  { opacity:1; transform:translate( 2.7px, -1.2px); }
	50%  { opacity:1; transform:translate( 1.7px, -0.8px); }
	55%  { opacity:1; transform:translate( 0, 0); }
	60%  { opacity:1; transform:translate( -0.8px, 0.3px); }
	65%  { opacity:1; transform:translate( -0.5px, 0.2px); }
	70%  { opacity:1; transform:translate( 0, 0); }
	75%  { opacity:1; transform:translate( 0.2px, -0.1px); }
	80%  { opacity:1; transform:translate( 0.1px, -0.1px); }
	85%  { opacity:1; transform:translate( 0, 0); }
	90%  { opacity:1; transform:translate( -0.1px, 0); }
	95%  { opacity:1; transform:translate( -0.1px, 0); }
	to   { opacity:1; transform:translate( 0, 0); }
}

@keyframes open-2 {
	from { opacity:0; transform:translate( 225px, -145px); }
	25%  { opacity:1; transform:translate( -11.8px, 4.1px); }
	30%  { opacity:1; transform:translate( -7.8px, 2.7px); }
	35%  { opacity:1; transform:translate( 0, 0); }
	40%  { opacity:1; transform:translate( 3.4px, -1.2px); }
	45%  { opacity:1; transform:translate( 2.2px, -0.8px); }
	50%  { opacity:1; transform:translate( 0, 0); }
	55%  { opacity:1; transform:translate( -0.1px, 0.3px); }
	60%  { opacity:1; transform:translate( -0.6px, 0.2px); }
	65%  { opacity:1; transform:translate( 0, 0); }
	70%  { opacity:1; transform:translate( 0.2px, -0.1px); }
	75%  { opacity:1; transform:translate( 0.2px, -0.1px); }
	80%  { opacity:1; transform:translate( 0, 0); }
	85%  { opacity:1; transform:translate( -0.1px, 0); }
	90%  { opacity:1; transform:translate( -0.1px, 0); }
	to   { opacity:1; transform:translate( 0, 0); }
}

@keyframes open-3 {
	from { opacity:0; transform:translate( 50px, -145px); }
	25%  { opacity:1; transform:translate( 3.6px, 4.1px); }
	30%  { opacity:1; transform:translate( 2.4px, 2.7px); }
	35%  { opacity:1; transform:translate( 0, 0); }
	40%  { opacity:1; transform:translate( -1px, -1.2px); }
	45%  { opacity:1; transform:translate( -0.7px, -0.8px); }
	50%  { opacity:1; transform:translate( 0, 0); }
	55%  { opacity:1; transform:translate( 0.3px, 0.3px); }
	60%  { opacity:1; transform:translate( 0.2px, 0.2px); }
	65%  { opacity:1; transform:translate( 0, 0); }
	70%  { opacity:1; transform:translate( 0, 0); }
	75%  { opacity:1; transform:translate( 0, 0); }
	80%  { opacity:1; transform:translate( 0, 0); }
	85%  { opacity:1; transform:translate( 0, 0); }
	90%  { opacity:1; transform:translate( 0, 0); }
	to   { opacity:1; transform:translate( 0, 0); }
}

@keyframes open-4 {
	from { opacity:0; transform:translate( -210px, -145px); }
	25%  { opacity:1; transform:translate( 15.6px, 4.1px); }
	30%  { opacity:1; transform:translate( 10.3px, 2.7px); }
	35%  { opacity:1; transform:translate( 0, 0); }
	40%  { opacity:1; transform:translate( -4.5px, -1.2px); }
	45%  { opacity:1; transform:translate( -2.9px, -0.8px); }
	50%  { opacity:1; transform:translate( 0, 0); }
	55%  { opacity:1; transform:translate( 1.3px, 0.3px); }
	60%  { opacity:1; transform:translate( 0.8px, 0.2px); }
	65%  { opacity:1; transform:translate( 0, 0); }
	70%  { opacity:1; transform:translate( -0.4px, -0.1px); }
	75%  { opacity:1; transform:translate( -0.2px, -0.1px); }
	80%  { opacity:1; transform:translate( 0, 0); }
	85%  { opacity:1; transform:translate( 0.1px, 0); }
	90%  { opacity:1; transform:translate( 0.1px, 0); }
	to   { opacity:1; transform:translate( 0, 0); }
}

@keyframes open-5 {
	from { opacity:0; transform:translate( -400px, -145px); }
	25%  { opacity:1; transform:translate( 22.2px, 4.1px); }
	30%  { opacity:1; transform:translate( 14.6px, 2.7px); }
	35%  { opacity:1; transform:translate( 0, 0); }
	40%  { opacity:1; transform:translate( -6.4px, -1.2px); }
	45%  { opacity:1; transform:translate( -4.2px, -0.8px); }
	50%  { opacity:1; transform:translate( 0, 0); }
	55%  { opacity:1; transform:translate( 1.8px, 0.3px); }
	60%  { opacity:1; transform:translate( 1.2px, 0.2px); }
	65%  { opacity:1; transform:translate( 0, 0); }
	70%  { opacity:1; transform:translate( -0.5px, -0.1px); }
	75%  { opacity:1; transform:translate( -0.3px, 0); }
	80%  { opacity:1; transform:translate( 0, 0); }
	85%  { opacity:1; transform:translate( 0.2px, 0); }
	90%  { opacity:1; transform:translate( 0, 0); }
	to   { opacity:1; transform:translate( 0, 0); }
}


.banner { width:100%; text-align:center; padding:60px 0; position:relative; overflow:hidden;}   
.zi_banner { width:100%; height:600px; background:#181a37; position:relative; overflow:hidden; font-size:0;}
.zi_banner a img { position:absolute; left:50%; margin-left:-446px;}
.curtain_banner { width:100%; height:600px; background:#F8B62C; position:relative; overflow:hidden;}
.curtain_banner a img {width:2500px; position:absolute; left:50%; margin-left:-1250px;}
.blackbanner {display:block; width:100%;  height:600px;background:#313131; margin-top:600px;}
.banner_txt { text-align:right; position:absolute;  top:200px; right:50%; margin-right:-490px; color:#252525;}
.banner_txt strong { font:normal 48px/48px 'Microsoft yahei';display:block; margin-bottom:30px;}
.banner_txt p { font:normal 14px/20px 'Microsoft yahei';}
.banner_txt a { font:normal 18px/20px 'Microsoft yahei';display:block; margin-top:65px; color:#252525;}
.banner_txt a:hover { text-decoration:underline;}
.black_banner { width:100%; height:600px; background:#313131; position:relative; overflow:hidden;}
.black_banner img {width:1920px; position:absolute; left:50%; margin-left:-960px;}
#PicCont{ width:1920px; height:600px; position:relative; overflow:hidden; left:50%; margin-left:-960px;}
#PicCont .Pic{ width:1920px; height:600px; position:absolute; top:0px; left:50%; margin-left:-960px; display:none;}
.banner_cont { width:100%;height:600px; text-align:center; position:relative; overflow:hidden;}
.banner_cont .banner_img { display:block; width:1920px; height:600px; position:absolute; left:50%; margin-left:-960px; }

.content_bg { width:100%; padding:10px 0 0px 0;}
.content { width:980px; margin:0px auto;}
.recommend { width:100%; overflow:hidden; position:relative; margin-bottom:40px;}
.recommend a { display:block; float:left; width:300px; height:240px ; text-align:center; margin-right:40px; }
.recommend a.last { margin:0px;}
.site { width:100%; height:50px;background:url(../images/border.png) repeat-x top left;}
.site a {display:inline-block; height:18px; margin-left:44px;font:normal 16px/18px 'Microsoft yahei'; line-height:50px; color:#626262;}
.site a:hover { color:#626262;}
.site a img { vertical-align:middle;}
.content_menu {width:100%; height:130px; color:#313131; position:relative;background:url(../images/line.jpg) repeat-x bottom;}

.content_menu ul {padding:0 44px;}
.content_menu ul li { float:left; width:420px; margin-top:30px;}
.content_menu ul li.last{width:49px}

.content_menu ul li strong {display:block; margin-bottom:15px;  font:normal 14px/14px 'Microsoft yahei'; color:#626262}
.content_menu ul li a { display:block;color:#626262; font:normal 12px/20px 'Microsoft yahei';}
.content_menu ul li a:hover { color:#3a92ca;}
.content_menu .content_box { text-align:right; position:absolute; right:30px; top:20px;color:#626262;}
.content_menu .content_box a.box_a { display:inline-block;width:120px; height:32px; background:url(../images/curtain/yellow_btn.png) no-repeat; color:#fff; font:normal 16px/32px 'Microsoft yahei'; text-align:center;margin-bottom:15px;}
.content_menu .content_box strong { display:block; font:normal 20px/20px 'Microsoft yahei';margin-bottom:10px;}
.content_menu .content_box em { display:block; font:normal 12px/12px 'Microsoft yahei'; }
.detail_bg { width:100%; position:relative; overflow:hidden; }
.detail { width:980px; margin:0px auto; position:relative; }
.detail table { width:100%; color:#646464; text-align:left; vertical-align:top;}
.detail table tr th, .detail table tr td { padding:35px 0 75px 0;}
.detail table tr th { font:normal 20px/26px 'Microsoft yahei'; width:270px; position:relative; background:url(../images/curtain/line.jpg) no-repeat left bottom; padding-left:10px; vertical-align:top; text-align:left;}
.detail table tr td { border-bottom:1px solid #bdbdbd; vertical-align:top;color:#313131;}
.detail2 table tr td{ width:340px; }
.detail table tr td em { display:block; font:normal 16px/16px 'Microsoft yahei'; margin-bottom:15px;}
.detail table tr td strong { display:block; font:normal 24px/24px 'Microsoft yahei';}
.detail table tr.last th, .detail table tr.last td { background:none; border:none;}
.detail table tr.sell_tr th, .detail table tr.sell_tr td { background:none; border:none; padding-bottom:10px;}
.detail table tr td em.support_txt { display:block; font:normal 16px/22px 'Microsoft yahei'; color:#767676; margin:0;width:100%;text-align:justify; text-justify:inter-ideograph;}
.detail table tr td em.mb10 { margin-bottom:10px;}
.detail table tr td em.sell_txt { display:block; font:normal 16px/22px 'Microsoft yahei'; color:#252525; margin:0;}
.detail table tr td strong.title { display:block; font:normal 20px/20px 'Microsoft yahei';margin-bottom:15px;}
.detail table tr td strong.about_strong { display:block; width:100%; font:normal 18px/26px 'Microsoft yahei';text-align:justify; text-justify:inter-ideograph;}


.detail .item { position:relative;display:block; padding:0 0 0 0;border-bottom:1px solid #bdbdbd;}
.detail .left { display:inline-block; *display:inline; *zoom:1; height:100%; vertical-align:top; width:270px;}
.detail .left .item { display:inline-block; vertical-align:top;*display:inline; *zoom:1;width:100%; height:100%; padding-left:10px; font:normal 20px/26px 'Microsoft yahei';padding:35px  0; border:none;background:url(../images/curtain/line.jpg) no-repeat left bottom;}
.detail .network { padding-left:270px;background:url(../images/curtain/line.jpg) no-repeat left bottom; position:relative; overflow:hidden;}
.detail .network .left {position:absolute; left:0;}
.detail .network .left .item { }
.detail .product_list { width:350px;  display:inline-block; *display:inline; *zoom:1; vertical-align:top; }
.detail .product_list .item { padding:35px 0;color:#767676;}
.detail .item em { display:block; font:normal 16px/16px 'Microsoft yahei'; margin-bottom:15px;}
.detail .item i { display:block; font:normal 16px/30px 'Microsoft yahei'; }
.detail .item strong { display:block; font:normal 24px/24px 'Microsoft yahei';}
.detail .item em.support_txt { display:block; font:normal 16px/22px 'Microsoft yahei'; color:#767676; margin:0;width:100%;text-align:justify; text-justify:inter-ideograph;}
.detail .item strong.title { display:block; font:normal 20px/20px 'Microsoft yahei';margin-bottom:15px;}
.detail .item strong.about_strong { display:block; width:100%; font:normal 18px/26px 'Microsoft yahei';text-align:justify; text-justify:inter-ideograph;}
.detail .sell_list { width:700px; padding:35px 0 15px 0; display:inline-block; *display:inline; *zoom:1; vertical-align:top; border-bottom:1px solid #bdbdbd;}
.detail .sell_list .item { width:348px; display:inline-block; vertical-align:top;*display:inline; *zoom:1; font:normal 16px/22px 'Microsoft yahei'; color:#252525; margin:0; border:none;padding-bottom:20px; color:#767676;}
.detail .sell_list .item em { margin:0; line-height:22px;}
.sell_detail .item { padding:0 }
.sell_detail .left .item {  padding-left:10px; font:normal 20px/26px 'Microsoft yahei'; border:none;}

.zi_site { width:100%; height:50px; background:#238aa2; text-align:center; font:normal 14px/50px 'Microsoft yahei'; position:relative; color:#fff; margin-top:20px;}
.zi_site span { display:block; width:24px; height:12px; background:url(../images/support/black_arrow.png) no-repeat; position:absolute; bottom:-12px; left:50%; margin-left:-12px; z-index:2;}
.message { display:block; text-align:left;color:#767676;; font:normal 20px/20px 'Microsoft yahei'; padding:20px 0px}
.sorry{ display:block; text-align:left;color:#767676;; font:normal 20px/20px 'Microsoft yahei'; padding:35px 0px; color:#252525; text-indent:10px;}

/*技术支持*/
.select_bg { width:100%; height:160px; background:#181a37; color:#fff;}
.select { width:980px; margin:0px auto; position:relative; padding-top:50px;}
.select .select_txt { float:left; width:280px; display:inline-block;}
.select .select_txt strong {display:block; font-size:24px; margin-bottom:12px; font-weight:normal;}
.select .select_txt em { font-size:18px;}
.select .select_cont { float:left; display:inline-block;}
.select .select_box { width:240px; float:left;margin-right:20px; position:relative;}
.select .select_box em { display:block; width:238px; height:38px; border:1px solid #252525; text-indent:15px; border-radius:5px; background:#F8B62C url(../images/support/arrow.png) no-repeat 212px center; line-height:38px;font-size:16px; cursor:pointer;}
.select .select_box em.cur { background:#fff;}
.select .select_box .select_down {display:none; width:238px; border:1px solid #252525;border-radius:5px; background:#fff; position:absolute; top:40px; padding:10px 0; z-index:10;}
.select .select_box .select_down span { display:block; width:206px; padding:0 16px; font-size:16px; line-height:30px; cursor:pointer;}
.select .select_box .select_down span:hover { background:#313131; color:#fff;}
.select .black_btn { width:80px; height:40px; line-height:40px; color:#fff; font-size:16px; text-align:center; background:#313131; border:none; border-radius:6px; cursor:pointer;}




/*Ipad菜单样式*/
@media screen and (max-device-width: 900px) {
    .zi_site span { bottom:-11px; }
}