/*换行*/
.break-word {
  word-break: break-all;
  word-wrap: break-word;
}
.name {
  word-break: break-all;
  word-wrap: break-word;
  font-size: 12px;
  color: #2d81ff;
  margin-right: 10px;
}
.about-wrapper .header {
  border: none;
  background: none;
  position: absolute;
}
.about-wrapper .site-wrapper .main .p-banner {
  height: 256px;
}
.about-wrapper .site-wrapper .main .p-banner .t {
  top: 106px;
  height: 40px;
  line-height: 40px;
}
.about-wrapper .site-wrapper .main .p-banner .detail {
  position: absolute;
  top: 175px;
  width: 100%;
  z-index: 2;
  line-height: 20px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
}
.about-wrapper .site-wrapper .main .Pro_Anchor .container {
  padding-right: 15px;
  padding-left: 15px;
}
.about-wrapper .site-wrapper .main .about-intro,
.about-wrapper .site-wrapper .main .about-contact,
.about-wrapper .site-wrapper .main .about-news {
  padding-left: 30px;
  padding-top: 64px;
  padding-bottom: 203px;
}
.about-wrapper .site-wrapper .main .about-intro h2,
.about-wrapper .site-wrapper .main .about-contact h2,
.about-wrapper .site-wrapper .main .about-news h2 {
  height: 32px;
  padding: 0;
  margin-bottom: 11px;
  line-height: 32px;
  font-size: 20px;
  font-weight: bold;
  color: #333840;
}
.about-wrapper .site-wrapper .main .about-intro .about-intro-detail {
  max-width: 848px;
  word-break: break-word;
}
.about-wrapper .site-wrapper .main .about-intro .about-intro-detail a {
  color: #2d81ff;
}
.about-wrapper .site-wrapper .main .about-contact .about-contact-detail a {
  color: #2d81ff;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail {
  display: flex;
  justify-content: flex-start;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-category {
  min-width: 110px;
  width: 110px;
  padding-top: 24px;
  border-right: 1px solid #eeeeee;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-category .about-news-category-title {
  height: 30px;
  padding-left: 15px;
  line-height: 30px;
  font-size: 16px;
  color: #4c525b;
  cursor: pointer;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-category .about-news-category-title:nth-child(1) {
  margin-bottom: 30px;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-category .about-news-category-title.active {
  color: #2d81ff;
  border-right: 2px solid #2d81ff;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box {
  flex: auto;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content {
  display: none;
  padding-left: 42px;
  padding-right: 20px;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content .about-news-list ul li {
  max-width: 960px;
  width: 100%;
  height: 120px;
  padding-top: 19px;
  border-bottom: 1px solid #eeeeee;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content .about-news-list ul li h3 {
  line-height: 32px;
  color: #333840;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  cursor: pointer;
  display: inline-block;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content .about-news-list ul li h3:hover {
  color: #2d81ff;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content .about-news-list ul li p {
  max-width: 760px;
  font-size: 14px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  color: #4c525b;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content .about-news-list ul li span {
  font-size: 14px;
  color: #89919b;
  line-height: 30px;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content .about-news-footer {
  padding: 22px 0;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content .about-news-footer .about-news-page-info {
  float: left;
  font-size: 12px;
  color: #89919b;
  line-height: 24px;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content .about-news-footer .about-news-pagination {
  float: right;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content .about-news-footer .about-news-pagination ul li {
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #4c525b;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content .about-news-footer .about-news-pagination ul li.disabled {
  color: #bbbbbb;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content .about-news-footer .about-news-pagination ul li.active {
  box-shadow: 0 0 0 1px #2d81ff inset;
  color: #2d81ff;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content .about-news-show {
  padding-top: 24px;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content .about-news-show .about-news-show-header {
  height: 30px;
  line-height: 30px;
  margin-bottom: 14px;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content .about-news-show .about-news-show-header em {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  font-size: 16px;
  color: #2d81ff;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content .about-news-show h3 {
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  color: #333840;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content .about-news-show span {
  height: 34px;
  line-height: 34px;
  margin-bottom: 12px;
  font-size: 14px;
  color: #89919b;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content .about-news-show .about-news-show-content {
  padding-top: 22px;
  padding-bottom: 22px;
  padding-right: 10px;
  border-top: 1px solid #eeeeee;
  white-space: pre-wrap;
  font-size: 14px;
  color: #4c525b;
  word-break: break-word;
}
.about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content.active {
  display: block;
}
.doc-detail .doc-list .pro-type dl.active dt a {
  color: #2d81ff;
}
@media screen and (max-width: 991px) {
  .about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content .about-news-list ul li p {
    width: 546px;
  }
}
@media screen and (max-width: 768px) {
  .about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-category {
    min-width: initial;
    width: 15%;
  }
  .about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box {
    width: 85%;
  }
  .about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box .about-news-content .about-news-list ul li p {
    width: initial;
  }
}
@media screen and (max-width: 650px) {
  .about-wrapper .site-wrapper .main .about-intro,
  .about-wrapper .site-wrapper .main .about-contact,
  .about-wrapper .site-wrapper .main .about-news {
    padding-left: 20px;
  }
  .about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-category {
    min-width: initial;
    width: 20%;
  }
  .about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-box {
    width: 80%;
  }
  .about-wrapper .site-wrapper .main .about-news .about-news-detail .about-news-category .about-news-category-title {
    padding-left: 0;
    text-align: center;
  }
}