a, .transition, .indexPart1-new li .layer, :before, img, .nav {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease; }

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.flex, .indexPart1-new li .layer dl {
  display: flex;
  display: -webkit-flex; }

.flexColumn, .indexPart1-new li .layer {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column; }

.itemsCenter, .indexPart1-new li .layer {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter, .indexPart1-new li .layer, .indexPart1-new li .layer dl {
  justify-content: center;
  -webkit-justify-content: center; }

.flexAround {
  justify-content: space-around;
  -webkit-justify-content: space-around; }

.flexBetween, .indexPart1-new .wal {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.flexWrap, .indexPart1-new .wal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

.indexPart1-new {
  padding: .6rem 3rem .3rem 3rem; }
  .indexPart1-new .wal {
    max-width: 13.63rem; }
  .indexPart1-new ul {
    width: 59.574%; }
  .indexPart1-new ul:nth-child(2) {
    width: 39.031%; }
  .indexPart1-new li {
    position: relative;
    padding-bottom: .2rem; }
    .indexPart1-new li .layer {
      position: absolute;
      z-index: 10;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0.2rem;
      text-align: center;
      color: #888;
      background: rgba(255, 255, 255, 0.9);
      opacity: 0;
      visibility: hidden; }
      .indexPart1-new li .layer h2, .indexPart1-new li .layer h3 {
        font-family: 'didot';
        text-transform: uppercase;
        font-size: .42rem;
        line-height: 1em; }
      .indexPart1-new li .layer h2 {
        position: relative;
        padding-bottom: .35rem; }
        .indexPart1-new li .layer h2:before {
          content: "";
          display: block;
          position: absolute;
          left: 50%;
          bottom: .15rem;
          width: .35rem;
          height: .04rem;
          margin-left: -.175rem;
          background: #888; }
      .indexPart1-new li .layer dl {
        padding-top: .3rem; }
        .indexPart1-new li .layer dl a {
          display: block;
          text-align: center;
          width: 1.2rem;
          color: #888;
          font-size: .22rem; }
          .indexPart1-new li .layer dl a em {
            display: block;
            font-size: .12rem;
            font-family: 'didot';
            text-transform: uppercase;
            padding-top: .06rem; }
          .indexPart1-new li .layer dl a:hover {
            color: #d2a865; }
      .indexPart1-new li .layer .name {
        font-size: .18rem;
        line-height: 1em;
        color: #d2a865;
        position: absolute;
        z-index: 10;
        left: 0.2rem;
        right: auto;
        top: auto;
        bottom: 0.2rem; }
  .indexPart1-new li:hover .layer {
    opacity: 1;
    visibility: visible; }

@media screen and (max-width: 800px) {
  .indexPart1-new {
    padding: .6rem 0 .3rem 0; }
    .indexPart1-new ul {
      width: 100%; }
    .indexPart1-new ul:nth-child(2) {
      width: 100%; }
    .indexPart1-new li {
      padding-bottom: .3rem; }
      .indexPart1-new li .layer {
        bottom: .3rem; }
        .indexPart1-new li .layer dl a {
          font-size: .26rem; }
          .indexPart1-new li .layer dl a em {
            font-size: .2rem; }
        .indexPart1-new li .layer .name {
          font-size: .24rem; } }

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