/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
body{ margin:0; font-size:12px; font-family:"宋体"; background-image:url(images/bg.jpg);}
h1,h2,h3,p,span,ul,li{ margin:0; padding:0; list-style-type:none;}
a:link{ text-decoration:none; }
a:visisted{text-decoration:none; }
a:hover{text-decoration:none; color:#F00;}
a:active{text-decoration:none;}

.layer{ width:1000px; margin:auto; overflow:hidden;}
.banner{ width:1217px; height:600px; margin:auto; background:url(images/banner.jpg) no-repeat center bottom;}
.btl{ height:56px;}
.images{ float:left; margin:30px 38px 0 0;}
.images img{ margin:4px;}
.text{ float:left; text-align:center; width:300px; margin-right:38px; line-height:30px;}
.clear{ clear:both;}
.jx{ height:3702px; margin-top:30px;}
.introduction{ height:400px; margin-bottom:26px; margin-top:26px; background:url(images/line.gif) left center no-repeat;}
.introduction p{ line-height:22px; float:left; width:400px; color:#776818; margin:13% 0 0 5px; font-size:13px;}
.introduction img{ float:right; margin:20px 0 0 20px;}
#navtop{ width:auto; height:43px; background:rgba(255,255,255,0.5)}
#navtop .left{ float:left; width:135px; height:43px; background:url(images/logo.png); margin-left:22px;}
#navtop .right{ float:right; height:43px; line-height:43px; margin-right:100px;}
#navtop .right a{ color:#666}

/* 3D焦点图展示部分 */
#page {
  width: 960px;
  margin:40px auto 0 auto;
}
#viewport-shadow {
  position: relative;
  width: 680px;
  padding: 0 140px 70px;
  background: url(images/box-shadow.png) bottom no-repeat;
}
#viewport, #box, .slide {
  width: 680px;
  height: 460px;
}
#viewport {
  overflow: hidden;
}
footer {
  margin: 0 140px;
}
#controls {
  position: relative;
  top: -40px;
  float: right;
  overflow: hidden;
}
#controls li {
  display: inline;
}
.goto-slide {
  margin-left: 10px;
  width: 14px;
  height: 14px;
  display: block;
  float: left;
  border: solid 1px #000;
  background-color: #555;
  border-radius: 8px;
  -webkit-box-shadow: inset 0px 0px 8px #333;
  -moz-box-shadow: inset 0px 0px 8px #333;
  box-shadow: inset 0px 0px 8px #333;
}
.goto-slide.current {
  background-color: #2edbac;
}
#next, #prev {
  position: absolute;
  top: 80px;
  width: 30px;
  height: 300px;
  background: url(images/next-prev-sprite.png) no-repeat;
  display: block;
  -webkit-transition: background .4s;
  -moz-transition: background .4s;
  transition: background .4s;
}
#next:hover, #prev:hover {
  background: url(images/next-prev-sprite-hover.png) no-repeat;
  border: none;
}
#prev {
  left: 90px;
}
#next, #next:hover {
  left: 840px;
  background-position: -30px 0;
}
#effect-switcher h2 {
  border-bottom: solid 1px #555;
  margin: 0 0 10px;
}
#effect-list {
  overflow: hidden;
}
#effect-list li {
  display: inline;
}
.effect, .effect:hover {
  display: block;
  float: left;
  margin: 0 10px 0 0;
  border: solid 1px black;
  border-radius: 7px;
  padding: 10px 12px 6px;
  color: #ccc;
  text-decoration: none;
  background-color: #555;
  -webkit-box-shadow: inset 0px 0px 8px #000;
  -moz-box-shadow: inset 0px 0px 8px #333;
  box-shadow: inset 0px 0px 8px #333;
}
.effect.current, .effect:hover.current {
  color: #2edbac;
}
#time-indicator {
  width: 0px;
  height: 3px;
  background-color: #2edbac;
  position: absolute;
  top: 460px;
  left: 140px;
}



#foot{ height:116px; background-color:#F8F8F8; border-top-style:solid; border-top-width:6px; border-top-color:#A81C1B; margin-top:18px; padding-top:20px;}
#foot p{ text-align:center; line-height:26px; color:#333;}
#foot p a{ color:#333;}