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; }
  .g-head a.logo {
    width: 1.8rem; }
  .g-head .search {
    right: .8rem;
    width: .6rem;
    height: .6rem;
    margin-top: -.3rem; }
    .g-head .search .input input {
      height: .56rem;
      line-height: .56rem;
      font-size: .24rem; }
    .g-head .search .submit input {
      height: .6rem; }
  .g-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; }
  .g-head.on .search .input {
    width: 3.3rem; }
     .g-nav .list dl{
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }



  .g-nav {
    position: fixed;
    overflow-y: auto;
    width: 100%;
    background: #fff;
    right: -100%;
    top: 1rem;
    bottom: 0; }
    .g-nav li {
      border-top: #eee solid 1px;
      margin: 0;
      width: 100%; }
    .g-nav a.name {
      height: 1rem;
      line-height: 1rem;
      font-size: .26rem;
      padding-left: .5rem;       
      }
      .g-nav a.name:hover, .g-nav a.name.on {
        background-size: 0; }
    .g-nav .list {
      border-top: #eee solid 1px;
      display: none;
      padding: .1rem 0; }
      .g-nav .list dd {
        width: 100%; }
      .g-nav .list a {
        display: block;
        font-size: .24rem;
        height: .8rem;
        line-height: .8rem;
        padding-left: .5rem; 
       }

  .g-foot {
    border-top: #ccc solid 1px; }
    .g-foot:before {
      display: none; }
    .g-foot .wal {
      font-size: .24rem;
      padding: .2rem 0; }
      .g-foot .wal:before, .g-foot .wal:after {
        display: none; }
      .g-foot .wal .mail {
        position: static;
        width: 100%; }
      .g-foot .wal .tel {
        line-height: .32rem;
        width: 100%;
        position: static;
        padding: .12rem 0 0 .52rem; }
        .g-foot .wal .tel p {
          font-size: .32rem; }
      .g-foot .wal .msg {
        line-height: .4rem;
        padding: .1rem 0; }

  /*index*/
  .indexFlash li {
    height: 4rem; }
    .indexFlash li .wal {
      height: 4rem;
      padding: 0 .4rem; }
      .indexFlash li .wal h2 {
        text-align: center; }
      .indexFlash li .wal dl {
        width: 100%;
        height: .6rem;
        font-size: .2rem; }
  .indexFlash .arrow a.prev {
    margin-left: -3.6rem; }
  .indexFlash .arrow a.next {
    margin-right: -3.6rem; }

  .index-nav ul {
    padding-right: 0; }
  .index-nav li {
    width: 33.333%; }
    .index-nav li:nth-child(1), .index-nav li:nth-child(2), .index-nav li:nth-child(3) {
      border-bottom: #dedfe2 solid 1px; }
    .index-nav li:nth-child(3):after {
      display: none; }
    .index-nav li a {
      height: 1.55rem;
      font-size: .24rem; }
      .index-nav li a .ico {
        width: .6rem; }
  .index-nav a.more {
    display: none; }

  .index-about {
    width: 100%;
    margin-bottom: .3rem; }
    .index-about .title {
      height: 1.3rem; }
      .index-about .title h2 {
        font-size: .28rem; }
      .index-about .title span {
        font-size: .22rem; }
      .index-about .title a {
        top: .2rem; }
    .index-about p {
      font-size: .24rem;
      line-height: .4rem; }

  .index-case {
    width: 100%; }
    .index-case li .name a {
      font-size: .26rem;
      line-height: .46rem; }
    .index-case li .tag {
      font-size: .24rem;
      width: 1.6rem;
      height: .46rem;
      line-height: .46rem; }
      .index-case li .tag:before {
        width: .18rem; }
    .index-case .dots2 span {
      width: .4rem;
      height: .4rem;
      line-height: .4rem;
      font-size: .24rem; }

  .index-news {
    width: 100%;
    padding-top: .4rem; }
    .index-news .btn {
      height: .5rem; }
      .index-news .btn li a {
        height: .5rem;
        font-size: .26rem; }
      .index-news .btn a.more {
        width: .22rem;
        height: .22rem; }
    .index-news .container .content {
      font-size: .24rem;
      line-height: .45rem; }
      .index-news .container .content em {
        font-size: .22rem;
        width: .6rem;
        height: .26rem;
        line-height: .26rem; }
    .index-news .container li {
      font-size: .24rem;
      height: .5rem;
      line-height: .5rem;
      padding-left: 1.36rem; }

  /*page*/
  .p-curr {
    height: .8rem; }
    .p-curr .curr {
      font-size: .24rem;
      background-size: .22rem;
      padding-left: .32rem; }
    .p-curr .list {
      display: none; }

  .about .row {
    padding-bottom: .5rem; }
    .about .row .col {
      width: 100%;
      padding-bottom: .3rem; }
      .about .row .col .content {
        font-size: .24rem;
        line-height: .4rem; }
      .about .row .col .title h2 {
        font-size: .32rem; }
      .about .row .col .title span {
        font-size: .22rem; }
      .about .row .col h3 {
        font-size: .28rem;
        padding-left: .44rem;
        line-height: .5rem;
        background-size: .34rem; }
      .about .row .col .list ul {
        width: 100%; }
      .about .row .col .list ul:nth-child(even) {
        width: 100%; }
      .about .row .col .list li {
        font-size: .24rem;
        height: .44rem;
        line-height: .44rem; }
      .about .row .col .list-1 ul {
        width: 100%; }
    .about .row .img {
      width: 100%; }
  .about .row:nth-child(even) .img {
    order: 0; }

  .idea-1 li {
    width: 50%; }
    .idea-1 li .container {
      height: 1.7rem; }
      .idea-1 li .container h2 {
        font-size: .26rem; }
      .idea-1 li .container .msg {
        font-size: .22rem;
        line-height: .32rem; }

  .idea-2 ul {
    margin-left: -.3rem;
    margin-right: -.3rem;
    justify-content: center;
    -webkit-justify-content: center; }
  .idea-2 li {
    width: 33.333%;
    height: 1.6rem;
    border-left: 0;
    padding-top: .15rem; }
    .idea-2 li .name {
      font-size: .26rem; }

  .p-title h2 {
    font-size: .32rem; }
  .p-title span {
    font-size: .22rem; }

  .honor .list {
    margin-left: -.3rem; }
    .honor .list li {
      padding-left: .3rem; }
      .honor .list li .img {
        height: 3.6rem; }
      .honor .list li .name {
        line-height: .6rem;
        font-size: .24rem; }

  .honor-2 li {
    width: 33.333%; }

  .honor-layer .container {
    width: 7rem; }
    .honor-layer .container a.close {
      right: 0;
      top: -.6rem; }
    .honor-layer .container .arrow a.prev {
      left: 0; }
    .honor-layer .container .arrow a.next {
      right: 0; }
    .honor-layer .container .list li {
      padding: .3rem .3rem 1rem;
      height: 7.5rem; }
      .honor-layer .container .list li img {
        max-height: 6.5rem; }

  .p-content {
    font-size: .24rem;
    line-height: .46rem; }

  .business-1 .img {
    width: 100%; }
  .business-1 .col {
    width: 100%; }
    .business-1 .col .title {
      height: 1.9rem; }
      .business-1 .col .title .ico {
        width: .5rem; }
      .business-1 .col .title h2 {
        font-size: .32rem; }
    .business-1 .col .container h3 {
      font-size: .24rem;
      width: 1rem;
      line-height: .5rem; }
    .business-1 .col .container .content {
      font-size: .24rem;
      line-height: .46rem; }

  .business-2 .title {
    height: .78rem;
    font-size: .22rem; }
    .business-2 .title h2 {
      font-size: .32rem; }
  .business-2 .list {
    margin-left: -.15rem;
    margin-right: -.15rem; }
  .business-2 .list-wrapper li {
    padding: .3rem .15rem 1rem .15rem; }
  .business-2 .list-wrapper .box .name {
    line-height: 1rem;
    font-size: .28rem; }
    .business-2 .list-wrapper .box .name:before {
      bottom: .16rem; }
  .business-2 .list-wrapper .box p {
    font-size: .22rem;
    line-height: .36rem;
    height: .72rem;
    padding: 0 .15rem; }

  .business-3 .p-content {
    max-width: 100%;
    padding-bottom: .2rem; }
  .business-3 .img {
    position: relative;
    left: .2rem; }

  .p-num2 {
    padding-right: 1.8rem; }
    .p-num2 li {
      font-size: .24rem;
      line-height: .4rem; }
    .p-num2 a.back {
      font-size: .24rem;
      width: 1.6rem;
      height: .46rem;
      line-height: .46rem; }

  .business-layer .container {
    width: 7rem;
    padding: .6rem .3rem .3rem; }
    .business-layer .container a.close {
      top: .1rem;
      right: .1rem; }
    .business-layer .container .img-list {
      width: 100%; }
    .business-layer .container .col {
      width: 100%; }
      .business-layer .container .col h2 {
        font-size: .32rem;
        padding: .25rem 0; }
      .business-layer .container .col .scroll {
        height: 35vh; }

  .case li {
    width: 100%; }
    .case li a .name {
      height: 1rem;
      line-height: 1rem;
      font-size: .28rem; }
    .case li a:hover .name {
      font-size: .28rem; }

  .case-foot a.back {
    font-size: .24rem;
    width: 1.6rem;
    height: .46rem;
    line-height: .46rem; }

  .p-num a {
    margin: 0 .1rem;
    width: .46rem;
    height: .46rem;
    font-size: .26rem;
    line-height: .46rem; }

  .case-show .list {
    width: 100%; }
  .case-show .col {
    width: 100%;
    padding-top: .3rem; }
    .case-show .col h2 {
      font-size: .32rem;
      padding: .25rem 0; }

  .news {
    padding-bottom: .5rem; }
    .news li {
      padding: .3rem 0; }
      .news li:before {
        left: 0;
        bottom: 0; }
      .news li .img {
        width: 100%;
        position: relative; }
      .news li h3 {
        line-height: .4rem; }
        .news li h3 a {
          font-size: .28rem; }
      .news li .time {
        font-size: .24rem;
        line-height: .4rem;
        position: static;
        padding-bottom: .1rem; }
      .news li p {
        font-size: .24rem;
        line-height: .4rem;
        padding-bottom: .2rem; }
      .news li .more a {
        position: static;
        font-size: .24rem;
        width: 1.6rem;
        height: .5rem;
        line-height: .5rem;
        background-position: 1.3rem center;
        background-size: .2rem;
        padding-left: .16rem; }

  .pc-show {
    display: none; }

  .news-show h2.title {
    font-size: .32rem; }
  .news-show .time {
    font-size: .24rem; }

  .contact .form li {
    width: 3.3rem; }
    .contact .form li .ico {
      width: .32rem;
      height: .32rem; }
    .contact .form li .input input, .contact .form li .input textarea {
      height: .6rem;
      line-height: .6rem;
      font-size: .24rem;
      padding-left: .4rem; }
    .contact .form li .input textarea {
      height: 1.8rem;
      line-height: .4rem;
      padding: .1rem 0 .1rem .4rem; }
  .contact .form .submit div {
    width: 2rem;
    height: .6rem; }
  .contact .form .submit input {
    height: .6rem;
    font-size: .26rem; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

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