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 .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 {
    position: fixed; }
    .head.on {
      background: rgba(0, 0, 0, 0.5); }
    .head .navA {
      display: block;
      position: absolute;
      z-index: 10;
      left: auto;
      right: -0.3rem;
      top: 0;
      bottom: auto;
      width: 1.1rem;
      height: 1.1rem;
      background: url("../image/navA.png") center no-repeat;
      background-size: .4rem; }
    .head .search {
      width: .6rem;
      right: .8rem; }
      .head .search a {
        width: .6rem;
        height: .6rem;
        margin-top: -.3rem;
        background-size: .3rem; }
      .head .search .form {
        width: 4rem;
        height: .8rem; }
        .head .search .form:before {
          width: .8rem; }
        .head .search .form .input {
          height: .56rem; }
          .head .search .form .input input {
            height: .56rem;
            line-height: .56rem;
            padding: 0 .2rem;
            font-size: .24rem; }
        .head .search .form .submit {
          width: 1rem;
          height: .56rem; }
          .head .search .form .submit input {
            height: .56rem;
            font-size: .24rem; }

  .nav {
    position: fixed;
    height: 100%;
    overflow-y: auto;
    width: 5rem;
    background: #000;
    right: -5rem; }
    .nav .close {
      display: block;
      height: 1.1rem; }
      .nav .close i {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: url("../image/close.png") center no-repeat;
        background-size: .4rem;
        width: 1.1rem;
        height: 1.1rem; }
    .nav li {
      float: none;
      padding: 0;
      border-top: rgba(255, 255, 255, 0.2) solid 1px; }
    .nav a.name {
      font-size: .3rem;
      padding: 0 .35rem;
      height: 1.1rem;
      line-height: 1.1rem;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0; }
    .nav .list {
      position: relative;
      left: 0;
      top: 0;
      text-align: left;
      width: 100%;
      margin-left: 0;
      opacity: 1;
      visibility: visible;
      border-top: rgba(255, 255, 255, 0.2) solid 1px;
      padding: .2rem 0;
      display: none; }
      .nav .list:before {
        display: none; }
      .nav .list dd a {
        height: .8rem;
        line-height: .8rem;
        color: rgba(255, 255, 255, 0.6);
        font-size: .26rem;
        padding-left: .35rem; }
        .nav .list dd a:before {
          display: none; }
      .nav .list dd dl {
        position: relative;
        left: 0;
        top: 0;
        opacity: 1;
        visibility: visible;
        display: none; }
        .nav .list dd dl a {
          background: rgba(0, 0, 0, 0.7);
          padding: 0 0 0 .6rem;
          font-size: .24rem; }

  .foot:before {
    height: 10rem; }
  .foot .wal h2 {
    font-size: .28rem;
    padding: .47rem 0 .18rem 0; }
  .foot .wal .list {
    width: 100%; }
    .foot .wal .list ul {
      margin-right: -.3rem; }
    .foot .wal .list li {
      width: 25%; }
    .foot .wal .list li:nth-child(2) {
      width: 50%; }
    .foot .wal .list a {
      height: .5rem;
      line-height: .5rem;
      top: 0; }
  .foot .wal .container {
    position: relative;
    left: 0;
    width: 100%;
    padding-bottom: .3rem; }
    .foot .wal .container h2 {
      padding-bottom: .25rem; }
    .foot .wal .container h3 {
      font-size: .26rem;
      line-height: .3rem; }
    .foot .wal .container p {
      line-height: .4rem; }
  .foot .wal .ewm {
    display: none; }
  .foot .msg {
    line-height: .3rem;
    padding: .2rem .3rem; }

  .foot-2:before {
    height: 100%;
    background-size: auto 10rem; }

  .sideBar {
    display: none; }

  /*index*/
  .indexPart1 {
    padding-top: 2.2rem; }
    .indexPart1 .title {
      width: 100%;
      padding-right: 0; }
      .indexPart1 .title img {
        width: 1.2rem; }
      .indexPart1 .title h2 {
        font-size: .4rem;
        line-height: .8rem; }
    .indexPart1 ul {
      margin-left: -.3rem;
      margin-right: -.3rem; }
    .indexPart1 li {
      width: 50%; }
      .indexPart1 li a.btn {
        width: 3.2rem;
        margin-left: -1.6rem; }
    .indexPart1 .li_01 {
      display: none; }

  .indexPart2 {
    min-height: 7.3rem; }
    .indexPart2:before {
      height: 8.5rem; }
    .indexPart2 .title img {
      width: 1.2rem; }
    .indexPart2 .title h2 {
      font-size: .4rem;
      line-height: .8rem; }
    .indexPart2 .list {
      margin: 0 .2rem; }
    .indexPart2 a.arrow {
      height: 2.5rem; }
    .indexPart2 .swiper-slide .container .name {
      font-size: .26rem; }

  .indexPart3 .title img {
    width: 1.2rem; }
  .indexPart3 .title h2 {
    font-size: .4rem;
    line-height: .8rem; }
  .indexPart3 .content {
    line-height: .4rem;
    width: 100%; }
  .indexPart3 .list {
    margin-left: -.3rem;
    margin-right: -.3rem;
    padding: .3rem 0 .6rem 0; }
    .indexPart3 .list li {
      margin-right: 0;
      width: 33.333%; }
      .indexPart3 .list li .img {
        width: 1.2rem;
        margin: 0 auto; }
      .indexPart3 .list li p {
        margin-left: 0;
        margin-right: 0;
        font-size: .22rem; }
  .indexPart3 .bigImg {
    display: none; }

  .indexPart4 div.title {
    position: relative;
    top: 0;
    text-align: center;
    padding-bottom: .3rem; }
    .indexPart4 div.title img {
      width: 1.2rem; }
    .indexPart4 div.title h2 {
      font-size: .4rem;
      line-height: .8rem; }
  .indexPart4 .container {
    width: 100%;
    margin-right: 0;
    margin-bottom: .5rem; }
    .indexPart4 .container .title {
      height: 1rem;
      line-height: 1rem;
      font-size: .28rem; }
    .indexPart4 .container .list {
      padding-bottom: .5rem; }
      .indexPart4 .container .list a {
        height: .6rem;
        line-height: .6rem; }
        .indexPart4 .container .list a span {
          font-size: .2rem; }
    .indexPart4 .container .more {
      bottom: -.3rem; }
      .indexPart4 .container .more a {
        font-size: .24rem;
        height: .6rem;
        line-height: .6rem;
        width: 1.6rem; }

  /*page*/
  .pageBg {
    background: #fff; }

  .pageBgHead {
    display: none; }

  .sideNav {
    display: none; }

  .w840 {
    width: 100%; }
    .w840:before {
      display: none; }
    .w840:after {
      display: none; }

  #w840 {
    position: relative; }

  .pageNow {
    color: #666;
    padding: .25rem 0 .45rem 0; }

  .serviceTitle {
    padding: .3rem .2rem; }
    .serviceTitle h2 {
      font-size: .3rem;
      padding: 0 0 .1rem 0; }

  .serviceTitle-2 {
    padding: .5rem .2rem; }

  .serviceTitle2 {
    height: 1rem; }
    .serviceTitle2 h2 {
      border-bottom: #00a2ed solid 2px;
      font-size: .3rem;
      padding-bottom: .15rem; }

  .service_01 li {
    padding-left: .6rem; }
    .service_01 li b {
      font-size: .28rem;
      width: .5rem;
      height: .5rem;
      line-height: .5rem;
      top: .05rem; }
    .service_01 li h3 {
      line-height: .6rem;
      font-size: .26rem; }

  .service_03 {
    padding-top: .4rem; }
    .service_03 li {
      padding: 0 0 .3rem .4rem;
      width: 100%; }
      .service_03 li b {
        font-size: .4rem; }
      .service_03 li p {
        line-height: .4rem; }

  .service_04 {
    padding-top: .3rem; }
    .service_04 h2.title {
      font-size: .26rem; }
    .service_04 .container .name {
      line-height: .4rem;
      padding: .15rem; }
    .service_04 .container .list li {
      padding: 0 0 .2rem .55rem; }
    .service_04 .container .list b {
      font-size: .28rem;
      width: .4rem;
      height: .4rem;
      line-height: .4rem;
      top: 0; }
    .service_04 .container .list p {
      line-height: .4rem; }

  .service_06 h2.title {
    font-size: .3rem; }
  .service_06 .list {
    padding-bottom: .8rem; }
  .service_06 ul {
    justify-content: center;
    -webkit-justify-content: center; }
  .service_06 li {
    width: 33.333%;
    padding-bottom: .2rem; }
    .service_06 li:before {
      display: none; }
    .service_06 li .img {
      width: 1rem;
      margin: 0 auto; }
    .service_06 li h2 {
      padding: .15rem 0;
      font-size: .26rem; }
    .service_06 li p {
      position: relative;
      left: 0;
      width: 100%;
      font-size: .22rem; }

  .service_07 .title {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    margin-left: 0;
    font-size: .22rem;
    padding: .2rem 0;
    -moz-border-radius: 0.06rem;
    -webkit-border-radius: 0.06rem;
    border-radius: 0.06rem; }
    .service_07 .title div {
      font-size: .26rem; }
  .service_07 .list ul {
    width: 100%; }
  .service_07 .list li {
    padding: 0 0 .2rem .55rem; }
    .service_07 .list li b {
      width: .4rem;
      height: .4rem;
      line-height: .4rem;
      font-size: .28rem; }
    .service_07 .list li h3 {
      line-height: .4rem;
      font-size: .26rem; }
    .service_07 .list li p {
      line-height: .4rem; }

  .service_08 {
    padding-top: .3rem; }
    .service_08 h2 {
      font-size: .26rem;
      padding-bottom: .1rem; }
    .service_08 li {
      line-height: .4rem; }

  .service_09 li {
    width: 100%; }
  .service_09 .box h2 {
    padding: .1rem .25rem;
    font-size: .26rem; }
  .service_09 .box dd {
    line-height: .4rem; }

  .service_10 li {
    padding: 0 0 .2rem .55rem; }
    .service_10 li b {
      width: .4rem;
      height: .4rem;
      line-height: .4rem;
      font-size: .28rem;
      top: 0; }
    .service_10 li p {
      line-height: .4rem; }

  .service_11 li {
    width: 100%; }
    .service_11 li .container {
      padding: .3rem .2rem .3rem .75rem; }
      .service_11 li .container h2 {
        font-size: .26rem; }
      .service_11 li .container p {
        line-height: .4rem; }

  .service_12 li {
    width: 33.333%;
    padding-bottom: .3rem; }
    .service_12 li:before {
      display: none; }
    .service_12 li .name {
      height: 1.8rem;
      width: 1.8rem;
      margin: 0 auto;
      line-height: .32rem; }
    .service_12 li p {
      width: 100%;
      font-size: .22rem;
      line-height: 1.8rem; }
      .service_12 li p br {
        display: none; }

  .service_14 h2 {
    font-size: .3rem; }
  .service_14 li {
    width: 33.333%; }
    .service_14 li .container {
      min-height: 2rem; }
      .service_14 li .container .name {
        font-size: .26rem; }

  .aboutNav {
    display: none; }

  .about .title {
    padding: .4rem 0 .6rem 0;
    font-size: .32rem; }
    .about .title:before {
      bottom: .25rem; }
  .about .content {
    line-height: .4rem;
    width: 100%;
    position: relative;
    z-index: 11; }
  .about .list {
    margin-left: -.3rem;
    margin-right: -.3rem;
    padding: .3rem 0 .6rem 0; }
    .about .list li {
      margin-right: 0;
      width: 33.333%; }
      .about .list li .img {
        width: 1.2rem;
        margin: 0 auto; }
      .about .list li p {
        margin-left: 0;
        margin-right: 0;
        font-size: .22rem; }
  .about .bigImg img {
    opacity: .1; }

  .aboutFoot {
    padding: .3rem 0; }
    .aboutFoot li {
      height: 1.5rem;
      width: 49%; }
      .aboutFoot li img {
        width: .6rem; }
      .aboutFoot li div h2 {
        font-size: .26rem; }
      .aboutFoot li div p {
        font-size: .2rem; }

  .contact {
    padding: .5rem 0; }
    .contact ul {
      margin-left: -.2rem;
      margin-right: -.2rem; }
    .contact li {
      width: 33.333%;
      padding-bottom: .4rem; }
      .contact li:before {
        display: none; }
      .contact li:nth-child(1), .contact li:nth-child(2) {
        width: 50%; }
      .contact li .img {
        width: 1.4rem;
        margin: 0 auto; }
      .contact li h2 {
        font-size: .28rem;
        line-height: .5rem;
        padding: .15rem 0 .04rem 0; }
      .contact li p {
        margin-left: 0;
        margin-right: 0; }

  .contactMap {
    position: relative; }
    .contactMap .msg {
      font-size: .24rem;
      line-height: .4rem;
      top: -.32rem;
      width: 6rem;
      height: 1.6rem;
      margin-left: -3rem;
      background-size: 100% 100%; }

  .lyb {
    background: #fff;
    margin-top: .5rem;
    padding-left: 0; }
    .lyb h2 {
      font-size: .3rem; }
    .lyb .form {
      padding: 0 .5rem; }
      .lyb .form ul {
        margin-left: -.4rem; }
      .lyb .form li {
        padding: 0 0 .35rem .4rem; }
        .lyb .form li .input input {
          height: .6rem;
          line-height: .6rem;
          font-size: .24rem; }
        .lyb .form li .input textarea {
          height: 2.3rem;
          line-height: .4rem;
          font-size: .24rem; }
    .lyb .submit {
      padding: .15rem 0 .5rem 0; }
      .lyb .submit div {
        width: 1.8rem; }
        .lyb .submit div input {
          height: .6rem;
          font-size: .26rem; }

  .newsTab {
    padding: .4rem 0; }
    .newsTab a {
      padding: 0 .3rem;
      font-size: .26rem;
      height: .6rem;
      line-height: .6rem; }

  .news a {
    padding: .4rem 0; }
    .news a .img {
      width: 3rem;
      position: relative;
      top: 0; }
    .news a .container {
      padding: .2rem .2rem 0 .2rem; }
    .news a .name {
      height: .7rem;
      line-height: .7rem;
      font-size: .28rem; }
    .news a p {
      font-size: .24rem;
      line-height: .4rem; }
    .news a .btn {
      width: 1.2rem;
      height: .4rem;
      line-height: .38rem; }

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

  .newShow {
    padding-top: .5rem; }
    .newShow h2.title {
      font-size: .3rem; }
    .newShow .content {
      font-size: .24rem;
      line-height: .5rem; }

  .pageNum2 {
    padding-right: 2.4rem; }
    .pageNum2 a.back {
      height: .46rem;
      line-height: .44rem;
      padding: 0 .2rem; }

  .pageSearch .btn a {
    height: .8rem;
    line-height: .8rem;
    padding: 0 .2rem; }
  .pageSearch .list ul {
    margin-left: -.2rem; }
  .pageSearch .list li {
    width: 50%;
    padding: 0 0 .2rem .2rem; }
  .pageSearch .list a p {
    font-size: .22rem; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

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