@CHARSET "UTF-8";

body {
  font: 13px "Microsoft YaHei", "微软雅黑", Helvetica, "黑体", Arial, Tahoma;
  text-align: center;
  align: center;
  margin: 0;
  padding: 0;
  background: url(../images/juiot.jpg) #FCFCF5 no-repeat 50% 28px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  scrollbar-face-color: #fff;
  scrollbar-shadow-color: #fff;
  scrollbar-highlight-color: #ccc;
  scrollbar-3dlight-color: #fff;
  scrollbar-arrow-color: #BDD9F5;
  scrollbar-track-color: #fff;
}
table{
  margin:10px;
  color:blue;
  font-weight:bold;
}
tr{
  border:#ccc 1px solid;
  margin:5px;
  line-height:20px;
  height:20px;
}
td{
  margin:0;
  padding:0 10px;
  vertical-align:top;
  line-height:20px;
}
/* ~~ 元素/标签选择器 ~~ */
ul, ol, dl {
  /* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */
  text-align: center;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#currentTime {
  background: url(../images/icon_task.gif) no-repeat left;
  padding-left: 18px;
  height: 30px;
  line-height: 30px;
  float: left;
}
.clearfloat {
  float:left;
  /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
  clear: both;
  height: 3px;
  font-size: 1px;
  line-height: 0px;
}

.clearhfloat {
  /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
  clear: both;
  height: 20px;
  font-size: 1px;
  line-height: 0px;
}

a {
  color: #fff;
  text-decoration: none;
}

a img { /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框（当该图像包含在链接中时） */
  border: none;
}

/* ~~ 站点链接的样式必须保持此顺序，包括用于创建悬停效果的选择器组在内。 ~~ */
a:link {
  color: #555;
  text-decoration: none; /* 除非将链接设置成极为独特的外观样式，否则最好提供下划线，以便可从视觉上快速识别 */
}

a:visited {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #990000;
}

a:active, a:focus {
  text-decoration: none;
}

#abox {
  float: left;
  text-align: left;
  position: absolute;
  width: auto;
  height: auto;
  background: #fdfad1;
  border: #feed2f 1px solid;
  display: none;
  color: #990000;
  padding: 5px 13px;
  font-size: 14px;
}

#obox {
  text-align: left;
  position: absolute;
  left: 10px;
  top: 0;
  width: auto;
  height: auto;
  background: #B2CFE8;
  border: #feed2f 1px solid;
  display: none;
  padding: 3px;
  color: #a01010;
  font-size: 12px;
  z-index: 999;
}

.infobox {
  width: 420px;
  height: 200px;
  margin: 100px auto;
  border: #888 1px solid;
  background: #efefef;
}

#uptop {
  width: 100%;
  height: 28px;
  float: left;
  line-height: 28px;
  background: url(../images/lnkbar.png) repeat-x;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}

.uptopcenter {
  width: 1000px;
  height: 28px;
  line-height: 28px;
  margin: 0 auto;
}

#container {
  width: 1000px;
  height: auto;
  margin: 0 auto;
}

#bodycon {
  width: 100%;
  height: auto;
  float: left;
  background: #fff;
}

#top {
  height: 165px;
  width: 100%;
  float: left;
  position: relative;
  z-index: 90;
}

#top .head {
  float: left;
  height: 30px;
  line-height: 30px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.qhzt {
  float: right;
  height: 25px;
  line-height: 25px;
  width: 500px;
}

.qhzt .btqh {
  float: right;
  width: 80px;
  height: 27px;
  line-height: 27px;
  text-align: right;
  padding-right: 8px;
  cursor: pointer;
}
#language{
  height: 27px;
  line-height: 27px;
  text-align: right;
  margin-right: 12px;
  cursor: pointer;
  float: right;
}
#scbz {
  background: url(../images/sc1.png) no-repeat 8px;
}

#wyly {
  background: url(../images/notebook01.png) no-repeat 8px 7px;
}

#wysc {
  background: url(../images/sc001.png) no-repeat 8px 7px;
}

#qhzt {
  background: url(../images/ys01.png) no-repeat 8px;
}

#top .middle {
  width: 100%;
  height: 135px;
  position: absolute;
  top: 0px;
  left: 0;
}

#topswf {
  width: 396px;
  height: 135px;
  float: left;
}

#booktopswf {
  width: 586px;
  height: 235px;
  float: right;
}

#top .menu {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: url(../images/mnbgx.jpg) repeat-x;
  left: 0;
  float: left;
  box-shadow: 0px 1px 1px rgba(20%, 20%, 40%, 0.6), 0px 2px 3px
  rgba(20%, 20%, 40%, 0.4), 0px 3px 6px rgba(20%, 20%, 40%, 0.4);
}

#topmmmenu {
  height: 30px;
  width: 100%;
  margin: 0 auto;
  line-height: 30px;
}

#topmmmenu a {
  color: #000;
}

#topmmmenu .topmmmenutitli {
  float: left;
  height: 30px;
  position: relative;
  display: inline;
  width: 67px;
  float: left;
  font-size: 15px;
}

#topmmmenu .topmmmenutitli .imgs {
  width: 11px;
  height: 8px;
  position: absolute;
  top: 11px;
  right: 2px;
}

#topmmmenu .topmmmenusub {
  width: 120px;
  left: 0;
  top: 30px;
  height: auto;
  display: none;
  position: absolute;
  background: #006699;
  z-index: 7;
  filter: alpha(opacity = 90);
  -moz-opacity: 0.90;
  -khtml-opacity: 0.90;
  opacity: 0.90;
}

#topmmmenu .topmmmenusub li {
  position: relative;
  height: 30px;
  line-height: 30px;
  border-bottom: #eee 1px solid;
  color: #fff;
  z-index: 7;
}

#main {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 18px;
}

#main .left {
  width: 18%;
  height: auto;
  float: left;
}

#main .left .body {
  width: 88%;
  float: left;
}
#main .left .block {
  float: left;
  width: 100%;
  height: auto;
  border: #B2CFE8 1px solid;
  margin-top: 8px;
  background: #F6F8FA;
}
.wttu {
  float: left;
  width: 100%;
  height: auto;
  border: #B2CFE8 1px solid;
  margin-bottom: 8px;
  clear: both;
}

#block {
  float: left;
  width: 100%;
  height: auto;
  border: #B2CFE8 1px solid;
  margin-top: 8px;
  background: #F6F8FA;
}

#block .top {
  width: 93%;
  height: 35px;
  line-height: 35px;
  border-bottom: #B2CFE8 1px solid;
  font-size: 16px;
  font-weight: bold;
  margin: 0 3.5%;
}

