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 {
    min-height: 1rem;
    margin: 0 .25rem; }
  .g-head .navA {
    display: block;
    position: absolute;
    z-index: 10;
    left: auto;
    right: -0.25rem;
    top: 0;
    bottom: auto;
    width: 1rem;
    height: 1rem;
    background: url("../image/navA.png") center no-repeat;
    background-size: .4rem; }
  .g-head div.btn {
    height: 1rem;
    right: .7rem; }
    .g-head div.btn .tel {
      padding: 0 .2rem 0 .4rem;
      letter-spacing: 0;
      font-size: .26rem; }
    .g-head div.btn .btn-1 {
      font-size: .22rem;
      width: 1.4rem;
      height: .44rem;
      line-height: .44rem; }
      .g-head div.btn .btn-1 em {
        padding: 0;
        background: none; }

  .g-head div.btn .tel2 a em{display: none}

  .g-nav {
    position: fixed;
    overflow-y: auto;
    width: 100%;
    background: rgba(255, 255, 255, 0.88);
    right: -100%;
    top: 1rem;
    bottom: 0; }
    .g-nav li {
      border-top: #ddd solid 1px;
      padding: 0;
      width: 100%; }
    .g-nav a.name {
      height: 1rem;
      line-height: 1rem;
      font-size: .28rem;
      padding-left: .5rem;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0; }
    .g-nav .list {
      border-top: #ddd solid 1px;
      display: none;
      padding: .15rem 0 .15rem .5rem; }
      .g-nav .list dl {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap; }
      .g-nav .list dd {
        width: 33.333%; }
      .g-nav .list a {
        display: block;
        font-size: .24rem;
        line-height: .36rem;
        padding: .2rem 0; }

  .g-foot {
    padding: .3rem 0;
    line-height: .36rem;
    font-size: .24rem; }

  /*index*/
  .indexFlash li {
    height: 8rem; }
    .indexFlash li .layer {
      font-size: .48rem;
      line-height: .62rem; }
  .indexFlash .dots {
    left: .3rem;
    margin-left: 0;
    bottom: .3rem; }

  .index-about .wal {
    padding: .8rem 0 .2rem 0; }
  .index-about .content {
    font-size: .24rem;
    line-height: .44rem;
    width: 100%; }
  .index-about .list {
    width: 100%;
    margin-bottom: .3rem; }
  .index-about .img {
    width: 100%;
    height: 5rem;
    position: static;
    margin: 0; }

  .index-service .btn li,
  .service-nav .list-wrapper li {
    height: 1.6rem; }
    .index-service .btn li .name,
    .service-nav .list-wrapper li .name {
      font-size: .24rem;
      line-height: .3rem; }

  .index-service .btn li {
    width: 25%; }
  .index-service .container {
    padding: .9rem 0; }
    .index-service .container h3 {
      font-size: .32rem; }
    .index-service .container .content {
      font-size: .24rem;
      line-height: .44rem; }

  .index-partner {
    padding: .8rem 0; }
    .index-partner .index-title {
      padding: 0 0 .4rem 0; }
    .index-partner .msg {
      position: static;
      width: 100%;
      font-size: .24rem;
      line-height: .44rem;
      padding-bottom: .4rem; }
    .index-partner .list li {
      width: 33.333%; }

  .index-news {
    padding-bottom: .8rem; }
    .index-news .index-title {
      padding: 0 0 .5rem 0; }
    .index-news .img {
      width: 100%; }
      .index-news .img.big-img {
        display: none; }
    .index-news .list li {
      font-size: .24rem; }
      .index-news .list li .col {
        width: 100%;
        padding: .2rem 0 .4rem 0; }
      .index-news .list li .time {
        padding-left: .3rem;
        background-size: .18rem; }
      .index-news .list li .name {
        font-size: .26rem;
        line-height: 1.6em; }
      .index-news .list li p {
        line-height: .36rem;
        padding: .04rem 0 .16rem 0; }
    .index-news .list li:nth-child(even) .col {
      order: 2; }

  /*page*/
  .p-banner {
    padding-top: .5rem; }
    .p-banner .title h2 {
      font-size: .5rem; }

  .p-nav {
    line-height: .9rem;
    font-size: .24rem; }
    .p-nav .curr {
      background-size: .22rem;
      padding-left: .32rem; }
    .p-nav .nav {
      font-size: .26rem; }
      .p-nav .nav a {
        height: .9rem;
        margin-left: .35rem; }

  .about .img {
    width: 5.6rem; }
  .about .col {
    width: 100%;
    margin-top: .5rem; }
    .about .col .content {
      font-size: .24rem;
      line-height: .44rem; }
  .about .list li:after {
    right: -.9rem;
    width: .7rem; }

  .service li {
    width: 100%; }
    .service li a .box {
      padding-bottom: .4rem; }
      .service li a .box:before {
        height: .4rem; }
      .service li a .box .name {
        font-size: .28rem;
        font-weight: bold; }
      .service li a .box p {
        font-size: .24rem;
        line-height: .4rem; }

  a.p-back {
    font-size: .24rem;
    width: 1.5rem;
    height: .56rem;
    line-height: .56rem; }

  .service-recommend a.p-back {
    top: 1.5rem; }

  .service-nav .list {
    height: 1.6rem; }

  .service-show .big-img {
    width: 100%;
    margin-bottom: .4rem; }
  .service-show .col {
    width: 100%; }
  .service-show a.p-back {
    top: -.1rem; }
  .service-show div.title {
    height: 1rem;
    padding-top: .4rem; }
    .service-show div.title div h3 {
      font-size: .28rem; }
  .service-show .content {
    font-size: .24rem;
    line-height: .4rem; }
  .service-show a.btn {
    font-size: .24rem;
    line-height: .6rem;
    max-width: 4rem; }
  .service-show .list li {
    padding-bottom: .16rem; }
    .service-show .list li div {
      font-size: .24rem;
      line-height: .7rem; }
  .service-show .list-1 li {
    width: 3.3rem; }
  .service-show .list-1 .ul-4 li {
    width: 3.3rem; }
  .service-show .list-2 {
    width: 3.3rem; }
  .service-show .list-3 {
    width: 3.3rem; }
    .service-show .list-3 li {
      padding-bottom: .2rem;
      width: 3.3rem; }
  .service-show .list-4 li {
    width: 100%; }
  .service-show .list-5 ul {
    margin-left: 0;
    margin-right: 0; }
  .service-show .list-5 li {
    width: 33.333%;
    padding-bottom: .2rem; }
    .service-show .list-5 li .name {
      font-size: .22rem;
      line-height: .35rem; }
  .service-show .list-5 li:nth-child(4), .service-show .list-5 li:nth-child(5) {
    width: 50%; }

  .service-layer .container {
    width: 7.3rem;
    padding: .25rem .1rem .5rem .1rem; }
  .service-layer a.close {
    top: .15rem;
    right: .15rem; }
  .service-layer .img {
    padding: 0 .2rem; }

  .partner .msg {
    padding: 0 .3rem; }
    .partner .msg:after {
      left: .1rem;
      top: .25rem;
      width: .6rem; }
  .partner .list li {
    width: 33.333%; }

  .news li {
    padding-bottom: .5rem; }
    .news li .img {
      width: 100%; }
    .news li .col {
      width: 100%;
      padding: .2rem 0 .4rem 0; }
      .news li .col .time {
        padding-left: .3rem;
        background-size: .18rem;
        font-size: .24rem; }
      .news li .col .name {
        font-size: .26rem;
        line-height: 1.6em; }
      .news li .col p {
        line-height: .36rem;
        padding: .04rem 0 .16rem 0;
        font-size: .24rem; }

  .p-num div {
    font-size: .3rem; }
    .p-num div em {
      font-size: .6rem; }

  .news-show h2.title {
    line-height: 1.5em; }
  .news-show .info {
    padding-bottom: .15rem; }
    .news-show .info .time {
      padding-left: .32rem;
      background-size: .22rem;
      font-size: .26rem;
      line-height: .58rem; }
    .news-show .info a.back {
      font-size: .24rem;
      width: 1.5rem;
      height: .56rem;
      line-height: .56rem; }
  .news-show .content {
    font-size: .24rem;
    line-height: .44rem; }
    .news-show .content h3 {
      font-size: .26rem; }

  .p-num2 a {
    font-size: .24rem; }

  .contact {
    padding: .6rem 0 1rem 0; }
    .contact .container {
      padding-left: .35rem;
      position: relative;
      left: 0;
      top: 0;
      width: 100%; }
      .contact .container .list li h3 {
        font-size: .26rem; }
      .contact .container .list li p {
        font-size: .24rem;
        line-height: .36rem; }

  .contact-form .form li {
    width: 3.3rem; }
    .contact-form .form li .ico {
      width: .32rem;
      height: .32rem; }
    .contact-form .form li .input input, .contact-form .form li .input textarea {
      height: .6rem;
      line-height: .6rem;
      font-size: .24rem;
      padding-left: .4rem; }
    .contact-form .form li .input textarea {
      height: 1.8rem;
      line-height: .4rem;
      padding: .1rem 0 .1rem .4rem; }
  .contact-form .submit div {
    width: 2.3rem;
    height: .7rem;
    line-height: .7rem;
    font-size: .28rem; }

  .service-show .list-1 .dl-1 dd{height: .54rem; font-size: .24rem}

  .service-show6 .title h2{font-size: .28rem}
  .service-show6 .content{font-size: .24rem; line-height: .44rem}
  .service-show6 .list-1 li{width: 50%}
  .service-show6 .list-1 .name img{width: .52rem}
  .service-show6 .list-1 .name h5{font-size: .26rem}
  .service-show6 .list-1 p{font-size: .24rem; line-height: .4rem; padding: .16rem 0 .35rem 0}
  .service-show6 .list-2 ul{grid-template-columns: repeat(1, 1fr); grid-gap: .3rem}
  .service-show6 .list-2 .img{width: 2.4rem}
  .service-show6 .list-2 .col h5{font-size: .26rem}
  .service-show6 .list-2 .col dd{font-size: .2rem; line-height: .4rem; background-position: left .14rem}


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

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