@import url("./base.css");

.nav-main {
  background: #fff;
}
.nav-main_wrap {
  max-width: 1170px;
  margin: 0 auto;
  padding: 40px 0;
}

.nav-main__header {
  margin-bottom: 30px;
}
.nav-main__header_breadcrumb {
  font-size: 16px;
}
.nav-main__header_breadcrumb .el-breadcrumb__item:first-child {
  margin-top: 1px;
}
.nav-main__header_breadcrumb .el-breadcrumb__item:first-child span {
  color: #999;
}
.nav-main__header_breadcrumb .el-breadcrumb__item:first-child i {
  display: none;
}
.nav-main__header_breadcrumb a {
  color: #2387aa;
}
.nav-main__header_breadcrumb a:hover {
  color: #005578;
}
.nav-main__body {
  min-height: 500px;
}

.news-show__cotent .pro-img {
  max-height: 500px;
}

/* 文章列表 */
.news-detail-list .el-row {
  justify-content: stretch;
  flex-wrap: wrap;
  margin-top: -30px;
}
.news-detail-list .el-col {
  margin-top: 30px;
}
.news-detail-list_item {
  display: block;
  overflow: hidden;
  padding: 15px;
  background: #f8f8f8;
  position: relative;
}
.news-detail-list_item .date {
  float: left;
  background: #f56c6c;
  color: #fff;
  width: 60px;
  padding: 7px 0;
}
.news-detail-list_item .date i {
  display: block;
  font-style: normal;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 5px;
}
.news-detail-list_item .date em {
  display: block;
  text-align: center;
  font-style: normal;
  font-size: 16px;
}
.news-detail-list_item .detail {
  display: block;
  padding-left: 75px;
}
.news-detail-list_item .detail h3 {
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: normal;
  color: #2387aa;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-detail-list_item .detail p {
  margin: 0;
  color: #999;
  font-size: 14px;
  line-height: 1.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.news-detail-list_item:hover {
  background: #f1f1f1;
}
.news-detail-list_item:hover .detail h3 {
  color: #005578;
}

/* 文章展示页 */
.news-show__title {
  margin-top: 0;
  color: #2d373c;
  text-align: center;
}
.news-show__title__bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 10px 1em;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  color: #999;
}
.news-show__title__bar > div {
  width: 138px;
}
.news-show__cotent {
  line-height: 1.8em;
  color: #2d373c;
  font-size: 1rem;
  padding: 1rem 0;
}
.news-show__cotent > *:first-child {
  margin-top: 0;
  padding-top: 0;
}
.news-show__cotent ul,
.news-show__cotent li,
.news-show__cotent ol,
.news-show__cotent dl,
.news-show__cotent dd,
.news-show__cotent dt {
  list-style: unset;
}
.news-show__cotent li {
  margin-top: 1em;
}
.news-show__cotent ul,
.news-show__cotent ol {
  padding: 0 0 0 1em;
  margin: 1em 0;
}
.news-show__cotent ul {
  margin-left: 2em;
}
.news-show__adjoin {
  border-top: 1px dashed #e0e1dc;
  padding: 1em 0 0;
  color: #999;
  font-size: 1rem;
  line-height: 1.5em;
}
.news-show__cotent table td {
  border-color: #d8d8d8;
}
.news-show__cotent table tbody tr td {
  padding: 10px;
  line-height: 1.5em;
}
.news-show__cotent table tbody tr td:first-child {
  width: 300px !important;
  background: #50bebe;
  color: #fff;
}
.news-show__cotent table tbody tr td:nth-child(n + 2) {
  width: auto !important;
}
.news-show__cotent table.no-active tbody tr td:first-child {
  width: auto !important;
  background: none;
  color: inherit;
}
.news-show__cotent table.table-horizontal tr td:first-child {
  background: none;
  width: auto !important;
  color: #2d373c;
}
.news-show__cotent table.table-horizontal tr:first-child td {
  background: #50bebe;
  color: #fff;
}
.news-show__cotent .vedio {
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
}
.news-show__cotent video {
  background: #000;
  width: 100%;
}