#block .bd {
  width: 95%;
  margin: 3px auto;
  height: auto;
  font-size: 14px;
}

#block .bd li {
  float: left;
  width: 90%;
  margin: 6px 5%;
  _margin: 4px 3.5%;
  height: 28px;
  line-height: 28px;
  border-bottom: #eee 1px solid;
}

.wtmenu {
  float: left;
  width: 100%;
  border: #B2CFE8 1px solid;
  height: 100%;
  background: #F6F7F3;
}

.wtmenu ul {
  width: 100%;
  padding: 0px;
  _padding: 0;
  font-size: 15px;
  text-align: left;
}

.wtmenu ul li {
  float: left;
  width: 94%;
  padding: 5px;
  text-indent: 43px;
  font-size: 16px;
  height: 25px;
  line-height: 25px;
  _height: 31.5px;
  _line-height: 31.5px;
  background: url(/public/static/images/itmlh.png) no-repeat 15px #F6F8FA;
  border-bottom: #E6EDF4 1px solid;
  position: relative;
  z-index: 300;
}

.wtmenu ul li a:link {
  color: #000;
}

.wtmenu ul li a:visited {
  color: #000;
}

.wtmenu ul li li a:visited {
  color: #fff;
}

.wtmenu ul li ul {
  display: none;
  width: 100px;
  font-size: 14px;
  position: absolute;
  z-index: 300;
  left: 158px;
  top: 0;
}

.wtmenu ul li ul a:link {
  color: #fff;
}

.wtmenu ul li ul li {
  margin: 0;
  padding: 0;
  float: left;
  text-align: center;
  width: 100px;
  text-indent: 0;
  height: 25px;
  line-height: 25px;
  background: #287FAB;
  font-size: 14px;
  background: #287FAB;
  width: 100px;
}

#main .middle {
  float: left;
  width: 57%;
}

#main .middle .block {
  float: left;
  width: 568px;
  border: #FFCC66 1px solid;
  background: #fff;
  margin-bottom: 8px;
}

.tuijianmore {
  float: right;
  width: 32px;
  height: 27px;
  margin-right: 5px;
  line-height: 27px;
  background: url("../images/icoRight.png") no-repeat right;
  line-height: 27px;
}
.tuijianmore1 {
  float: right;
  width: 38px;
  height: 27px;
  margin-right: 5px;
  padding-right:2px;
  background: url("../images/icoRight.png") no-repeat right;
  line-height: 27px;
}
.h3tt {
  width: 96%;
  text-align: center;
  margin: 8px auto;
  font-size: 18px;
}

.indeximageshow {
  width: 96%;
  clear: both;
  height: 300px;
  margin: 0 auto;
}
.indeximageshowt {
  width: 96%;
  clear: both;
  height: 259px;
  margin: 0 auto;
}
.indeximageshowt a{
  color:#fff;
}
.indeximageshowtp {
  width: 100%;
  clear: both;
  margin: 0 auto;
}
.indeximageshowtp a{
  color:#000;
}
.imagebox {
  float: left;
  width: 158px;
  height: 138px;
  margin: 0 11px 10px 11px;
  _margin: 15px 8px 26px 8px;
  text-align: center;
  position: relative;
}
.imageboxt {
  float: left;
  width: 158px;
  height: 98px;
  margin: 10px 11px 18px 11px;
  _margin: 15px 8px 36px 8px;
  text-align: center;
  position: relative;
}
.musicibox {
  float: left;
  width: 158px;
  height: 118px;
  margin: 10px 11px 0px 11px;
  _margin: 15px 8px 0px 8px;
  text-align: center;
  position: relative;
}
.musicibox .imgbf{
  width:29px;
  height:29px;
  position:absolute;
  top:30px;
  right:10px;
  display:none;
}
.supertit {
  border-bottom-style: double;
  border-bottom-color: #A12023;
  border-bottom-width: 3px;
  font-size: 18px;
}

.slideTxtBox {
  float: left;
  width: 99%;
  height: auto;
  min-height:30px;
  margin-left: 2px;
  _margin-left: 1px;
  border: 1px solid #FFE9BD;
  text-align: left;color:#fff;
  background: #fff;
  padding: 7px 0;
  margin-bottom: 8px;
}
.slideTxtBox a:hover {
  color: #999;
}
.slideTxtBox .hd {
  height: 30px;
  position: relative;
  width: 96%;
  margin: 0 auto;
  background: #FFF3D3;
  line-height: 30px;
}

.slideTxtBox .hd ul {
  float: left;
  position: absolute;
}

.slideTxtBox .hd ul li {
  float: left;
  padding-left: 35px;
  padding-right: 14px;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  color: #aaa;
}

.slideTxtBox .hd ul li.on {
  z-index: 10;
  position: relative;
  height: 30px;
  line-height: 30px;
  background: url(../images/icocj.jpg) #FAE098 no-repeat 6px;
  color: #000;
}

.slideTxtBox .bd ul {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.slideTxtBox .bd ul li {
  height: 35px;
  margin: 0 auto;
  text-indent: 20px;
  line-height: 35px;
  text-align: left;
  font-size: 15px;
  display: inline-block;
  overflow: hidden;
  width: 96%;
  border-bottom: #FFDA90 2px solid;
  background: url(../images/news1.png) no-repeat left;
}
.slideTxtBoxt {
  float: left;
  width: 99%;
  height:auto;
  min-height: 30px;
  margin-left: 2px;
  _margin-left: 1px;
  border: 1px solid #D7E6F6;
  text-align: left;
  background: #fff;
  padding: 7px 0;
  margin-bottom: 8px;
}


.slideTxtBoxt a:link {
  color: #000;
}

.slideTxtBoxt a:hover {
  color: #000;
}

.slideTxtBoxt a:visited {
  color: #000;
}
.slideTxtBoxt .hd {
  height:100%;
  float:left;
  width: 5%;
  margin:auto 10px;
  background: #D7E6F6;
  line-height: 30px;
}

.slideTxtBoxt .hd ul {
  float: left;
  height:100%;
}

.slideTxtBoxt .hd ul li {
  float: left;
  padding-top: 35px;
  padding-bottom: 14px;
  cursor: pointer;
  width:28px;
  vertical-align:middle;
  display:table-cell;
  font-size: 16px;
  height:185px;
  color: #aaa;
  background: #FAE098;
}

.slideTxtBoxt .hd ul li.on {
  z-index: 10;
  float:left;
  line-height: 38px;
  background: url(../images/icocj.jpg) #FAE098 no-repeat 2px 42px;
  color: #000;
}
.slideTxtBoxt .bd{
  float:left;
  width: 90%;
}
.slideTxtBoxt .bd #its {
  width:100%;
  height:85px;
  float:left;
  font-size:15px;
  margin:15px;
}
.slideTxtBoxt .bd #its .dtiao{
  float:left;
  width:20px;
  height:80px;
  margin:0 1px;

  vertical-align:middle;
  display:table-cell;
  border:#CEE2F6 1px dashed;
}
.slideTxtBoxt .bd ul {

  height: auto;
}

