@charset "UTF-8";
/**
*案例中心
*/
/* line 19, ../sass/case_list.scss */
.case_nav_list {
  height: auto;
  width: 10.4166666667vw;
  float: left;
  position: fixed;
  top: 21.3333333333vh;
  left: 3.75vw; }
  /* line 27, ../sass/case_list.scss */
  .case_nav_list ul li {
    font-size: 1.5238095238vh;
    letter-spacing: 1px;
    line-height: 3.8095238095vh; }
    /* line 31, ../sass/case_list.scss */
    .case_nav_list ul li a {
      color: lightgray; }
    /* line 35, ../sass/case_list.scss */
    .case_nav_list ul li .nav_list_back {
      color: #666666; }

/* line 42, ../sass/case_list.scss */
.left_og_back {
  height: 4.7619047619vh;
  width: 7.8125vw;
  position: fixed;
  top: 42.8571428571vh;
  left: 2.8645833333vw;
  display: flex;
  z-index: 20; }
  /* line 50, ../sass/case_list.scss */
  .left_og_back a {
    display: flex; }
    /* line 52, ../sass/case_list.scss */
    .left_og_back a img {
      height: 2.6041666667vw; }
    /* line 55, ../sass/case_list.scss */
    .left_og_back a p {
      line-height: 2.6041666667vw;
      font-size: 14px;
      color: #000000;
      letter-spacing: 0.0416666667vw;
      display: inline-block; }

/* line 64, ../sass/case_list.scss */
.main {
  height: 100%;
  width: 100%;
  padding-top: 15.2380952381vh;
  padding-left: 16.7708333333vw; }
  /* line 72, ../sass/case_list.scss */
  .main .case_list {
    height: auto;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    margin-right: 3.75vw; }
    /* line 80, ../sass/case_list.scss */
    .main .case_list .headline {
      font-size: 3.7142857143vh;
      color: #333333;
      letter-spacing: 2.6px;
      margin-bottom: 9.1428571429vh; }
    /* line 87, ../sass/case_list.scss */
    .main .case_list .list {
      height: auto;
      width: 78.59375vw;
      position: relative;
      top: 0;
      left: 0;
      opacity: 0; }
      /* line 94, ../sass/case_list.scss */
      .main .case_list .list .case_list_1 {
        height: auto;
        margin-bottom: 9.0476190476vh;
        visibility: hidden;
        transition: all 0.8s ease; }
        /* line 100, ../sass/case_list.scss */
        .main .case_list .list .case_list_1 .back_logo {
          height: auto;
          width: 100%;
          overflow: hidden;
          margin-bottom: 4.9523809524vh; }
          /* line 106, ../sass/case_list.scss */
          .main .case_list .list .case_list_1 .back_logo img {
            width: 100%;
            transition: all 1s ease; }
        /* line 112, ../sass/case_list.scss */
        .main .case_list .list .case_list_1 .text {
          height: 2.2857142857vh;
          width: 100%;
          display: flex;
          align-items: center; }
          /* line 117, ../sass/case_list.scss */
          .main .case_list .list .case_list_1 .text p {
            font-size: 2.2857142857vh;
            letter-spacing: 1.5px;
            color: #333333; }
        /* line 123, ../sass/case_list.scss */
        .main .case_list .list .case_list_1:hover .back_logo img {
          opacity: 0.6;
          transform: scale(1.1); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      /* line 72, ../sass/case_list.scss */
      .main .case_list {
        /*兼容IE11*/ }
        /* line 131, ../sass/case_list.scss */
        .main .case_list .list {
          opacity: 1; }
          /* line 133, ../sass/case_list.scss */
          .main .case_list .list .case_list_1 {
            width: 46.7%;
            display: inline-block;
            margin-right: 40px;
            margin-bottom: 50px; } }

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