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; }

  .pcShow {
    display: none; }

  .phoneShow {
    display: block; }

  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;
    margin: 0 .3rem; }
  .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: #fff;
    right: -100%;
    top: 1rem;
    padding-bottom: 1rem; }
    .nav li {
      border-top: rgba(0, 0, 0, 0.2) solid 1px;
      margin-left: 0;
      width: 100%; }
    .nav a.name {
      height: 1rem;
      line-height: 1rem;
      font-size: .26rem;
      padding-left: .5rem; }
      .nav a.name:before {
        display: none; }
    .nav .list {
      background: rgba(0, 0, 0, 0.02);
      display: none;
      border-top: rgba(0, 0, 0, 0.2) solid 1px; }
      .nav .list a {
        display: block;
        font-size: .24rem;
        height: .8rem;
        line-height: .8rem;
        padding-left: .5rem; }

  .foot .list {
    margin-right: -.3rem;
    padding-bottom: .5rem; }
    .foot .list li {
      width: 30%; }
      .foot .list li h2 {
        font-size: .26rem; }
      .foot .list li dd a {
        font-size: .22rem;
        height: .44rem;
        line-height: .44rem; }
    .foot .list .li_01 {
      width: 40%; }
  .foot .ewm {
    top: 3.4rem;
    right: .8rem;
    width: 1.8rem; }
    .foot .ewm p {
      font-size: .2rem;
      margin-right: -.3rem;
      margin-left: -.3rem; }
  .foot .msg {
    font-size: .22rem;
    padding: .1rem; }

  /**/
  .indexFlash {
    padding-top: 1rem; }
    .indexFlash .img {
      left: .3rem;
      margin-left: 0;
      top: 30%;
      width: 4rem; }

  a.pageMore {
    width: 1.8rem;
    height: .6rem;
    line-height: .58rem;
    font-size: .22rem; }

  .indexPart1 .img {
    position: relative;
    width: 100%;
    height: 5rem; }
  .indexPart1 .box {
    width: 100%;
    padding: 1rem .5rem .8rem .5rem;
    height: auto; }
  .indexPart1 h5.name {
    font-size: .28rem;
    padding-top: .6rem; }
  .indexPart1 .content {
    font-size: .22rem;
    line-height: .4rem; }

  .indexPart2 .img {
    width: 100%;
    left: 0;
    height: 3.04rem;
    position: relative; }
    .indexPart2 .img .title {
      left: .5rem;
      top: .7rem; }
  .indexPart2 .list {
    height: auto;
    padding: .2rem 0 0 0; }
    .indexPart2 .list li a {
      padding: .3rem .2rem .3rem .5rem;
      font-size: .24rem;
      line-height: .5rem; }
      .indexPart2 .list li a:before {
        display: none; }
      .indexPart2 .list li a .name {
        font-size: .26rem;
        height: .5rem; }
      .indexPart2 .list li a .info {
        font-size: .22rem; }
  .indexPart2 .more {
    border-top: #e1e1e1 solid 1px;
    padding: .45rem 0; }
    .indexPart2 .more a {
      margin: 0 auto; }

  .indexPart3 .wal {
    height: auto;
    padding: 1rem 0; }
  .indexPart3 .btn {
    margin-left: -.2rem;
    margin-right: -.2rem; }
    .indexPart3 .btn li {
      width: 25%;
      height: 2.76rem; }
      .indexPart3 .btn li .img {
        width: 1.3rem;
        height: 1.3rem;
        padding: .35rem; }
        .indexPart3 .btn li .img img {
          width: .6rem; }
      .indexPart3 .btn li .name {
        font-size: .24rem;
        line-height: .36rem;
        padding-top: .2rem; }
  .indexPart3 .content {
    font-size: .22rem;
    line-height: .44rem;
    padding: 0;
    background: none; }
    .indexPart3 .content span {
      font-size: .26rem; }

  .indexPart4 {
    height: auto;
    padding: .8rem .3rem; }
    .indexPart4 .wal {
      width: 100%; }
    .indexPart4 .side {
      width: 100%;
      padding-bottom: .5rem; }
      .indexPart4 .side .msg {
        font-size: .22rem;
        line-height: .4rem; }
    .indexPart4 .list {
      width: 100%; }
      .indexPart4 .list li {
        height: 2.98rem; }
      .indexPart4 .list a {
        height: 3rem;
        padding: .3rem .2rem 0 .25rem; }
        .indexPart4 .list a .name {
          font-size: .24rem; }
        .indexPart4 .list a p {
          font-size: .22rem;
          line-height: .4rem; }
    .indexPart4 .more {
      padding: .6rem 0 0 0;
      width: 100%; }
      .indexPart4 .more a {
        margin: 0 auto; }

  .indexPart5 li {
    padding: 0 .2rem .4rem .2rem; }

  /*page*/
  .pageBanner .wal {
    height: 3.8rem; }
  .pageBanner .title {
    top: 1.4rem; }

  .pageNav {
    height: 1.7rem;
    border-bottom: #eee solid 1px; }
    .pageNav .curr {
      font-size: .22rem; }
    .pageNav .list {
      position: relative;
      top: 0;
      padding-top: .5rem; }
      .pageNav .list li {
        margin-left: 0;
        width: 50%; }
      .pageNav .list a {
        height: .7rem;
        line-height: .7rem;
        font-size: .24rem; }
    .pageNav .list.list-swiper {
      width: 7.5rem;
      overflow: hidden;
      position: relative;
      left: -.3rem; }
      .pageNav .list.list-swiper li {
        width: auto; }
      .pageNav .list.list-swiper a {
        padding: 0 .1rem;
        margin-left: .3rem; }

  .about .box {
    padding: .5rem .3rem; }
    .about .box .content {
      width: 100%;
      font-size: .24rem;
      line-height: 1.8em;
      padding-top: .3rem; }

  .history:before {
    top: 2.74rem; }
  .history .wal {
    margin: 0;
    padding-top: .5rem; }
  .history a.arrow {
    top: 4.5rem;
    width: .6rem;
    height: .6rem;
    background-size: .2rem;
    display: none; }
    .history a.arrow.prev {
      left: 50%;
      margin-left: -.8rem; }
    .history a.arrow.next {
      right: 50%;
      margin-right: -.8rem; }
  .history .list .list-wrapper {
    margin-right: -.3rem;
    margin-left: -.3rem; }
  .history .list li .time {
    font-size: .26rem;
    padding: 1.68rem 0 .15rem 0; }
  .history .list li .name {
    font-size: .22rem;
    height: .9rem;
    padding-top: .4rem;
    line-height: .5rem; }
  .history .list li .layer {
    width: 3.4rem;
    height: 3.8rem;
    top: .7rem;
    margin-left: -1.7rem; }
    .history .list li .layer h3 {
      font-size: .28rem;
      padding: .25rem 0 .1rem 0; }
    .history .list li .layer h2 {
      font-size: .24rem;
      line-height: .44rem; }
  .history .list li:hover .layer {
    opacity: 0;
    visibility: hidden;
    margin-top: -.3rem; }
  .history .list li.swiper-slide-next .layer {
    opacity: 1;
    visibility: visible; }

  .industry .title {
    font-size: .22rem; }
    .industry .title div {
      font-size: .3rem; }
  .industry .list li {
    line-height: .48rem;
    font-size: .22rem; }
    .industry .list li .num {
      font-size: .3rem; }

  .qualifications li {
    padding: 1.6rem 0 .45rem 0; }
    .qualifications li .title {
      line-height: .32rem;
      font-size: .2rem; }
      .qualifications li .title div {
        font-size: .3rem; }
    .qualifications li .img {
      left: auto;
      bottom: auto;
      right: 0;
      top: .1rem; }
    .qualifications li dd {
      width: 100%;
      font-size: .24rem;
      height: .66rem;
      line-height: .66rem; }
    .qualifications li dd:nth-child(even) {
      width: 100%; }

  .news {
    padding-top: .3rem; }
    .news ul {
      margin-left: -.25rem; }
    .news li {
      width: 50%;
      padding: 0 0 .3rem .25rem; }
      .news li a.box .time {
        font-size: .22rem; }
      .news li a.box .name {
        font-size: .24rem;
        line-height: .4rem;
        height: 1.2rem; }

  .pageNum a {
    display: none; }
    .pageNum a.arrow {
      display: block;
      width: .6rem;
      height: .6rem;
      margin: 0 .3rem;
      background-size: .12rem; }

  .newShow {
    padding: .5rem 0; }
    .newShow .side {
      position: relative;
      width: 100%;
      padding: .05rem .2rem; }
      .newShow .side ul {
        display: flex;
        display: -webkit-flex; }
      .newShow .side li {
        border-bottom: 0;
        width: 33.333%; }
      .newShow .side a {
        border-bottom: 0;
        height: .8rem;
        line-height: .8rem;
        font-size: .24rem; }
    .newShow h2.title {
      font-size: .32rem; }
    .newShow .time {
      line-height: .8rem;
      font-size: .22rem; }
    .newShow .content {
      font-size: .24rem;
      line-height: 2em; }

  .culture .box {
    padding: 0; }
    .culture .box .img {
      width: auto;
      left: 0;
      position: relative;
      margin-right: -1px;
      margin-left: -1px; }
      .culture .box .img a {
        display: block;
        width: 100%;
        overflow: hidden;
        position: relative; }
    .culture .box .time {
      font-size: .24rem;
      padding: .3rem 0 0 .3rem; }
    .culture .box .name a {
      font-size: .28rem;
      height: .8rem;
      line-height: .8rem;
      padding: 0 .3rem; }
    .culture .box .content {
      font-size: .22rem;
      line-height: .4rem;
      padding: 0 .3rem .3rem .3rem; }

  .product {
    padding-top: .5rem;
    margin-left: -.15rem;
    margin-right: -.15rem; }
    .product li {
      width: 50%;
      padding: .3rem .15rem; }
      .product li .name a {
        font-size: .24rem;
        height: .6rem;
        line-height: .6rem; }
      .product li .msg {
        font-size: .22rem; }

  .product-2 li {
    width: 50%;
    padding-top: .1rem; }
    .product-2 li .img {
      width: 1.18rem; }

  .productShow .box .img {
    width: 2.63rem;
    margin: 0 auto; }
  .productShow .box .col {
    width: 100%;
    padding: .3rem 0 .6rem 0; }
    .productShow .box .col p {
      height: .66rem;
      line-height: .66rem; }
  .productShow .content {
    font-size: .2rem;
    line-height: 2em; }

  .productBtn div {
    height: .8rem;
    line-height: .8rem;
    font-size: .24rem; }

  .productShow2 {
    padding: .65rem 0; }
    .productShow2 li {
      font-size: .24rem;
      line-height: .5rem; }
      .productShow2 li:before {
        height: .5rem; }

  .productBtn2 a {
    font-size: .24rem;
    width: 2.2rem;
    height: .6rem;
    line-height: .58rem; }

  .productShow3 li {
    width: 25%;
    font-size: .22rem; }
  .productShow3 li.li_01 {
    display: none; }

  .programme li {
    width: 100%; }
  .programme a {
    padding: .3rem .3rem .4rem 1.9rem; }
    .programme a .name {
      font-size: .28rem;
      height: .6rem;
      line-height: .6rem; }
    .programme a p {
      font-size: .22rem;
      line-height: .4rem;
      padding-bottom: .2rem; }
    .programme a .more {
      width: 1.5rem;
      height: .52rem;
      line-height: .5rem;
      font-size: .22rem; }

  .programmeShow {
    padding-top: .5rem; }
    .programmeShow .name h2 {
      font-size: .3rem; }
    .programmeShow .content {
      font-size: .24rem;
      line-height: .4rem; }

  /*.programmeShow{
    .img{width: 100%; padding: .5rem 0 .3rem 0}
    .box{width: 100%; padding-right: 0}
    .name{
      h2{font-size: .3rem}
    }
    .list{padding: .2rem .12rem .2rem .35rem;
      .scroll{height: 3.6rem}
      li{font-size: .22rem; line-height: .4rem; padding: 0 .2rem .1rem .28rem;
        &:before{height: .4rem}
      }
    }
    .btn{
      a{margin-right: .3rem; width: 2rem; height: .62rem; line-height: .6rem; font-size: .24rem}
    }
  }*/
  .pageTitle2 {
    line-height: 1.2rem;
    font-size: .22rem; }
    .pageTitle2 b {
      font-size: .32rem; }

  .partner li {
    width: 33.333%;
    padding: 0 .2rem .38rem .2rem; }

  .contact {
    width: 100%;
    overflow: hidden;
    position: relative; }
    .contact #map .layer {
      display: none; }
    .contact .map li {
      margin-left: -3rem; }
      .contact .map li .layer {
        display: none; }
    .contact .list {
      padding: 0 .35rem; }
      .contact .list:before {
        display: none; }
      .contact .list li {
        width: 100%;
        padding: .2rem 0 .3rem 0; }
        .contact .list li h2 {
          line-height: .8rem;
          font-size: .28rem; }
        .contact .list li dd {
          font-size: .22rem;
          line-height: .4rem; }
      .contact .list li:nth-child(3) {
        border-bottom: #f1f2f5 solid 1px; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

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