html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body, html, input { font: 12px/1.5 tahoma, arial, sans-serif; }
article, aside, figure, footer, header, nav, section, details, summary { display: block; }
img, object, embed { max-width: 100%; }
html { overflow-y: scroll;background-color:  #000000}
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; vertical-align: bottom; }
td { font-weight: normal; vertical-align: top; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
select, input, textarea { font: 99% sans-serif; }
table { font-size: inherit; font: 100%; }
small { font-size: 85%; }
strong { font-weight: bold; }
td, td img { vertical-align: top; }
.pointer { cursor: pointer }
/* Make sure sup and sub don't screw with your line-heights
        gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* standardize any monospaced elements */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; }
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }
/* make buttons play nice in IE */
button, input[type=button] { width: auto; overflow: visible; }
/* scale images in IE7 more attractively */
.ie7 img { -ms-interpolation-mode: bicubic; }
.fl { float: left }
.fr { float: right; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.relative { position: relative; }
.absolute { position: absolute; }
.block { display: block; }
.wh100 { display: block; width: 100%; height: 100%; }
.bg { display: none; background-color: #000; width: 100%; height: 100%; left: 0; top: 0; /*FF IE7*/ filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; z-index: 1; position: fixed; /*FF IE7*/ _position: absolute; _height: expression(eval(document.documentElement.clientHeight));
 _top: expression(eval(document.documentElement.scrollTop));
}
.close_layer { position: absolute; width: 60px; height: 60px; right: 5px; top: 0px; }
.hide { display: block; text-indent: -9999em; overflow: hidden; }
.mydiv { display: none; z-index: 99; width: 850px; height: 658px; left: 50%; /*FF IE7*/ top: 50%; /*FF IE7*/ margin-top: -329px; position: fixed; /*FF IE7*/ _position: absolute; _top: expression(eval(document.documentElement.scrollTop)+(document.documentElement.clientHeight/2))
}
html,body {height: 100%; overflow:hidden;background: url("../logo50images/bg.jpg") no-repeat center 0;  }
.wrap {width:100%;float: left;overflow: hidden;height: 100%;background-color: #000;}
.center { margin: 0 auto; width: 920px; height: 100%; position: relative; }
  
.menu{  display: block; cursor: pointer; position: fixed; background: url("../logo50images/menu.png") no-repeat center 0; width:100%; height:122px;  bottom:0; left:0; z-index:99;    }

.menu ul{ display:block; position:absolute; left:200px;}
.menu li{  display:block; width:136px; height:122px; float:left;  }

.menu li:hover,.menu li.hover{  background: url("../logo50images/menu_hover.png") no-repeat -700px 0;   }

.menu li.menu2:hover,.menu li.menu2.hover{  background: url("../logo50images/menu_hover.png") no-repeat -836px 0;   }

.menu li.menu3:hover,.menu li.menu3.hover{  background: url("../logo50images/menu_hover.png") no-repeat -972px 0;   }

.menu li.menu4:hover,.menu li.menu4.hover{  background: url("../logo50images/menu_hover.png") no-repeat -1108px 0;   }


 
.head{ display:block; position: fixed; top:0; left:0; width:100%; height:51px; background:url(../logo50images/menu_1.png) repeat-x 0 0;}
.webNav { color: #333333; font-size: 12px; right:0; position: absolute; top: 0px; width:480px; line-height:50px; text-align: center; }
.webNav a { color: #999999; padding: 3px 5px;   margin-left: 5px; display:inline-block;height:51px; }
.webNav a:hover,.webNav a.hover { color: #a88b63; background:url(../logo50images/menu_hover_1.png) repeat-x 0 0;  }
.webNav a.red{ color:#ff3300}
.webNav a.red:hover,.webNav a.red.hover{ color:#ff3300; background:none;}


.ctlA{ width:100%; text-align:center; height:55px; position:absolute; top:610px; left:0;}
.ctlA a{ display: inline-block; width:; height:55px; width:55px; margin-right:10px; background-image:url(../logo50images/job.png); background-repeat:no-repeat; background-position:0 0;}
.ctlA a.ctl1{ background-position:0 -55px;}
.ctlA a.ctl2{ background-position:-72px -55px;}
.ctlA a.ctl3{ background-position:-144px -55px;}
.ctlA a.ctl4{ background-position:-216px -55px;}
.ctlA a.ctl1:hover,.ctlA a.ctl1.hover{ background-position:0 0;}
.ctlA a.ctl2:hover,.ctlA a.ctl2.hover{ background-position:-72px 0;}
.ctlA a.ctl3:hover,.ctlA a.ctl3.hover{ background-position:-144px 0;}
.ctlA a.ctl4:hover,.ctlA a.ctl4.hover{ background-position:-216px 0;}
 
 .scene { position: relative; width: 100%; height: 100%; left: 0; top: 0;   }
 .layer2 { position: absolute; display: block; background: url("../logo50images/layer1_2.png") no-repeat 0 0; width:1920px; height: 877px; left:-500px; top:0; }
 
 /*
.layer1 { position: absolute; display: block; background: url("../logo50images/layer1_1.png") no-repeat 0 0; width:1920px; height: 877px; left:-500px; top:0; }

.layer3 { position: absolute; display: block; background: url("../logo50images/layer2_1.png") repeat 0 0; width:1920px; height: 877px; left:-500px; top:0; }
.layer4 { position: absolute; display: block; background: url("../logo50images/layer2_2.png") repeat  0 0; width:2920px; height: 1577px; left:-500px; top:100px; }
.layer5 { position: absolute; display: block; background: url("../logo50images/layer2_3.png") repeat 0 0; width:2920px; height: 1577px; left:-500px; top:100px; }


*/
.box1{ width:843px; height:426px; position:absolute; top:110px; left:37px; display:none;}
.page4 .show{ display:block; width:290px; height:100%; position:absolute; bottom:10px; right:0;}
.page4 .show:hover{ width:520px; height:400px;}
.page4 .box1_1 .show:hover{ background:url(../logo50images/box1_1.gif) no-repeat 0 0}
.page4 .box1_2 .show:hover{ background:url(../logo50images/box1_2.gif) no-repeat 0 0}
.page4 .box1_3 .show:hover{ background:url(../logo50images/box1_3.gif) no-repeat 0 0}
.page4 .box1_4 .show:hover{ background:url(../logo50images/box1_4.gif) no-repeat 0 0}

.page5 .box1{ width:839px; height:410px; position:absolute; top:165px; left:38px; display:none;}
.page5 .show{ display:block; width:158px; height:214px; position:absolute;}
.page5 .show1{top:173px; left:8px;}
.page5 .show2{top:173px; left:177px;}

.page6 .box1{ width:838px; height:405px; position:absolute; top:125px; left:38px; display:none;}

.page6 .ctlA a{ display: inline-block; width:; height:50px; width:55px; margin-right:10px; background-image:url(../logo50images/num.png); background-repeat:no-repeat; background-position:0 0;}
.page6 .ctlA a.ctl1{ background-position:0 -50px;}
.page6 .ctlA a.ctl2{ background-position:-72px -50px;}
.page6 .ctlA a.ctl1:hover,.ctlA a.ctl1.hover{ background-position:0 0;}
.page6 .ctlA a.ctl2:hover,.ctlA a.ctl2.hover{ background-position:-72px 0;}
 
.Main{ width:100%; height:100%; position:absolute; top:0; left:0; }
.page{height:100%;}

/*.page1{background: url("../logo50images/page1.png") no-repeat center 60px;}*/

.page2{background: url("../logo50images/page2.png") no-repeat center 160px;}
.page3{background: url("../logo50images/page3.png") no-repeat center 160px;}
.logo{ display:block; width:220px; height:120px; position: fixed; top:30px; left:80px; z-index:999; background: url("../logo50images/logo.png") no-repeat 0 0;}
.txt{ display:block; width:284px; height:22px; position: fixed; bottom:90px; right:80px; z-index:999; background: url("../logo50images/txt.png") no-repeat 0 0;}
.prev{ display:block; width:62px; height:103px;background: url("../logo50images/j.png") no-repeat left top; position:absolute; top:300px; left:-50px;}
.next{ display:block;width:62px; height:103px;background: url("../logo50images/j.png") no-repeat right top; position:absolute;  top:300px; right:-50px;}
.prev:hover{background: url("../logo50images/j.png") no-repeat left -118px;}
.next:hover{background: url("../logo50images/j.png") no-repeat right -118px;}