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: 1600px) {
  .product li {
    width: 33.333%; } }
@media screen and (max-width: 800px) {
  html {
    font-size: 50px; }

  .wal {
    max-width: 8rem;
    padding: 0 .3rem; }

  .pc-show {
    display: none; }

  .phone-show {
    display: block; }

  body.navShow {
    overflow: hidden; }
    body.navShow .g-head .navA {
      background-image: url("../image/close.png"); }
    body.navShow .g-head.on .navA {
      background-image: url("../image/close2.png"); }
    body.navShow .g-nav {
      right: 0; }

  .g-head .wal {
    min-height: 1.2rem; }
  .g-head a.logo {
    left: .3rem; }
  .g-head .navA {
    display: block;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
    width: 1rem;
    height: 1.2rem;
    background: url("../image/navA.png") center no-repeat;
    background-size: .4rem; }

  .g-nav {
    position: fixed;
    overflow-y: auto;
    width: 100%;
    right: -100%;
    top: 1.2rem;
    bottom: 0;
    background: #fff; }
    .g-nav li {
      border-top: #eee solid 1px;
      padding: 0;
      width: 100%; }
    .g-nav a.name {
      height: 1rem;
      line-height: 1rem;
      font-size: .28rem;
      padding-left: .5rem;
      color: #000; }
      .g-nav a.name:hover, .g-nav a.name.on {
        background: none; }
    .g-nav .list {
      display: none;
      border-top: #eee solid 1px;
      padding: .15rem 0; }
      .g-nav .list dl {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap; }
      .g-nav .list dd {
        min-width: 33.333%; }
      .g-nav .list a {
        display: block;
        font-size: .24rem;
        height: .8rem;
        line-height: .8rem;
        text-align: center; }

  .g-head.on .wal {
    min-height: 1.2rem; }
  .g-head.on a.logo {
    width: 1.65rem; }
  .g-head.on .navA {
    background-image: url("../image/navA2.png"); }
  .g-head.on .g-nav li {
    padding: 0; }
  .g-head.on .g-nav a.name {
    color: #333; }
  .g-head.on .g-nav li:hover a.name, .g-head.on .g-nav a.name.on {
    color: #333; }

  .g-foot {
    font-size: .24rem; }
    .g-foot:after {
      display: none; }
    .g-foot .list {
      padding: .6rem 0 .4rem 0; }
      .g-foot .list li {
        font-size: .24rem; }
        .g-foot .list li .ico {
          width: .5rem; }
        .g-foot .list li h3 {
          font-size: .32rem; }
      .g-foot .list .content {
        line-height: .4rem; }
    .g-foot .ewm {
      width: 1.4rem;
      right: .3rem;
      font-size: .2rem; }
    .g-foot .nav {
      position: static; }
      .g-foot .nav ul {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap; }
      .g-foot .nav li {
        width: 25%;
        padding-bottom: .4rem; }
      .g-foot .nav h2 a {
        font-size: .28rem; }
      .g-foot .nav dd {
        line-height: .5rem; }
      .g-foot .nav li:nth-child(1) {
        width: 50%;
        padding-right: .35rem; }
        .g-foot .nav li:nth-child(1) dd {
          min-width: 50%; }
      .g-foot .nav li:nth-child(4) {
        order: 3; }
      .g-foot .nav li:nth-child(6) {
        order: 4; }
      .g-foot .nav li:nth-child(5) {
        width: 50%; }
    .g-foot .link {
      line-height: .46rem;
      border-top: rgba(255, 255, 255, 0.2) solid 1px;
      border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
      margin-left: -.3rem;
      margin-right: -.3rem;
      padding: .2rem .3rem;
      align-items: flex-start;
      -webkit-align-items: flex-start; }
      .g-foot .link h2 {
        font-size: .26rem;
        flex-shrink: 0; }
        .g-foot .link h2:after {
          height: .32rem;
          margin-top: -.16rem; }
      .g-foot .link li {
        padding-right: .2rem;
        font-size: .24rem; }
    .g-foot .msg {
      line-height: 1rem;
      font-size: .21rem; }

  .side-bar {
    right: .1rem;
    width: .6rem; }
    .side-bar li a.name {
      height: .6rem; }
    .side-bar li .layer {
      height: .6rem;
      line-height: .6rem;
      width: 2rem;
      font-size: .28rem; }

  /*index*/
  .indexFlash li .word {
    padding-top: 1.15rem; }
    .indexFlash li .word div {
      width: 6.09rem; }
  .indexFlash .dots {
    bottom: .3rem;
    left: auto;
    right: .2rem; }
    .indexFlash .dots span {
      width: .2rem;
      height: .2rem;
      margin: 0 .1rem; }

  .index-product {
    padding-bottom: .6rem; }
    .index-product .index-title {
      padding: .65rem 0 .35rem 0; }
    .index-product .list {
      margin-left: .1rem;
      margin-right: .1rem; }
    .index-product .p-arrow a {
      width: .22rem; }
      .index-product .p-arrow a.prev {
        margin-left: -.3rem; }
      .index-product .p-arrow a.next {
        margin-right: -.3rem; }
    .index-product .list-wrapper li {
      padding: .1rem; }
    .index-product .list-wrapper a {
      min-height: 2rem;
      padding: .5rem .1rem 0 .1rem; }
      .index-product .list-wrapper a .img {
        max-width: 2rem;
        padding-bottom: 0; }
      .index-product .list-wrapper a h3 {
        text-align: center;
        height: 1.1rem;
        line-height: 1.1rem;
        overflow: hidden; }
      .index-product .list-wrapper a p, .index-product .list-wrapper a .more {
        display: none; }

  .index-title h2 {
    font-size: .42rem; }

  .index-case {
    padding-bottom: .65rem; }
    .index-case .index-title {
      padding: .65rem 0 .35rem 0; }
    .index-case .list {
      margin-left: .1rem;
      margin-right: .1rem; }
    .index-case .p-arrow a {
      width: .22rem;
      margin-top: 0;
      top: .6rem; }
      .index-case .p-arrow a.prev {
        margin-left: -.3rem; }
      .index-case .p-arrow a.next {
        margin-right: -.3rem; }
    .index-case .list-wrapper {
      padding: 0; }
      .index-case .list-wrapper li {
        padding: 0 .1rem; }
      .index-case .list-wrapper a:before, .index-case .list-wrapper a:after {
        display: none; }
      .index-case .list-wrapper a .name {
        font-size: .2rem;
        letter-spacing: 0;
        line-height: .28rem;
        position: relative;
        left: 0;
        right: 0;
        color: #666;
        padding-top: .15rem; }
        .index-case .list-wrapper a .name:after {
          top: .2rem;
          margin-top: 0; }

  .index-news {
    padding-bottom: 1rem; }
    .index-news .btn {
      position: relative;
      left: -.9rem;
      top: -.4rem; }
    .index-news .container {
      font-size: .24rem; }
      .index-news .container .name {
        font-size: .26rem; }
      .index-news .container p {
        max-width: 100%;
        line-height: .34rem;
        height: .68rem; }
      .index-news .container a.side {
        position: relative;
        width: 100%;
        max-width: 100%; }
        .index-news .container a.side .img {
          width: 100%; }
          .index-news .container a.side .img div {
            position: static; }
          .index-news .container a.side .img img {
            display: block; }
      .index-news .container .list {
        width: 100%;
        max-width: 100%;
        margin-top: .3rem;
        max-height: 4.2rem; }
        .index-news .container .list li a {
          min-height: 1.41rem;
          padding: .2rem 0 .2rem 2.4rem; }
          .index-news .container .list li a .img {
            width: 2.2rem; }

  .index-about .wal {
    padding: .9rem .3rem 7rem .3rem; }
  .index-about h2.title {
    font-size: .42rem; }
  .index-about .content {
    font-size: .24rem;
    line-height: .42rem;
    width: 100%;
    padding: .4rem 0; }
  .index-about .map {
    top: auto;
    bottom: 0;
    right: -2.8rem; }
    .index-about .map .bg {
      transform: scale(0.7);
      -webkit-transform: scale(0.7);
      -moz-transform: scale(0.7);
      -o-transform: scale(0.7); }

  /*page*/
  .p-banner {
    height: 4rem; }

  .product ul {
    margin-left: -.3rem; }
  .product li {
    width: 50%;
    padding: 0 0 .36rem .3rem; }
  .product a .img {
    padding: .3rem; }
  .product a .layer, .product a .layer-hover {
    height: 1.5rem; }
    .product a .layer .name, .product a .layer-hover .name {
      font-size: .28rem; }
    .product a .layer p, .product a .layer-hover p {
      font-size: .22rem;
      line-height: .34rem;
      max-height: .68rem; }
  .product a .layer-hover {
    display: none; }

  .foot-consult h2 {
    font-size: .32rem; }
  .foot-consult a.btn {
    width: 2.8rem;
    height: .8rem;
    font-size: .26rem; }

  .product-1 .wal {
    padding: .8rem .3rem .95rem .3rem; }
    .product-1 .wal:before {
      right: 0; }
    .product-1 .wal .content {
      width: 100%;
      font-size: .24rem;
      line-height: .44rem;
      padding-top: .4rem; }

  .product-2 .list {
    padding: 0 .5rem .5rem; }
    .product-2 .list li {
      width: 100%; }
      .product-2 .list li .name {
        font-size: .28rem;
        font-weight: bold; }
      .product-2 .list li p {
        font-size: .24rem;
        line-height: .4rem; }

  .product-3 .wal {
    padding: 0; }

  .product-4 .col, .product-4 .img {
    width: 100%; }
  .product-4 .col .content {
    font-size: .24rem;
    line-height: .44rem; }
  .product-4 .col h3 {
    font-size: .28rem; }
  .product-4 .col .tips {
    font-size: .24rem;
    line-height: .44rem; }
  .product-4 .img {
    padding: .4rem 0 1rem 0; }

  .about li h3 {
    font-size: .32rem; }
  .about li .msg img {
    height: .28rem; }
  .about li .content {
    font-size: .24rem;
    line-height: .44rem; }
  .about li .col {
    width: 100%;
    padding: 0 0 .5rem 0; }
  .about li .img {
    width: 100%; }
    .about li .img:after {
      display: none; }
  .about li:nth-child(even) .col {
    padding: 0 0 .3rem 0; }
  .about li:nth-child(even) .img {
    order: 1; }

  .history {
    padding-bottom: .5rem; }
    .history .list {
      padding: 0 .3rem; }
    .history .list-wrapper li .year {
      font-size: .28rem; }
    .history .list2 li {
      font-size: .24rem;
      line-height: .44rem; }
      .history .list2 li:after {
        height: .44rem; }

  .culture {
    padding: 1.2rem .6rem; }
    .culture ul {
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      height: auto; }
    .culture li {
      width: 100%;
      max-width: 100%;
      margin-bottom: .6rem; }
      .culture li .img img {
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: grayscale(0); }
      .culture li .layer .name {
        font-size: .32rem; }
      .culture li .layer .msg {
        font-size: .24rem;
        line-height: .48rem; }

  .honor li {
    width: 50%; }
    .honor li .name {
      height: 1rem;
      font-size: .24rem;
      line-height: .34rem; }

  .team-1 .bg {
    height: 7rem; }
  .team-1 .img {
    width: 4rem; }
  .team-1 .col {
    width: 100%;
    padding-top: 1.3rem; }
    .team-1 .col .msg {
      font-size: .26rem;
      line-height: .6rem; }
    .team-1 .col .word img {
      height: .32rem; }
    .team-1 .col .list li {
      font-size: .24rem;
      line-height: .4rem; }
      .team-1 .col .list li em {
        font-size: .28rem; }

  .team-2 {
    min-height: 8rem; }
    .team-2 .wal {
      padding: 0; }
    .team-2 .list-wrapper {
      width: 18rem;
      margin-left: -9rem; }
      .team-2 .list-wrapper li .name {
        font-size: .26rem; }

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

  .p-num div {
    font-size: .28rem; }

  a.p-back, a.p-more {
    width: 1.6rem;
    height: .52rem;
    line-height: .5rem;
    font-size: .24rem; }

  .new-show .title, .case-show .title {
    font-size: .32rem;
    line-height: .52rem;
    padding-bottom: .3rem; }
  .new-show .p-back, .case-show .p-back {
    right: .3rem; }
  .new-show .row .time, .case-show .row .time {
    font-size: .22rem;
    line-height: .6rem; }
  .new-show .content, .case-show .content {
    font-size: .24rem;
    line-height: .44rem; }

  .case-show .img-list {
    width: 100%; }
    .case-show .img-list .num {
      width: 1.2rem;
      height: .44rem;
      line-height: .44rem;
      font-size: .24rem; }
      .case-show .img-list .num em {
        font-size: .32rem; }
  .case-show .scroll {
    width: 100%;
    margin-top: .4rem; }

  .p-num2 {
    height: 1rem; }
    .p-num2:after {
      height: .3rem;
      margin-top: -.15rem; }
    .p-num2 a {
      font-size: .26rem; }

  .case-news ul {
    margin-left: -.5rem;
    margin-bottom: -.5rem; }
  .case-news li {
    width: 100%;
    padding: 0 0 .5rem .5rem; }
    .case-news li a .name {
      font-size: .26rem;
      line-height: .4rem; }
    .case-news li a .time {
      font-size: .24rem; }

  .news-nav a {
    height: 1.6rem;
    font-size: .24rem; }
    .news-nav a .ico {
      width: .5rem; }

  .news li {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-justify-content: flex-start; }
    .news li .time {
      font-size: .24rem; }
      .news li .time em {
        font-size: .8rem; }
    .news li .img {
      width: 4.6rem; }
    .news li .col {
      padding-top: .3rem; }
    .news li .name a {
      font-size: .28rem;
      line-height: 1.5em; }
    .news li p {
      font-size: .22rem;
      line-height: .36rem;
      padding-bottom: .2rem; }

  .contact li {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap; }
    .contact li .col {
      width: 100%;
      padding: 0 0 .5rem 0; }
      .contact li .col dl.msg dd {
        font-size: .24rem;
        height: .5rem; }
      .contact li .col .ewm p {
        font-size: .24rem;
        line-height: .4rem; }

  .contact-form {
    padding-bottom: .5rem; }
    .contact-form .form li .name {
      font-size: .24rem; }
    .contact-form .form li .input input, .contact-form .form li .input textarea {
      height: .7rem;
      line-height: .7rem;
      font-size: .24rem;
      padding: 0 .2rem; }
    .contact-form .form li .input textarea {
      height: 3rem;
      padding: .2rem .2rem;
      line-height: .3rem; }
    .contact-form .form .submit div {
      width: 2.2rem;
      height: .7rem; }
    .contact-form .form .submit input {
      height: .7rem;
      font-size: .26rem; }

  .jkyl .content {
    font-size: .24rem;
    line-height: .44rem;
    letter-spacing: .02rem; } }
@media screen and (max-width: 550px) {
  .wal {
    padding: 0 .3rem; } }

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