@charset "UTF-8";
.wrap {
  position: relative;
}
.top-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 302px;
  background: #0E76D9;
  z-index: -1;
}
.wuxi-wrap {
  position: relative;
  padding-top: 202px;
  background: transparent;
}
.yjsdbt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.yjsdbt-icon,
.yjsdbt-title,
.yjsdbt-slogan,
.yjsdbt-text {
  position: absolute;
}
.yjsdbt-icon {
  left: 38px;
  top: 38px;
  width: 204px;
  height: 179px;
  background: url("../../images/jszwfw/yjsdb/top_icon.png") center no-repeat;
}
.yjsdbt-title {
  left: 280px;
  top: 80px;
  width: 260px;
  height: 54px;
  background: url("../../images/jszwfw/yjsdb/top_tit.png") center no-repeat;
}
.yjsdbt-slogan {
  right: 100px;
  top: 30px;
  width: 420px;
  height: 100px;
  background: url("../../images/jszwfw/yjsdb/top_slogan.png") center no-repeat;
}
.yjsdbt-text {
  right: 0;
  top: 153px;
  color: #fff;
  font-size: 16px;
}
.yjsdbm {
  width: 100%;
  height: 187px;
  padding: 0 5px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.26);
  overflow: hidden;
}
.yjsdbm-item {
  position: relative;
  float: left;
  width: 170px;
  height: 100%;
  padding: 45px 0 0;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}
.yjsdbm-item:after {
  content: '';
  position: absolute;
  left: 0;
  top: 35px;
  bottom: 35px;
  width: 1px;
  background: #E8E8E8;
}
.yjsdbm-item:first-child:after {
  background: transparent;
}
.yjsdbm-item:hover {
  background: rgba(230, 243, 255, 0.5);
}
.yjsdbm-item._active {
  background: #E6F3FF;
}
.yjsdbm-num {
  margin-right: 5px;
  font-size: 39px;
  font-weight: bold;
  color: #1778E1;
}
.yjsdbb {
  margin: 25px 0 40px;
}
.yjsdbb-tabs {
  height: 60px;
}
.yjsdbb-tab {
  position: relative;
  float: left;
  width: 173px;
  height: 60px;
  line-height: 60px;
  margin-right: 16px;
  background: #F6F6F6;
  box-shadow: 0 0 6px rgba(0, 12, 116, 0.2);
  border-radius: 6px 6px 0 0;
  text-align: center;
  color: #707070;
  font-size: 20px;
  cursor: pointer;
}
.yjsdbb-tab._active {
  color: #057AD6;
  font-weight: bold;
  background: #fff;
}
.yjsdbb-tab._active:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 6px;
  background: #fff;
  z-index: 10;
}
.yjsdbb-tabc {
  position: relative;
  height: 604px;
  background: #fff;
  border-radius: 0 6px 6px 6px;
  box-shadow: 0 0 6px rgba(0, 12, 116, 0.2);
}
.yjsdbb-tabcon {
  display: none;
  width: 100%;
  height: 100%;
}
.yjsdbb-tabcon._active {
  display: block;
}
.yjsdbb-tags {
  height: 524px;
  padding: 32px 15px 0;
  overflow: hidden;
}
.yjsdbb-tag {
  float: left;
  width: 368px;
  height: 60px;
  line-height: 58px;
  margin: 0 11px 22px;
  padding: 0 20px;
  border: 1px solid #80BCFF;
  background: #ECF5FF;
  text-align: center;
  font-size: 16px;
  color: #3E3E3E;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  /* 省略号 */
  word-break: normal;
  /* 防止被父级 wordwrap 样式影响 */
  word-wrap: normal;
  cursor: pointer;
}
.yjsdbb-tag:hover {
  opacity: 0.75;
}
.wi-carousel-nav {
  bottom: 38px;
  text-align: center;
}
.wi-carousel-nav-item {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  margin: 0 12px;
  background: #0061C9;
  box-shadow: 0 3px 6px rgba(142, 166, 201, 0.5);
  opacity: 0.67;
}
.wi-carousel-nav-item.active {
  background: #0061C9;
  opacity: 1;
}