a, .transition, :before, img, .g-nav {
  transition: All 0.5s ease;
  -webkit-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; }

  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 {
    padding: 0; }
    .g-head .wal {
      min-height: 1rem; }
    .g-head .btn {
      right: 1rem; }
      .g-head .btn dl {
        height: 1rem; }
      .g-head .btn .btn-1 {
        width: .5rem; }
      .g-head .btn .btn-2 {
        font-size: .24rem; }
    .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-nav {
    position: fixed;
    height: 100%;
    overflow-y: auto;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    right: -100%;
    top: 1rem;
    bottom: 0; }
    .g-nav li {
      margin-left: 0;
      width: 100%;
      border-top: rgba(255, 255, 255, 0.1) solid 1px; }
    .g-nav a.name {
      height: 1rem;
      line-height: 1rem;
      font-size: .26rem;
      padding-left: .5rem; }
      .g-nav a.name:before {
        display: none; }
    .g-nav .list {
      border-top: rgba(255, 255, 255, 0.1) solid 1px;
      padding: .1rem 0;
      display: none; }
      .g-nav .list a {
        display: block;
        font-size: .24rem;
        height: .8rem;
        line-height: .8rem;
        padding-left: .8rem;
        color: #fff; }

  .g-foot {
    font-size: .24rem; }
    .g-foot .list li {
      width: 33.333%;
      padding-bottom: .4rem; }
    .g-foot .list h2 {
      font-size: .3rem;
      font-weight: bold; }
    .g-foot .list dd {
      line-height: .44rem; }
    .g-foot .ewm {
      width: 1.8rem;
      top: 3.12rem;
      right: 33.333%;
      margin-right: -1.8rem; }
      .g-foot .ewm p {
        font-size: .24rem; }
    .g-foot .msg {
      position: relative;
      padding: .2rem 0;
      font-size: .22rem; }

  .index-btn {
    width: .45rem; }
    .index-btn li:before {
      width: .2rem; }
    .index-btn li em {
      font-size: .26rem; }
    .index-btn li.on:before, .index-btn li:hover:before {
      width: .1rem; }

  .index-slide .wal {
    padding: 1rem 0 0 0; }

  a.p-more {
    width: 2.2rem;
    height: .66rem;
    line-height: .66rem;
    font-size: .24rem;
    letter-spacing: 0; }

  .index-layer h2 {
    font-size: .42rem;
    line-height: .62rem; }
  .index-layer .video-btn {
    height: .62rem;
    line-height: .6rem;
    width: 2.2rem;
    font-size: .24rem;
    padding-left: .75rem; }
    .index-layer .video-btn img {
      width: .62rem; }
  .index-layer .content {
    font-size: .24rem;
    line-height: .44rem; }

  .index-flash .wal {
    max-height: 70vh; }
  .index-flash .dots {
    left: 0.3rem; }

  .index-brand .index-layer {
    width: 100%;
    min-height: 5rem; }
  .index-brand .list {
    position: relative;
    right: -1rem;
    margin-right: 0; }
    .index-brand .list li p {
      font-size: .2rem; }
    .index-brand .list .li-1 {
      left: 1rem; }
    .index-brand .list .li-3 {
      left: 3rem; }

  .index-product li {
    width: 50%;
    height: 50vh;
    padding-top: 1rem; }
    .index-product li .img:before {
      width: 2.8rem;
      height: 2.8rem;
      margin-left: -1.4rem;
      margin-top: -1.4rem; }
    .index-product li .img a {
      width: 2.3rem; }
    .index-product li .name div em {
      font-size: .2rem; }
  .index-product li:hover .name {
    height: 1.9rem; }

  .index-news .wal {
    padding: 1rem 0 0 0; }
  .index-news .side {
    position: relative;
    left: 0; }
    .index-news .side .title {
      font-size: .42rem; }
    .index-news .side .list {
      padding: .3rem 0;
      min-height: 1.2rem; }
      .index-news .side .list ul {
        display: flex;
        display: -webkit-flex; }
      .index-news .side .list a {
        font-size: .26rem;
        margin-right: .8rem; }
        .index-news .side .list a img {
          width: .32rem; }
    .index-news .side a.p-more {
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0;
      top: 0.82rem;
      bottom: auto; }
  .index-news .container {
    padding: .3rem;
    font-size: .24rem; }
    .index-news .container .col, .index-news .container .list {
      max-width: 100%;
      width: 100%; }
    .index-news .container .list {
      padding: 0;
      max-width: 100%; }
    .index-news .container .name a {
      font-size: .28rem;
      height: .6rem;
      line-height: .6rem; }
    .index-news .container p {
      padding: 0;
      line-height: .4rem;
      height: .8rem;
      overflow: hidden;
      margin-bottom: .15rem; }
    .index-news .container .col {
      padding-bottom: .3rem;
      border: 0; }
    .index-news .container .list {
      height: 3rem; }
      .index-news .container .list:after {
        left: 0; }
    .index-news .container li {
      height: 3rem; }
      .index-news .container li p {
        padding: 0; }

  .index-contact .title {
    font-size: .42rem; }
  .index-contact .list li {
    padding: .06rem 0 .15rem .62rem; }
    .index-contact .list li .ico {
      width: .52rem; }
    .index-contact .list li p {
      font-size: .24rem;
      line-height: .4rem; }
  .index-contact a.p-more {
    right: 0;
    bottom: auto;
    top: 18vh; }

  .index-customer {
    font-size: .22rem; }
    .index-customer .wal {
      padding: 0; }
    .index-customer .title {
      font-size: .42rem; }
    .index-customer .list li {
      width: 25%; }

  .p-layer .container {
    width: 7.5rem; }

  /*page*/
  .p-banner {
    height: 4rem; }
    .p-banner .title {
      padding-top: 1.55rem; }
      .p-banner .title h2 {
        font-size: .42rem; }

  .p-banner2 {
    height: 3.5rem; }

  .p-banner-2 {
    margin-top: -1rem; }

  .p-nav {
    height: .8rem; }
    .p-nav .curr {
      line-height: .8rem;
      padding-left: .38rem;
      background-size: .24rem;
      font-size: .22rem; }
    .p-nav .list {
      display: none; }

  .p-t-nav {
    margin-top: -.8rem; }
    .p-t-nav ul {
      border-bottom: 0; }
    .p-t-nav li {
      padding-right: .3rem; }
    .p-t-nav a {
      font-size: .24rem;
      height: .8rem;
      line-height: .8rem;
      padding-top: 0; }
      .p-t-nav a:before {
        bottom: 0; }

  .p-content {
    font-size: .24rem;
    line-height: .42rem; }
    .p-content p {
      padding-bottom: .1rem; }

  .p-title h2 {
    font-weight: bold; }
  .p-title em {
    font-size: .22rem;
    top: .04rem; }

  .about-1 .p-content {
    padding: 0 .5rem .5rem 0; }
    .about-1 .p-content:before {
      right: -.3rem; }
    .about-1 .p-content .col {
      width: 100%;
      padding: 0 0 .15rem 0; }

  .about-2 .col {
    width: 100%; }

  .about-3 {
    padding: 1.3rem 0 3rem 0; }
    .about-3 .p-content {
      max-width: 100%; }
    .about-3 .box {
      padding: .45rem .1rem .45rem .3rem;
      position: relative;
      z-index: 11;
      left: -.3rem;
      width: 5rem;
      top: .6rem; }
      .about-3 .box p {
        font-size: .22rem; }
    .about-3 .img {
      width: 3.5rem;
      right: -.3rem; }

  .g-arrow a {
    width: .5rem;
    height: .5rem;
    margin-top: -.25rem; }

  .history .wal {
    min-height: 6.5rem; }
  .history .p-content {
    padding: .3rem;
    line-height: .4rem; }
    .history .p-content em {
      font-size: .22rem; }

  .honor .list ul {
    margin-left: -.3rem; }
  .honor .list li {
    width: 33.333%;
    padding: 0 0 .3rem .3rem; }
    .honor .list li .name {
      height: .75rem;
      line-height: .75rem;
      font-size: .24rem; }

  .p-num a {
    width: .6rem;
    height: .6rem;
    font-size: .26rem;
    line-height: .6rem; }

  .culture li {
    height: 1.6rem; }
    .culture li h3 {
      padding: 0 .3rem;
      font-size: .26rem;
      line-height: 1.7em; }

  .speech {
    padding: 1rem 0 0 3.3rem; }
    .speech .img {
      left: -1rem; }
    .speech .scroll {
      max-height: 4.7rem; }
    .speech .p-content {
      line-height: .4rem; }
    .speech .name {
      width: 2.2rem; }

  .join li .title {
    padding: 0 .5rem;
    font-size: .24rem; }
    .join li .title h2 {
      font-size: .28rem; }
    .join li .title .address {
      display: none; }
  .join li .box .row .col {
    width: 100%;
    padding-bottom: .2rem; }
  .join li .box .row dd {
    font-size: .24rem;
    line-height: .4rem; }
    .join li .box .row dd:before {
      height: .4rem; }
  .join li .box .row h3 {
    font-size: .26rem; }
    .join li .box .row h3 em {
      font-size: .24rem; }
  .join li .box .list {
    height: 1.3rem;
    padding: .15rem 0; }
    .join li .box .list dd {
      font-size: .24rem;
      width: 45%;
      height: .5rem; }
      .join li .box .list dd img {
        height: .26rem; }

  .product-1 .img-list {
    width: 100%; }
    .product-1 .img-list img {
      width: 100%; }
  .product-1 .col {
    width: 100%;
    padding-top: .4rem; }
    .product-1 .col .p-scroll {
      height: 4rem; }
    .product-1 .col .p-content {
      line-height: .4rem; }
      .product-1 .col .p-content h3 {
        font-size: .28rem; }

  .product-2 .col {
    order: 1; }
    .product-2 .col .p-scroll {
      height: 4.6rem; }
    .product-2 .col .title {
      padding-bottom: .15rem; }
      .product-2 .col .title h3 {
        font-size: .28rem; }

  .product-ykx-1 .name h3 {
    font-size: .28rem; }
  .product-ykx-1 .msg {
    font-size: .24rem;
    line-height: .4rem;
    padding: .2rem; }

  .product-ykx-2 {
    padding: .8rem 0; }
    .product-ykx-2 .img {
      position: static; }
    .product-ykx-2 .list {
      width: 100%;
      padding: .4rem 0 0 .2rem; }
      .product-ykx-2 .list h2 {
        line-height: .6rem;
        font-size: .28rem; }
        .product-ykx-2 .list h2:before {
          height: .6rem; }
      .product-ykx-2 .list .p-content {
        line-height: .4rem; }

  .product-ykx-3 {
    padding: .8rem 0; }
    .product-ykx-3 .img {
      position: static; }
    .product-ykx-3 .title {
      padding: .4rem 0 .25rem; }
      .product-ykx-3 .title h2 {
        font-size: .28rem; }
    .product-ykx-3 ul {
      width: 100%;
      margin-left: 0; }
      .product-ykx-3 ul li {
        font-size: .24rem;
        line-height: .5rem; }

  .product-3 .list-wrapper li h3 {
    font-size: .38rem; }
  .product-3 .list-wrapper li p {
    font-size: .22rem;
    line-height: .35rem;
    margin-right: -.3rem; }

  .product-4 .msg {
    font-size: .24rem;
    line-height: .4rem; }
  .product-4 .list {
    padding-bottom: .4rem; }
    .product-4 .list ul {
      margin-left: -.4rem; }
    .product-4 .list li {
      width: 50%;
      padding: 0 0 .3rem .4rem; }
    .product-4 .list .bg {
      min-height: 1.5rem; }
    .product-4 .list h3 {
      font-size: .28rem; }
    .product-4 .list dl {
      font-size: .24rem; }

  .product-yjx-1 .wal {
    padding: .6rem 0; }
  .product-yjx-1 .img {
    margin: 0 auto; }
  .product-yjx-1 .col {
    width: 100%;
    padding-top: .3rem; }

  .product-yjx-2 .g-arrow {
    width: 1.5rem; }
  .product-yjx-2 .list-wrapper li {
    padding: 0 0 0 .3rem; }
  .product-yjx-2 .list-wrapper .img {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: .2rem; }
    .product-yjx-2 .list-wrapper .img .num {
      font-size: .24rem; }
      .product-yjx-2 .list-wrapper .img .num em {
        font-size: .32rem; }
  .product-yjx-2 .list-wrapper .p-scroll {
    height: 3.2rem; }
  .product-yjx-2 .list-wrapper h3 {
    font-size: .26rem;
    line-height: .36rem;
    padding-top: .1rem; }
  .product-yjx-2 .list-wrapper .p-content {
    line-height: .36rem; }
    .product-yjx-2 .list-wrapper .p-content dd:before {
      height: .36rem; }

  .product-yjx-3 .g-arrow {
    width: 1.5rem; }
  .product-yjx-3 li .img {
    width: 70%; }
  .product-yjx-3 li .col {
    width: 100%; }
    .product-yjx-3 li .col .title {
      padding: .5rem 0 .4rem 0; }
      .product-yjx-3 li .col .title h3 {
        font-size: .26rem; }
      .product-yjx-3 li .col .title p {
        font-size: .22rem; }

  .product-ccld-1 .col {
    width: 100%; }
    .product-ccld-1 .col .p-content {
      line-height: .4rem; }
      .product-ccld-1 .col .p-content p b {
        font-size: .28rem; }
      .product-ccld-1 .col .p-content dd {
        line-height: .55rem; }
  .product-ccld-1 .list {
    width: 6.9rem;
    height: 5rem; }
    .product-ccld-1 .list li {
      width: 3rem;
      height: 2.59rem;
      font-size: .2rem; }
      .product-ccld-1 .list li h3 {
        font-size: .24rem;
        line-height: .5rem; }
    .product-ccld-1 .list li.li_01 {
      margin-left: -1.5rem; }
    .product-ccld-1 .list li.li_02 {
      right: -.3rem;
      top: 1.2rem; }
    .product-ccld-1 .list li.li_03 {
      margin-left: -1.5rem; }
    .product-ccld-1 .list li.li_04 {
      left: -.3rem;
      top: 1.2rem; }

  .product-ccld-2 .g-arrow {
    width: 1.5rem; }
  .product-ccld-2 .title h3 {
    font-size: .26rem; }
  .product-ccld-2 .box {
    padding-bottom: .6rem; }
    .product-ccld-2 .box .img {
      width: 100%; }
    .product-ccld-2 .box .col {
      width: 100%;
      padding-top: .4rem; }
    .product-ccld-2 .box .name {
      font-size: .28rem; }
    .product-ccld-2 .box .p-content {
      line-height: .4rem; }
    .product-ccld-2 .box .list h3 {
      top: -.25rem;
      width: 1.4rem;
      height: .5rem;
      line-height: .5rem;
      font-size: .26rem; }
    .product-ccld-2 .box .list li {
      line-height: .4rem;
      font-size: .24rem; }
      .product-ccld-2 .box .list li:before {
        height: .4rem; }

  .product-ccld-3 .img-list {
    width: 6rem; }
    .product-ccld-3 .img-list .g-arrow {
      width: 1rem; }
  .product-ccld-3 .col {
    width: 100%;
    padding-top: .65rem; }
    .product-ccld-3 .col .title {
      font-size: .28rem;
      line-height: .46rem; }
    .product-ccld-3 .col .name {
      font-size: .26rem;
      line-height: .46rem; }
    .product-ccld-3 .col .msg {
      font-size: .24rem;
      line-height: .4rem; }

  .product-ccld-4 .col {
    width: 100%;
    padding-top: .15rem;
    padding-bottom: .15rem; }
    .product-ccld-4 .col h2 {
      width: .5rem;
      height: 1.9rem;
      margin-top: -.95rem;
      font-size: .24rem;
      padding: .35rem .03rem 0 .05rem; }
    .product-ccld-4 .col li {
      width: 1.8rem;
      height: 3rem; }
      .product-ccld-4 .col li .name {
        font-size: .24rem;
        height: .6rem; }
        .product-ccld-4 .col li .name img {
          width: .24rem; }
      .product-ccld-4 .col li dd {
        font-size: .22rem;
        line-height: .44rem; }

  .case ul {
    margin-left: -.3rem; }
  .case li {
    padding: 0 0 .4rem .3rem; }
    .case li:before {
      left: .3rem;
      bottom: .4rem; }
    .case li .img .layer a.more {
      font-size: .22rem; }

  .case-img .big-img {
    width: 100%;
    padding-bottom: .3rem; }
  .case-img .list {
    width: 100%;
    overflow: hidden;
    position: relative; }
  .case-img .list-wrapper {
    margin-left: -.2rem; }
    .case-img .list-wrapper li {
      padding-left: .2rem;
      position: relative; }
      .case-img .list-wrapper li:before {
        content: "";
        display: block;
        position: absolute;
        left: .2rem;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        background: rgba(62, 151, 211, 0.7) url("../image/img48.png") center no-repeat;
        background-size: .36rem; }
    .case-img .list-wrapper li.on:before {
      opacity: 1; }

  .case-show .list {
    width: 100%;
    overflow-x: auto; }
    .case-show .list .name, .case-show .list li {
      width: 11rem; }
      .case-show .list .name .col, .case-show .list li .col {
        padding: 0 .32rem; }
    .case-show .list .name {
      font-size: .26rem; }
      .case-show .list .name .col {
        height: .8rem;
        line-height: .8rem; }
    .case-show .list li {
      font-size: .24rem; }
      .case-show .list li .col {
        height: .7rem;
        line-height: .7rem; }

  .project-process .g-arrow {
    width: 1.3rem; }

  .assessment .big-img {
    width: 100%;
    padding-bottom: .3rem; }
  .assessment .col {
    width: 100%; }
  .assessment .scroll {
    height: 10rem; }
  .assessment .list li {
    padding: .05rem 0; }
    .assessment .list li .name {
      font-size: .24rem;
      line-height: .4rem; }
    .assessment .list li dl dd {
      font-size: .24rem;
      line-height: .4rem; }
      .assessment .list li dl dd:before {
        height: .4rem; }

  .technology .list li {
    font-size: .24rem;
    line-height: .4rem; }
    .technology .list li:before {
      height: .4rem; }

  .down li {
    width: 100%; }
  .down a {
    height: 1.3rem; }
    .down a .name {
      font-size: .26rem; }
    .down a span {
      font-size: .22rem; }

  .news li {
    width: 100%;
    padding: 0 0 .7rem .78rem; }
    .news li .time {
      font-size: .22rem; }
    .news li .name a {
      font-size: .28rem;
      height: .6rem;
      line-height: .6rem; }
    .news li p {
      line-height: .36rem;
      font-size: .22rem; }
    .news li .more {
      height: .66rem;
      padding-top: .06rem; }
      .news li .more a {
        font-size: .24rem; }

  .new-show .time {
    font-size: .24rem; }
  .new-show .p-content {
    line-height: .4rem; }

  .p-num2 li {
    font-size: .24rem;
    line-height: .4rem;
    padding-bottom: .1rem; }
  .p-num2 a.back {
    height: .7rem;
    line-height: .7rem;
    font-size: .24rem; }

  .contact .col {
    width: 100%; }
    .contact .col .msg {
      font-size: .24rem; }
    .contact .col .list {
      padding-bottom: .4rem; }
      .contact .col .list li p {
        font-size: .24rem; }
  .contact .map {
    width: 100%; }

  .contact-form .title span {
    font-size: .22rem; }
  .contact-form .form li {
    width: 3rem; }
    .contact-form .form li .ico {
      width: .26rem;
      height: .26rem;
      top: .2rem; }
    .contact-form .form li .input input, .contact-form .form li .input textarea {
      height: .66rem;
      line-height: .66rem;
      padding-left: .4rem;
      font-size: .24rem; }
    .contact-form .form li .input textarea {
      height: 1.4rem;
      padding: .15rem 0 .15rem .4rem;
      line-height: .36rem; }
  .contact-form .form .submit div {
    width: 2.3rem;
    height: .7rem;
    font-size: .26rem; }
    .contact-form .form .submit div img {
      width: .18rem; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

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