.slideTxtBoxt .bd ul li {
  height: 35px;
  margin: 0 auto;
  text-indent: 20px;
  line-height: 35px;
  text-align: left;
  font-size: 15px;
  display: inline-block;
  overflow: hidden;
  width: 99%;
  border-bottom: #D7E6F6 2px solid;
  background: url(../images/film11.png) no-repeat left;
}
#main .middle .block .top {
  width: 550px;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  margin-top: 5px;
  background: #F5D376;
  font-size: 16px;
  text-align: left;
}

#main .right {
  float: left;
  width: 25%;
}

#main .right .body {
  float: right;
  width: 91%;
}

#main .right .body .block {
  float: right;
  width: 226px;
  _width: 100%;
  border: #FFCC66 1px solid;
  background: #fff;
  margin-bottom: 9px;
}

#blocktwo {
  float: right;
  width: 99%;
  _width: 100%;
  border: #FFE9BD 1px solid;
  background: #fff;
  margin-bottom: 9px;
}

#blocktwo a {
  color: #333;
}

#blocktwo a:hover {
  text-decoration: underline;
}

#blocktwo .top {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  background: url(../images/icocj.jpg) #FAE098 no-repeat 2px 42px;
  border-bottom: #F8D164 2px solid;
}

#blocktwo .bd {
  margin: 4.5px auto;
  _margin: 5px auto;
}

#blocktwo .bd li {
  height: 35px;
  line-height: 35px;
  _height: 41px;
  _line-height: 41px;
  font-size: 14px;
  width: 95%;
  margin: 0 auto;
  overflow:hidden;
  text-align:left;
  text-indent: 5px;
  border-bottom: #ccc 1px dotted;
}

#main .right .body .block .top {
  margin: 5px auto;
  width: 95%;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-bottom: #FFCC66 1px solid;
}

#main .right .body .block .top a:link {
  color: #990000;
}

#main .right .body .block .top a:hover {
  color: red;
  border-bottom: 1px solid;
}

#main .right .body .block .content {
  margin: 6px 0 6px 4px;
  width: 100%;
  font-size: 12px;
  text-align: left;
  Letter-spacing: 2px;
}

.dttime {
  width: 100% px;
  height: 15px;
  text-align: right;
  position: absolute;
  right: 0;
  color: #C03C19;
  font-weight: bold;
  _position: static;
  _float: right;
}

#main .right .body .block .bl .topnewsblock {
  width: 95%;
  height: 62px;
  text-align: left;
  line-height: 20px;
  margin: 0 auto;
  clear: both;
}

#main .right .body .block .bl .leftimg {
  float: left;
  width: 80px;
  height: 60px;
  margin: 4px;
  border: #eee 1px solid;
}

#main .right .body .block .bl .rightinfo {
  float: left;
  margin-left: 5px;
  width: 50%;
  height: 60px;
  margin-top: 3px;
}

#main .right .body .block .bl li {
  float: left;
  width: 85%;
  margin: 4px;
  text-align: left;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #ccc;
  height: 22.2px;
  line-height: 22.2px;
  _height: 23px;
  _line-height: 23px;
  padding-left: 18px;
  background: url(../oimages/li.jpg) no-repeat left;
}

.YqljBmBox {
  float: left;
  width: 100%;
  text-align: left;
  background: #fff;
  margin-top: 13px;
  border: 1px solid #ffcc66;
  border-top: 3px solid #F1B63F;
}

.YqljBmBox .hd {
  height: 30px;
  line-height: 30px;
  position: relative;
  background: #FCE9C2;
}

.YqljBmBox .hd ul {
  float: left;
  position: absolute;
  height: 32px;
  width: auto;
}

.YqljBmBox .hd ul li {
  float: left;
  padding: 0 25px;
  cursor: pointer;
  text-align: center;
  color: #000;
  font-size: 15px;
  color: #aaa;
}

.YqljBmBox .hd ul li.on {
  z-index: 10;
  position: relative;
  height: 30px;
  line-height: 30px;
  background: url(../images/icocj.jpg) #fff no-repeat left top;
  color: #000;
}

.YqljBmBox .bd {
  float:left;
  height:auto;
  min-height:80px;
}

.YqljBmBox .bd ul {
  zoom: 1;

  float:left;
}

.YqljBmBox .bd ul li {
  float: left;
  margin: 9px 14px;
  height:15px;
  white-space: nowrap;
  border-bottom: #ccc 1px dotted;
}

#foot {
  float: left;
  border-top: #83A9CA 3px solid;
  margin: 20px auto;
  clear: both;
  width: 99%;
  margin-left: 0.5%;
  _margin-left: 0.25%;
}

#footerbox {
  width: 97%;
  color: #000;
  padding-top: 8px;
  margin-left: auto;
  margin-right: auto;
}

#footerbox .xinx1 {
  float: left;
  text-align: left;
  width: 50%;
}

#footerbox .xinx2 {
  float: right;
  text-align: right;
  width: 50%;
}

.ganen {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  line-height:20px;
}

.slideBox {
  float: left;
  width: 226px;
  height: 173px;
  overflow: hidden;
  position: relative;
  border:1px solid #FFE2A8;
  margin-bottom: 8px;
}

.slideBox .hdkk {
  height: 15px;
  overflow: hidden;
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 9;
}

.test {
  color: #ccc;
  background: red;
  display: block;
}

.slideBox .hdkk ul {
  overflow: hidden;
  zoom: 1;
  float: left;
}
.liwenzhang{
}
.slideBox .hdkk ul li {
  float: left;
  margin-right: 2px;
  width: 8px;
  height: 8px;
  line-height: 14px;
  text-align: center;
  background: #fff;
  cursor: pointer;
}

.slideBox .hdkk ul li.on {
  background: #f00;
  color: #fff;
}

.slideBox .bdkk {
  position: relative;
  height: 173px;
  width: 226px;
}

.slideBox .bdkk li {
  zoom: 1;
  vertical-align: middle;
}

.slideBox .bdkk img {
  width: 226px;
  height: 173px;
  display: block;
}

.slideBox .prev:hover, .slideBox .next:hover {
  filter: alpha(opacity =       0.5);
  opacity: 1;
}

.slideBox .prevStop {
  display: none;
}

.slideBox .nextStop {
  display: none;
}

