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: 100%; }

  .pcShow {
    display: none; }

  .phoneShow {
    display: block; }
header a.logo img {
    width: 100%;
}
  body.navShow {
    overflow: hidden; }
    body.navShow header .navA {
      background-image: url("../image/close40.png"); }
    body.navShow .nav {
      right: 0; }

  .headD {
    height: 1.15rem; }

  header {
    height: 1.15rem; }
    header a.logo {
      left: .3rem; 
	width:5rem; 
	 }
    header .navA {
      display: block;
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0;
      top: 0;
      bottom: auto;
      width: 1rem;
      height: 1.15rem;
      background: url("../image/nav40.png") center no-repeat;
      background-size: .4rem; }

  .nav {
    position: fixed;
    top: 1.15rem;
    right: -100%;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    padding-top: 1.5rem; }
    .nav li {
      float: none;
      margin-left: 0; }
    .nav a {
      font-size: .36rem;
      height: 1.1rem;
      line-height: 1.1rem;
      text-align: center; }

  footer {
    padding: 0; }
    footer .title {
      position: relative;
      left: 0;
      top: 0;
      width: 100%;
      text-align: center;
      font-size: .2rem;
      padding: .5rem 0 .6rem 0; }
      footer .title h2 {
        padding-bottom: .16rem;
        font-size: .36rem;
        letter-spacing: .02rem; }
      footer .title p {
        letter-spacing: .1rem; }
    footer .msg {
      display: none; }
    footer .list {
      padding: 0; min-height: 1.4rem;}
      footer .list dl {
        display: none; }
      footer .list .dl_02 {
        max-width: 100%;
        width: 100%; }
        footer .list .dl_02 dt {
          display: none; }
        footer .list .dl_02 dd {
          padding: 0 0 0 .5rem;
          min-height:1.6rem;
          font-size: .2rem;
          line-height: .36rem; }
          footer .list .dl_02 dd address:nth-child(1) {
            font-size: .24rem;
            padding-bottom: .06rem; }
          footer .list .dl_02 dd span {
            display: none; }
          footer .list .dl_02 dd a {
            display: block; }
    footer .info {
      font-size: .16rem; }

  /*index*/
  .sideBar {
    display: none; }

  .indexPart1 dl {
    width: 33.333%;
    min-height: 2.26rem;
    background: #fff;
    text-align: left;
    padding: 0 0 .2rem .38rem; }
  .indexPart1 dt {
    height: 1rem;
    padding-top: .5rem; }
    .indexPart1 dt a {
      font-size: .24rem; }
  .indexPart1 dd a {
    font-size: .2rem;
    line-height: .4rem; }

  .indexPart1-1 {
    padding-bottom: .5rem;
    background: #f2f2f2; }
    .indexPart1-1 dl, .indexPart1-1 dl:hover {
      background: #f2f2f2; }

  .pageTitle {
    padding: .8rem 0 .45rem 0; }

  .indexPart2 {
    border-color: #e8e8e8; }
    .indexPart2 .pageTitle {
      padding-bottom: .45rem; }
    .indexPart2 ul.btn {
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      font-size: .24rem;
      line-height: .4rem; }
      .indexPart2 ul.btn li {
        width: 100%;
        text-align: center; }
        .indexPart2 ul.btn li:before {
          display: none; }
    .indexPart2 dl.list dd:before {
      background: #e8e8e8; }
    .indexPart2 dl.list h3 {
      font-size: .46rem;
      padding: .3rem 0 .15rem 0; }
      .indexPart2 dl.list h3 em {
        font-size: .46rem; }
    .indexPart2 dl.list p {
      font-size: .24rem;
      line-height: .34rem;
      width: 1.8rem;
      margin: 0 auto; }

  .indexCustomer dd {
    width: 33.333%; }
    .indexCustomer dd .layer {
      display: none; }
  .indexCustomer dd:nth-child(odd) {
    background: #F5F5F5; }
  .indexCustomer .dl_01 dd {
    display: none; }

  .indexCase .pageTitle {
    padding-bottom: 0; }
  .indexCase .title {
    height: 1rem;
    padding: .35rem 0 0 .38rem;
    line-height: .65rem; }
    .indexCase .title ul {
      display: none; }
    .indexCase .title a.more {
      font-size: .24rem;
      right: .38rem; }
  .indexCase .list {
    position: relative;
    width: 100%;
    overflow: hidden; }
    .indexCase .list dd {
      width: 100%; }
      .indexCase .list dd .layer {
        display: none; }
    .indexCase .list .num {
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0.3rem;
      top: auto;
      bottom: 0.3rem;
      font-size: .3rem;
      color: #fff;
      display: block; }

  .indexSolve dd {
    width: 50%;
    min-height: 3rem; }
    .indexSolve dd h3 {
      font-size: .28rem;
      padding: .2rem 0 0 0; }
    .indexSolve dd p {
      display: none; }
  .indexSolve dd:nth-child(3) {
    background: #4c4c4c; }
  .indexSolve dd:nth-child(4) {
    background: #666; }

  .indexAcademic {
    padding: 0;
    width: 100%;
    overflow: hidden;
    position: relative; }
    .indexAcademic li {
      padding: 0; }
      .indexAcademic li h3 {
        font-size: .24rem;
        margin-top: .15rem;
        padding: 0 .32rem; }
      .indexAcademic li p {
        font-size: .2rem;
        padding: 0 .32rem; }
    .indexAcademic .num {
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0.3rem;
      top: auto;
      bottom: 1.2rem;
      font-size: .3rem;
      color: #fff; }
	
  /*page*/
  .pageTitle2 {
    padding: .6rem 0 .3rem 0; }
    .pageTitle2:before {
      display: none; }

  .area.wal {
    margin: 0; }
  .area .row .title {
    padding: 0 .3rem; }
    .area .row .title h2 {
      font-size: .26rem;
      font-weight: 400;
      color: #00B18C; }
    .area .row .title p {
      font-size: .2rem;
      line-height: .55rem;
      color: #999; }
      .area .row .title p em {
        padding: 0 .1rem; }
  .area .row .imgList {
    position: relative;
    width: 100%; }
    .area .row .imgList .dots {
      display: none; }
    .area .row .imgList .num {
      display: block;
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0.3rem;
      top: auto;
      bottom: 0.3rem;
      font-size: .3rem;
      color: #fff; }
  .area .row .container {
    width: 100%;
    padding: .3rem; }
    .area .row .container h2 {
      display: none; }
    .area .row .container p, .area .row .container h3, .area .row .container ol, .area .row .container ul {
      font-size: .26rem;
      line-height: 1.5em; }
    .area .row .container p, .area .row .container ol, .area .row .container ul {
      padding: 0 0 .3rem 0;
      min-height: .5rem; }
    .area .row .container ol {
      padding-bottom: .4rem; }
    .area .row .container ul {
      padding-bottom: .9rem; }
    .area .row .container a.more {
      display: none; }

  .caseClass {
    padding: 1.5rem 0 .3rem .3rem;
    border-bottom: #e8e8e8 solid 1px; }
    .caseClass dl {
      width: 100%;
      position: relative;
      display: flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      line-height: .4rem;
      padding: 0 0 .15rem 1.65rem;
      min-height: .55rem; }
    .caseClass dt {
      font-size: .24rem;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto; }
    .caseClass dd {
      font-size: .22rem;
      line-height: .4rem;
      padding-right: .3rem; }

  .case {
    padding: .5rem .3rem 0 .3rem; }
    .case h1.title {
      font-size: .26rem; }
    .case h2.title {
      font-size: .26rem;
      border: 0; }
    .case .msg {
      font-size: .22rem;
      line-height: .36rem;
      min-height: .4rem;
      padding: .2rem 0; }
      .case .msg p {
        padding-bottom: .12rem; }
    .case ul {
      margin-left: -.3rem;
      margin-right: -.3rem; }
    .case li {
      width: 100%;
      padding: 0 0 .45rem 0; }
      .case li h2 a {
        font-size: .24rem;
        padding: 0 .3rem; }
      .case li dl {
        font-size: .18rem;
        padding: 0 .3rem; }

  .contact_01 {
    padding: 0 .3rem; }
    .contact_01 .title {
      padding: .3rem 0 .25rem 0;
      font-size: .24rem; }
    .contact_01 ul {
      margin-left: -.3rem; }
    .contact_01 li {
      padding: 0 0 .3rem .3rem; }
      .contact_01 li h3 {
        font-size: .24rem; }

  .aboutTitle {
    margin: 0 .3rem; }

  .contact_02 {
    padding: 0 .3rem 0 .3rem; }
    .contact_02 ul {
      margin-left: 0; }
    .contact_02 li {
      width: 100%;
      padding: 0;
      border-bottom: #f5f5f5 solid 1px; }
      .contact_02 li h3 {
        padding-bottom: 0;
        line-height: .88rem;
        height: .88rem;
        position: relative; }
        .contact_02 li h3 span {
          position: absolute;
          z-index: 10;
          left: auto;
          right: 0;
          top: 0;
          bottom: auto;
          display: block;
          width: .18rem;
          height: 100%;
          background: url("../image/img18.png") right center no-repeat;
          background-size: .18rem; }
      .contact_02 li p {
        font-size: .24rem;
        line-height: 1.5em;
        padding-bottom: .1rem;
        display: none; }
      .contact_02 li p:nth-child(1) {
        font-size: .24rem; }
    .contact_02 li.on {
      padding-bottom: .2rem; }
      .contact_02 li.on h3 span {
        background-image: url("../image/img18on.png"); }
      .contact_02 li.on p {
        display: block; }

  .caseShow {
    padding-bottom: 0; }
    .caseShow h1.title {
      padding-bottom: .3rem; }
      .caseShow h1.title:before {
        display: none; }
    .caseShow dl.info {
      padding-bottom: .2rem; }
      .caseShow dl.info dd {
        font-size: .24rem;
        line-height: .5rem;
        padding-right: 0;
        width: 100%; }
        .caseShow dl.info dd em {
          color: #666; }
    .caseShow h2.title {
      font-size: .24rem;
      padding: .15rem 0; }
    .caseShow .msg {
      padding-bottom: .4rem;
      font-size: .22rem;
      line-height: .4rem;
      color: #999; }
    .caseShow .content {
      font-size: .24rem;
      line-height: .4rem; }
	  .caseShow .content p{
	width:100%;
	display:block;
	overflow:hidden;
	 }

  .newShow .info2 {
    border-bottom: #ECECEC solid 1px;
    font-size: .18rem;
    padding-bottom: .3rem;
    /*margin-bottom: .2rem; */}
  .newShow .imgList {
    margin-right: -.3rem;
    margin-left: -.3rem; }

  .customer {
    padding: 1.15rem 0 0 0; }
    .customer .pageTitle2 {
      padding: .6rem 0 0 .3rem; }
    .customer .side {
      width: 100%; }
      .customer .side .img {
        padding-bottom: 0; }
      .customer .side .container {
        background: #fff; }
        .customer .side .container dd {
          font-size: .22rem;
          line-height: .5rem; }
        .customer .side .container h2 {
          font-size: .24rem; }
        .customer .side .container p {
          font-size: .22rem;
          line-height: .4rem; }
          .customer .side .container p a.moreBtn {
            color: #00B18C;
            background: url("../image/img18.png") right center no-repeat;
            background-size: .18rem;
            padding-right: .28rem; }
        .customer .side .container p.p-2 {
          display: none; }
    .customer .list {
      width: 100%; }
      .customer .list .name {
        padding: .1rem .3rem; }
        .customer .list .name h2 {
          font-size: .24rem; }
        .customer .list .name dl {
          position: relative;
          right: 0;
          font-size: .18rem;
          top: -.2rem; }
      .customer .list p {
        display: none; }

  .customerRelevant {
    padding: 0; }
    .customerRelevant .title {
      border-top: 0;
      padding: .5rem .3rem .3rem .3rem; }
      .customerRelevant .title a {
        font-size: .22rem; }
    .customerRelevant .list {
      width: 100%;
      overflow: hidden;
      position: relative; }
    .customerRelevant li {
      padding: 0; }
    .customerRelevant .num {
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0.3rem;
      top: auto;
      bottom: 0.3rem;
      font-size: .3rem; }

  .page404 {
    padding: 2rem .3rem 1.2rem .3rem; }
    .page404 img {
      width: 100%; }
    .page404 p {
      padding: .8rem 0 .4rem 0; }
    .page404 .btn a {
      margin: 0 .4rem;
      font-size: .24rem;
      width: 2rem;
      line-height: .6rem; }

  .newClass {
    padding: 0 .3rem;
    font-size: .24rem;
    border-bottom: #e8e8e8 solid 1px;
    margin-left: -.3rem;
    margin-right: -.3rem; }
    .newClass ul {
      justify-content: space-between;
      -webkit-justify-content: space-between; }
    .newClass li {
      padding-right: 0; }
    .newClass a {
      color: #cacaca;
      height: .55rem;
      line-height: .45rem;
      position: relative;
      display: block; }
      .newClass a:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 100%;
        height: 2px;
        background: #00B18C;
        opacity: 0; }
      .newClass a:hover, .newClass a.on {
        color: #333; }
        .newClass a:hover:before, .newClass a.on:before {
          opacity: 1; }

  .news h2.title {
    font-size: .24rem;
    padding: .5rem 0 .2rem 0;
    margin-bottom: 0; }
    .news h2.title:before {
      display: none; }
  .news li {
    padding: 0 0 .5rem 0;
    margin-left: -.3rem;
    margin-right: -.3rem; }
    .news li time {
      right: .3rem;
      bottom: .65rem;
      font-size: .18rem;
      display: flex;
      display: -webkit-flex;
      left: auto;
      top: auto;
      align-items: center;
      -webkit-align-items: center; }
      .news li time big {
        display: none; }
      .news li time small {
        font-size: .18rem;
        padding-left: .06rem; }
    .news li .img {
      position: relative;
      left: 0;
      width: 100%; }
      .news li .img img {
        width: 100%; }
    .news li .name {
      font-size: .24rem;
      padding: .2rem .3rem 0 .3rem; }
    .news li p {
      padding: 0 .3rem;
      min-height: .4rem;
      height: .6rem;
      line-height: .6rem;
      overflow: hidden;
      font-size: .2rem; }
    .news li dl.tag {
      line-height: .3rem;
      padding-bottom: .15rem;
      font-size: .18rem;
      margin: 0 .3rem; }

  .service_01 {
    border: 0; }
    .service_01 p {
      line-height: .36rem;
      padding-bottom: .15rem; }
      .service_01 p span {
        display: block; }

  .service_02 .pageTitle2 {
    padding: 0 0 .26rem 0; }
  .service_02 .msg {
    padding: 0 0 .36rem 0; }
  .service_02 li {
    width: 2.1rem;
    padding-bottom: .4rem; }
    .service_02 li h2 {
      font-size: .24rem; }
    .service_02 li .list {
      min-height: 5.7rem; }
      .service_02 li .list dt {
        font-size: .22rem; }
      .service_02 li .list dd {
        font-size: .18rem;
        line-height: .26rem; }
    .service_02 li h3 {
      font-size: .24rem;
      line-height: .56rem; }

  .service_03 {
    padding-bottom: 0; }
    .service_03 .pageTitle2 {
      padding-bottom: .35rem; }
    .service_03 .title .col-1, .service_03 li .col-1 {
      width: 25%; }
    .service_03 .title .col-2, .service_03 li .col-2 {
      width: 35%; }
    .service_03 .title .col-3, .service_03 li .col-3 {
      width: 40%; }
    .service_03 .title .col-4, .service_03 li .col-4 {
      display: none; }
    .service_03 li .col-1 {
      font-size: .24rem; }
      .service_03 li .col-1 a {
        background: #00B18C;
        color: #fff;
        width: 1.16rem;
        height: .54rem;
        line-height: .54rem;
        font-size: .2rem;
        display: block;
        margin: 0 auto;
        margin-top: .2rem; }
    .service_03 li .col-2, .service_03 li .col-3 {
      padding: .2rem .2rem .1rem .2rem; }
      .service_03 li .col-2 h3, .service_03 li .col-3 h3 {
        font-size: .22rem;
        padding-bottom: .1rem; }
      .service_03 li .col-2 p, .service_03 li .col-3 p {
        font-size: .22rem;
        padding-bottom: .1rem; }

  .about_01 {
    padding: 0 .3rem; }
    .about_01 .pageTitle2 {
      text-align: center; }
    .about_01 .row {
      padding: .45rem 0; }
      .about_01 .row:before {
        display: none; }
    .about_01 h2 {
      position: relative;
      top: 0;
      padding-bottom: .15rem; }
    .about_01 .content {
      font-size: .22rem; }
      .about_01 .content a.moreBtn {
        display: inline-block;
        color: #00B18C;
        background: url("../image/img18.png") right center no-repeat;
        background-size: .18rem;
        padding-right: .28rem; }
      .about_01 .content .phoneHide {
        display: none; }
    .about_01 .imgList {
      margin-right: -.3rem; }
      .about_01 .imgList li {
        padding-right: .3rem; }
      .about_01 .imgList .arrow {
        display: none; }

  .about_02 {
    padding: .6rem .3rem 0 .3rem; }
    .about_02 ul {
      margin-left: 0; }
    .about_02 li {
      width: 100%;
      padding: 0 0 .25rem 3.1rem; }
      .about_02 li .img {
        left: 0; }
      .about_02 li h3 {
        font-size: .24rem; }
      .about_02 li h4 {
        font-size: .2rem; }
      .about_02 li p {
        font-size: .2rem; }
		.caseShow .content h2{
	font-size: .28rem;
}
.imgList1{
	    margin-right: -.3rem;
    margin-left: -.3rem;
}
.imgList1 ul{
	width:100%;
}
.imgList1 ul li{
	display:inline-block;
	width:100%;
	margin:0 0;
	padding-bottom:0.15rem;
}
 }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

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