.left-box {
  width: 265px;
  height: 1025px;
  background: url(../img/leftbg.png);
  overflow: hidden;
}

.left-title {
  height: 55px;
  line-height: 55px;
  background: #1e64aa;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.left-list li {
  margin-top: 2px;
  position: relative;
  height: 55px;
  line-height: 55px;
  background: #e7f2f8;
  font-size: 18px;
  color: #3a3a3a;
  cursor: pointer;
  padding-left: 89px;
}

.left-list li.active {
  background: #c0daf3;
  color: #e14f00;
}

.left-list li i {
  position: absolute;
  width: 9px;
  height: 6px;
  left: 41px;
  top: 24.5px;
  background: url(dh_dian.png);
}

.left-list li.active i {
  position: absolute;
  width: 9px;
  height: 6px;
  left: 41px;
  top: 24.5px;
  background: url(dh_dian2.png);
}

.right-box {
  width: 915px;
  height: 1025px;
  overflow: hidden;
  border: 1px solid #e8e8e8;
  padding: 0 20px;
  position: relative;
}

.details-title-box {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  position: relative;
}

.details-title {
  display: inline-block;
  width: 120px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 19px;
  color: #096DB9;
  border-bottom: 4px solid #096DB9;
  box-sizing: border-box;
  margin-bottom: -1px;
  font-weight: bold;
}

.list-box {
  margin: 0 auto;
}

.chuo {
  float: right;
  font-size: 16px;
  color: #9a9a9a;
}

.chuo img {
  vertical-align: top;
  margin-top: 13px;
  margin-right: 5px;
}

.pub-list {
  margin: 29px 0;
  overflow: hidden;
}

.pub-list li {
  font-size: 16px;
  padding-left: 25px;
  line-height: 50px;
  overflow: hidden;
  position: relative;
  height: 50px;
  color: #171717;
}

.pub-list li a:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 730px;
}

.pub-list li a.xz {
  float: right;
  color: #0d7ebf;
  font-size: 16px;
}

.pub-list li i {
  width: 4px;
  height: 4px;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 0;
  background: #000000;
  margin-top: -2px;
}

.page-list {
  height: 40px;
  line-height: 40px;
  background: #f8f8f8;
  color: #858585;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .main {
    padding-top: 0;
    padding-bottom: .9rem;
  }

  .details-title-box {
    height: auto;
    line-height: normal;
  }

  .details-title {
    height: auto;
    line-height: normal;
    font-size: .26rem;
    color: #096DB9;
    border-bottom: 2px solid #096DB9;
    font-weight: normal;
    min-width: auto !important;
    padding: 0 .1rem .1rem;
  }

  .right-box {
    width: 100%;
    height: auto;
    min-height: auto;
    overflow: hidden;
    padding: 0 .3rem;
    border: none;
  }

  .pub-list {
    margin: .34rem 0 0;
    height: auto;
    overflow: hidden;

  }

  .pub-list li {
    position: relative;
    line-height: normal;
  }

  .pub-list li a {
    width: 75% !important;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .pub-list li span {
    float: none;
    width: auto;
    position: absolute;
    right: 0;
  }

  .dot {
    position: absolute;
    top: 0.1rem;
    right: 0;

  }

  .dot-icon {
    width: .07rem;
    height: .07rem;
    border-radius: 50%;
    display: inline-block;
    background: #9F9F9F;

  }

  .dot-icon:nth-of-type(2) {
    margin: 0 .1rem;
  }

  .two-menu {
    position: absolute;
    right: 0;
    width: 3rem;
    padding: .1rem;
    font-size: .24rem;
    z-index: 999;
    color: #1A1A1A;
    background: #F1F1F1;
    border-radius: 2px;
  }

  .two-menu a {
    padding: .2rem .3rem;
    border-bottom: 1px dashed #A4A4A4;
    display: flex;
    justify-content: center;
  }

  .two-menu a:last-child {
    border-bottom: none;
  }

}