/* 单页 */
.onepage {
  line-height: 1.5em;
  color: #2d373c;
  font-size: 1rem;
}
.onepage ul,
.onepage li,
.onepage ol,
.onepage dl,
.onepage dd,
.onepage dt {
  list-style: unset;
}
.onepage ul {
  padding: 0 0 0 30px;
  margin: 1em 0;
}

/*.fr-view img {
  max-width: 700px;
  max-height: 500px;
}*/

/* 照片墙 */
.news-photo .el-row {
  flex-wrap: wrap;
}
.news-photo .el-col {
  text-align: center;
}
.news-photo .el-col .img {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 300px;
  margin: 0 auto;
}
.news-photo .el-col .img img {
  max-width: 100%;
  max-height: 400px;
}

/* 新闻列表 */
.news-title-list .el-row {
  flex-wrap: wrap;
  margin-top: -30px;
}
.news-title-list .el-col {
  margin-top: 30px;
}
.news-title-list .el-col a {
  display: flex;
  width: 100%;
  padding: 20px;
  background: #f8f8f8;
}
.news-title-list .el-col a:hover {
  background: #f1f1f1;
}
.news-title-list .el-col a .img {
  margin-right: 30px;
  width: 162px;
  height: 122px;
  position: relative;
  overflow: hidden;
  border: 1px solid #e8e8e8;
  background: #fff;
}
.news-title-list .el-col a .img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.news-title-list .el-col a .detail {
  flex: 1;
}
.news-title-list .el-col a h2 {
  margin-top: 0;
  color: #2d373c;
}
.news-title-list .el-col a p {
  margin: 0;
  color: #999;
  line-height: 1.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-align: justify;
}
.news-title-list .el-col a:hover h2 {
  color: #005578;
}

/* 分类列表 */
.category-list {
  margin-bottom: 30px;
}
.category-list .el-row {
  margin-top: -30px;
  flex-wrap: wrap;
  justify-content: stretch;
}
.category-list .el-col {
  margin-top: 30px;
}
.category-list a {
  display: block;
  background: #ebf0f5;
  color: #2d373c;
  padding: 20px 45px 20px 20px;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  height: 100%;
}
.category-list a:hover {
  color: #2387aa;
}
.category-list a::before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e7ce";
}
.category-list a.active {
  background: #f56c6c;
  color: #fff;
}

/* 图片列表 */
.news-pic-list .el-row {
  margin-top: -30px;
  flex-wrap: wrap;
  justify-content: stretch;
}
.news-pic-list .el-col {
  margin-top: 30px;
}
.news-pic-list .img {
  display: block;
  padding-bottom: 75%;
  position: relative;
  overflow: hidden;
  border: 1px solid #e8e8e8;
}
.news-pic-list .img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.news-pic-list .img:hover {
  border-color: #2d373c;
}
.news-pic-list .title {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
}
.news-pic-list .title a {
  color: #2d373c;
}
.news-pic-list .el-col:hover .title a,
.news-pic-list .title a:hover {
  color: #2387aa;
}

/* 产品解决方案 */
.pro-fangan {
  background-color: #2387aa;
  padding: 40px 0;
  color: #fff;
}
.pro-fangan_wrap {
  max-width: 1170px;
  margin: 0 auto;
}
.pro-fangan h2 {
  margin-top: 0;
  font-size: 32px;
}
.pro-fangan .el-row {
  flex-wrap: wrap;
  justify-content: stretch;
  margin-top: -30px;
}
.pro-fangan .el-col {
  margin-top: 30px;
}
.pro-fangan .el-col a {
  display: block;
  background: #fff;
  color: #2d373c;
  padding: 20px 45px 20px 20px;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  height: 100%;
}
.pro-fangan .el-col a:hover {
  color: #2387aa;
  background: #f8f8f8;
}
.pro-fangan .el-col a::before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e7ce";
}