.slideBox2 {
  float: left;
  width: 450px;
  height: 218px;
  overflow: hidden;
  position: relative;
  border: 4px solid #FFE2A8;
  margin-bottom: 8px;
}

.slideBox2 .hd {
  height: 15px;
  overflow: hidden;
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 9;
}

.slideBox2 .hd ul {
  overflow: hidden;
  zoom: 1;
  float: left;
}

.slideBox2 .hd ul li {
  float: left;
  margin-right: 2px;
  width: 15px;
  height: 15px;
  line-height: 14px;
  text-align: center;
  background: #fff;
  cursor: pointer;
}

.slideBox2 .hd ul li.on {
  background: #f00;
  color: #fff;
}

.slideBox2 .bd {
  position: relative;
  height: 210px;
  width: 300px;
}

.slideBox2 .bd li {
  zoom: 1;
  vertical-align: middle;
}

.slideBox2 .bd img {
  width: 450px;
  height: 218px;
  display: block;
}

.slideBox2 .prev:hover, .slideBox2 .next:hover {
  filter: alpha(opacity =       0.5);
  opacity: 1;
}

.slideBox2 .prevStop {
  display: none;
}

.slideBox2 .nextStop {
  display: none;
}

.txtScroll-top {
  overflow: hidden;
  position: relative;
  font-size: 14px;
  width: 85%;
  margin: 0 auto;
  text-align: left;
  _margin-top: -12px;
}

.txtScroll-top .bd {
  margin: 2px auto;
  _margin-top: 14px;
  overflow: hidden;
}

.txtScroll-top .infoList li {
  text-align: left;
  height: 130px;
  line-height: 22px;
  width: 100%;
  white-space: normal;
  overflow: hidden;
  background: url(../images/ann_icon.gif) no-repeat -2px 9px;;
}

.txtScroll-top .infoList a:hover {
  color: #777;
}
/* 本例子css */
.picMarquee-top {
  margin: 0 auto;
  width: 99.5%;
  _width: 100%;
  overflow: hidden;
  position: relative;
  border: 1px solid #B2CFE8;
  margin-bottom: 9px;
  clear: both;
}

.picMarquee-top .hd {
  overflow: hidden;
  height: 30px;
  background: #f4f4f4;
  padding: 0 10px;
}

.picMarquee-top .hd .prev, .picMarquee-top .hd .next {
  display: block;
  width: 9px;
  height: 5px;
  float: right;
  margin-right: 5px;
  margin-top: 10px;
  overflow: hidden;
  cursor: pointer;
  background: url("../images/arrow.png") 0 -100px no-repeat;
}

.picMarquee-top .hd .next {
  background-position: 0 -140px;
}

.picMarquee-top .hd .prevStop {
  background-position: -60px -100px;
}

.picMarquee-top .hd .nextStop {
  background-position: -60px -140px;
}

.picMarquee-top .bd {
  padding: 0 10px;
  background: #F6F7F3;
}

.picMarquee-top .bd ul {
  overflow: hidden;
  zoom: 1;
}

.picMarquee-top .bd ul li {
  text-align: center;
  zoom: 1;
  height: 72px
}

.picMarquee-top .bd ul li .pic {
  float: left;
  width: 80px;
  box-shadow: 1px 1px 1px rgba(20%, 20%, 40%, 0.6), 2px 2px 3px
  rgba(20%, 20%, 40%, 0.4), 3px 3px 6px rgba(20%, 20%, 40%, 0.4);
}

.picMarquee-top .bd ul li .pic img {
  width: 80px;
  height: 60px;
  float: left;
  padding: 0px;
}

.picMarquee-top .bd ul li .pic a:hover img {
  border-color: #999;
}

.rigmbox {
  float: left;
  padding: 5px 0;
  margin-left: 3px;
  width: 105px;
  padding: 5px;
  text-align: left;
}
/*mid页面*/
#mid_main {
  float: left;
  width: 100%;
  height: auto;
  background: #fff;
}

.mid_left {
  float: left;
  width: 18%;
  margin-top: 25px;
  height: auto;
  margin-left: 3%;
  _margin-left: 2%;
}

.brimgbox {
  width: 182px;
  height: 150px;
  float: left;
  clear: both;
  margin-bottom: 8px;
  background: #eee;
}

#bcastr4 {
  width: 182px;
  height: 150px;
}

#flmenu {
  width: 100%;
}

.sfqmenu {
  float: left;
  width: 100%;
  height: auto;
  font-size: 15px;
  background: #B12500;
  color: #fff;
  border: #B12500 1px solid;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}

.sfqmenu a {
  color: #000;
}

.sfqmenu span {
  width: 100%;
  height: 30px;
  line-height: 30px;
  position: relative;
  display: block;
  margin: 0 auto;
  background: url(../images/lbgg.png) no-repeat 22px;
}

.sfqmenu ul {
  float: left;
  width: 100%;
  height: auto;
  display: none;
}

.sfqmenu ul li {
  width: 95%;
  margin: 3px auto;
  height: 35px;
  line-height: 35px;
  display: block;
  background: #FFF3D1;
}

.mid_right {
  float: right;
  margin-top: 25px;
  width: 75%;
  height: auto;
}

.mid_right .top {
  float: left;
  width: 97%;
  height: 32px;
  margin: 0 auto;
  line-height: 32px;
  text-align: left;
  background: url(../images/home.png) #D7E6F6 no-repeat 10px;
  border: #B1C4D9 1px solid;
}

.mid_right .top .left {
  float: left;
  margin-left: 45px;
  width: 90px;
  font-size: 15px;
  height: 32px;
  line-height: 32px;
  background: url(../images/jt.png) no-repeat 70px;
}

.mid_right .top .right {
  float: left;
  font-size: 15px;
  height: 32px;
  line-height: 32px;
}

.mid_right .top1 {
  float: left;
  width: 97%;
  height: 32px;
  margin: 0 auto;
  line-height: 32px;
  text-align: left;
  background: url(../images/booksi.png) #D7E6F6 no-repeat 10px;
}

.mid_right .top1 .left {
  float: left;
  margin-left: 45px;
  width: 90px;
  font-size: 15px;
  height: 32px;
  line-height: 32px;
  background: url(../images/jt.png) no-repeat 70px;
}

.mid_right .top1 .right {
  float: left;
  width: 90px;
  font-size: 15px;
  height: 32px;
  line-height: 32px;
  background: url(../images/book.png) no-repeat 70px;
}

.mbleftblock {
  width: 100%;
  float: left;
  margin-bottom: 8px;
  float: left;
}

.mbleftblock .bd {
  float: left;
  height: auto;
  width: 97%;
  background: #fff;
}

#atypesblock {
  float: left;
  width: 100%;
  margin-top: 15px;
  padding-bottom: 10px;
  border-top: 0px;
  background: #fff;
  text-align: left;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #aaa;
}

