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 {
      left: 0; }

  .headD {
    height: 1rem; }

  .head {
    background: #335980; }
    .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 a.tel {
      height: 1rem;
      line-height: 1rem;
      position: absolute;
      z-index: 10;
      left: auto;
      right: 1.7rem;
      top: 0;
      bottom: auto;
      font-size: .26rem; }
    .head .search {
      right: .7rem;
      height: 1rem;
      width: .5rem;
      background: url("../image/img24_1.png") left center no-repeat;
      background-size: .24rem; }
      .head .search .name {
        display: none; }
      .head .search .form {
        width: 4.1rem;
        height: .7rem; }
        .head .search .form .input input {
          height: .7rem;
          line-height: .7rem;
          font-size: .24rem; }
        .head .search .form .submit {
          height: .7rem;
          width: 1rem; }
          .head .search .form .submit input {
            height: .7rem; }

  .nav {
    position: fixed;
    height: 100%;
    overflow-y: auto;
    width: 100%;
    background: #335980;
    left: -100%;
    top: 1rem;
    padding-bottom: 1rem;
    border-top: rgba(255, 255, 255, 0.1) solid 1px; }
    .nav li {
      border-bottom: rgba(255, 255, 255, 0.1) solid 1px;
      width: 100%;
      margin-right: 0; }
    .nav a.name {
      height: 1rem;
      line-height: 1rem;
      font-size: .26rem;
      padding-left: .5rem; }
    .nav .list {
      display: none;
      background: #2E4F80; }
      .nav .list dd {
        border-top: rgba(255, 255, 255, 0.1) solid 1px; }
      .nav .list a {
        display: block;
        color: #fff;
        height: .8rem;
        line-height: .8rem;
        padding-left: .5rem;
        font-size: .24rem; }
        .nav .list a div {
          display: none; }
        .nav .list a span {
          display: inline-block; }

  .foot .list {
    padding: .2rem 0 .5rem 0; }
    .foot .list ul {
      margin-right: -.3rem; }
    .foot .list li {
      width: 30%; }
    .foot .list h5 {
      font-size: .26rem;
      padding-top: .3rem; }
    .foot .list dd {
      font-size: .22rem;
      line-height: .6rem; }
    .foot .list .li_01 {
      width: 45%; }
      .foot .list .li_01 .list-1 {
        height: 1.8rem; }
    .foot .list li:nth-child(5) {
      width: 45%; }
    .foot .list li:nth-child(3), .foot .list li:nth-child(6) {
      width: 25%; }
  .foot .imgList {
    top: 4.2rem;
    right: auto;
    left: 33.333%;
    margin-left: -.3rem; }
    .foot .imgList li {
      width: 1.2rem;
      margin-right: 0;
      margin-left: .4rem; }
    .foot .imgList p {
      font-size: .2rem;
      line-height: .55rem; }
  .foot .msg {
    font-size: .22rem;
    padding: .2rem .3rem;
    line-height: 1.7em; }

  /*index*/
  .indexFlash li .msg {
    font-size: .22rem; }

  .indexPart1 {
    min-height: 3rem;
    position: relative; }
    .indexPart1 .bg {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: -3rem;
      bottom: auto;
      width: 100%; }
    .indexPart1 .wal {
      min-height: 6rem; }
    .indexPart1 .img {
      display: none; }
    .indexPart1 .box {
      width: 100%;
      padding: .6rem .4rem; }
      .indexPart1 .box .title h2 {
        font-size: .32rem;
        padding: .25rem 0 .06rem 0; }
      .indexPart1 .box .title p {
        font-size: .22rem; }
      .indexPart1 .box .content {
        font-size: .24rem;
        line-height: .4rem;
        padding: .25rem 0; }
      .indexPart1 .box .btn a {
        width: 1.6rem;
        height: .6rem;
        line-height: .6rem;
        font-size: .24rem; }

  .indexTitle p {
    font-size: .22rem; }

  .indexPart2 {
    padding: 1rem 0; }
    .indexPart2 .list ul {
      display: flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      margin-left: -.3rem;
      margin-right: -.3rem; }
    .indexPart2 .list li {
      width: 33.333%; }
      .indexPart2 .list li a .img {
        width: 1rem;
        height: 1rem;
        margin: 0 auto; }
      .indexPart2 .list li a .name {
        font-size: .22rem;
        line-height: .4rem;
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        margin-left: 0;
        padding: .15rem 0 .3rem 0; }

  .indexPart3 li a .box {
    padding: .3rem; }
    .indexPart3 li a .box h2 {
      font-size: .26rem; }
    .indexPart3 li a .box p {
      font-size: .22rem;
      line-height: .4rem;
      max-width: 100%; }
    .indexPart3 li a .box .btn {
      font-size: .22rem; }
      .indexPart3 li a .box .btn:before {
        width: .8rem; }

  .indexPart4 .btn {
    left: -.2rem;
    padding: 1rem .02rem 0 .02rem; }
    .indexPart4 .btn a {
      font-size: .24rem; }
  .indexPart4 .list {
    padding-left: 1.8rem; }
    .indexPart4 .list .fl {
      width: 100%;
      padding-bottom: .5rem; }
      .indexPart4 .list .fl .img .time {
        width: 1rem;
        height: 1rem;
        font-size: .2rem; }
        .indexPart4 .list .fl .img .time div {
          height: .66rem;
          line-height: .66rem; }
      .indexPart4 .list .fl h2 {
        font-size: .26rem;
        line-height: 1.6em; }
      .indexPart4 .list .fl p {
        font-size: .22rem;
        line-height: .4rem; }
    .indexPart4 .list .fr {
      width: 100%; }
      .indexPart4 .list .fr li {
        padding: .28rem 0 .26rem 1.2rem;
        margin-left: -1.2rem; }
        .indexPart4 .list .fr li .time {
          width: 1rem;
          height: 1rem;
          font-size: .2rem; }
          .indexPart4 .list .fr li .time div {
            height: .66rem;
            line-height: .66rem; }
        .indexPart4 .list .fr li h2 {
          font-size: .26rem;
          height: .45rem;
          line-height: .45rem; }
        .indexPart4 .list .fr li p {
          font-size: .22rem;
          line-height: .36rem;
          height: .72rem;
          overflow: hidden; }
  .indexPart4 .box {
    clear: both; }
    .indexPart4 .box .btn2 a {
      width: 3.2rem;
      height: .75rem;
      line-height: .75rem;
      font-size: .26rem; }
      .indexPart4 .box .btn2 a em {
        height: .75rem; }

  .sideBar {
    width: .6rem; }
    .sideBar a.name {
      min-height: .6rem; }
    .sideBar .li_01 a.name em {
      font-size: .2rem; }

  .pageLayer .container {
    width: 7rem;
    padding: .1rem .3rem; }
    .pageLayer .container .title h2 {
      line-height: .46rem; }
    .pageLayer .container .title p {
      font-size: .2rem; }

  .lybLayer .form ul {
    margin-left: -.2rem; }
  .lybLayer .form li {
    padding: 0 0 .2rem .2rem; }
  .lybLayer .form .input input {
    height: .6rem;
    line-height: .6rem;
    font-size: .2rem;
    padding: 0 .2rem; }
  .lybLayer .form .input textarea {
    height: 1.8rem;
    line-height: .3rem;
    font-size: .2rem;
    padding: 0.15rem 0.2rem; }
  .lybLayer .submit {
    padding-bottom: .4rem; }
    .lybLayer .submit div {
      width: 2.6rem; }
    .lybLayer .submit input {
      height: .66rem;
      font-size: .24rem; }

  .allegationLayer .content {
    font-size: .22rem;
    line-height: .36rem; }
  .allegationLayer .list li {
    font-size: .22rem;
    line-height: .36rem;
    padding: 0 0 .15rem .4rem; }
    .allegationLayer .list li b {
      width: .28rem;
      height: .28rem;
      line-height: .28rem; }

  /*page*/
  .pageBanner {
    height: 4.5rem; }
    .pageBanner .title {
      top: 1.8rem; }
    .pageBanner .msg {
      top: 3.5rem;
      font-size: .24rem; }

  .pageTitle {
    padding: 1.25rem 0 .72rem 0; }
    .pageTitle h2 {
      font-size: .32rem;
      letter-spacing: 1px; }
    .pageTitle p {
      font-size: .2rem; }

  .about li .img {
    width: 100%;
    height: 4rem;
    position: relative; }
  .about li .box {
    min-height: 1rem;
    width: 100%;
    padding: .4rem 0 .4rem .9rem; }
    .about li .box h2 {
      font-size: .3rem; }
    .about li .box .content {
      font-size: .22rem;
      line-height: .4rem;
      margin-top: .1rem; }
  .about li:nth-child(even) .img {
    left: 0; }

  .honor {
    padding: .5rem 0; }
    .honor ul {
      margin-left: -.3rem; }
    .honor li {
      width: 33.333%;
      padding: 0 0 .2rem .3rem; }
      .honor li .img {
        height: 2.9rem; }
      .honor li .name {
        height: .7rem;
        line-height: .7rem;
        font-size: .24rem; }

  .product li .name h2 {
    font-size: .26rem;
    letter-spacing: 0; }
  .product li .box {
    height: 6.3rem; }
    .product li .box .list {
      width: 12rem;
      left: 50%;
      margin-left: -6rem; }
    .product li .box .swiper-slide {
      padding: .5rem 0 .92rem 0; }
      .product li .box .swiper-slide h5 {
        font-size: .24rem;
        line-height: .6rem; }
      .product li .box .swiper-slide dl {
        min-height: 1.25rem; }
      .product li .box .swiper-slide dd {
        font-size: .2rem;
        line-height: .3rem;
        padding-bottom: 0;
        margin-bottom: .1rem;
        max-height: .6rem;
        overflow: hidden; }
        .product li .box .swiper-slide dd:before {
          height: .28rem; }

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

  .productImg a.pageBack {
    display: none; }
  .productImg h2.title {
    line-height: .6rem;
    font-size: .32rem; }
  .productImg .list {
    min-height: 6rem;
    position: relative;
    background: #fff; }
    .productImg .list a.arrow {
      display: none; }
  .productImg .imgList li {
    padding: .2rem .3rem .4rem .3rem;
    height: 6rem; }

  .productShow .title h2 {
    line-height: .8rem;
    font-size: .26rem; }
  .productShow .list li {
    font-size: .22rem;
    line-height: .4rem;
    padding: .2rem .2rem .2rem .32rem; }
    .productShow .list li:before {
      height: .4rem;
      top: .2rem; }
  .productShow .list2 li {
    line-height: .7rem;
    width: 100%;
    font-size: .22rem; }
    .productShow .list2 li em {
      height: .7rem; }
  .productShow .list3 {
    padding: .2rem .3rem; }
    .productShow .list3 li {
      font-size: .22rem;
      width: 50%; }
  .productShow .content {
    font-size: .22rem;
    line-height: .4rem; }

  .pageNum li {
    font-size: .22rem; }

  .pageNum-2 a.pageBack {
    top: .9rem; }
  .pageNum-2 dl.share {
    font-size: .22rem; }
    .pageNum-2 dl.share a {
      width: .4rem; }

  .case li {
    width: 100%; }
    .case li a .layer {
      padding: 0 1.5rem .3rem .3rem; }
      .case li a .layer h2 {
        font-size: .32rem; }
      .case li a .layer p {
        font-size: .24rem;
        line-height: .44rem; }
    .case li a .more {
      font-size: .24rem;
      width: 1rem;
      height: .51rem;
      line-height: .51rem; }
    .case li a:hover .layer p {
      height: .88rem; }
  .case .moreDiv a {
    line-height: .8rem;
    font-size: .24rem;
    background-size: 1.25rem; }

  .news {
    padding-top: .5rem; }
    .news li {
      font-size: .22rem; }
      .news li:before {
        display: none; }
      .news li a {
        padding: .4rem .35rem .4rem 2.6rem; }
        .news li a .time {
          display: none; }
        .news li a .img {
          left: 0;
          width: 2.36rem; }
        .news li a .name {
          font-size: .24rem;
          line-height: .44rem;
          min-height: .88rem;
          margin-bottom: .2rem; }
        .news li a p {
          display: none; }
        .news li a .more {
          width: 1.5rem;
          height: .48rem;
          line-height: .46rem;
          font-size: .2rem; }

  .pageNum2 a {
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .24rem;
    margin: 0 .2rem;
    display: none; }
    .pageNum2 a.arrow2 {
      width: 2rem;
      display: block; }
    .pageNum2 a.arrow {
      display: block; }

  .pageNow {
    font-size: .22rem; }

  .newShow h2.title {
    font-size: .32rem; }
  .newShow .time {
    font-size: .24rem; }
  .newShow .content {
    font-size: .24rem; }
    .newShow .content p {
      padding-bottom: .2rem; }

  .cooperation_01 li {
    padding-bottom: .5rem; }
    .cooperation_01 li .img {
      width: 100%;
      position: relative; }
    .cooperation_01 li .title {
      width: 100%;
      height: 1.8rem; }
      .cooperation_01 li .title h2 {
        font-size: .32rem;
        padding: .7rem 0 .08rem 0; }
      .cooperation_01 li .title p {
        font-size: .22rem; }
    .cooperation_01 li .list {
      padding: .25rem 0; }
      .cooperation_01 li .list dl {
        max-width: 100%; }
      .cooperation_01 li .list dd {
        font-size: .22rem;
        line-height: .4rem; }
        .cooperation_01 li .list dd:before {
          height: .4rem; }

  .cooperation_02:before {
    display: none; }
  .cooperation_02 .title {
    font-size: .22rem; }
  .cooperation_02 .list li {
    width: 50%;
    padding-bottom: .5rem; }
    .cooperation_02 .list li .num {
      left: 20%; }
    .cooperation_02 .list li .img {
      width: 1.2rem;
      margin: 0 auto; }
    .cooperation_02 .list li p {
      font-size: .24rem;
      line-height: .44rem; }
  .cooperation_02 .list .li_03 {
    top: 0;
    width: 100%; }
    .cooperation_02 .list .li_03 .num {
      left: 35%; }
    .cooperation_02 .list .li_03 p {
      margin-left: -.3rem;
      margin-right: -.3rem; }
  .cooperation_02 .list .li_01, .cooperation_02 .list .li_04, .cooperation_02 .list .li_05 {
    top: 0; }
  .cooperation_02 .tel {
    height: .9rem; }
    .cooperation_02 .tel h3 {
      font-size: .26rem; }

  .contact {
    background-position: center top; }
    .contact .wal {
      padding-top: 0; }
    .contact h2 {
      font-size: .3rem; }
    .contact .list li {
      font-size: .24rem;
      padding: 0 0 .2rem 1.55rem; }
    .contact .map {
      width: 100%;
      position: relative; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

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