.newssection .inside {
  background-size: cover;
  background-position: center center; }
  .newssection .inside img {
    width: 100%; }
  .newssection .inside .switchcontent {
    padding: 50px 0;
    min-height: 500px;
    display: flex; }
    @media only screen and (max-width: 1000px) {
      .newssection .inside .switchcontent {
        flex-direction: column;
        padding: 50px 0 400px 0; } }
    @media only screen and (max-width: 700px) {
      .newssection .inside .switchcontent {
        padding: 40px 0 500px 0; } }
    .newssection .inside .switchcontent .list {
      flex: 1;
      margin: 20px;
      padding: 10px;
      box-sizing: border-box;
      position: relative; }
      .newssection .inside .switchcontent .list .one {
        background: #fff;
        position: absolute;
        width: 50%;
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 0 0 5px 0 #000; }
        .newssection .inside .switchcontent .list .one .name {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 450px;
          font-size: 22px;
          letter-spacing: 2px;
          box-sizing: border-box;
          text-align: center;
          box-shadow: 0 0 5px 0 #222;
          transition: all 2s ease-in; }
          .newssection .inside .switchcontent .list .one .name .in {
            background: rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 5px 0 #000;
            color: #fff;
            padding: 10px; }
        .newssection .inside .switchcontent .list .one.one_0 {
          z-index: 1;
          left: 0%;
          top: 0px;
          transform: scale(0.8); }
          .newssection .inside .switchcontent .list .one.one_0 .name {
            background: rgba(0, 0, 0, 0.7); }
        .newssection .inside .switchcontent .list .one.one_1 {
          z-index: 10;
          left: 25%;
          top: 0;
          transform: scale(1); }
        .newssection .inside .switchcontent .list .one.one_2 {
          z-index: 2;
          left: 50%;
          top: 0px;
          transform: scale(0.9); }
          .newssection .inside .switchcontent .list .one.one_2 .name {
            background: rgba(0, 0, 0, 0.6); }

.m1 {
  animation: m1_anim 1s 1;
  left: 50%;
  transform: scale(0.9);
  z-index: 1; }

@keyframes m1_anim {
  from {
    z-index: 1;
    left: 0%;
    transform: scale(0.8); }
  to {
    z-index: 1;
    left: 50%;
    transform: scale(0.9); } }
.m2 {
  z-index: 2;
  animation: m2_anim 1s 1;
  left: 0%;
  transform: scale(0.8); }

@keyframes m2_anim {
  from {
    z-index: 2;
    left: 25%;
    transform: scale(1); }
  to {
    z-index: 2;
    left: 0%;
    transform: scale(0.8); } }
.m3 {
  animation: m3_anim 1s 1;
  left: 0%;
  transform: scale(0.8);
  z-index: 3; }

@keyframes m3_anim {
  from {
    z-index: 3;
    left: 50%;
    transform: scale(0.9); }
  to {
    z-index: 3;
    left: 25%;
    transform: scale(1); } }

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