#atypesblock .aleft {
  float: left;
  width: 110px;
  height: 90px;
  box-shadow: 2px 2px 2px rgba(20%, 20%, 40%, 0.6), 4px 4px 6px
  rgba(20%, 20%, 40%, 0.4), 6px 6px 12px rgba(20%, 20%, 40%, 0.4);
}

#atypesblock .ableft {
  float: left;
  width: 110px;
  height: 164px;
  box-shadow: 2px 2px 2px rgba(20%, 20%, 40%, 0.6), 4px 4px 6px
  rgba(20%, 20%, 40%, 0.4), 6px 6px 12px rgba(20%, 20%, 40%, 0.4);
}

#atypesblock .atop {
  float: left;
  margin-left: 10px;
  font-size: 16px;
}

#atypesblock .aright {
  font-size: 14px;
  float: right;
  width: 75%;
  margin-left: 10px;
  color: #666;
  text-indent: 24px;
  background: url(../images/book1.png) no-repeat 6px 2px;
}

#atypesblock .bright {
  font-size: 14px;
  float: right;
  width: 97%;
  color: #666;
  text-indent: 28px;
  background: url(../images/book1.png) no-repeat 8px 3px;
}

#atypesblock .atop a:link {
  color: #000;
}

#atypesblock .atop a:visited {
  color: #1A456C;
}

#atypesblock .atop a:hover {
  color: #ff9c00;
}

.bttx {
  height: 22px;
  line-height: 22px;
  text-indent: 28px;
  font-size: 14px;
  float: left;
  background: url(../images/jtmid.png) no-repeat 13px 7px;
}

.bttx a {
  color: #eee;
}

.bttx a:link { /*标题头*/
  color: #A12023;
}

.bttx a:hover { /*标题头*/
  color: #ccc;
}

.bttx a:visited { /*标题头*/
  color: #A12023;
}

.btwx {
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  width: 100%;
  padding-right: 20px;
  text-align: right;
  float: right;
  background: url(../images/jt2.png) no-repeat right;
}

.btwx a {
  color: #eee;
}

.btwx a:link { /*标题头*/
  color: #A12023;
}

.btwx a:hover { /*标题头*/
  color: #FF9C00;
}

.btwx a:visited { /*标题头*/
  color: #A12023;
}

.datetmid {
  color: #555;
  font-weight: normal;
  width: 480px;
  padding: 5 15px;
  line-height: 30px;
  font-size: 12px;
}
.midph .top {
  width: 182px;;
  height: 101px;
}

.midph .top1 {
  width: 182px;;
  height: 164px;
}

.midph ul {
  overflow: hidden;
}

.midph .body {
  float: left;
  width: 100%;
  height: auto;
  border: #B2CFE8 1px solid;
  border-top: 0px;
}

.midph li {
  float: left;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  overflow: hidden;
}

.midph li a:hover {
  color: #000;
}

.midph li .left {
  text-align: center;
  float: left;
  height: 20px;
  width: 20px;
  margin-top: 3px;
  border: #eff 1px solid;
  background: #eee;
  line-height: 20px;
  font-family: "黑体", Arial, Tahoma;
}

.midph li .right {
  text-align: left;
  float: right;
  height: 25px;
  width: 158px;
  text-indent: 7px;
  _text-indent: 0px;
  _width: 151px;
  line-height: 25px;
}

.toponeimagebox {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
  cursor: pointer;
}

.toponeimagebox .left {
  position: absolute;
  bottom: 0px;
  left: 0px;
  float: left;
  text-align: center;
  height: 18px;
  width: 40px;
  background: #F05E07;
  color: #fff;
  cursor: pointer;
  line-height: 18px;
  font-family: "黑体", Arial, Tahoma;
  z-index: 5;
}

.toponeimagebox .right {
  position: absolute;
  bottom: 0px;
  right: 0px;
  float: right;
  display: block;
  text-align: center;
  height: 20px;
  width: 110px;
  background: #292929;
  color: #fff;
  line-height: 20px;
  cursor: pointer;
  z-index: 5;
}

.toponeimagebox .bantit {
  position: absolute;
  height: 20px;
  line-height: 20px;
  width: 100%;
  display: none;
  color: #fff;
  background: #292929;
  overflow: hidden;
}

.toponeimagebox .bantit1 {
  position: absolute;
  height: 100%;
  line-height: 20px;
  width: 100%;
  display: none;
  color: #fff;
  background: #292929;
  overflow: hidden;
}

.toponeimagebox .bantit1 .top {
  position: relative;
  height: 40%;
  line-height: 100px;
  width: 100%;
  font-size: 15px;
  color: #000;
  background: #F0CC07;
  overflow: hidden;
  z-index: 4;
}

.toponeimagebox .bantit1 .bottom {
  position: relative;
  height: 60%;
  line-height: 80px;
  width: 100%;
  color: #fff;
  background: #F0CC07;
  overflow: hidden;
  z-index: 4;
}

.toponeimagebox .stit {
  position: absolute;
  right: 25px;
  top: 10px;
  height: 120px;
  padding: 3px;
  border: #ccc 1px solid;
  border-radius: 5px;
  background: #eee;
  line-height: 15px;
  width: 20px;
  color: #000;
  overflow: hidden;
  z-index: 3;
}

/*文章阅读页面*/
.arttit {
  width: 80%;
  height: 35px;
  font-size: 18px;
  line-height: 18px;
  margin: 0 auto;
  padding-top: 25px;
  clear: both;
  font-weight: bold;
}

.infotiao {
  width: 90%;
  height: 25px;
  font-size: 18px;
  line-height: 25px;
  margin: 5px auto;
  clear: both;
  font-size: 12px;
  color: #888;
  border-bottom: #F05E07 3px solid;
}

#fontbig {
  padding: 3px 8px;
  height: 20px;
  line-height: 20px;
  border: #B1C4D9 1px solid;
  background: #D7E6F6;
  color: #000;
  cursor: pointer;
}

#fontsmall {
  padding: 3px 8px;
  height: 20px;
  line-height: 20px;
  border: #B1C4D9 1px solid;
  background: #D7E6F6;
  color: #000;
  cursor: pointer;
}

.artcontent {
  width: 95%;
  height: auto;
  margin: 5px auto;
  clear: both;
  overflow: hidden;
  text-align: left;
  font-size: 16px;
}

.artcontent a {
  padding: 2px 9px;
  border: #FFCC66 1px solid;
  background: #FFE9BE;
  margin: 0 5px;
}