/* 视频列表 */
.vedio-list .el-row {
  flex-wrap: wrap;
  justify-content: stretch;
  margin-top: -30px;
}
.vedio-list .el-col {
  margin-top: 30px;
}
.vedio-list .el-col a {
  display: block;
  background: #f8f8f8;
  color: #2d373c;
  padding: 20px 45px 20px 45px;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  height: 100%;
}
.vedio-list .el-col a::before {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e803";
}
.vedio-list .el-col a::after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e7ce";
}
.vedio-list .el-col a:hover {
  color: #2387aa;
  background: #f1f1f1;
}

@media screen and (max-width: 1170px) {
  .nav-main_wrap,
  .pro-fangan_wrap {
    padding-left: 3.75%;
    padding-right: 3.75%;
  }
}
@media screen and (min-width: 1024px) {
  .view-slider .swiper-slide .img {
    max-height: 530px;
    min-height: 530px;
  }
}
@media screen and (max-width: 1024px) {
  .news-detail-list .el-col {
    width: 100%;
  }
  .news-photo .el-col {
    width: 50%;
  }
  .category-list .el-col {
    margin-top: 1em;
    width: 50%;
  }
  .pro-fangan .el-col {
    width: 50%;
  }
}
@media screen and (max-width: 750px) {
  .fr-view img {
    max-width: 100%;
  }
  .nav-main__header_breadcrumb .el-breadcrumb__item:first-child {
    display: none;
  }
  .news-show__title {
    text-align: left;
  }
  .news-show__title__bar > * {
    width: 100%;
    line-height: 30px;
  }
  .news-photo .el-col p {
    font-size: 14px;
  }
  .news-title-list .el-col a h2 {
    font-size: 20px;
    font-weight: 500;
  }
  .news-title-list .el-col a .img {
    display: none;
  }
  .el-pagination__total,
  .el-pagination__jump {
    display: none !important;
  }
  .category-list a {
    font-size: 12px;
    padding: 8px 1em;
    font-weight: normal;
  }
  .category-list a::before {
    font-size: 12px;
  }
  .news-pic-list .el-col {
    width: 50%;
  }
  .news-pic-list .title {
    font-size: 14px;
  }
  .pro-fangan .el-col {
    width: 100%;
  }
  .news-show__cotent table tbody,
  .news-show__cotent table tbody tr {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  .news-show__cotent table tbody tr td,
  .news-show__cotent table tbody tr td:first-child,
  .news-show__cotent table tbody tr td:nth-child(n + 2) {
    width: 100% !important;
  }
  .news-show__cotent table.table-horizontal tbody,
  .news-show__cotent table.table-horizontal tbody tr {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  .news-show__cotent table.table-horizontal tbody tr td,
  .news-show__cotent table.table-horizontal tbody tr td:first-child,
  .news-show__cotent table.table-horizontal tbody tr td:nth-child(n + 2) {
    width: auto !important;
    flex: 1;
  }
  /* .news-show__cotent table.no-active tbody,
  .news-show__cotent table.no-active tbody tr {
    display: block;
    width: auto;
    flex-wrap: none;
  } */
  .news-show__cotent table.no-active tbody tr td,
  .news-show__cotent table.no-active tbody tr td:first-child,
  .news-show__cotent table.no-active tbody tr td:nth-child(n + 2) {
    width: 50% !important;
  }
  /* .news-show__cotent table.table-horizontal tr {
    display: block;
  }
  .news-show__cotent table.table-horizontal tr td {
    width: auto !important;
  }
  .news-show__cotent table.table-horizontal tbody tr td,
  .news-show__cotent table.table-horizontal tbody tr td:first-child,
  .news-show__cotent table.table-horizontal tbody tr td:nth-child(n + 2) {
    width: auto !important;
  } */
  .vedio-list .el-col {
    width: 100%;
  }
  .news-show__cotent .pro-img {
    max-height: 350px;
  }
}
@media screen and (max-width: 500px) {
  .category-list .el-col {
    width: 100%;
  }
}