a, .transition, :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 {
  display: flex;
  display: -webkit-flex; }

.flexColumn {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column; }

.itemsCenter {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter {
  justify-content: center;
  -webkit-justify-content: center; }

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

.flexBetween {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.flexWrap {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

@media screen and (max-width: 800px) {
  html {
    font-size: 50px; }

  .wal {
    max-width: 8rem; }

  body.navShow {
    overflow: hidden; }
    body.navShow .head .navA {
      background-image: url("../image/close.png"); }
    body.navShow .nav {
      right: 0; }

  .headD {
    height: 1rem; }

  .head .wal {
    min-height: 1rem; }
  .head .navA {
    display: block;
    position: absolute;
    z-index: 10;
    left: auto;
    right: -0.3rem;
    top: 0;
    bottom: auto;
    width: 1rem;
    height: 1rem;
    background: url("../image/navA.png") center no-repeat;
    background-size: .4rem; }

  .nav {
    position: fixed;
    height: 100%;
    overflow-y: auto;
    width: 6rem;
    background: #000;
    right: -6rem;
    top: 1rem;
    padding-bottom: 1rem; }
    .nav li {
      float: none;
      padding: 0;
      border-top: rgba(255, 255, 255, 0.2) solid 1px; }
    .nav a {
      height: 1rem;
      line-height: 1rem;
      font-size: .26rem;
      padding-left: .5rem;
      color: #fff; }
      .nav a:before {
        display: none; }

  .indexPart2 {
    background-position: right bottom; }
    .indexPart2 .img {
      position: relative;
      left: 0;
      margin-left: 0;
      width: 100%; }
    .indexPart2 .container {
      width: 100%; }
    .indexPart2 .title {
      padding: .5rem 0 .3rem 0; }
    .indexPart2 li {
      font-size: .24rem;
      line-height: .44rem; }
      .indexPart2 li:before {
        height: .44rem; }

  .indexPart3 .msg {
    font-size: .26rem;
    line-height: .42rem; }
  .indexPart3 .list li .wal {
    padding: 0 .3rem; }
  .indexPart3 .list li .title {
    z-index: 11; }
  .indexPart3 .list li .content {
    font-size: .22rem;
    line-height: .4rem;
    position: relative;
    z-index: 11;
    background: rgba(255, 255, 255, 0.5); }
  .indexPart3 .list li.li_03 .content {
    line-height: .3rem; }

  .indexPart4 .content {
    font-size: .24rem;
    line-height: .44rem;
    padding-bottom: .9rem; }

  .indexPart6 .msg {
    padding-top: .8rem; }
  .indexPart6 .container .img {
    width: 100%;
    position: relative;
    left: 0;
    margin-left: 0; }
  .indexPart6 .container .box {
    margin-left: .3rem;
    width: auto; }
    .indexPart6 .container .box:after {
      right: 0; }
    .indexPart6 .container .box .content {
      font-size: .22rem;
      line-height: .4rem;
      padding-bottom: .9rem; }

  .indexPart7 .img {
    width: 100%;
    position: relative;
    right: 0;
    margin-right: 0; }
  .indexPart7 .box {
    width: auto;
    margin-left: .3rem; }
    .indexPart7 .box:before {
      left: -.3rem; }
    .indexPart7 .box h2 {
      padding: 1.35rem 0 .7rem 0;
      text-align: left; }
      .indexPart7 .box h2:before {
        left: -1.6rem;
        right: auto; }
    .indexPart7 .box .content {
      font-size: .22rem;
      line-height: .4rem;
      padding-bottom: .9rem; }

  .foot .wal {
    min-height: 3rem; }
    .foot .wal .ewm {
      display: none; }
    .foot .wal .list {
      width: 50%;
      margin-left: 0; }
      .foot .wal .list li dd {
        font-size: .22rem;
        line-height: 1.8em; }
  .foot .msg {
    height: .7rem;
    line-height: .7rem;
    font-size: .2rem; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

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