.artcontent a:link {
  color: #08777E;
}

.artcontent a:hover {
  color: blue;
  text-decoration: none;
}

.artcontent a:visited {
  color: #08777E;
  text-decoration: underline;
}
.linkset{
  border: #FFCC66 1px solid;
  background: #FFE9BE;
  padding: 0 5px;
  text-align:center;
  height:30px;
  line-height:30px;
  width:auto;
  margin:8px;
}
.linkset a {
  color:#0B626D;
}

.linkset a:link {
  color: #0B626D;
}

.linkset a:hover {
  color: #720606;
  text-decoration: underline;
}

.linkset a:visited {
  color: #08777E;
  text-decoration: none;
}

.newsPN {
  color: #000;
  width: 100%;
  height: 25px;
  line-height: 25px;
  float: left;
  margin-left: 25px;
  text-align: left;
  font-size: 13px;
  overflow: hidden;
  display: inline;
  padding-left: 15px;
  background: url("../images/icon_back.gif") no-repeat left;
}

.newsNE {
  color: #000;
  width: 100%;
  height: 25px;
  margin-bottom: 25px;
  margin-left: 25px;
  padding-left: 15px;
  line-height: 25px;
  display: inline;
  font-size: 13px;
  float: left;
  text-align: left;
  overflow: hidden;
  background: url("../images/icon_next.gif") no-repeat left;
}

.videobox {
  margin: 0 auto;
  width: 700px;
  height: 450px;
  text-align: center;
}

.jishubox {
  margin: 0 auto;
  padding-left: 0px;
  align: center;
  width: 580px;
}

.recommandtime {
  text-align: center;
  width: 60px;
  height: 58px;
  line-height: 58px;
  padding-top: 13px;
  margin: 0 auto;
  background: url(../images/tuijian.png) no-repeat;
}

.botban {

}

.artshow {
  width: 97%;
  margin: 0 auto;
  margin-top: 25px;
  height: auto;
}

.artshowleft {
  float: left;
  width: 75%;
  height: auto;
}

.artshowleft .top {
  float: left;
  width: 97%;
  height: 32px;
  margin: 0 auto;
  line-height: 32px;
  text-align: left;
  background: url(../images/home.png) #D7E6F6 no-repeat 10px;
  border: #B1C4D9 1px solid;
}

.artshowleft .top .left {
  float: left;
  margin-left: 45px;
  width: 90px;
  font-size: 15px;
  height: 32px;
  line-height: 32px;
  background: url(../images/jt.png) no-repeat 70px;
}

.artshowleft .top .right {
  float: left;
  width: 90px;
  font-size: 15px;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
}

.artshowright {
  float: right;
  width: 24%;
  height: auto;
}

.artshowright .top {
  float: left;
  width: 97%;
  margin: 0 auto;
  text-align: left;
  display: none;
}

.artshowright .top li {
  border: #FFCC66 1px solid;
  float: left;
  background: #FFE9BE;
  width: 93%;
  height: auto;
  padding: 8px;
  margin-bottom: 8px;
  _margin-bottom: 4px;
  text-align: center;
  cursor: pointer;
}

.artshowright .toptit {
  float: left;
  width: 97%;
  height: 38px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 38px;
  overflow: auto;
  border: #B1C4D9 1px solid;
  background: #D7E6F6;
}

.artshowright .bod {
  float: left;
  width: 97%;
  height: 355px;
  margin: 0 auto;
  line-height: 30px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: #B1C4D9 1px solid;
  border-top: 0;
}

.artshowright .bod li {
  border-bottom: #E3E8EE 1px solid;
  float: left;
  background: #fff;
  width: 94%;
  _width: 93%;
  padding: 8px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  overflow: hidden;
}

.artshowbottom {
  width: 97%;
  margin: 0 auto;
}

.download {
  float: left;
  width: 98%;
  background: #eee;
  text-align: center;
  height: 35px;
  line-height: 35px;
  margin-bottom: 6px;
  font-size: 16px;
  background: url(../images/xiazai1.png) no-repeat #FFCD6B 45px 4px;
  color: #000;
}

.download .left {
  float: left;
  width: 80%;
  cursor: pointer;
}

.download .right {
  float: right;
  width: 20%;
}

.downloadurl {
  margin-left: 10px;
  width: 135px;
  padding: 4px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  border: #B1C4D9 1px solid;
  background: #D7E6F6;
}
/*newsshow*/
.artnewsleft {
  float: left;
  width: 180px;
  height: 100%;
  margin-left: 25px;
  _margin-left: 8px;
}

.artnews {
  float: right;
  width: 75%;
  height: auto;
}

.artnews .top {
  float: left;
  width: 97%;
  height: 32px;
  margin: 0 auto;
  line-height: 32px;
  text-align: left;
  background: url(../images/home.png) #D7E6F6 no-repeat 10px;
  border: #B1C4D9 1px solid;
}

.artnews .top .left {
  float: left;
  margin-left: 45px;
  width: 90px;
  font-size: 15px;
  height: 32px;
  line-height: 32px;
  background: url(../images/jt.png) no-repeat 70px;
}

.artnews .top .right {
  float: left;
  width: 100px;
  font-size: 15px;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
}

.artcot {
  width: 97%;
  margin: 0 auto;
}

/*mp3show*/
.mp3libox {
  float:left;
  width: 90%;
  margin: 0 0 0 36px;
  font-size: 14px;
}

.mp3libox li {
  float: left;
  width: 22.5%;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  border: #A5FFFF 1px solid;
  background: #dee;
  cursor: pointer;
  margin: 3px 5px;
}

#musicbbs {
  position: absolute;
  top: 0;
  z-index: -100;
}

#booksk {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -100;
}

#musicjs {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -100;
}

/* 本例子css */
.sideMenu {
  border: 1px solid #ddd;
}

.sideMenu h3 {
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  border-top: 1px solid #e3e3e3;
  background: #f4f4f4;
  cursor: pointer;
  font: normal 14px/32px;
  margin: 0;
  padding: 0;
}

.sideMenu h3 em {
  float: left;
  display: block;
  width: 40px;
  height: 32px;
  background: url(../images/icoAdd.png) 16px 12px no-repeat;
  cursor: pointer;
}

.sideMenu h3.on em {
  background-position: 16px -57px;
}

.sideMenu ul {
  padding: 8px 25px;
  line-height: 30px;
  color: #444;
  display: none; /* 默认都隐藏 */
}

.sideMenu ul li {
  border-bottom: #eee 1px solid;
}
/**guestbook style	*/
.guetab {
  border: #FFCC66 1px solid;
  text-align: left;
  margin: 0px;
  padding: 0px;
  margin: 0px;
  background: #e4eff1;
  font-size: 14px;
}

