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

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

  .g-headD {
    height: 1rem; }

  .g-head .wal {
    min-height: 1rem;
    margin: 0 0.3rem; }
	
	.g-head a.logo {background-size: 100%;}
  .g-head a.tel {
    font-size: .28rem;
    right: 1rem;
    line-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-nav {
    position: fixed;
    overflow-y: auto;
    width: 100%;
    background: #000;
    left: 100%;
    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%;
      padding: .2rem .5rem; }
    .g-nav a.name {
      height: .7rem;
      line-height: .7rem;
      font-size: .28rem; }
    .g-nav .list {
      -moz-border-radius: 0.3rem;
      -webkit-border-radius: 0.3rem;
      border-radius: 0.3rem;
      display: none;
      padding: .2rem 0; }
      .g-nav .list a {
        display: block;
        font-size: .24rem;
        height: .8rem;
        line-height: .8rem;
        text-align: center;
        color: #fff; }

  .g-foot {
    font-size: .24rem; }
    .g-foot:before {
      bottom: 1rem; }
    .g-foot .wal {
      min-height: 4.2rem; }
    .g-foot .container .tel {
      padding: .45rem 0 .15rem 0; }
      .g-foot .container .tel .name {
        font-size: .26rem;
        line-height: .68rem; }
      .g-foot .container .tel h3 {
        font-size: .5rem; }
    .g-foot .container li {
      height: .5rem; }
    .g-foot .logo {
      left: auto;
      right: 0;
      margin-left: 0; }
    .g-foot .ewm {
      display: none; }
    .g-foot .msg {
      line-height: .35rem;
      padding: .15rem 0;
      font-size: .22rem; }

  .index-foot .g-foot .wal {
    margin: 0 0.3rem; }

  .index-slide.index-foot {
    height: 4.2rem; }

  /*a.sideBtn{width: .54rem; height: 2rem; font-size: .22rem; margin-top: -1.2rem;
    img{width: .28rem}
  }
  a.topA{width: .54rem; height: .54rem}*/
  .sideBar {
    width: .6rem; }
    .sideBar .btn {
      height: 2.2rem;
      font-size: .24rem; }
      .sideBar .btn img {
        width: .28rem; }
    .sideBar a.topA {
      height: .6rem; }
    .sideBar .list {
      width: 2.3rem; }
      .sideBar .list li a {
        height: .48rem;
        font-size: .22rem; }
        .sideBar .list li a img {
          width: .24rem; }
      .sideBar .list .ewm .name {
        font-size: .26rem; }
    .sideBar.show {
      right: 2.3rem; }

  .index-layer .container {
    width: 7rem; }
  .index-layer a.close {
    background-size: .26rem;
    top: 3rem; }
  .index-layer .side {
    width: 100%;
    height: 3rem; }
    .index-layer .side h3 {
      font-size: .28rem; }
  .index-layer .form {
    width: 100%;
    padding-bottom: .5rem; }
    .index-layer .form .title h2 {
      font-size: .5rem;
      padding: .45rem 0 .35rem 0; }
    .index-layer .form .title h3 {
      font-size: .3rem; }
    .index-layer .form .title p {
      font-size: .24rem; }
    .index-layer .form li .ico {
      width: .3rem;
      height: .3rem;
      top: .15rem; }
    .index-layer .form li .input {
      height: .6rem; }
      .index-layer .form li .input input {
        height: .58rem;
        line-height: .58rem;
        padding-left: .46rem;
        font-size: .24rem; }
    .index-layer .form .submit div {
      height: .8rem; }
    .index-layer .form .submit input {
      height: .8rem;
      font-size: .28rem; }
    .index-layer .form .msg {
      font-size: .24rem; }

  /*index*/
  .indexFlash li .layer h2 {
    font-size: .62rem; }
  .indexFlash li .layer .btn a {
    font-size: .26rem;
    width: 2.3rem;
    height: .64rem;
    line-height: .6rem;
    padding-left: .8rem; }
    .indexFlash li .layer .btn a:before {
      width: .64rem;
      height: .64rem;
      background-size: .2rem; }

  .index-about .wal, .index-news .wal {
    margin: 0 0.3rem;  margin-bottom:0.5rem;}

  a.p-more {
    width: 1.8rem;
    height: .54rem;
    line-height: .5rem;
    font-size: .26rem; }

  .index-about .wal {
    height: 65vh;
    padding: 1rem 0 0 .3rem; }
  .index-about .list {
    width: 100%;
    padding-top: .35rem; }
    .index-about .list li .name {
      font-size: .26rem; }
    .index-about .list li p {
      font-size: .22rem;
      line-height: .36rem; }
  .index-about .img-list {
    position: relative;
    width: 100%;
    height: 35vh; }
    .index-about .img-list .list-wrapper {
      height: 35vh; }
    .index-about .img-list li {
      height: 35vh; }
    .index-about .img-list .lines {
      display: none; }
    .index-about .img-list .num {
      min-width: 2.7rem;
      height: .8rem;
      right: .3rem; }
      .index-about .img-list .num em {
        font-size: .24rem; }

  .index-solution {
    color: #fff;
    padding-top: 1.5rem; }
    .index-solution .btn {
      top: 1.5rem;
      margin-top: 0; }
      .index-solution .btn li {
        font-size: .26rem; }
      .index-solution .btn li.li_01 div {
        left: -.13rem; }
      .index-solution .btn li.li_04 div {
        left: -.13rem; }
    .index-solution .list li .container {
      left: .3rem;
      right: .3rem;
      height: 32vh; }
      .index-solution .list li .container p {
        font-size: .24rem;
        line-height: .4rem;
        max-width: 100%; }
    .index-solution .tag {
      right: 50%;
      width: 5rem;
      margin-right: -2.5rem;
      bottom: 1.2rem; }
      .index-solution .tag li .name {
        font-size: .24rem; }

  .index-case .wal {
    margin: 0 0.3rem;
    padding-bottom: 66vh; }
  .index-case .index-title {
    padding-bottom: 1.5rem; }
  .index-case .btn {
    bottom: 66vh; }
    .index-case .btn ul {
      justify-content: space-between;
      -webkit-justify-content: space-between; }
    .index-case .btn li {
      padding: 0;
      height: 1.2rem;
      cursor: pointer;
      text-align: center; }
      .index-case .btn li:before {
        top: .8rem; }
      .index-case .btn li div {
        font-size: .28rem;
        letter-spacing: 0; }
      .index-case .btn li h3 {
        font-size: .24rem; }
  .index-case .list {
    position: absolute;
    z-index: 10;
    left: -0.3rem;
    right: -0.3rem;
    top: auto;
    bottom: 0; }
    .index-case .list .big-img {
      width: 100%; }
      .index-case .list .big-img .img a {
        height: 26vh; }
        .index-case .list .big-img .img a:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          background: url("../image/bg10.png") center bottom repeat-x;
          background-size: .1rem; }
      .index-case .list .big-img .name {
        left: .6rem;
        right: .3rem; }
        .index-case .list .big-img .name dd {
          font-size: .22rem; }
    .index-case .list .list-wrapper {
      width: 100%;
      height: 40vh; }
      .index-case .list .list-wrapper dl {
        margin-left: -2px; }
      .index-case .list .list-wrapper dd .img {
        height: 20vh; }
      .index-case .list .list-wrapper dd a.layer {
        font-size: .26rem; }
        .index-case .list .list-wrapper dd a.layer .more {
          font-size: .24rem; }
    .index-case .list .p-arrow {
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0.3rem;
      top: -1.9rem;
      bottom: auto; }

  .index-news .wal {
    height: 35vh;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    position: relative; }
  .index-news .btn {
    height: 1.5rem;
    padding-top: .45rem;
    width: 100%;
    position: relative; }
    .index-news .btn:before {
      content: "";
      display: block;
      position: absolute;
      left: -.3rem;
      bottom: 0;
      right: -.3rem;
      height: 1px;
      background: #ccc; }
    .index-news .btn ul {
      display: flex;
      display: -webkit-flex; }
    .index-news .btn li {
      height: .6rem;
      margin-bottom: 0;
      margin-right: .3rem;
      padding-left: .7rem;
      width: 2.1rem;
      font-size: .28rem; }
      .index-news .btn li .name {
        line-height: .56rem; }
      .index-news .btn li .ico {
        width: .6rem;
        height: .6rem; }
    .index-news .btn li.on .ico {
      margin-left: -.58rem; }
  .index-news .more2 {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0.5rem; }
  .index-news .list {
    position: absolute;
    z-index: 10;
    left: 0.3rem;
    right: 0.3rem;
    top: 35vh;
    bottom: auto; }
    .index-news .list .list-wrapper dd {
      width: 35%;
      height: 65vh; }
      .index-news .list .list-wrapper dd p, .index-news .list .list-wrapper dd .content {
        font-size: .22rem;
        line-height: .36rem;
        max-width: 100%; }
      .index-news .list .list-wrapper dd p {
        display: none; }
      .index-news .list .list-wrapper dd .content {
        height: 1.8rem; }
		.index-news .list .list-wrapper dd .time{ display:none;}
      .index-news .list .list-wrapper dd .time2 {
        font-size: .22rem; }
      .index-news .list .list-wrapper dd .name a {
        font-size: .26rem;
        line-height: .4rem;
        height: .8rem; }
      .index-news .list .list-wrapper dd .more a {
        font-size: .26rem; }
      .index-news .list .list-wrapper dd .img {
        height: 25vh; }
        .index-news .list .list-wrapper dd .img a {
          height: 15vh; }
    .index-news .list .list-wrapper dd:nth-child(3) {
      display: none; }
    .index-news .list .list-wrapper dd.on {
      width: 65%; }
      .index-news .list .list-wrapper dd.on .img a {
        height: 25vh; }
    .index-news .list .p-arrow {
      right: .3rem; }

  /*page*/
  .p-banner {
    height: 3.6rem;
    padding-top: .6rem; }
    .p-banner h3 {
      padding-top: .5rem; }
    .p-banner dl.list dd {
      padding-bottom: .2rem; }
    .p-banner dl.list div {
      font-size: .2rem;
      width: 3.4rem;
      line-height: .6rem;
      height: .6rem; }

  .p-content {
    font-size: .24rem;
    line-height: .44rem; }

  .about-1 .title {
    font-size: 1.2rem; }
  .about-1 .list li {
    width: 100%; }
    .about-1 .list li .ico {
      width: .66rem; }
    .about-1 .list li .name {
      font-size: .32rem; }
  .about-1 .list2 {
    padding-top: .3rem; }
    .about-1 .list2 ul {
      margin-right: -.3rem; }
    .about-1 .list2 li {
      height: 1.4rem;
      width: 25%; }
      .about-1 .list2 li:before {
        right: .25rem;
        height: .8rem; }
      .about-1 .list2 li .name {
        font-size: .24rem; }
  .about-1 .img-list {
    margin-right: -.3rem;
    margin-left: -.3rem; }
    .about-1 .img-list .num {
      height: .8rem; }
      .about-1 .img-list .num em {
        font-size: .24rem; }

  .about-2 .wal {
    padding: .9rem 0; }
  .about-2 .list li .img {
    height: 3.8rem; }
  .about-2 .list li .name {
    line-height: .8rem;
    font-size: .24rem; }

  .about-3 {
    padding-bottom: 0; }
    .about-3 .p-content {
      max-width: 100%; }
    .about-3 .list {
      right: .5rem;
      top: 0;
      position: relative; }

  .p-class {
    padding: .6rem 0 .3rem 0; }
    .p-class li {
      line-height: .5rem;
      font-size: .24rem; }
      .p-class li .name {
        height: .5rem; }
      .p-class li dd {
        height: .5rem; }

  .case ul {
    margin-left: -.3rem;
    margin-bottom: -.3rem; }
  .case li {
    padding: 0 0 .3rem .3rem;
    width: 50%; }
  .case a .name {
    font-size: .24rem;
    height: .8rem;
    line-height: .8rem; overflow:hidden;}
    .case a .name em {
      font-size: .24rem; }

  .p-num a {
    height: .58rem;
    width: .58rem;
    line-height: .54rem; }

  .case-show .p-back {
    top: 1.5rem; }
  .case-show .big-img {
    width: 100%; }
    .case-show .big-img .num {
      height: .8rem; }
      .case-show .big-img .num em {
        font-size: .24rem; }
  .case-show .list {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: .2rem; }
    .case-show .list .list-wrapper {
      margin-left: -.2rem; }
    .case-show .list li {
      padding-left: .2rem; }
      .case-show .list li .img {
        position: relative; }
        .case-show .list li .img:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          background: rgba(220, 80, 80, 0.8) url("../image/img40.png") center no-repeat;
          background-size: .4rem;
          opacity: 0; }
    .case-show .list li.on .img:before {
      opacity: 1; }
  .case-show .msg div {
    height: .5rem;
    font-size: .24rem;
    width: 50%; }

  .case-foot .p-back {
    top: 1.5rem; }
  .case-foot .case li:nth-child(3) {
    display: none; }

  .introduction li {
    width: 100%; }
  .introduction a .container {
    min-height: 1.9rem; }
  .introduction a .name {
    font-size: .28rem;
    height: .68rem;
    line-height: .68rem; }
  .introduction a .p-content {
    line-height: .4rem;
    height: .8rem; }
  .introduction a .more {
    top: 1.7rem;
    font-size: .24rem; }

  a.p-back {
    width: 1.7rem;
    height: .56rem;
    line-height: .56rem;
    font-size: .24rem; }

  .introduction-show h2.title {
    font-size: .32rem;
    line-height: .65rem;padding-right:120px;}
  .introduction-show .time {
    font-size: .24rem; }
  .introduction-show .content {
    font-size: .24rem;
    line-height: .46rem; 
	}
	.introduction-show .content img{width:100%;}
    .introduction-show .content h3 {
      font-size: .26rem; }

  .p-num2 li {
    font-size: .24rem;
    line-height: .35rem; }

  .p-nav .curr {
    font-size: .24rem; }
  .p-nav dd {
    margin-left: .3rem; }
    .p-nav dd a {
      font-size: .24rem;
      height: .78rem; }

  .news li {
    width: 100%; }
  .news a .container {
    min-height: 1.35rem;
    position: relative;
    padding: .2rem 1.5rem .2rem .2rem; }
  .news a .name {
    font-size: .28rem;
    height: .6rem;
    line-height: .6rem; }
  .news a .p-content {
    line-height: .4rem;
    height: .8rem; }
  .news a .time {
    font-size: .24rem; }

  .contact .form li {
    width: 3.3rem; }
    .contact .form li .ico {
      width: .32rem;
      height: .32rem; }
    .contact .form li .input input, .contact .form li .input textarea {
      height: .6rem;
      line-height: .6rem;
      font-size: .24rem;
      padding-left: .4rem; }
    .contact .form li .input textarea {
      height: 1.8rem;
      line-height: .4rem;
      padding: .1rem 0 .1rem .4rem; }
  .contact .submit div {
    width: 2.3rem;
    height: .7rem;
    line-height: .7rem;
    font-size: .28rem; }

  .contact-map {
    padding-top: .5rem; }
    .contact-map .layer {
      position: static;
      width: 100%;
      margin-left: 0;
      padding: .5rem .3rem; }
      .contact-map .layer li {
        height: 1rem; }
        .contact-map .layer li h3 {
          font-size: .26rem; }
        .contact-map .layer li p {
          font-size: .24rem; }
    .contact-map #map {
      height: 4rem; }

  .join li .title {
    font-size: .24rem; }
    .join li .title h2 {
      font-size: .28rem; }
    .join li .title .address {
      display: none; }
  .join li .box .col {
    width: 100%; }
    .join li .box .col h3 {
      font-size: .3rem; }
      .join li .box .col h3 span {
        font-size: .24rem; }
    .join li .box .col dd {
      font-size: .24rem;
      line-height: .36rem; }
      .join li .box .col dd:before {
        height: .36rem; }
  .join li .box .msg {
    font-size: .24rem; }
    .join li .box .msg div {
      height: .5rem;
      width: 50%; }

  .advantage-1:before {
    display: none; }
  .advantage-1 .p-content {
    line-height: .44rem; }
  .advantage-1 .list {
    margin-right: 0; }
    .advantage-1 .list ul {
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap; }
    .advantage-1 .list li {
      width: 100%;
      height: 3.6rem; }
      .advantage-1 .list li .layer {
        padding: 0 .3rem; }
        .advantage-1 .list li .layer p {
          font-size: .24rem;
          height: .66rem; }
        .advantage-1 .list li .layer .msg {
          font-size: .24rem;
          line-height: .4rem;
          left: .3rem;
          right: .3rem;
          height: 1.9rem; }
    .advantage-1 .list li:hover {
      width: 100%; }
      .advantage-1 .list li:hover .layer p {
        height: 1.9rem; }

  .advantage-2 {
    background: none;
    width: 100%;
    overflow: hidden;
    position: relative; }
    .advantage-2 .list ul {
      margin-left: -.3rem;
      margin-right: -.3rem; }
    .advantage-2 .list li {
      width: 33.333%;
      padding-bottom: .5rem; }
      .advantage-2 .list li .num {
        left: 50%;
        margin-left: -.8rem; }
      .advantage-2 .list li .ico {
        width: 1.02rem;
        margin: 0 auto; }
      .advantage-2 .list li h3 {
        font-size: .28rem; }
      .advantage-2 .list li p {
        font-size: .22rem;
        line-height: .4rem; }
    .advantage-2 .list li:nth-child(odd) {
      top: 0; }

  .advantage-3 {
    padding-top: 0; }
    .advantage-3 .content {
      font-size: .24rem;
      width: 100%; }
      .advantage-3 .content p {
        max-width: 100%; }
    .advantage-3 .img {
      position: relative;
      left: 1rem; }

  .advantage-4 .wal {
    height: 3rem; }
  .advantage-4 h2 {
    font-size: .38rem; }
  .advantage-4 a.btn {
    width: 3rem;
    height: .7rem;
    line-height: .7rem; }

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

  .service-1 {
    padding-bottom: 1rem; }
    .service-1 .index-title {
      padding-top: 1rem; }
    .service-1 .p-content {
      line-height: .44rem;
      max-width: 100%; }
    .service-1 .list {
      max-width: 100%; }
      .service-1 .list h3 {
        font-size: .3rem; }
      .service-1 .list li {
        width: 20%; }
        .service-1 .list li .ico {
          width: .6rem;
          margin: 0 auto; }
        .service-1 .list li .name {
          font-size: .24rem; }
    .service-1 .img {
      display: none; }

  .service-2 {
    padding-bottom: .5rem; }
    .service-2 .list ul {
      margin-left: -.25rem; }
    .service-2 .list li {
      width: 50%;
      padding-left: .25rem;
      padding-bottom: .3rem; }
      .service-2 .list li .name {
        font-size: .28rem;
        line-height: .8rem; }
        .service-2 .list li .name:before {
          height: .8rem; }
      .service-2 .list li .p-content {
        line-height: .44rem; }

  .service-3 .img-list {
    height: 2.6rem;
    overflow: hidden; }
    .service-3 .img-list .word {
      bottom: 0;
      font-size: .7rem;
      right: 0; }
    .service-3 .img-list li {
      width: 2rem; }
    .service-3 .img-list li.on {
      width: 4rem; }
  .service-3 .list h3 {
    font-size: .32rem; }
  .service-3 .list .p-content {
    line-height: .44rem; }

  .service-4 .img-list {
    position: relative;
    top: 0;
    margin: 0 auto; }
  .service-4 .list {
    width: 100%;
    padding: .3rem 0 1rem 0; }
    .service-4 .list h3 {
      font-size: .28rem; }
    .service-4 .list .p-content {
      line-height: .44rem;
      padding-right: 0; }

  .service-5 .list li .name {
    font-size: .24rem; }
  .service-5 .col {
    width: 100%;
    padding-top: .5rem; }
    .service-5 .col dd {
      font-size: .24rem;
      line-height: .48rem; }
      .service-5 .col dd:before {
        height: .48rem; }

  .contact2 {
    padding: .5rem 0 1rem 0; }
    .contact2 .col-1 {
      width: 100%; }
    .contact2 .list li {
      padding: 0 0 .2rem 1rem; }
      .contact2 .list li .ico {
        width: .8rem; }
		.contact2 .list li .ico img{ height:0.8rem; line-height:0.8rem;}
      .contact2 .list li h3 {
        font-size: .26rem;
        line-height: .4rem; }
      .contact2 .list li p {
        font-size: .24rem;
        line-height: .4rem; }
    .contact2 .col-2 {
      width: 100%; }
    .contact2 .form li {
      padding-bottom: .2rem; }
      .contact2 .form li .ico {
        width: .3rem;
        height: .3rem;
        top: .18rem; }
      .contact2 .form li .input input {
        height: .66rem;
        line-height: .66rem;
        padding-left: .6rem;
        font-size: .24rem; }
    .contact2 .form .submit div {
      width: 2.2rem;
      height: .66rem; }
    .contact2 .form .submit input {
      height: .66rem;
      font-size: .26rem; }

  .customized-1 .col {
    width: 100%; }
    .customized-1 .col .msg {
      font-size: .26rem; }
  .customized-1 .img {
    width: 100%; }

  .customized-2 .big-img {
    width: 100%; }
  .customized-2 .list {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: .2rem; }
    .customized-2 .list .list-wrapper {
      margin-left: -.2rem; }
    .customized-2 .list li {
      padding-left: .2rem; }
      .customized-2 .list li .img {
        position: relative; }
        .customized-2 .list li .img:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          background: rgba(220, 80, 80, 0.8) url("../image/img40.png") center no-repeat;
          background-size: .4rem;
          opacity: 0; }
    .customized-2 .list li.on .img:before {
      opacity: 1; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

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