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 {
    position: fixed; }
    .head .wal {
      min-height: 1rem; }
    .head a.logo h2 {
      font-size: .24rem;
      line-height: 1rem; }
    .head .language a {
      top: .31rem;
      right: .8rem;
      width: .9rem;
      height: .38rem;
      line-height: .36rem;
      font-size: .22rem; }
    .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: rgba(0, 0, 0, 0.8);
    right: -100%;
    top: 1rem;
    padding-bottom: 1rem; }
    .nav li {
      border-top: rgba(255, 255, 255, 0.2) solid 1px;
      width: 100%; }
    .nav a.name {
      height: 1rem;
      line-height: 1rem;
      font-size: .26rem;
      padding-left: .5rem; }
    .nav .list {
      background: rgba(255, 255, 255, 0.1);
      display: none; }
      .nav .list a {
        display: block;
        font-size: .24rem;
        height: .8rem;
        line-height: .8rem;
        padding-left: .5rem;
        color: #fff; }

  .foot {
    font-size: .22rem; }
    .foot .list {
      padding-right: 2rem; }
      .foot .list li {
        line-height: .5rem; }
    .foot .tel span {
      font-size: .28rem; }
    .foot .tel, .foot .msg {
      line-height: .5rem; }
    .foot .img {
      position: relative;
      top: 0;
      right: 0;
      padding-top: .2rem; }
    .foot .ewm {
      width: 1.3rem;
      top: -.3rem; }

  /*index*/
  .indexFlash .img {
    width: 4.5rem;
    bottom: 0; }
  .indexFlash .box {
    width: 70%;
    padding-bottom: 1rem; }
    .indexFlash .box .msg h2 {
      font-size: .6rem;
      line-height: .75rem; }
    .indexFlash .box h2.name {
      font-size: .45rem; }

  .indexFlash-2 {
    background-size: 11rem; }
    .indexFlash-2 .wal {
      height: 4.6rem; }
    .indexFlash-2 .box {
      width: 2.6rem; }
      
  .product_01 .wal {
    height: 8rem; }
  .product_01 .box {
    padding-top: 0; }

  .product_02 .wal {
    height: 7rem; }
  .product_02 .img {
    width: 4.5rem; }
  .product_02 .box {
    padding-bottom: 2rem; }

  .indexPart1 {
    padding-left: .35rem; }
    .indexPart1 .title:before {
      left: -.35rem; }
    .indexPart1 .title div {
      font-size: .22rem; }
    .indexPart1 h2.name {
      padding: .35rem 0;
      font-size: .6rem;
      color: #999;
      font-style: italic; }
    .indexPart1 .content {
      width: 100%;
      font-size: .24rem;
      line-height: .44rem; }
    .indexPart1 .more a {
      width: 1.7rem;
      height: .6rem;
      line-height: .6rem;
      font-size: .24rem; }
    .indexPart1 .list {
      position: relative;
      top: 0;
      width: 6rem;
      padding-top: .4rem; }
      .indexPart1 .list .col {
        width: 2.95rem; }
      .indexPart1 .list a {
        height: 1.4rem;
        font-size: .24rem; }
      .indexPart1 .list .dd_02 a, .indexPart1 .list .dd_03 a {
        height: 2.5rem; }

  .indexTitle h2 {
    font-size: 1.2rem;
    top: -.04rem; }

  .indexPart2 .wal {
    padding-left: 0; }
  .indexPart2 .indexTitle {
    top: -.7rem; }
  .indexPart2 .list li {
    width: 50%; }
    .indexPart2 .list li a {
      height: auto; }
      .indexPart2 .list li a .name {
        top: .25rem;
        padding: 0 .3rem;
        font-size: .24rem;
        line-height: .36rem; }
      .indexPart2 .list li a .price {
        font-size: .24rem;
        right: .3rem; }
  .indexPart2 .list li.li_01 {
    width: 100%; }
    .indexPart2 .list li.li_01 a .name {
      top: auto;
      bottom: .6rem; }
  .indexPart2 .list li:nth-child(5) {
    order: -1; }

  .indexPart3 {
    width: 100%;
    padding: .5rem 0; }
    .indexPart3 .indexTitle {
      margin: 0; }
    .indexPart3 .imgList ul {
      margin-left: -.3rem; }
    .indexPart3 .imgList li {
      padding: 0 0 .3rem .3rem; }
    .indexPart3 .imgList a {
      height: 2.3rem; }
      .indexPart3 .imgList a .time {
        position: absolute;
        z-index: 10;
        left: 0.1rem;
        right: auto;
        top: 0.1rem;
        bottom: auto;
        font-size: .24rem; }
      .indexPart3 .imgList a .name {
        font-size: .24rem;
        line-height: .32rem;
        top: 1.35rem; }
    .indexPart3 .list {
      padding-bottom: .3rem; }
      .indexPart3 .list li {
        line-height: .6rem;
        font-size: .24rem; }
        .indexPart3 .list li a {
          height: .6rem;
          padding-left: .9rem; }
    .indexPart3 .more a {
      height: .6rem;
      line-height: .6rem;
      font-size: .24rem; }

  .indexPart4 {
    width: 100%; }
    .indexPart4 .indexTitle {
      position: relative;
      top: 0; }
      .indexPart4 .indexTitle h3, .indexPart4 .indexTitle:before {
        left: 0;
        right: auto; }
    .indexPart4 .list {
      padding-top: .5rem; }

  .indexPart5 .content {
    font-size: .24rem;
    line-height: .44rem;
    padding: .5rem 0 1rem 0; }
  .indexPart5 .msg {
    display: none; }
  .indexPart5 .map {
    position: relative;
    top: 0;
    padding-top: .5rem; }

  /*page*/
  .pageNav {
    padding-bottom: .45rem; }
    .pageNav a {
      font-size: .24rem; }

  .about .content {
    width: 100%;
    font-size: .24rem;
    line-height: .44rem;
    padding-bottom: .5rem; }
  .about .img {
    width: 100%;
    top: 0; }

  .culture li {
    line-height: .44rem;
    font-size: .24rem;
    padding: .2rem 0 .2rem .2rem; }
    .culture li:before {
      top: .2rem;
      height: .44rem; }

  .brand .msg {
    font-size: .32rem;
    line-height: .5rem; }
  .brand .content {
    font-size: .24rem;
    line-height: .44rem; }

  .product li {
    width: 100%; }
  .product .box .name {
    font-size: .26rem; }
  .product .box .price {
    line-height: .76rem;
    font-size: .26rem; }
  .product .box .more a {
    font-size: .24rem;
    width: 1.6rem;
    height: .6rem;
    line-height: .6rem; }

  .productTitle {
    padding: .4rem 0 .2rem 0; }
    .productTitle h2 {
      font-size: .32rem;
      padding: 0 0 .2rem 0; }
    .productTitle .btn {
      position: relative;
      top: 0; }
      .productTitle .btn ul {
        margin-left: -.28rem;
        justify-content: flex-end;
        -webkit-justify-content: flex-end; }
      .productTitle .btn a {
        font-size: .24rem; }

  .pageCurr {
    font-size: .22rem;
    line-height: .9rem; }

  .productShow_01 .box .name {
    font-size: .24rem; }
  .productShow_01 .list .title p {
    font-size: .24rem;
    line-height: .44rem; }
  .productShow_01 .list .list-1 ul {
    margin-left: -.3rem;
    margin-right: -.3rem; }
  .productShow_01 .list .list-1 li {
    width: 33.333%; }
    .productShow_01 .list .list-1 li .name {
      font-size: .24rem;
      line-height: .4rem;
      min-height: 1rem; }
  .productShow_01 .list .msg {
    font-size: .24rem;
    line-height: .44rem; }
  .productShow_01 .box2 .content {
    font-size: .22rem;
    line-height: .4rem; }

  .productShow_02 .content {
    font-size: .22rem;
    line-height: .4rem; }
  .productShow_02 .box-2 .content {
    width: 100%; }
  .productShow_02 .box-3 .list ul {
    margin-right: -.35rem;
    margin-left: -.35rem; }
  .productShow_02 .box-3 .list li .msg {
    font-size: .22rem;
    line-height: .4rem; }

  .productShow_03 .list {
    font-size: .22rem; }
    .productShow_03 .list li div {
      height: .67rem;
      line-height: .66rem; }

  .news li {
    padding: .24rem 0 .24rem 2.2rem; }
    .news li .img {
      width: 2rem; }
    .news li .time {
      left: 0;
      top: 1.55rem;
      font-size: .24rem; }
    .news li .name {
      font-size: .24rem;
      line-height: .3rem; }
    .news li .content {
      font-size: .22rem;
      line-height: .4rem; }
    .news li .more a {
      font-size: .24rem; }

  .pageNum p {
    font-size: .24rem; }
  .pageNum a {
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .24rem; }
    .pageNum a.arrow {
      width: 1rem; }

  .newShow .back a, .pageNum2 .back a {
    font-size: .22rem;
    width: 1.6rem;
    height: .46rem;
    line-height: .44rem;
    top: .3rem; }

  .newShow .title {
    font-size: .32rem; }
  .newShow .time {
    font-size: .24rem; }
  .newShow .content {
    font-size: .24rem;
    line-height: .44rem; }
  .newShow .imgDiv {
    font-size: .24rem;
    line-height: .4rem; }

  .pageNum2 {
    padding-right: 2rem; }
    .pageNum2 li {
      font-size: .24rem;
      line-height: .44rem; }

  .service_01 .indexTitle {
    width: 100%;
    overflow: hidden; }
    .service_01 .indexTitle h2 {
      opacity: 0; }
  .service_01 .title {
    font-size: .32rem; }
  .service_01 .form .input {
    height: .7rem; }
    .service_01 .form .input input {
      height: .68rem;
      line-height: .68rem;
      font-size: .24rem; }
  .service_01 .form .submit {
    width: .7rem;
    height: .7rem; }
  .service_01 .form .layer {
    top: .7rem;
    width: 5rem; }
    .service_01 .form .layer li {
      height: .65rem;
      line-height: .64rem;
      font-size: .24rem; }
  .service_01 .form p.tips {
    font-size: .24rem; }
  .service_01 .content {
    font-size: .24rem;
    line-height: .5rem;
    padding-bottom: .5rem; }
  .service_01 .img {
    width: 100%;
    position: relative;
    top: 0; }

  .service_01Layer .container {
    width: 7rem; }
  .service_01Layer h2 {
    font-size: .28rem; }
  .service_01Layer .content {
    font-size: .24rem; }

  .down li {
    min-height: .7rem;
    line-height: .69rem;
    font-size: .24rem; }
    .down li a {
      font-size: .24rem; }

  .faq .msg {
    font-size: .28rem; }
  .faq .list li .name {
    font-size: .26rem; }
  .faq .list li .content {
    padding: .04rem 0 0 .46rem;
    font-size: .22rem;
    line-height: .4rem; }

  .downShow .title {
    font-size: .22rem; }
    .downShow .title h2 {
      font-size: .32rem; }
  .downShow .curr {
    font-size: .22rem; }
  .downShow .box .name {
    font-size: .24rem; }
  .downShow .box h2 {
    font-size: .32rem; }
  .downShow .list .name {
    font-size: .28rem; }
  .downShow .list li {
    font-size: .24rem;
    line-height: .5rem; }

  .contact .msg {
    font-size: .28rem;
    padding-top: .5rem; }
    .contact .msg h2 {
      font-size: .36rem;
      padding-bottom: .1rem; }
  .contact .content {
    font-size: .24rem;
    line-height: .5rem;
    padding-bottom: .5rem; }
  .contact .map {
    width: 100%;
    position: relative;
    top: 0; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

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