/*rgba(31, 82, 152, .9)*/
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;
  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 (min-width: 800px){
  body.side-hide{
    $headH:.6rem;
    .g-headD{height: $headH}
    .g-head{width: $headH;
      a.logo{background-size: .4rem}
      .search{
        a{width: .36rem; height: .36rem}
      }
    }
    .g-nav{
      ul{display: none}
      .btn{background-size: .28rem;
        em{opacity: 1; visibility: visible}
      }
    }

    .g-nav-all, .g-search{left: $headH;
      .title{width: $headH;
        h2{font-size: .18rem; width: 2em; margin: 0 auto}
      }
    }

    .g-foot{padding: 0 .2rem 0 $headH + .2rem;
      .msg{padding-left: $headH}
    }

    #index{
      .index-slide{padding: 0 .2rem 0 $headH + .2rem}
    }
    .indexIco{margin-left: $headH/2 - .13rem}

    .indexFlash{margin-left: -$headH - .2rem;
      li{padding-left: $headH + .2rem}
    }

    .index-about{
      .img{
        div{@include absolute($l:0, $t:0, $r:-$headH/2, $b:0)}
      }
    }

    .index-product{
      li:nth-child(1) .bg{margin-left: -$headH}
    }

    .p-box{padding-left: $headH}

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

  .wal {
    max-width: 8rem; }

  .g-head {
    width: 100%;
    bottom: auto;
    height: 1.4rem; }
    .g-head a.logo {
      width: .8rem;
      height: 1.4rem;
      top: 0;
      left: .3rem; }
    .g-head .navA {
      display: block;
      position: absolute;
      z-index: 1;
      left: auto;
      right: 1rem;
      top: 0;
      bottom: auto;
      width: 1.4rem;
      height: 1.4rem;
      background: url("../image/navA.png") center no-repeat;
      background-size: .4rem; }
    .g-head .search {
      bottom: 0;
      top: 0.4rem;
      left: auto;
      right: .3rem; }
      .g-head .search a {
        display: block;
        width: .6rem;
        height: .6rem;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin: 0 auto;
        border: #fff solid 1px;
        background: url("../image/btn58.png") center no-repeat;
        background-size: 100%; }
        .g-head .search a:hover {
          background-color: #ffaa00;
          border-color: #ffaa00; }

  .g-nav {
    display: none; }

  .g-nav-all, .g-search {
    left: 0;
    top: 1.4rem; }
    .g-nav-all .title, .g-search .title {
      display: none; }

  .g-nav-all li {
    width: 33.333%;
    height: auto;
    border: 0;
    border-top: rgba(255, 255, 255, 0.3) solid 1px;
    text-align: center;
    padding: .3rem 0; }
    .g-nav-all li:nth-child(1), .g-nav-all li:nth-child(2) {
      width: 100%; }
    .g-nav-all li a.name span {
      font-size: .18rem;
      letter-spacing: -.01rem; }
    .g-nav-all li dl {
      min-height: auto;
      padding-top: .25rem;
      display: flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      width: 100%;
      justify-content: center;
      -webkit-justify-content: center; }
      .g-nav-all li dl dd {
        width: 20%; }
      .g-nav-all li dl a {
        font-size: .24rem;
        line-height: .68rem; }

  .g-search {
    border-left: 0;
    border-top: rgba(255, 255, 255, 0.3) solid 1px; }
    .g-search .wal {
      padding-bottom: 1.4rem; }
    .g-search .form {
      height: 1rem; }
      .g-search .form .input .tips {
        font-size: .25rem; }
        .g-search .form .input .tips em {
          font-size: .2rem;
          padding-bottom: .1rem; }
      .g-search .form .input input {
        height: 1rem;
        line-height: 1rem;
        font-size: .24rem; }
      .g-search .form .submit input {
        height: 1rem; }

  .side-bar {
    display: none; }

  .g-foot {
    font-size: .22rem;
    padding: 0; }
    .g-foot .wal {
      padding-top: .4rem; }
      .g-foot .wal .tel {
        width: 100%; }
        .g-foot .wal .tel h3 {
          font-size: .22rem; }
      .g-foot .wal .list {
        width: 100%;
        padding: .7rem 0 0 0; }
        .g-foot .wal .list li {
          min-height: 1rem;
          width: 65%; }
          .g-foot .wal .list li:nth-child(even) {
            width: 35%; }
          .g-foot .wal .list li h3 {
            font-size: .24rem; }
            .g-foot .wal .list li h3 a {
              font-size: .2rem;
              height: .3rem;
              line-height: .3rem;
              padding: 0 .18rem; }
          .g-foot .wal .list li p {
            font-size: .22rem; }
      .g-foot .wal .ewm {
        top: .4rem; }
        .g-foot .wal .ewm p {
          font-size: .2rem;
          margin-left: -.3rem;
          margin-right: -.3rem; }
    .g-foot .msg {
      padding: .15rem;
      position: static;
      line-height: .38rem;
      text-align: center; }
      .g-foot .msg p {
        width: 100%; }

  /*index*/
  #index .index-slide {
    padding: 0; }

  .indexIco {
    margin-left: -.13rem; }

  .indexFlash {
    margin: 0; }
    .indexFlash li {
      padding: 0; }
      .indexFlash li .img-1 {
        width: 100%;
        padding-top: 35vh; }
      .indexFlash li .img-2 {
        padding-top: 35vh; }
    .indexFlash .dots {
      margin-left: -3.2rem; }

  a.g-more {
    font-size: .24rem;
    width: 1.8rem;
    height: .6rem;
    line-height: .6rem; }

  a.g-more2 {
    display: block;
    width: .72rem;
    height: .72rem;
    background: #ffaa00 url("../image/img26_1.png") center no-repeat;
    background-size: .26rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
    a.g-more2:hover {
      box-shadow: 0 0.08rem 0.2rem #ffaa00;
      -webkit-box-shadow: 0 0.08rem 0.2rem #ffaa00;
      -moz-box-shadow: 0 0.08rem 0.2rem #ffaa00; }

  .index-about .img {
    width: 100%;
    opacity: .3;
    bottom: 45vh; }
    .index-about .img div {
      right: 0; }
  .index-about .wal {
    padding-top: 1.4rem; }
  .index-about .container {
    width: 100%; }
  .index-about .content {
    font-size: .24rem;
    line-height: .4rem; }
  .index-about .more {
    padding-bottom: .4rem; }
  .index-about .list {
    padding-top: .5rem; }
    .index-about .list li {
      height: 1.3rem;
      padding-right: .2rem; }
      .index-about .list li h3 {
        font-size: .26rem; }
      .index-about .list li p {
        font-size: .22rem; }

  .index-product ul {
    margin: 0; }
  .index-product li {
    width: 50%; }
    .index-product li .bg {
      height: 45vh; }
    .index-product li .layer {
      bottom: 1.6rem; }
      .index-product li .layer dl {
        display: none; }
      .index-product li .layer .more {
        padding-top: .5rem; }
  .index-product li:nth-child(1) .bg, .index-product li:nth-child(2) .bg {
    height: 55vh; }
  .index-product li:nth-child(1) .layer, .index-product li:nth-child(2) .layer {
    top: 1.4rem; }
  .index-product li:nth-child(1) .bg {
    margin-left: 0; }

  .index-service .wal {
    padding-top: 1.4rem; }
    .index-service .wal .list {
      padding-top: 5rem; }
      .index-service .wal .list ul {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        margin-left: -.7rem;
        margin-right: -.7rem; }
      .index-service .wal .list li {
        position: relative;
        width: 3.4rem;
        height: 1.5rem;
        margin-top: .2rem;
        padding: 0 .1rem 0 1rem; }
        .index-service .wal .list li:before, .index-service .wal .list li:after {
          display: none; }
        .index-service .wal .list li .ico {
          left: .2rem; }
        .index-service .wal .list li h3 {
          font-size: .26rem; }
        .index-service .wal .list li p {
          font-size: .18rem; }
      .index-service .wal .list li:nth-child(3), .index-service .wal .list li:nth-child(4) {
        height: 1.7rem; }

  .index-maintenance .wal {
    padding-top: 1.4rem;
    margin: 0; }
    .index-maintenance .wal .index-title {
      margin: 0 .3rem; }
    .index-maintenance .wal .msg {
      font-size: .24rem;
      line-height: .4rem;
      margin: 0 .3rem; }
    .index-maintenance .wal .list-wrapper {
      width: 20.6rem;
      margin-left: -10.3rem; }
      .index-maintenance .wal .list-wrapper li .layer {
        left: .3rem;
        right: .3rem;
        padding: .2rem 1rem .2rem .3rem;
        font-size: .2rem; }
        .index-maintenance .wal .list-wrapper li .layer h3 a {
          font-size: .26rem; }
        .index-maintenance .wal .list-wrapper li .layer a.g-more2 {
          right: .3rem; }

  .index-search .wal {
    padding-top: 1.4rem; }
    .index-search .wal .msg {
      font-size: .26rem; }
    .index-search .wal .form .input input {
      font-size: .24rem; }
    .index-search .wal .form .submit input {
      font-size: .26rem; }
    .index-search .wal .list li {
      width: 100%;
      line-height: .7rem;
      font-size: .24rem; }
      .index-search .wal .list li p {
        padding-left: .2rem; }

  .index-news .wal {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-right: 0; }
    .index-news .wal .col {
      min-height: 1rem;
      height: 35vh;
      padding-top: 2.2rem;
      width: 100%;
      position: relative; }
      .index-news .wal .col .more {
        position: absolute;
        z-index: 1;
        left: auto;
        right: 0.3rem;
        top: 2.8rem;
        bottom: auto; }
      .index-news .wal .col .arrow {
        width: 1.5rem;
        padding-top: .3rem; }
    .index-news .wal .list {
      width: 100%;
      left: 0; }
      .index-news .wal .list a {
        height: 65vh; }
        .index-news .wal .list a .time {
          padding-bottom: .5rem; }
        .index-news .wal .list a .time2 {
          font-size: .22rem; }
        .index-news .wal .list a h3 {
          font-size: .24rem;
          height: .7rem;
          line-height: .7rem; }
        .index-news .wal .list a p {
          font-size: .22rem;
          line-height: .4rem;
          height: 1.2rem; }

  .g-arrow {
    width: 2rem; }
    .g-arrow .num {
      font-size: .24rem; }
      .g-arrow .num em {
        font-size: .42rem; }

  .index-partner {
    padding: 1.4rem 0 5.5rem 0;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap; }
    .index-partner .list {
      width: 100%; }
    .index-partner .list-wrapper dd {
      width: 33.333%; }

  /*page*/
  .p-box {
    padding-left: 0; }

  .p-banner .wal {
    height: 5rem;
    padding-top: 1.4rem; }

  .about-1 {
    font-size: .24rem;
    line-height: .44rem; }
    .about-1 .list ul {
      margin-right: -.3rem;
      margin-left: -.3rem; }
    .about-1 .list li .img {
      height: 2.2rem; }
    .about-1 .list li .box {
      height: 2.2rem; }
      .about-1 .list li .box h2 {
        font-size: .26rem; }
      .about-1 .list li .box .msg {
        font-size: .2rem;
        line-height: 1.5em; }
    .about-1 .list li:nth-child(even) .box {
      padding-top: .3rem; }

  .about-2 .list-wrapper li .msg {
    font-size: .2rem;
    line-height: .36rem; }

  .honor ul {
    margin-left: -.3rem; }
  .honor li {
    width: 33.333%;
    padding-left: .3rem; }
    .honor li .img {
      height: 2.85rem; }
    .honor li .name {
      font-size: .22rem; }

  .join li .title:before {
    right: .3rem; }
  .join li .title h2 {
    width: 3rem;
    padding-left: .3rem;
    font-size: .26rem; }
  .join li .title div {
    font-size: .22rem;
    width: 1.5rem; }
  .join li .box {
    padding: .75rem .4rem 0 .4rem; }
    .join li .box h3 {
      font-size: .26rem; }
    .join li .box .content {
      font-size: .22rem;
      line-height: .4rem; }
    .join li .box .msg {
      font-size: .24rem; }

  .partner ul {
    margin-left: -.3rem; }
  .partner li {
    width: 33.333%;
    padding: 0 0 .5rem .3rem; }
    .partner li .name {
      height: .59rem;
      line-height: .58rem;
      font-size: .22rem; }

  .contact {
    padding: .95rem 0 .5rem 0; }
    .contact .list ul {
      width: 50%; }
    .contact .list ul:nth-child(2) {
      width: 100%;
      order: 5; }
    .contact .list li {
      font-size: .22rem; }
      .contact .list li h3 {
        font-size: .26rem; }
    .contact .ewm {
      position: static;
      width: 100%;
      border-top: #eee solid 1px;
      padding: .4rem 0 0 0; }
      .contact .ewm:before {
        display: none; }
      .contact .ewm ul {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center; }
      .contact .ewm li {
        width: 2.2rem;
        padding: 0 .3rem; }
      .contact .ewm p {
        font-size: .22rem;
        margin-left: -.3rem;
        margin-right: -.3rem; }
    .contact .map {
      height: 5rem; }

  .side-nav {
    width: 100%;
    padding-top: .5rem;
    position: relative;
    z-index: 10; }
    .side-nav ul {
      display: flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      margin-right: -.3rem;
      margin-left: -.3rem; }
    .side-nav li {
      width: 25%;
      position: relative; }
    .side-nav .name {
      font-size: .26rem;
      height: .8rem;
      line-height: .8rem;
      padding-left: .3rem; }
    .side-nav div.name:before {
      right: .2rem; }
    .side-nav dl {
      position: absolute;
      z-index: 20;
      left: 0;
      right: 0;
      top: 100%;
      bottom: auto;
      background: #fff;
      margin-top: 1px;
      padding: .1rem 0; }
      .side-nav dl a {
        font-size: .24rem;
        line-height: .6rem;
        height: .6rem;
        padding-left: .3rem;
        top: 0; }
        .side-nav dl a:before {
          left: .15rem; }
    .side-nav li.onPhone div.name {
      color: #16629e; }
      .side-nav li.onPhone div.name:before {
        background-image: url("../image/img14_1on.png"); }
    .side-nav li.onPhone dl {
      display: block; }

  .w960 {
    width: 100%; }

  .product-1 .title {
    font-size: .32rem; }
  .product-1 .container {
    padding: .3rem; }
    .product-1 .container .img {
      width: 4rem; }
    .product-1 .container .content {
      font-size: .24rem;
      line-height: .44rem;
      width: 100%;
      padding-top: .3rem; }

  .product ul {
    margin-left: -.3rem; }
  .product li {
    width: 50%;
    padding: 0 0 .4rem .3rem; }
  .product a .name {
    font-size: .22rem;
    line-height: .3rem;
    height: auto;
    padding: .2rem 0; }

  .product-search a .name {
    height: .7rem;
    font-size: .24rem; }

  .productShow div.title h3 {
    font-size: .28rem; }
  .productShow .content {
    font-size: .24rem;
    line-height: .4rem; }

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

  .product2 .title {
    font-size: .32rem; }
  .product2 ul {
    margin-left: -.3rem; }
  .product2 li {
    width: 50%;
    padding: 0 0 .4rem .3rem; }
    .product2 li .name {
      font-size: .24rem;
      height: .7rem;
      line-height: .7rem; }

  .maintenance ul {
    margin-left: -.3rem; }
  .maintenance li {
    width: 50%;
    padding: 0 0 .4rem .3rem; }
  .maintenance a {
    font-size: .24rem; }
    .maintenance a .name {
      height: .7rem;
      line-height: .7rem; }

  a.g-back {
    font-size: .22rem;
    width: 1.5rem;
    height: .5rem;
    line-height: .48rem; }

  .maintenanceShow .title {
    padding: 1rem 1.7rem .25rem 0;
    font-size: .32rem; }
  .maintenanceShow a.g-back {
    top: .9rem; }
  .maintenanceShow .img-list li .name {
    font-size: .24rem; }
  .maintenanceShow .img-list .arrow a.prev {
    left: .1rem; }
  .maintenanceShow .img-list .arrow a.next {
    right: .1rem; }
  .maintenanceShow .img-list .dots {
    right: .4rem;
    margin-right: 0; }
  .maintenanceShow .content {
    font-size: .24rem;
    line-height: .44rem; }

  .news a {
    padding: 2.6rem .3rem .3rem .3rem;
    font-size: .22rem; }
    .news a .time {
      bottom: auto;
      height: 2.9rem;
      left: 3.8rem; }
    .news a .img {
      width: 3.5rem;
      left: .3rem; }
    .news a .name {
      font-size: .26rem;
      height: .6rem;
      line-height: .6rem; }
    .news a p {
      line-height: .36rem; }
    .news a .more {
      width: 1.5rem;
      height: .48rem;
      line-height: .46rem; }

  .newShow .title {
    padding: 1rem 1.6rem 0 0; }
  .newShow .time {
    line-height: .6rem;
    font-size: .22rem; }
  .newShow .content {
    font-size: .24rem;
    line-height: .44rem; }

  .search-msg {
    font-size: .24rem; }

  .search-title h2 {
    font-size: .32rem; }

  .search-more a {
    width: 2.5rem;
    height: .7rem;
    line-height: .68rem;
    font-size: .26rem; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

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