header {
  background: #2f2f2f; }
  header a:hover {
    color: white !important; }
  header li.active a {
    color: white !important; }

@media screen and (max-width: 1500px) {
  .case-main .head {
    width: 900px !important; }
  .case-main .content {
    max-width: 860px !important; } }
.case-detail {
  padding-top: 100px; }
  .case-detail .break-menu {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #666666;
    padding-left: 11.56%;
    height: 91px; }
    .case-detail .break-menu img {
      width: 22px;
      height: 15px; }
  .case-detail .swiper-container {
    height: 548px;
    margin-bottom: 30px; }
    .case-detail .swiper-container .swiper-slide {
      background-color: #000000; }
      .case-detail .swiper-container .swiper-slide .bg-blur {
        width: 100%;
        height: 100%;
        filter: blur(30px);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1; }
      .case-detail .swiper-container .swiper-slide .main {
        height: 100%;
        margin: 0 auto;
        display: block;
        position: relative;
        z-index: 2; }
  .case-detail .swiper-container2 {
    width: 688px;
    height: 86px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 43px; }
    .case-detail .swiper-container2 .swiper-wrapper {
      width: 100%;
      height: 100%; }
      .case-detail .swiper-container2 .swiper-wrapper .swiper-slide {
        opacity: 0.6;
        cursor: pointer; }
        .case-detail .swiper-container2 .swiper-wrapper .swiper-slide:hover {
          opacity: 1; }
        .case-detail .swiper-container2 .swiper-wrapper .swiper-slide img {
          width: 137px;
          height: 86px; }
    .case-detail .swiper-container2 .sw-btn {
      cursor: pointer;
      opacity: 0.6;
      position: absolute;
      height: 100%;
      width: 24px;
      top: 0;
      z-index: 100; }
      .case-detail .swiper-container2 .sw-btn:hover {
        opacity: 1; }
    .case-detail .swiper-container2 .sw-prev {
      background: url("../img/ad_scroll_back.png") 0px 22px no-repeat;
      left: 0;
      background-color: #f2f2f2;
      background-position: 50%; }
    .case-detail .swiper-container2 .sw-next {
      background: url("../img/ad_scroll_forward.png") 0px 22px no-repeat;
      right: 0;
      background-color: #f2f2f2;
      background-position: 50%; }

.main-container {
  display: flex;
  justify-content: center;
  padding-bottom: 200px; }
  .main-container .case-info {
    width: 360px;
    background-image: url("../img/case_detail_bg.png");
    background-size: cover;
    padding: 32px 27px;
    margin-right: 40px;
    display: inline-table; }
    .main-container .case-info > div {
      display: flex;
      margin-bottom: 20px; }
      .main-container .case-info > div:last-child {
        margin-bottom: 0; }
    .main-container .case-info p {
      font-size: 18px;
      display: inline-block;
      font-family: Microsoft YaHei;
      white-space: nowrap;
      font-weight: 400;
      color: white;
      margin-right: 10px; }
    .main-container .case-info span {
      font-size: 18px;
      display: inline-block;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: white;
      line-height: 1.5;
      position: relative;
      top: -3px; }
  .main-container .case-main .head {
    width: 998px;
    height: 51px;
    background: #2eb6aa;
    padding-left: 28px;
    margin-bottom: 30px; }
    .main-container .case-main .head img {
      margin-right: 13px; }
    .main-container .case-main .head span {
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: white; }
  .main-container .case-main .content {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    max-width: 960px;
    line-height: 30px; }

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