@charset "utf-8";
/* CSS Document */



#demo {
  width   : 980px;
  height  : 282px;
  margin  : 50px auto 0;
  overflow: hidden;
}

.indemo {
  width  : 3300px;
  height : 262px;
  padding: 0;
}

.indemo li {
  width   : 56px;
  height  : 262px;
  float   : left;
  position: relative;
  overflow: hidden;
}

.indemo li.active {
  width: 850px;
}

.indemo span {
  width      : 16px;
  padding    : 0 20px;
  height     : 252px;
  padding-top: 10px;
  position   : absolute;
  top        : 0;
  left       : 0;
  color      : #fff;
  font-size  : 16px;
  text-align : center;
  cursor     : pointer;
}

.bg0 {
  background: url(../images/bg0.jpg) no-repeat;
  width     : 56px;
  height    : 262px;
  display   : block;
}

.bg0:hover {
  background: url(../images/bg0-.jpg) no-repeat;
}

.bg1 {
  background: url(../images/bg1.jpg) no-repeat;
  width     : 56px;
  height    : 262px;
  display   : block;
}

.bg1:hover {
  background: url(../images/bg1-.jpg) no-repeat;
}

.bg2 {
  background: url(../images/bg2.jpg) no-repeat;
  width     : 56px;
  height    : 262px;
  display   : block;
}

.bg2:hover {
  background: url(../images/bg2-.jpg) no-repeat;
}

/* 20181017 修改 */
.show {
  position     : absolute;
  left         : 62px;
  top          : 0;
  width        : 750px;
  height       : 230px;
  border       : 1px solid #9c150d;
  border-radius: 5px;
  padding      : 0 15px 30px 15px;
}

.show dl {
  float       : left;
  width       : 238px;
  border-right: 1px dotted #d2d2d2;
  padding-left: 10px;
}

.show dl dt {
  font : bold 18px/40px "微软雅黑";
  color: #333;
}

.show dl dd {
  padding: 0;
  margin : 0;
}

.show dl dd a {
  background        : url(../images/pt02.jpg) 0px 10px no-repeat;
  width             : 210px;
  font              : normal 14px/26px "微软雅黑";
  display           : table;
  color             : #333;
  padding-left      : 10px;
  /* 超过两行隐藏 */
  display           : -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow          : hidden;
  text-overflow     : ellipsis;
  line-height: 1.8;

}

.show dl dd a:hover {
  color: #F60;
}

.show dl dt .more {
  color       : #F60;
  font-size   : 14px;
  float       : right;
  margin-right: 30px;
}