a, .transition, :before, img, .g-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;
  display: -ms-flex; }

.flexColumn {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-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;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

@media screen and (max-width: 800px) {
  html {
    font-size: 50px; }

  .wal {
    max-width: 8rem; }

  .pc-show {
    display: none; }

  .phone-show {
    display: block; }

  body.navShow {
    overflow: hidden; }
    body.navShow .g-head .navA {
      background-image: url("../image/close.png"); }
    body.navShow .g-nav {
      right: 0; }

  .g-headD {
    height: 1rem; }

  .g-head .wal {
    min-height: 1rem; }
  .g-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; }
  .g-head .btn {
    right: 1rem;
    margin-top: -.25rem; }
    .g-head .btn a {
      width: .9rem;
      height: .5rem;
      line-height: .5rem;
      font-size: .24rem; }

  .g-nav {
    position: fixed;
    overflow-y: auto;
    width: 100%;
    background: #000;
    right: -100%;
    top: 1rem;
    bottom: 0; }
    .g-nav ul {
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap; }
    .g-nav li {
      border-top: rgba(255, 255, 255, 0.2) solid 1px;
      width: 100%; }
    .g-nav a.name {
      height: 1rem;
      line-height: 1rem;
      font-size: .3rem;
      padding-left: .5rem;
      color: #fff; }
      .g-nav a.name.on {
        font-weight: bold; }
    .g-nav .list {
      background: rgba(255, 255, 255, 0.1);
      display: none;
      padding: .15rem 0; }
      .g-nav .list a {
        display: block;
        font-size: .24rem;
        height: .8rem;
        line-height: .8rem;
        padding-left: .5rem;
        color: #fff; }
    .g-nav .list-2 .col-1 {
      display: none; }
    .g-nav .list-2 dt {
      color: #fff;
      font-size: .26rem;
      font-weight: bold;
      line-height: .8rem;
      padding-left: .5rem; }
    .g-nav .list-2 .col-2 a {
      padding-left: .8rem; }

  .g-foot {
    font-size: .24rem; }
    .g-foot .tel div {
      font-size: .26rem; }
    .g-foot .tel h2 {
      font-size: .38rem; }
    .g-foot .content {
      line-height: .4rem;
      padding: .28rem 0 .32rem 0; }
    .g-foot .list {
      position: static;
      width: 100%;
      padding-bottom: .5rem; }
      .g-foot .list a {
        font-size: .26rem;
        line-height: .5rem; }
    .g-foot .btn {
      height: 1rem; }
      .g-foot .btn li a.name {
        width: .7rem;
        height: .7rem; }
      .g-foot .btn li:hover .layer {
        display: none; }
    .g-foot .msg {
      line-height: 1.6em; }
      .g-foot .msg div {
        width: 100%;
        order: 2;
        padding-top: .2rem; }
        .g-foot .msg div p {
          padding-right: 0;
          font-size: .22rem; }
      .g-foot .msg p {
        width: 100%;
        font-size: .24rem; }

  .side-bar {
    right: .1rem; }

  /*index*/
  .indexFlash li .content {
    font-size: .4rem;
    line-height: .6rem; }
  .indexFlash .dots {
    left: .3rem;
    margin-left: 0; }

  .index-title p {
    font-size: .24rem;
    line-height: 1.3em; }

  a.p-more {
    font-size: .24rem;
    height: .56rem;
    line-height: .54rem; }

  .index-about .index-title h2 {
    padding-right: 1.5rem; }
  .index-about .more {
    top: 1.6rem; }
  .index-about .list li {
    width: 100%;
    padding: 0 0 1.2rem .3rem;
    margin-bottom: .5rem; }
    .index-about .list li:last-child {
      margin-bottom: 0; }
    .index-about .list li h3 {
      font-size: .32rem;
      line-height: .5rem; }
    .index-about .list li .content {
      font-size: .24rem;
      line-height: .4rem; }
  .index-about .img {
    margin-left: -.3rem;
    margin-right: -.3rem; }

  .index-technology .list li {
    width: 100%;
    padding-bottom: .5rem; }
    .index-technology .list li .ico {
      width: 2.5rem; }
    .index-technology .list li h3 {
      font-size: .32rem;
      padding: .2rem 0 .28rem 0; }
    .index-technology .list li .content {
      font-size: .24rem;
      line-height: .4rem; }

  .index-business .list li {
    width: 100%; }
    .index-business .list li .box .name h3 {
      font-size: .32rem; }
    .index-business .list li .box .name div {
      font-size: .24rem;
      padding: .03rem 0;
      letter-spacing: 0; }
    .index-business .list li .box .content {
      font-size: .24rem;
      line-height: .4rem; }
  .index-business .list li:nth-child(5) {
    width: 100%; }

  .index-news .list ul {
    margin-left: -.3rem; }
  .index-news .list li {
    width: 50%;
    padding: 0 0 .7rem .3rem; }
    .index-news .list li .time {
      font-size: .24rem; }
    .index-news .list li .name a {
      font-size: .24rem;
      line-height: .3rem; }
    .index-news .list li .btn a {
      line-height: .62rem;
      font-size: .24rem; }
  .index-news .list li:nth-child(3) {
    display: none; }

  .p-banner .wal {
    height: 4.5rem; }
  .p-banner h3.name {
    font-size: .26rem; }
  .p-banner .select {
    font-size: .3rem; }
    .p-banner .select span {
      height: 1rem;
      line-height: 1rem; }
    .p-banner .select dl a {
      line-height: .8rem; }

  .p-banner-3 .wal {
    height: 3rem; }

  .technology-1 .index-title {
    margin-right: -.3rem; }
  .technology-1 .bg {
    display: none; }
  .technology-1 .phone-list {
    display: block; }

  .technology-2 {
    background-position: center 1.5rem;
    background-size: auto 6.5rem; }
    .technology-2 .list li .name {
      position: absolute;
      z-index: 10;
      left: auto;
      right: auto;
      top: -0.22rem;
      bottom: auto;
      font-size: .2rem; }
    .technology-2 .list li.li_07 {
      margin-left: 3.2rem; }
      .technology-2 .list li.li_07 .name {
        left: -2.5rem; }
    .technology-2 .list2 li {
      width: 100%;
      padding-right: 0;
      margin-bottom: .5rem; }
      .technology-2 .list2 li:last-child {
        margin-bottom: 0; }
      .technology-2 .list2 li h4 {
        font-size: .3rem; }
      .technology-2 .list2 li .content {
        font-size: .24rem;
        line-height: .32rem;
        letter-spacing: 0;
        padding: .2rem 0; }
      .technology-2 .list2 li dd {
        font-size: .24rem;
        line-height: .32rem; }
        .technology-2 .list2 li dd:before {
          top: .11rem; }

  .technology-3 .title p {
    font-size: .24rem;
    line-height: .32rem; }
  .technology-3 .list-wrapper li .time {
    font-size: .2rem;
    width: 1.5rem;
    height: .4rem;
    line-height: .4rem;
    margin-left: -.75rem; }
  .technology-3 .list-wrapper li.swiper-slide-active .time {
    font-size: .26rem;
    line-height: .4rem;
    margin-top: -.4rem; }
  .technology-3 .list-2 p {
    font-size: .24rem;
    line-height: .32rem;
    max-width: 100%; }

  .technology-4 li {
    width: 33.333%; }
    .technology-4 li .box {
      height: 2rem; }
      .technology-4 li .box .name {
        font-size: .22rem;
        line-height: .24rem;
        min-height: .48rem; }

  .product .list-wrapper .wal {
    padding: .85rem .2rem; }
  .product .list-wrapper .list li {
    padding-left: .2rem; }
    .product .list-wrapper .list li .img {
      margin: 0 auto; }
    .product .list-wrapper .list li .col {
      width: 100%;
      padding-top: .4rem; }
      .product .list-wrapper .list li .col .name {
        font-size: .28rem; }
      .product .list-wrapper .list li .col .content {
        font-size: .24rem;
        line-height: .34rem; }
  .product .list-wrapper .arrow a {
    top: 3rem; }
    .product .list-wrapper .arrow a.prev {
      left: 0; }
    .product .list-wrapper .arrow a.next {
      right: 0; }
  .product .msg p {
    line-height: .9rem;
    font-size: .24rem; }

  .business-1 h3 {
    font-size: .32rem;
    line-height: .44rem;
    width: 100%; }
  .business-1 .content {
    width: 100%;
    border-top: 0;
    font-size: .24rem;
    line-height: .36rem; }

  .business-2 {
    padding: 1rem 0; }
    .business-2 .content {
      font-size: .24rem;
      line-height: .36rem; }

  .business-3 li {
    width: 100%;
    height: 1.2rem;
    padding: 0 .25rem; }
    .business-3 li .num {
      width: .8rem;
      height: .8rem;
      line-height: .8rem; }
    .business-3 li p {
      width: 5.3rem;
      font-size: .24rem;
      line-height: .32rem; }
  .business-3 .msg p {
    line-height: .9rem;
    font-size: .24rem; }

  .page-layer .container {
    width: 7rem; }

  .about-1 .content2 {
    font-size: .24rem;
    line-height: .36rem; }
    .about-1 .content2 .col {
      width: 100%; }
  .about-1 .list li {
    width: 100%;
    padding: 0 0 1.2rem .3rem; }
    .about-1 .list li h3 {
      font-size: .32rem;
      line-height: .5rem; }
    .about-1 .list li .content {
      font-size: .24rem;
      line-height: .4rem; }
  .about-1 .list li:nth-child(even):after {
    display: none; }

  .about-2 .bg .arrow a.prev {
    left: 0; }
  .about-2 .bg .arrow a.next {
    right: 0; }
  .about-2 .bg .list-wrapper {
    width: 6rem;
    margin: 0 auto; }
  .about-2 .bg .list {
    margin-right: -1.4rem; }
    .about-2 .bg .list li {
      height: 3.85rem; }
      .about-2 .bg .list li .content {
        font-size: .24rem;
        line-height: .36rem; }

  .about-3 .list ul {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap; }
  .about-3 .list li {
    height: 1rem;
    width: 100%;
    border: 0;
    border-bottom: rgba(255, 255, 255, 0.5) solid 1px; }
    .about-3 .list li .name {
      top: 50%;
      font-size: .28rem;
      line-height: .4rem;
      margin-top: -.2rem;
      padding: 0 .5rem; }
      .about-3 .list li .name span {
        display: inline-block;
        padding-right: .1rem; }
    .about-3 .list li .layer {
      top: .3rem;
      padding: 0 .5rem; }
      .about-3 .list li .layer:after {
        left: 0;
        top: auto;
        bottom: -1px;
        width: 100%; }
      .about-3 .list li .layer h3 {
        font-size: .28rem;
        padding-bottom: .1rem; }
      .about-3 .list li .layer p {
        font-size: .24rem;
        line-height: .32rem; }
  .about-3 .list li:last-child {
    border: 0; }
  .about-3 .list li.on {
    width: 100%;
    height: 2rem; }

  .news ul {
    margin-left: -.3rem; }
  .news li {
    width: 50%;
    padding: 0 0 .7rem .3rem; }
    .news li .time {
      font-size: .24rem; }
    .news li .name a {
      font-size: .24rem;
      line-height: .3rem; }
    .news li .btn a {
      line-height: .62rem;
      font-size: .24rem; }

  .new-show .time {
    font-size: .24rem; }
  .new-show .title {
    font-size: .28rem; }
  .new-show a.back {
    display: none; }
  .new-show .content {
    font-size: .24rem;
    line-height: .4rem; }

  .join-1 li {
    width: 100%;
    margin-bottom: .3rem; }
    .join-1 li:last-child {
      margin-bottom: 0; }
    .join-1 li a .col {
      width: 4.5rem; }
    .join-1 li a .name {
      font-size: .32rem; }
    .join-1 li a em {
      font-size: .24rem; }

  .join-2 .list ul {
    border: 0; }
  .join-2 .list li {
    width: 100%;
    padding: 0 0 .5rem .4rem; }
    .join-2 .list li:last-child {
      padding-bottom: 0; }
    .join-2 .list li h4 {
      font-size: .28rem; }
    .join-2 .list li p {
      font-size: .24rem;
      line-height: .36rem; }
  .join-2 .list2 ul {
    width: 100%; }
  .join-2 .list2 li {
    padding: 0 0 .5rem .4rem; }
    .join-2 .list2 li h4 {
      font-size: .28rem; }
    .join-2 .list2 li p {
      font-size: .24rem;
      line-height: .36rem; }
    .join-2 .list2 li:last-child {
      padding-bottom: 0; }
  .join-2 .list2 .img {
    width: 100%;
    padding-top: .5rem; }

  .join-3:before {
    width: 100%;
    left: -.3rem; }
  .join-3 h2 {
    font-size: .32rem; }
  .join-3 .content {
    width: 100%;
    font-size: .24rem;
    line-height: .36rem; }

  .law .title h2 {
    font-size: .32rem; }
  .law .content {
    font-size: .24rem;
    line-height: .36rem; }

  .contact-layer .container .title h2 {
    font-size: .32rem; }
  .contact-layer .container .title p {
    font-size: .22rem;
    line-height: 1.5em; }
  .contact-layer .container .form li {
    width: 3rem;
    padding: 0 0 .1rem 0; }
    .contact-layer .container .form li .ico {
      width: .3rem;
      height: .3rem;
      top: .18rem; }
    .contact-layer .container .form li .name {
      left: .45rem;
      line-height: .7rem;
      font-size: .24rem; }
    .contact-layer .container .form li .input {
      min-height: .7rem; }
      .contact-layer .container .form li .input input, .contact-layer .container .form li .input textarea {
        height: .68rem;
        line-height: .68rem;
        font-size: .24rem;
        padding-left: .45rem; }
      .contact-layer .container .form li .input textarea {
        height: 2rem;
        line-height: .38rem;
        padding: .15rem 0 .15rem .45rem; }
    .contact-layer .container .form li .select span {
      padding-left: .45rem;
      line-height: .68rem;
      font-size: .24rem; }
    .contact-layer .container .form li .select dl dd {
      height: .6rem;
      line-height: .6rem;
      font-size: .24rem;
      padding-left: .45rem; }
  .contact-layer .container .submit {
    padding: .4rem 0 .6rem 0; }
    .contact-layer .container .submit div {
      height: .7rem; }
    .contact-layer .container .submit input {
      height: .7rem;
      font-size: .28rem; }

  .contact-ok-layer .container h2 {
    font-size: .32rem; }
  .contact-ok-layer .container p {
    font-size: .24rem;
    line-height: .32rem; }

  .technology-layer li {
    padding: 0 .3rem .5rem .3rem; }
    .technology-layer li .name h3 {
      font-size: .28rem; }
    .technology-layer li .content {
      font-size: .24rem; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

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