.guetop {
  height: 25px;
  background: #FFE0A1;
  line-height: 25px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #999;
  border-bottom-style: solid;
}

.guefontleft {
  float: left;
  margin-left: 5px;
  padding-left: 22px;
  background: url(../images/user_link.gif) no-repeat 1px 5px;
}

.guefontright {
  float: right;
  margin-right: 5px;
  padding-right: 5px;
}

.guec {
  padding: 5px 10px;
  background: #FFFeEF;
  line-height: 30px;
}

.guecont {
  padding-bottom: 5px;
  padding-left: 22px;
  color:#444;
  background: url(../images/ann_icon.gif) no-repeat 0 8px;
  border-bottom-style: double;
  border-bottom-width: 3px;
  border-bottom-color: #FFEBC2;
}

.gueadmincont a {
  padding: 2px 9px;
  border: #FFCC66 1px solid;
  background: #FFE9BE;
  margin: 0 5px;
}

.gueadmincont a:link {
  color: #08777E;
}

.gueadmincont a:hover {
  color: blue;
  text-decoration: none;
}

.gueadmincont a:visited {
  color: #08777E;
  text-decoration: underline;
}

.gueadmincont {
  padding-left: 22px;
  letter-spacing:2px;
  background: url(../images/activitysmall.gif) no-repeat 0 6px;
  font-size:15px;
}

.guebot {
  margin-top: -8px;
  height: 25px;
  background: #FFF1D4;
}

.guestbookar {
  width: 100%;
}

#guest_right {
  float: right;
  width: 790px;
  min-height: 625px;
  text-align: center;
  border: #9b6404 1px solid;
  background: url(../images/itmbg90.png) #ffffff repeat-x top;
}

.guestbook_note {
  font-size: 14px;
  font-color: #000;
  height: 30px;
  line-height: 30px;
  clear: both;
}

.guebotleft {
  padding: 5px 25px;;
  float: left;
}

.guebotright {
  padding: 5px 15px;;
  float: right;
  color: #999;
}

.guesttitle {
  width: 100%;
  margin: 15px auto;
  clear: both;
  text-align: left;
}

.serchf {
  float:left;
  width:176px;
  margin-bottom:6px;
}

#serctitle {
  height: 26px;
  width: 94px;
  text-indent: 23px;
  line-height: 23px;
  border: 0;
  float: left;
  background: url(../images/serchb3.png) no-repeat 0 0;
}

#serctitle:hover {
  background: url(../images/serchb.png) no-repeat 0 0;
}

#serch {
  float: right;
  height: 26px;
  line-height: 26px;
  width: 78px;
  cursor: pointer;
  border: 0;
  background: url(../images/serchb3.png) no-repeat -143px 0;
}

#serch:hover {
  background: url(../images/serchb.png) no-repeat -143px 0;
}

#a1 {
  position: relative;
  z-index: 100;
  width: 600px;
  height: 400px;
  float: left;
}

/*mod_music*/
.musicbox {
  float: left;
  width: 100%;
  display: none;
  height: 30px;
  padding-top: 10px;
  margin: 0 auto;
}

.mp3box {
  float: left;
  width: 102%;
  margin-top: 8px;
}

.mp3 {
  color: firebrick;
  font-size: 12px;
}

/*mod_book*/
.bbg {
  width: 1000px;
  margin: 0 auto;
  height: 590px;
  position: relative;
  overflow: hidden;
  background: url(../images/sjjlhyt.jpg) no-repeat;
}

.bbg .fl {
  width: 1000px;
  margin: 0 auto;
  height: 590px;
  position: relative;
  display: none;
}

#fl1 {
  background: red;
}

#fl2 {
  background: yellow;
}

#fl3 {
  background: blue;
}

#fl4 {
  background: red;
}

#fl5 {
  background: red;
}

#fl6 {
  background: red;
}

.bbg .block {
  float: left;
  width: 333px;
  height: 295px;
  position: absolute;
  display: none;
  cursor: pointer;
  z-index: 6;
}

.bbg .block .top {
  position: relative;
  text-align: left;
  width: 100%;
  height: 25px;
}

.bbg .block .bottom {
  position: relative;
  text-align: left;
  width: 100%;
  height: 208px;
  z-index: 6;
}

.bbg #block1 {
  left: 0;
  top: 0;
  background: url(../images/bbg_01.jpg) no-repeat;
}

.bbg #block2 {
  left: 334px;
  top: 0;
  background: url(../images/bbg_02.jpg) no-repeat;
}

.bbg #block3 {
  left: 668px;
  top: 0;
  background: url(../images/bbg_03.jpg) no-repeat;
}

.bbg #block4 {
  left: 0;
  top: 296px;
  background: url(../images/bbg_04.jpg) no-repeat;
}

.bbg #block5 {
  left: 334px;
  top: 296px;
  background: url(../images/bbg_05.jpg) no-repeat;
}

.bbg #block6 {
  left: 668px;
  top: 296px;
  background: url(../images/bbg_06.jpg) no-repeat;
}

.bbg .damen {
  position: absolute;
  width: 500px;
  height: 590px;
  z-index: 8;
}

#damen1 {
  top: 0;
  left: 0;
  background: url(../images/dm_01.jpg) no-repeat;
}

#damen2 {
  top: 0;
  left: 500px;
  background: url(../images/dm_02.jpg) no-repeat;
}

.bookbanner {
  width: 1000px;
  margin: 0 auto;
  background: url(../images/logoda.jpg) no-repeat;
}

#bookbannerfooter {
  height: 100px;
  width: 1000px;
  margin: 0 auto;
  background: url(../images/logo10.jpg) no-repeat;
}

.bookmenu {
  width: 1000px;
  height: 30px;
  margin: 0 auto;
}
/*MIDVIDEO*/
.midvideoBox { /*暂时未使用*/
  float: right;
  width: 100%;
  height: 430px;
  overflow: hidden;
  position: relative;
  margin-bottom: 0px;
  cursor: pointer;
}

.midvideoBox .hd {
  height: 15px;
  overflow: hidden;
  position: absolute;
  right: 5px;
  bottom: 15px;
}

.midvideoBox .hd ul {
  overflow: hidden;
  zoom: 1;
  float: left;
}

.midvideoBox .hd ul li {
  float: left;
  margin-right: 2px;
  width: 80px;
  height: 15px;
  line-height: 14px;
  text-align: center;
  background: #eee;
  border: #ccc 1px solid;
  cursor: pointer;
}

.midvideoBox .hd ul li.on {
  background: #f00;
  color: #fff;
}

