a, .transition, :before, img, .g-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;
  display: -ms-flex;
}

.flexColumn {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-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;
  display: -ms-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 .g-head .navA {
    background-image: url("../image/close.png");
  }
  body.navShow .g-nav {
    right: 0;
  }
  .g-headD {
    height: 1rem;
  }
  .g-head .wal {
    height: 1rem;
  }
  .g-head h2 {
    font-size: .26rem;
  }
  .g-nav {
    position: fixed;
    overflow-y: auto;
    width: 100%;
    background: #b63238;
    right: -100%;
    top: 1rem;
    bottom: 0;
  }
  .g-nav li {
    border-top: rgba(255, 255, 255, 0.2) solid 1px;
    width: 100%;
  }
  .g-nav a.name {
    height: 1rem;
    line-height: 1rem;
    font-size: .26rem;
    padding-left: .5rem;
    margin: 0;
  }
  .g-nav a.name:before {
    bottom: 0;
    left: 0;
  }
  .g-foot .wal {
    margin: 0;
  }
  .g-foot .list {
    padding: .3rem;
  }
  .g-foot .list li {
    height: 1.2rem;
    width: 100%;
  }
  .g-foot .list li .ico {
    width: .7rem;
  }
  .g-foot .list li p {
    padding-left: .2rem;
    font-size: .24rem;
    line-height: .36rem;
  }
  .g-foot .ewm {
    position: relative;
    width: 100%;
    padding: .5rem .3rem;
  }
  .g-foot .ewm dl {
    padding: 0;
    justify-content: center;
    -webkit-justify-content: center;
  }
  .g-foot .ewm dd {
    padding: 0 .3rem;
  }
  .g-foot .ewm .img {
    width: 1.2rem;
  }
  .g-foot .ewm p {
    font-size: .24rem;
    line-height: .48rem;
  }
  .g-foot-msg {
    font-size: .24rem;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    text-align: center;
  }
  .g-foot-msg p:nth-child(1) {
    padding: 0 0 .1rem 0;
    width: 100%;
  }
  /*index*/
  .indexFlash li {
    height: 5rem;
  }
  .index-title ul li {
    font-size: .26rem;
  }
  .index-title a.more {
    font-size: .24rem;
    line-height: .4rem;
  }
  .index-nav {
    padding: .5rem 0 .2rem 0;
  }
  .index-nav li {
    width: 33.333%;
  }
  .index-nav a {
    height: 2.3rem;
    width: 100%;
  }
  .index-nav a .name {
    font-size: .26rem;
  }
  .index-1 .col {
    width: 100%;
  }
  .index-1 .list {
    padding-bottom: .3rem;
  }
  .index-1 .list li {
    padding-left: 1.55rem;
  }
  .index-1 .list li em {
    font-size: .22rem;
    width: 1.4rem;
    height: .4rem;
    line-height: .4rem;
    margin-top: -.2rem;
  }
  .index-1 .list li a {
    font-size: .24rem;
    height: .85rem;
    line-height: .85rem;
  }
  .index-1 .video {
    width: 100%;
  }
  .index-map {
    min-height: 5rem;
  }
  .index-map .wal {
    padding: 1.2rem 0 .7rem 0;
  }
  .index-map .col {
    width: 100%;
    padding: 0 0 .5rem .2rem;
  }
  .index-map .col li p {
    font-size: .24rem;
  }
  .index-map .map {
    width: 100%;
    height: 5.6rem;
  }
  .index-map .map section {
    width: 115%;
    left: -12%;
  }
  .index-2 {
    padding: 0 .5rem;
  }
  .index-2 .dd-item {
    width: 100%;
  }
  .index-2 .box {
    padding-bottom: .25rem;
  }
  .index-2 .box .name {
    font-size: .28rem;
    line-height: .8rem;
  }
  .index-2 .box dl dd {
    line-height: .48rem;
    height: .48rem;
    font-size: .24rem;
  }
  .index-2 .box dl.dl-1 {
    width: 45%;
  }
  .index-2 .box dl.dl-2 {
    width: 45%;
  }
  .index-2 .box dl.dl-3 {
    width: 45%;
  }
  .index-2 .box .layer .name2 {
    font-size: .26rem;
    line-height: .8rem;
  }
  .p-more a {
    width: 2rem;
    height: .66rem;
    line-height: .66rem;
    font-size: .26rem;
  }
  .index-3 .list #wookmark li {
    width: 50%;
  }
  .index-4:before {
    height: 3.5rem;
  }
  .index-4 .btn {
    padding: 0 0 .3rem 0;
  }
  .index-4 .btn li {
    height: 1rem;
    font-size: .22rem;
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .index-4 .btn li .ico {
    width: .4rem;
    height: .4rem;
  }
  .index-4 .box .big-img li {
    padding: 0 .8rem;
  }
  .index-4 .box .big-img li .img {
    height: 3.6rem;
  }
  .index-4 .box .big-img li .name {
    height: 1rem;
    padding-top: .22rem;
    font-size: .26rem;
  }
  .index-4 .box .big-img .arrow a {
    bottom: 1rem;
  }
  .index-4 .box .big-img .arrow a.prev {
    left: .2rem;
  }
  .index-4 .box .big-img .arrow a.next {
    right: .2rem;
  }
  .index-5 .list li a {
    font-size: .26rem;
  }
  .index-5 .list li a:before {
    right: .1rem;
  }
  .index-5 .list li p {
    font-size: .24rem;
    line-height: .36rem;
  }
  .index-5 .list li.on a {
    margin-bottom: .15rem;
  }
  .video-layer .container {
    width: 7.5rem;
  }
  .video-layer .container a.close {
    right: .2rem;
  }
}

@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem;
  }
}

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