body {
  font-size: 0.0729166667rem;
  margin: 0;
  padding: 0;
  background: #f7f7f7; }

* {
  margin: 0;
  padding: 0;
  font-weight: normal; }

ul {
  list-style: none; }

a {
  text-decoration: none; }

.banner_case {
  width: 100%;
  height: 100%;
  background: url("../images/caseBanner.jpg") no-repeat;
  background-size: 100% 100%;
  display: flex;
  position: absolute;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  align-content: flex-start; }
  .banner_case h3 {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-start;
    padding-top: 70px; }
  .banner_case h4 {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFEFE;
    padding-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-start; }
  .banner_case .add {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-start;
    margin-top: 20px; }
    .banner_case .add img {
      width: 30px; }
  .banner_case .bannerList {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    padding-top: 30px; }
    .banner_case .bannerList .bannerItem {
      width: calc(42% - 15px - 15px);
      background: #FFFFFF;
      margin-left: 15px;
      cursor: pointer;
      margin-right: 15px;
      margin-bottom: 15px; }
      .banner_case .bannerList .bannerItem img {
        width: 100%; }
      .banner_case .bannerList .bannerItem .bannerItem2 {
        height: 78px;
        background: #fff; }
        .banner_case .bannerList .bannerItem .bannerItem2 span {
          font-size: 13px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #333333;
          margin-left: 10px;
          margin-right: 10px;
          padding-bottom: 12px;
          display: block;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .banner_case .bannerList .bannerItem .bannerItem2 p {
          font-size: 12px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #333333;
          margin-left: 10px;
          margin-right: 10px;
          line-height: 18px;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          display: -moz-box;
          -moz-line-clamp: 2;
          -moz-box-orient: vertical;
          overflow-wrap: break-word;
          word-break: break-all;
          white-space: normal;
          overflow: hidden; }

.viewport {
  background: #f8f8f8; }

.caseList {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
  width: 90%;
  margin: 0 auto;
  margin-top: 15px; }
  .caseList .caseItem {
    width: calc(50% - 10px - 5px);
    background: #FFFFFF;
    cursor: pointer;
    margin-left: 7px;
    margin-right: 8px;
    margin-bottom: 15px;
    padding-bottom: 12px; }
    .caseList .caseItem .bannerItem2 {
      width: 100%;
      height: 78px; }
    .caseList .caseItem img {
      width: 100%;
      height: 135px; }
    .caseList .caseItem span {
      font-size: 13px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #333333;
      margin-left: 10px;
      margin-top: 12px;
      display: inline-block; }
    .caseList .caseItem p {
      font-size: 12px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #333333;
      line-height: 18px;
      margin-left: 10px;
      margin-right: 10px;
      margin-top: 10px; }
  .caseList .caseItem:nth-child(2n) {
    margin-right: 0; }

.caseBannerInner {
  width: 100%;
  height: 150px;
  background: url("../images/caseBannerInner.jpg") no-repeat;
  background-size: 100% 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: flex-start; }
  .caseBannerInner p {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF; }

.banner_news {
  width: 100%;
  height: 1.0104166667rem;
  background: url("../images/banner_news.jpg") no-repeat;
  background-size: 1920px 491px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: flex-start; }
  .banner_news p {
    font-size: 0.1875rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF; }

.crumbs {
  width: 100%;
  height: 0.15625rem;
  background: #EDEDED;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: flex-start; }
  .crumbs .crumbsMain {
    width: 7.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-start; }
    .crumbs .crumbsMain p {
      font-size: 0.0729166667rem;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #666666; }

.pageMain {
  width: 5.34375rem;
  margin: 0 auto;
  padding-top: 0.25rem;
  padding-bottom: 0.5208333333rem; }
  .pageMain p {
    font-size: 0.09375rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.140625rem; }
  .pageMain p.title {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #1A5599;
    line-height: 27px;
    padding-top: 48px; }
  .pageMain p.desc {
    width: 5.0625rem;
    font-size: 0.09375rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.140625rem;
    margin-top: 0.09375rem;
    margin-left: 0.2552083333rem; }

.cur {
  cursor: pointer; }

.pageMainList {
  width: 5.3645833333rem;
  height: 0.96875rem;
  background: #FFFFFF;
  margin: auto;
  margin-bottom: 0.2604166667rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: flex-start;
  cursor: pointer; }
  .pageMainList .pageMainListl {
    width: 1.4479166667rem;
    height: 0.96875rem;
    background: #000000; }
  .pageMainList .pageMainListr {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: flex-start;
    margin-left: 0.2083333333rem;
    height: 100%;
    position: relative; }
    .pageMainList .pageMainListr .date {
      font-size: 0.09375rem;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #1A5599;
      padding-top: 0.15625rem; }
    .pageMainList .pageMainListr .title {
      font-size: 0.125rem;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #333333;
      padding-top: 0.0520833333rem; }
    .pageMainList .pageMainListr .desc {
      font-size: 0.0833333333rem;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #333333;
      width: 3.421875rem;
      line-height: 0.140625rem;
      padding-top: 0.0520833333rem;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }

.pageMainList:hover {
  box-shadow: 0px 0px 20px 0px rgba(38, 38, 38, 0.2); }

.pageMainList2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row-reverse;
  align-content: flex-start; }

.newDetail {
  width: 5.3645833333rem;
  margin: 0 auto;
  padding-top: 0.2604166667rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  align-content: flex-start;
  padding-bottom: 0.5208333333rem; }
  .newDetail .title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: flex-start;
    font-size: 0.125rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.140625rem; }
  .newDetail .date {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
    padding-top: 0.1041666667rem;
    align-content: flex-start;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.140625rem; }
  .newDetail .img {
    width: 3.125rem;
    height: 1.6666666667rem;
    background: #000000; }
  .newDetail .newDetailDesc {
    width: 100%;
    margin-top: 0.125rem; }
    .newDetail .newDetailDesc p {
      font-size: 0.09375rem;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #333333;
      line-height: 0.140625rem;
      text-indent: 2em; }

/*# sourceMappingURL=case.css.map */