.midvideoBox .bd {
  position: relative;
  height: 273px;
  width: 100%;
}

.midvideoBox .bd li {
  zoom: 1;
  vertical-align: middle;
}

.mid_right .body {
  float: left;
  width: 97%;
  height: auto;
  margin: 15px auto 8px auto;
  text-align: left;
}

.midimgbox {
  float: left;
  width: 158px;
  height: 145px;
  margin: 0 11px 25px 11px;
  _margin: 0 10px 25px 10px;
  text-align: center;
  position: relative;
}

.imgzxbox {
  position: absolute;
  float: left;
  width: 158px;
  height: 138px;
  top: 0;
  left: 0;
}
.imgzxboxt {
  position: absolute;
  float: left;
  width: 158px;
  height: 118px;
  top: 0;
  left: 0;
}
.imgmusicibox {
  position: absolute;
  float: left;
  width: 158px;
  height: 118px;
  top: 0;
  left: 0;
}
.ibox {
  width: 158px;
  height: 118px;
  position: relative;
  font-size: 16px;
  z-index: 0;
}
.iboxt {
  width: 158px;
  height: 118px;
  position: relative;
  font-size: 16px;
  z-index: 0;
}
.musiboxt {
  width: 158px;
  height: 118px;
  font-size: 16px;
  z-index: 0;
}
.musiboxt {
  width: 158px;
  height: 118px;
  position: relative;
  font-size: 16px;
  z-index: 0;
}
.titbox {
  position:absolute;
  width: 100%;
  height: 25px;
  line-height: 25px;
  color: #fff;
  background: #000;
  filter: alpha(opacity =     30);
  -moz-opacity: 0.30;
  -khtml-opacity: 0.30;
  opacity: 0.30;
  _margin-top:-5px;
  bottom:0;
  z-index:0;
}
.titboxtwo {
  position:absolute;
  bottom:0;
  width: 100%;
  height: 25px;
  line-height: 25px;
  color: #fff;
  overflow: hidden;
  z-index:1;
}
.mustitbox {
  width: 100%;
  height: 35px;
  line-height: 35px;
  position:absolute;
  bottom:0;
  left:0;
  color: #00FF6C;
  background: #000000;
  filter: alpha(opacity =     85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
  overflow: hidden;
}

.rec {
  position:relative;
  float: left;
  height: 25px;
  line-height: 25px;
  width: 100%;
  font-weight:bold;
  background: #FF4800;
  border-bottom: 0;
  overflow: hidden;
}

.rec1 {
  display: none;
  height: 30px;
  line-height: 30px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 48px;
  left: 0;
  z-index: 3;
  overflow: hidden;
  filter: alpha(opacity =     55);
  -moz-opacity: 0.55;
  -khtml-opacity: 0.55;
  opacity: 0.55;
}

.mid_left .midph {
  width: 100%;
  height: auto;
  float: left;
  background: #F6F8FA;
}

.simgbox {
  margin: 20px auto;
  width: 600px;
  height: 450px;
}
.jzzhibo{
  width:1000px;
  margin:20px auto;
}
.jzzhibo .top {
  width: 98%;
  height: 32px;
  margin: 0 auto 10px auto;
  line-height: 32px;
  text-indent: 43px;
  text-align: left;
  background: url(../images/home.png) #D7E6F6 no-repeat 10px;
  border: #B1C4D9 1px solid;
}
#downpan{
  float:left;
  width:92%;
  margin-left:15px;
}
.downul{
  float:left;
  width:100%;
  border:#ddd 1px solid;
}
.downul li{
  float:left;
  width:100%;
  line-height:25px;
  font-size:14px;
  padding:5px;
  border-bottom:#ccc 1px solid;
  background:#eee;
}
.dtit{
  float:left;
  width:59%;
  line-height:25px;
  border-right:#ddd 1px solid;
}
.downtr{

}
.downtr a{
  color:blue;
}
.downtr a:hover{
  text-decoration: underline;
}
.ddown{
  float:right;
  width:20%;
  line-height:25px;
  cursor:pointer;
  border-right:#ddd 1px solid;
}
.ebookboxt {
  float: left;
  width: 100px;
  height: 120px;
  _height: 130px;
  margin: 5px 10px 0 0;
  overflow:hidden;
  text-align: center;
  position: relative;
}

.ebookboxt .img {
  margin: 0 auto;
  width: 73px;
  height: 98px;
  box-shadow: 2px 2px 2px rgba(20%, 20%, 40%, 0.6), 4px 4px 6px
  rgba(20%, 20%, 40%, 0.4), 6px 6px 12px rgba(20%, 20%, 40%, 0.4);
  _border: #bbb 1px solid;
}

.ebookboxt .title {
  margin-top: 5px;
  float: left;
  width: 100%;
  line-height: 20px;
  height: 20px;
  font-size: 14px;
  color: #000;
  overflow:hidden;
}

.ebookboxt a:link {
  color: #000;
}

.ebookboxt a:hover {
  color: #000;
}

.ebookboxt .zhez {
  position: absolute;
  background: #ccc;
  filter: alpha(opacity = 90);
  -moz-opacity: 0.9;
  opacity: 0.9;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
}

.ebookboxt .zhez .topz {
  height: 80px;
  line-height: 20px;
  padding:5px;
  width: 90px;
  z-index: 10;
  font-size:12px;
  overflow:hidden;
  display:none;
}

.ebookboxt .zhez .botz {
  margin: 4px auto;
  border-radius: 5px;
  width: 60px;
  height: 20px;
  line-height: 20px;
  z-index: 11;
  text-align: center;
  border: #65B968 1px solid;
  font-size: 12px;
  color: #000;
  background: #fff;
  display:none;
}
/*returnTop*/
p#back-to-top{
  position:fixed;
  display:none;
  bottom:100px;
  right:80px;
  filter: alpha(opacity = 95);
  -moz-opacity: 0.95;
  -khtml-opacity: 0.95;
  opacity: 0.95;
}
p#back-to-top a{
  text-align:center;
  text-decoration:none;
  color:#000;
  display:block;
  width:68px;
  /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
  -moz-transition:color 1s;
  -webkit-transition:color 1s;
  -o-transition:color 1s;
}
p#back-to-top a:hover{
  color:#979797;
}
p#back-to-top a span{
  background:url(../images/gototop.gif) no-repeat 10px 0;
  border-radius:6px;
  filter: alpha(opacity = 90);
  display:block;
  height:48px;
  width:68px;
  margin-bottom:5px;
  /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
  -moz-transition:background 1s;
  -webkit-transition:background 1s;
  -o-transition:background 1s;
}
#back-to-top a:hover span{
  background:url(../images/gototop.gif) no-repeat 10px 0;
}