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 a.tel {
    font-size: .32rem;
    line-height: 1rem;
    right: 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: 100%;
    background: #333;
    right: -100%;
    top: 1rem;
    padding-bottom: 1rem; }
    .nav li {
      float: none;
      padding: 0;
      border-top: rgba(255, 255, 255, 0.1) solid 1px; }
    .nav a.name {
      height: 1.4rem;
      font-size: .3rem;
      line-height: .4rem; }
      .nav a.name em {
        font-size: .24rem; }
    .nav .list {
      border-top: rgba(255, 255, 255, 0.1) solid 1px;
      display: none;
      background: rgba(255, 255, 255, 0.05); }
      .nav .list .list-wrapper {
        padding-top: .4rem; }
        .nav .list .list-wrapper dl {
          display: flex;
          display: -webkit-flex;
          flex-wrap: wrap;
          -webkit-flex-wrap: wrap; }
        .nav .list .list-wrapper dd {
          width: 25%;
          padding-bottom: .4rem; }
        .nav .list .list-wrapper a {
          display: block;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          width: 1.2rem;
          padding: .08rem;
          margin: 0 auto;
          background: rgba(255, 255, 255, 0.3); }
          .nav .list .list-wrapper a img {
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background: #fff;
            width: 100%; }
        .nav .list .list-wrapper a:hover {
          background: #e52e2e; }

  .foot2 {
    line-height: .4rem;
    font-size: .22rem;
    padding: .3rem 0; }
    .foot2 span {
      padding-right: 0;
      display: block; }

  .foot .list {
    position: relative;
    top: 0;
    width: 100%;
    padding-top: .5rem; }
    .foot .list li {
      width: 100%;
      padding: 0 0 .35rem 1.2rem;
      min-height: 1.2rem; }
      .foot .list li .img {
        width: 1rem; }
      .foot .list li h2 {
        line-height: .4rem;
        font-size: .28rem;
        color: #fff; }
      .foot .list li .name {
        font-size: .28rem;
        line-height: .5rem; }
      .foot .list li p {
        font-size: .22rem; }
  .foot p.tips {
    font-size: .32rem;
    line-height: .6rem; }
  .foot .msg {
    text-align: left;
    font-size: .22rem;
    line-height: 2em;
    padding: .3rem 0;
    border-top: rgba(255, 255, 255, 0.1) solid 1px; }

  /*index*/
  .indexFlash .imgList li {
    height: 4.5rem; }
  .indexFlash a.arrow {
    margin-top: -.6rem; }
    .indexFlash a.arrow.prev {
      left: .3rem; }
    .indexFlash a.arrow.next {
      right: .3rem; }
  .indexFlash .list {
    right: 0;
    margin-right: 0;
    width: 100%;
    height: .8rem;
    line-height: .8rem; }
    .indexFlash .list .name {
      font-size: .28rem; }
    .indexFlash .list li {
      height: .8rem;
      line-height: .8rem;
      padding: 0 .3rem 0 1.3rem;
      font-size: .24rem; }

  .index .wal {
    margin: 0; }
  .index:before {
    display: none; }
  .index .col {
    width: 100%; }
  .index .col-1 {
    padding: .6rem .3rem;
    background: #f5f5f5; }
    .index .col-1 .box {
      min-height: 2.3rem;
      padding: 0 0 0 2.3rem; }
      .index .col-1 .box .img {
        width: 2rem;
        padding: .15rem; }
      .index .col-1 .box .name {
        min-height: 1rem; }
        .index .col-1 .box .name h2 {
          font-size: .32rem; }
        .index .col-1 .box .name h3 {
          font-size: .24rem; }
    .index .col-1 li {
      min-height: .5rem;
      padding: 0 0 .08rem .4rem; }
      .index .col-1 li img {
        height: .3rem;
        top: .05rem; }
      .index .col-1 li p {
        line-height: .4rem;
        font-size: .24rem; }
  .index .col-2 {
    padding: 0 .3rem 1rem .3rem; }
    .index .col-2 .title h2 {
      font-size: .32rem; }
    .index .col-2 .title em {
      font-size: .24rem; }
    .index .col-2 .arrow {
      right: .3rem; }

  .pageNum a {
    margin: 0 .2rem;
    font-size: .24rem;
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    display: none; }
    .pageNum a.arrow {
      width: 1.5rem;
      display: block; }
    .pageNum a.arrow2 {
      background-size: .12rem;
      display: block; }

  .caseNav ul {
    margin-left: -.38rem;
    margin-right: -.2rem; }
  .caseNav a {
    height: 1.8rem;
    flex-direction: column;
    -webkit-flex-direction: column; }
    .caseNav a .img {
      margin-right: 0;
      margin-bottom: .1rem; }
    .caseNav a .col {
      letter-spacing: 0;
      text-align: center; }
      .caseNav a .col h2 {
        font-size: .24rem; }
      .caseNav a .col span {
        font-size: .18rem; }

  .case ul {
    margin-left: -.3rem; }
  .case li {
    width: 33.333%;
    padding: 0 0 .3rem .3rem; }
    .case li .name a {
      font-size: .24rem;
      height: .8rem;
      line-height: .8rem; }

  .caseShow .msg {
    font-size: .26rem;
    line-height: .6rem; }
  .caseShow a.back {
    top: 1.1rem;
    font-size: .24rem;
    width: 2rem;
    height: .7rem;
    line-height: .68rem; }
  .caseShow div.title img {
    width: .32rem; }
  .caseShow div.title h2 {
    font-size: .26rem; }
  .caseShow .content {
    font-size: .24rem;
    line-height: .44rem; }

  .pageNum2 {
    padding: .3rem 0; }
    .pageNum2 li {
      line-height: .6rem;
      font-size: .24rem;
      width: 100%; }

  .news {
    padding: .7rem 0 0 0; }
    .news li .img {
      position: relative;
      width: 100%; }
      .news li .img a:after {
        display: none; }
    .news li .box {
      width: 100%;
      padding: .2rem 0 .3rem 0; }
    .news li .time {
      font-size: .24rem; }
    .news li .name {
      font-size: .26rem; }
    .news li .content {
      font-size: .22rem;
      line-height: .44rem;
      padding: .2rem 0; }
    .news li a.more {
      font-size: .24rem;
      line-height: .6rem; }

  .newShow .time span {
    background-size: .2rem;
    padding-left: .3rem;
    font-size: .22rem; }
  .newShow a.back {
    top: 1.1rem;
    font-size: .24rem;
    width: 2rem;
    height: .7rem;
    line-height: .68rem; }
  .newShow .content {
    font-size: .24rem;
    line-height: .44rem; }

  .environment li {
    width: 50%; }

  .job .img {
    width: 100%; }
  .job .box {
    width: 100%;
    padding: .5rem 0; }
  .job .msg {
    padding-bottom: .3rem;
    font-size: .22rem; }
  .job .btn a {
    height: .7rem;
    line-height: .7rem;
    font-size: .26rem; }

  .pageTitle p {
    font-size: .2rem; }

  .about_01 li .wal {
    min-height: 1rem; }
  .about_01 li .img {
    position: relative;
    width: 100%;
    height: 5rem; }
  .about_01 li .box {
    width: 100%; }
  .about_01 li .content {
    font-size: .22rem;
    line-height: .44rem; }

  .about_02 .list-1 ul {
    margin-left: -.5rem;
    margin-right: -.2rem; }
  .about_02 .list-1 .box {
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    text-align: center;
    min-height: 2rem;
    padding: 0 .1rem; }
    .about_02 .list-1 .box .img {
      margin-right: 0; }
    .about_02 .list-1 .box .col {
      padding-top: .1rem; }
      .about_02 .list-1 .box .col h2 {
        font-size: .24rem;
        letter-spacing: 0; }
      .about_02 .list-1 .box .col span {
        font-size: .18rem;
        letter-spacing: 0; }

  /**/
  .service_01 .row {
    margin-left: .26rem;
    padding: .45rem .2rem .43rem .45rem; }
    .service_01 .row .name {
      height: 1.23rem;
      padding: .3rem .15rem 0 .15rem;
      font-size: .24rem; }
    .service_01 .row dd {
      width: 20%; }

  .service_02 .list {
    margin-top: .2rem; }
  .service_02 h2.title {
    font-size: .26rem; }
  .service_02 li {
    width: 100%; }
  .service_02 .box {
    padding: .22rem .22rem .22rem 2rem;
    min-height: 1.9rem; }
    .service_02 .box .img {
      width: 1.6rem;
      height: 1.6rem; }
      .service_02 .box .img img {
        width: .4rem; }
      .service_02 .box .img div {
        font-size: .22rem; }
    .service_02 .box dd {
      font-size: .22rem;
      line-height: .4rem; }
      .service_02 .box dd:before {
        height: .4rem; }

  .service_03 dl.btn {
    position: relative;
    top: -.3rem;
    margin-left: -.2rem; }
    .service_03 dl.btn dd {
      padding-left: .2rem;
      width: 50%; }
    .service_03 dl.btn a {
      width: 100%;
      height: .7rem;
      line-height: .7rem;
      font-size: .2rem; }
      .service_03 dl.btn a em {
        font-size: .24rem; }
  .service_03 .list li {
    width: 2.4rem; }
  .service_03 .list li.li_01 {
    margin-left: -3rem; }
  .service_03 .list li.li_02 {
    margin-left: .6rem; }
  .service_03 .list li.li_03 {
    margin-left: -1.4rem;
    top: 2rem;
    width: 2rem; }
  .service_03 .list li.li_04 {
    margin-left: 1rem;
    top: 2.3rem; }
  .service_03 .list li.li_05 {
    margin-left: -3.45rem;
    top: 3.6rem; }
  .service_03 .list li.li_06 {
    margin-left: .26rem;
    top: 4.2rem;
    width: 1.8rem; }

  .service_04 li {
    width: 100%; }
  .service_04 .box p {
    font-size: .22rem;
    line-height: .36rem; }

  .service_05 .title2 div {
    font-size: .2rem; }
    .service_05 .title2 div b {
      font-size: .26rem; }

  .service_06 .list .title2 {
    font-size: .2rem; }
    .service_06 .list .title2 b {
      font-size: .26rem; }
  .service_06 .list dd {
    font-size: .22rem;
    line-height: .4rem; }
    .service_06 .list dd:before {
      height: .4rem; }
  .service_06 .list2 li {
    width: 3.3rem; }
    .service_06 .list2 li .box {
      min-height: 2.3rem; }
    .service_06 .list2 li .title2 {
      width: 2.4rem;
      margin-left: -1.2rem;
      font-size: .2rem; }
      .service_06 .list2 li .title2 h2 {
        font-size: .26rem;
        padding-bottom: 1px; }
    .service_06 .list2 li dd {
      padding-bottom: .1rem; }
      .service_06 .list2 li dd div {
        height: 1rem;
        font-size: .22rem;
        line-height: .36rem; }
  .service_06 .list2 .li_01 {
    width: 100%;
    padding-bottom: .6rem; }
    .service_06 .list2 .li_01 dd {
      width: 100%; }
  .service_06 .list2 .li_03 dd div {
    height: 2.1rem; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

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