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

  body {
    font-size: .24rem; }

  .wal {
    max-width: 8rem; }

  body.navShow {
    overflow: hidden; }
    body.navShow .navBg {
      display: block; }
    body.navShow .head .nav {
      right: 0; }

  .navBg {
    position: fixed;
    z-index: 49;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: none; }

  .head .wal {
    height: 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; }
  .head .search {
    height: 1rem;
    right: .8rem;
    background-size: .32rem; }
    .head .search .form {
      width: 5rem;
      height: 1rem;
      right: -.3rem; }
      .head .search .form .input {
        height: .6rem; }
        .head .search .form .input input {
          height: .6rem;
          line-height: .6rem;
          font-size: .22rem; }
      .head .search .form .submit {
        width: 1rem;
        height: .6rem; }
        .head .search .form .submit input {
          height: .6rem;
          font-size: .22rem; }

  .nav {
    position: fixed;
    height: 100%;
    overflow-y: auto;
    width: 4rem;
    background: #000;
    right: -4rem; }
    .nav .close {
      display: block;
      height: 1rem; }
      .nav .close i {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: url("../image/close.png") center no-repeat;
        background-size: .4rem;
        width: 1rem;
        height: 1rem; }
    .nav li {
      float: none;
      border-top: rgba(255, 255, 255, 0.2) solid 1px; }
    .nav a.name {
      padding: 0 .5rem;
      height: 1rem;
      text-align: left;
      font-size: .26rem;
      color: #fff;
      display: flex;
      display: -webkit-flex;
      line-height: 1rem; }
      .nav a.name:before {
        display: none; }
      .nav a.name div {
        padding: 0 .1rem 0 0; }
      .nav a.name em {
        font-size: .22rem; }
      .nav a.name.on {
        color: #fff;
        font-weight: bold; }
    .nav .list {
      border-top: rgba(255, 255, 255, 0.2) solid 1px;
      padding: .15rem 0;
      display: none; }
      .nav .list a {
        display: block;
        height: .8rem;
        line-height: .8rem;
        font-size: .24rem;
        padding-left: .7rem;
        color: #fff; }

  .foot:before {
    height: 1.5rem; }
  .foot .link {
    height: .8rem;
    font-size: .22rem;
    padding: 0 .3rem 0 1.5rem;
    top: -.4rem; }
    .foot .link .name {
      line-height: .8rem;
      width: 1.5rem;
      height: .8rem; }
    .foot .link .swiper-slide a {
      line-height: .8rem; }
  .foot .list {
    min-height: 2.25rem;
    padding: .18rem 0 .2rem 1.8rem; }
    .foot .list ul {
      min-width: 100%; }
    .foot .list li {
      font-size: .22rem;
      padding: 0 0 .1rem .36rem; }
      .foot .list li img {
        width: .26rem;
        top: .09rem;
        margin-top: 0; }
  .foot .share {
    right: auto;
    left: -.3rem;
    top: 2.3rem; }
    .foot .share p {
      font-size: .22rem; }
  .foot .ewm {
    width: 1.2rem;
    right: auto;
    left: 0;
    top: 3.4rem;
    display: none; }
    .foot .ewm p {
      font-size: .22rem; }
  .foot .info {
    position: relative;
    padding: .2rem 0; }
    .foot .info dl {
      height: 1.2rem; }
    .foot .info dd {
      font-size: .22rem;
      line-height: .36rem;
      padding: .1rem 0; }
      .foot .info dd img {
        margin-right: .3rem; }
    .foot .info .cnzz {
      top: auto;
      bottom: .3rem; }

  .pageFoot .logo {
    top: .5rem; }
  .pageFoot .share {
    top: 2rem; }
  .pageFoot .list {
    padding-top: .48rem; }

  /*index*/
  .indexFlash .swiper-slide {
    height: 5rem; }
  .indexFlash .slide-1 .img {
    padding-top: 1.35rem; }
    .indexFlash .slide-1 .img img {
      width: 7rem; }
  .indexFlash .slide-3 .img {
    width: 6rem;
    right: .3rem; }

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

  .indexPart1 {
    background: none;
    min-height: 1rem;
    padding-bottom: 0; }
    .indexPart1 .list {
      padding: 0 0 0 .2rem; }
      .indexPart1 .list ul {
        margin-left: -.5rem; }
      .indexPart1 .list li {
        width: 50%;
        padding: 0 0 .15rem .5rem;
        min-height: 1rem; }
      .indexPart1 .list a {
        display: block; }
        .indexPart1 .list a .img:after {
          content: "";
          display: block;
          position: absolute;
          left: -.2rem;
          top: -.2rem;
          width: 100%;
          height: 100%;
          -moz-border-radius: 0.06rem;
          -webkit-border-radius: 0.06rem;
          border-radius: 0.06rem;
          background: #f0f4f7; }
        .indexPart1 .list a .img img {
          position: relative;
          z-index: 2; }
        .indexPart1 .list a .img:before {
          z-index: 3; }
        .indexPart1 .list a .name {
          font-size: .24rem;
          z-index: 5; }

  .product {
    background: none;
    padding-top: .5rem; }

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

  .indexPart2 {
    background-size: 7rem; }
    .indexPart2 .wal {
      margin: 0; }
    .indexPart2 .list a.arrow.prev {
      left: .3rem; }
    .indexPart2 .list a.arrow.next {
      right: .3rem; }
    .indexPart2 #indexPart2 {
      width: 200%;
      position: relative;
      left: -50%; }

  .indexPart3 {
    background: url("../image/indexPart3.jpg") center bottom no-repeat;
    background-size: auto 3.5rem;
    padding-bottom: 3.6rem; }
    .indexPart3:before {
      display: none; }
    .indexPart3 .container {
      max-width: 100%; }
    .indexPart3 .pageTitle {
      padding: .3rem 0 .27rem 0; }
    .indexPart3 a.more {
      font-size: .24rem;
      top: .6rem; }
    .indexPart3 .content {
      font-size: .22rem;
      line-height: .44rem; }
    .indexPart3 h2.title {
      font-size: .28rem;
      height: .44rem; }
    .indexPart3 .msg {
      font-size: .22rem;
      line-height: .44rem; }
    .indexPart3 .list {
      padding: 0 .3rem; }
      .indexPart3 .list li p {
        font-size: .22rem;
        margin-left: -.6rem;
        margin-right: -.6rem; }

  .indexPart4 {
    min-height: 5rem;
    padding-bottom: 1rem;
    background-size: 130%; }
    .indexPart4 .btn li {
      width: 2rem;
      height: .7rem;
      line-height: .58rem;
      font-size: .26rem; }
    .indexPart4 .container {
      padding: 0 0 .4rem 0; }
      .indexPart4 .container .img {
        width: 100%;
        position: relative; }
        .indexPart4 .container .img:before {
          display: none; }
      .indexPart4 .container h2 {
        font-size: .26rem;
        line-height: 1.5em; }
      .indexPart4 .container p {
        font-size: .22rem;
        line-height: .4rem; }
      .indexPart4 .container .more a {
        font-size: .22rem; }
    .indexPart4 .listDiv a.arrow.prev {
      left: -.15rem; }
    .indexPart4 .listDiv a.arrow.next {
      right: -.15rem; }
    .indexPart4 .listDiv .swiper-slide .img {
      width: 100%;
      overflow: hidden; }
      .indexPart4 .listDiv .swiper-slide .img img {
        width: 130%;
        max-width: 130%;
        left: -15%; }
    .indexPart4 .listDiv .swiper-slide a {
      padding: 0 .5rem;
      font-size: .22rem; }
      .indexPart4 .listDiv .swiper-slide a .time {
        font-size: .26rem; }
        .indexPart4 .listDiv .swiper-slide a .time b {
          font-size: .32rem; }

  .indexPart5 .wal:before {
    display: none; }
  .indexPart5 .list li {
    width: 33.333%; }

  /*page*/
  .pageNow {
    font-size: .22rem; }

  .newShow {
    font-size: .24rem; }
    .newShow h2.title {
      font-size: .32rem; }
    .newShow .time {
      padding: .2rem 0 .5rem 0; }
    .newShow .content h3 {
      font-size: .24rem; }

  .pageNum2 {
    font-size: .22rem;
    padding-right: 2.5rem; }
    .pageNum2 li {
      line-height: .4rem;
      font-size: .22rem; }
    .pageNum2 dl.share {
      top: .35rem; }
    .pageNum2 a.back {
      width: 1.5rem;
      height: .46rem;
      line-height: .44rem;
      top: 1rem; }

  .pageNav a {
    height: 1.6rem;
    padding: .1rem 0;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap; }
    .pageNav a .name {
      padding: 0;
      width: 100%;
      text-align: center; }
      .pageNav a .name h2 {
        font-size: .24rem; }
      .pageNav a .name p {
        font-size: .2rem; }

  .pageNav-2 {
    top: -.6rem; }
    .pageNav-2 a {
      height: 1.6rem; }
      .pageNav-2 a .name {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap; }
        .pageNav-2 a .name h2, .pageNav-2 a .name p {
          width: 100%; }

  .about {
    padding: 0 0 1.2rem 0; }
    .about .content {
      font-size: .22rem;
      line-height: .44rem; }
    .about .list li {
      width: 100%; }
    .about .list .box {
      min-height: 2rem;
      padding: .2rem .4rem; }
      .about .list .box .num {
        width: .6rem;
        height: .6rem;
        line-height: .6rem;
        font-size: .26rem; }
      .about .list .box dl {
        max-width: 5rem; }
      .about .list .box dd {
        font-size: .22rem;
        line-height: .36rem; }
    .about .list2 .box p {
      font-size: .22rem; }

  .culture ul {
    margin-left: -.3rem;
    margin-right: -.3rem; }
  .culture li .box {
    max-width: 3.5rem; }
    .culture li .box .title h2 {
      font-size: .26rem; }
    .culture li .box p {
      font-size: .22rem;
      line-height: 1.7em; }

  .honor .title h2 {
    font-size: .26rem; }
  .honor .msg {
    font-size: .22rem;
    line-height: .44rem; }
  .honor .list ul {
    margin-left: -.3rem; }
  .honor .list li {
    width: 33.333%;
    padding: 0 0 .3rem .3rem; }
    .honor .list li .name {
      font-size: .22rem;
      height: .7rem;
      line-height: .7rem; }

  .honorLayer a.arrow.prev {
    left: -.5rem; }
  .honorLayer a.arrow.next {
    right: -.5rem; }

  .equipment .swiper-slide .name {
    font-size: .24rem; }

  .job .title h2 {
    font-size: .26rem; }
  .job .msg {
    font-size: .22rem;
    line-height: .4rem; }
    .job .msg dd {
      min-width: 100%; }
      .job .msg dd:before {
        height: .4rem; }
  .job .list li .name {
    height: .8rem;
    font-size: .22rem; }
    .job .list li .name h2 {
      font-size: .26rem; }
    .job .list li .name dl {
      display: none; }
  .job .list li .container {
    font-size: .22rem;
    line-height: .46rem; }
    .job .list li .container h2 {
      font-size: .26rem; }
    .job .list li .container dd:before {
      height: .46rem; }

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

  .productShow .backA {
    display: none; }
  .productShow .title h2 {
    font-size: .32rem; }
  .productShow .btn ul {
    margin-left: -.3rem;
    margin-right: -.3rem; }
  .productShow .btn li {
    padding-left: 0.3rem;
    height: 2.5rem; }
    .productShow .btn li .img {
      width: .26rem; }
    .productShow .btn li h2 {
      font-size: .24rem; }
    .productShow .btn li em {
      display: none; }

  .productShow1 .title h2 {
    font-size: .26rem; }
  .productShow1 .content {
    font-size: .22rem;
    line-height: .44rem; }
  .productShow1 .tag li a {
    height: .7rem;
    line-height: .7rem;
    font-size: .22rem; }

  .productShow2 .title h2, .productShow4 .title h2 {
    font-size: .26rem; }
  .productShow2 .imgListDiv .arrow.prev a, .productShow4 .imgListDiv .arrow.prev a {
    left: -.25rem; }
  .productShow2 .imgListDiv .arrow.next a, .productShow4 .imgListDiv .arrow.next a {
    right: -.25rem; }

  .productShow2 .list {
    padding: .2rem 0 .2rem .2rem; }
    .productShow2 .list ul {
      width: 50%; }
    .productShow2 .list a {
      height: .8rem;
      font-size: .22rem;
      padding-right: .2rem; }
      .productShow2 .list a b {
        width: .36rem;
        height: .36rem;
        line-height: .36rem; }
  .productShow2 .list2 .msg {
    font-size: .22rem;
    line-height: .42rem; }
  .productShow2 .list2 .list2-1 .bg {
    padding: .3rem; }
    .productShow2 .list2 .list2-1 .bg .img {
      position: relative;
      left: 0;
      top: 0; }
    .productShow2 .list2 .list2-1 .bg .container {
      min-height: 1rem;
      max-width: 100%;
      padding: .3rem 0 0 0; }
    .productShow2 .list2 .list2-1 .bg h2 {
      font-size: .26rem;
      line-height: .4rem; }
    .productShow2 .list2 .list2-1 .bg p {
      font-size: .22rem;
      line-height: .4rem; }

  .productImgLayer .container {
    width: 7.3rem; }
  .productImgLayer .swiper-slide .img {
    width: 6.9rem;
    height: 5rem; }
  .productImgLayer a.arrow.prev {
    left: .2rem; }
  .productImgLayer a.arrow.next {
    right: .2rem; }

  .productShow3 .title h2 {
    font-size: .26rem; }
  .productShow3 .msg {
    font-size: .22rem;
    line-height: .42rem; }
  .productShow3 .list .name {
    font-size: .22rem;
    line-height: .6rem; }

  .productShow4 .imgListDiv a.arrow {
    right: 0; }
  .productShow4 h2.title2 {
    font-size: .26rem; }
  .productShow4 .content {
    font-size: .22rem;
    line-height: .44rem; }

  .application li {
    width: 100%; }
  .application a {
    padding-top: .3rem; }
    .application a h2 {
      font-size: .24rem; }
    .application a p {
      font-size: .22rem;
      line-height: .36rem;
      height: 1.08rem;
      overflow: hidden; }
    .application a .more {
      width: 1.5rem;
      height: .6rem;
      line-height: .6rem;
      font-size: .22rem;
      bottom: -.3rem; }

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

  .applicationShow .content {
    font-size: .24rem;
    line-height: .48rem; }

  .pageTitle2 {
    height: .8rem; }
    .pageTitle2 h2 {
      font-size: .26rem; }

  .applicationFoot {
    margin-left: 0;
    margin-right: 0; }
    .applicationFoot .swiper-slide {
      padding: 0 .15rem; }
      .applicationFoot .swiper-slide .name a {
        line-height: .7rem;
        height: .7rem;
        font-size: .22rem; }
    .applicationFoot a.arrow.prev {
      left: -.2rem; }
    .applicationFoot a.arrow.next {
      right: -.2rem; }

  .case .msg {
    font-size: .22rem;
    line-height: .44rem; }
  .case ul {
    margin-left: -.6rem;
    margin-right: -.3rem; }
  .case li {
    width: 50%;
    padding: 0 0 1.2rem .3rem; }
  .case a dd {
    font-size: .22rem;
    height: .5rem;
    line-height: .18rem; }

  .newsNav a {
    width: 2rem;
    height: .8rem;
    line-height: .7rem;
    font-size: .26rem; }

  .news a {
    padding: .4rem .25rem .4rem 3.8rem; }
    .news a .time {
      width: 1rem;
      font-size: .2rem; }
    .news a .img {
      left: 1rem; }
    .news a .name {
      font-size: .24rem;
      line-height: .42rem;
      height: .84rem;
      overflow: hidden; }
    .news a p {
      display: none; }
    .news a .more {
      width: 1.4rem;
      height: .48rem;
      line-height: .46rem;
      font-size: .22rem;
      margin-top: .2rem; }

  .contact {
    background-size: 7.5rem; }
    .contact .fl {
      width: 100%; }
      .contact .fl .pageTitle2 {
        height: .4rem; }
        .contact .fl .pageTitle2 h2 {
          font-size: .28rem; }
      .contact .fl dl {
        padding-top: .5rem; }
      .contact .fl dd {
        font-size: .24rem;
        min-height: .58rem;
        padding: 0 0 .2rem .38rem;
        line-height: .3rem; }
        .contact .fl dd img {
          width: .3rem; }
    .contact .fr {
      width: 100%; }
    .contact .list li {
      width: 100%;
      padding-bottom: .8rem; }
      .contact .list li .box h2 {
        font-size: .28rem; }
      .contact .list li .box p {
        font-size: .24rem;
        line-height: .5rem; }

  .lyb .title h2 {
    font-size: .45rem; }
  .lyb .form ul {
    margin-left: -.3rem; }
  .lyb .form li {
    padding: 0 0 .2rem .3rem; }
    .lyb .form li .name {
      font-size: .24rem;
      line-height: .6rem; }
    .lyb .form li .input input {
      height: .68rem;
      line-height: .68rem;
      font-size: .24rem; }
    .lyb .form li .input textarea {
      line-height: .38rem;
      font-size: .24rem; }
  .lyb .submit div {
    width: 1.8rem; }
  .lyb .submit input {
    height: .7rem;
    font-size: .26rem; }

  .pageSearch .msg {
    font-size: .22rem;
    padding-bottom: .44rem; }
  .pageSearch .btn {
    margin-right: -.3rem;
    margin-left: -.3rem; }
    .pageSearch .btn li {
      width: 25%; }
    .pageSearch .btn a {
      height: .7rem;
      line-height: .7rem;
      padding: 0;
      font-size: .24rem;
      text-align: center; }
  .pageSearch .list ul {
    margin-left: -.5rem; }
  .pageSearch .list li {
    width: 50%;
    padding: 0 0 .15rem .5rem;
    min-height: 1rem; }
  .pageSearch .list a .name {
    font-size: .24rem; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; }

  .pageNav.wal {
    margin: 0 .1rem; } }

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