@charset "UTF-8";
a, .transition, .indexPart1 dl, .indexSolve dd, :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, .indexAcademic li h3, .case li h2 a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.flex, .indexBanner .dots, .indexPart2 ul.btn, .indexPart2 dl.list, .indexCase .title ul, .sideBar .li_03 .layer, .area .row .imgList .dots, .service_01 h3, .service_03 .title, .service_03 li, .case li dl, .page404 .btn, .newShow .info2, .newShow .info2 dl, .news li dl.tag, .customer .list .name dl, .customerRelevant .title {
  display: flex;
  display: -webkit-flex; }

.flexColumn, footer .info, .indexSolve dd, .sideBar .li_02 .layer, .service_03 .title .col, .service_03 li .col, .page404 {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column; }

.itemsCenter, .indexSolve dd, .sideBar .li_02 .layer, .sideBar .li_03 .layer, .service_01 h3, .page404, .customerRelevant .title {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter, .indexBanner .dots, .indexPart2 ul.btn, .indexPart2 dl.list, .indexSolve dd, .sideBar .li_03 .layer, .service_01 h3, .service_03 .title .col, .service_03 li .col {
  justify-content: center;
  -webkit-justify-content: center; }

.flexAround {
  justify-content: space-around;
  -webkit-justify-content: space-around; }

.flexBetween, .service_02 ul, .newShow .info2, .customer, .customerRelevant .title {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.flexWrap, footer .list, footer .list .dl_02, .indexPart1, .indexCustomer dl, .indexSolve dl, .area .row .container ul, .about_02 ul, .contact_01 ul, .contact_02 ul, .service_02 ul, .service_04 ul, .caseClassPhone .list2 dl, .caseClass, .case ul, .caseShow dl.info, .newClass ul, .customer {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

html {
  font-size: 100px; }

body {
  font-size: 12px;
  font-family: Arial, "微软雅黑";
  color: #333;
  -webkit-text-size-adjust: none; }

a {
  color: #333;
  text-decoration: none;
  outline: none; }
  a:active {
    star: expression(this.onFocus=this.blur()); }
  a:link {
    text-decoration: none;
    outline: none; }
  a:visited {
    text-decoration: none;
    outline: none; }
  a:hover {
    text-decoration: none;
    color: #00B7AE;
    outline: none; }

li {
  list-style: outside none; }

h1 {
  font-size: 16px; }

h2, h3, h4, h5 {
  font-size: 14px;
  font-weight: 400; }

h5 {
  font-size: 12px; }

textarea, input {
  background: transparent;
  font-size: 12px;
  font-family: Arial, "微软雅黑";
  color: #888;
  outline: none;
  border: 0; }

em {
  font-style: normal; }

img {
  vertical-align: middle;
  max-width: 100%;
  border: 0; }

.fl {
  float: left; }

.fr {
  float: right; }

.clear {
  clear: both;
  height: 0;
  display: block;
  _display: inherit; }

.before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0; }

.h10 {
  height: 0.1rem;
  overflow: hidden;
  clear: both; }

.h50 {
  height: 0.5rem;
  overflow: hidden;
  clear: both; }

.wal {
  max-width: 12rem;
  margin: 0 auto; }

.wal2 {
  max-width: 14rem;
  margin: 0 auto; }

.phoneShow {
  display: none; }

.headD {
  height: 0.69rem; }

header {
  position: fixed;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 0.69rem;
  background: #fff;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); }
  header a.logo {
    display: block;
    position: absolute;
    z-index: 10;
    left: 0.96rem;
    right: auto;
    top: 50%;
    bottom: auto;
    width: 4.5rem;
    transform: translateY(-50%); }
	header a.logo img{
		width:80%;
	}
    header a.logo embed {
      width: 100%;
      display: block; }

.nav {
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0.96rem;
  top: 0;
  bottom: auto; }
  .nav li {
    float: left;
    margin-left: .6rem; }
  .nav a {
    display: block;
    font-size: .16rem;
    height: 0.69rem;
    line-height: 0.69rem;
    color: #000;
    font-weight: 100; }
    .nav a:hover, .nav a.on {
      color: #00B7AE; }

footer {
  background: #3f3f3f;
  position: relative;
  padding: 0 .96rem;
  min-height: 4.8rem;
  color: #838383; }
  footer a {
    color: #838383; }
  footer a:hover {
    color: #a8a8a8; }
  footer .title {
    position: absolute;
    z-index: 10;
    left: 0.96rem;
    right: auto;
    top: 0.9rem;
    bottom: auto;
    width: 2.9rem;
    font-size: .18rem; }
    footer .title h2 {
      font-weight: 400;
      color: #a8a8a8;
      padding-bottom: .24rem;
      font-size: .24rem; }
  footer .msg {
    position: absolute;
    z-index: 10;
    left: 0.96rem;
    right: auto;
    top: 2.95rem;
    bottom: auto;
    width: 2.9rem;
    font-size: .14rem;
    line-height: .28rem; }
  footer .list {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    min-height: 3.85rem;
    padding: .9rem 0 0 3rem; }
    footer .list dl {
      max-width: 2rem;
      width: 20%; }
    footer .list dt {
      font-weight: 400;
      font-size: .18rem;
      position: relative;
      padding-bottom: .35rem;
      color: #a8a8a8; }
      footer .list dt:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: .25rem;
        width: .73rem;
        height: 1px;
        background: #a8a8a8; }
    footer .list dd {
      font-size: .14rem;
      line-height: .26rem; }
    footer .list .dl_02 {
      max-width: 5.4rem;
      width: 40%; }
      footer .list .dl_02{
      	display:inline-block;
      }
      footer .list .dl_02 dt {
        width: 100%; height: auto;}
      footer .list .dl_02 dd {
        width: 50%;
        padding: 0 .3rem .26rem 0; float: left;}
      footer .list .dl_02 address {
        font-style: normal; }
  footer .info {
    text-align: center;
    padding: .35rem 0;
    line-height: 1.7em; }

/*index*/
.indexBanner {
  width: 100%;
  overflow: hidden;
  position: relative;
  }
  .indexBanner li a {
    display: block;
    background: center no-repeat;
    background-size: cover;
	height:75vh;
	position:relative;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s; }
  .indexBanner .dots {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: auto;
    bottom: 0.3rem;
    width: 100%; }
    .indexBanner .dots span {
      width: .09rem;
      height: .09rem;
      background: #fff;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      margin: 0 .05rem; }
    .indexBanner .dots .swiper-pagination-bullet-active {
      background: #00B7AE; }
  .indexBanner .arrow {
    width: .21rem;
    height: .38rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -.19rem;
    background: center no-repeat;
    background-size: cover;
    cursor: pointer; }
    .indexBanner .arrow.prev {
      left: .44rem;
      background-image: url("../image/prev21.png"); }
    .indexBanner .arrow.next {
      right: .44rem;
      background-image: url("../image/next21.png"); }

.indexBannerPhone {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .indexBannerPhone li a {
    display: block;
    background: center no-repeat;
    background-size: cover;
    height: 60vh;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s; }
  .indexBannerPhone .num {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.3rem;
    top: auto;
    bottom: 0.3rem;
    font-size: .3rem;
    color: #fff; }

.indexBannerPhone-2 li a {
  max-height: 4.7rem; }

.indexPart1 dl {
  width: 16.666%;
  min-height: 1.8rem;
  background: #F5F5F5;
  text-align: right;
  padding: 0 .84rem 0 0; }
  .indexPart1 dl:hover {
    background: #fff; }
.indexPart1 dt {
  height: .72rem;
  padding-top: .3rem; }
  .indexPart1 dt a {
    display: block;
    font-size: .16rem;
    color: #000;
    letter-spacing: .04rem; }
.indexPart1 dd a {
  display: block;
  font-size: .14rem;
  line-height: .26rem;
  color: #333;
  letter-spacing: .02rem; }

.pageTitle {
  text-align: center;
  font-size: .36rem;
  letter-spacing: .04rem;
  padding: 1.15rem 0 .7rem 0;
  font-weight: 400; }

.indexPart2 {
  border-bottom: #A9A9A9 solid 1px; }
  .indexPart2 .pageTitle {
    padding-bottom: .55rem; }
  .indexPart2 ul.btn {
    font-size: .2rem;
    color: #00B7AE;
    padding-bottom: .3rem; }
    .indexPart2 ul.btn li {
      position: relative;
      padding: 0 .25rem; }
      .indexPart2 ul.btn li:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        width: 1px;
        height: .2rem;
        margin-top: -.1rem;
        background: #00B7AE; }
      .indexPart2 ul.btn li:first-child:before {
        display: none; }
  .indexPart2 dl.list {
    max-width: 15rem;
    margin: 0 auto; }
    .indexPart2 dl.list dd {
      height: 2.1rem;
      width: 33.333%;
      text-align: center;
      position: relative; }
      .indexPart2 dl.list dd:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        width: 1px;
        height: 1.2rem;
        margin-top: -.6rem;
        background: #A9A9A9; }
      .indexPart2 dl.list dd:first-child:before {
        display: none; }
    .indexPart2 dl.list h3 {
      font-weight: 400;
      font-size: .56rem;
      color: #000;
      padding: .5rem 0 .15rem 0; }
      .indexPart2 dl.list h3 em {
        font-size: .42rem;
        padding-left: .1rem; }
    .indexPart2 dl.list p {
      font-size: .2rem;
      color: #999;
      letter-spacing: .03rem; }

.indexCustomer dd {
  width: 16.666%;
  overflow: hidden;
  position: relative; }
  .indexCustomer dd a {
    display: block; }
  .indexCustomer dd img {
    width: 100%; }
  .indexCustomer dd .layer {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    width: 100%;
    height: 100%;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    font-size: .14rem;
    letter-spacing: .02rem;
    padding: .28rem .3rem;
    opacity: 0; }
    .indexCustomer dd .layer h3 {
      font-size: .18rem;
      font-weight: 400; }
    .indexCustomer dd .layer h4 {
      font-size: .14rem;
      font-weight: 400;
      padding: .1rem 0 .32rem 0;
      position: relative; }
      .indexCustomer dd .layer h4:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: .15rem;
        width: .3rem;
        height: .02rem;
        background: #00B7AE; }
    .indexCustomer dd .layer p span {
      padding-right: 1em; }
  .indexCustomer dd:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1); }
  .indexCustomer dd:hover .layer {
    opacity: 1; }

@media screen and (min-width: 800px) {
  .indexCustomer dl:nth-child(odd) dd:nth-child(odd) {
    background: #F5F5F5; }
  .indexCustomer dl:nth-child(even) dd:nth-child(even) {
    background: #F5F5F5; } }
.indexCase .pageTitle {
  padding: 1.5rem 0 0 0; }
.indexCase .title {
  position: relative;
  height: 1.45rem;
  padding: .35rem 0 0 .96rem;
  line-height: 1.15rem;
  color: #666;
  letter-spacing: .03rem; }
  .indexCase .title h3 {
    font-size: .24rem;
	color:#333;
    font-weight: 400; }
  .indexCase .title ul {
    position: absolute;
    z-index: 10;
    left: 3rem;
    right: auto;
    top: 0.35rem;
    bottom: auto;
    font-size: .16rem; }
    .indexCase .title ul a {
      color: #666;
      padding: 0 .1rem; }
  .indexCase .title a.more {
    font-size: .18rem;
    text-transform: uppercase;
    color: #00B7AE;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.96rem;
    top: 0.35rem;
    bottom: auto; }
.indexCase .list dd {
  width: 25%;
  position: relative;
  overflow: hidden; }
  .indexCase .list dd a {
    display: block; }
  .indexCase .list dd img {
    width: 100%; }
  .indexCase .list dd a.btn {
    display: block;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    width: 100%;
    height: 100%;
    background: url("../image/btn66.png") center no-repeat;
    background-size: .66rem; }
  .indexCase .list dd .layer {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    width: 100%;
    height: 100%;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    font-size: .14rem;
    letter-spacing: .02rem;
    padding: .45rem .5rem;
    opacity: 0; }
    .indexCase .list dd .layer h3 {
      font-size: .18rem;
      font-weight: 400; }
    .indexCase .list dd .layer h4 {
      font-size: .14rem;
      font-weight: 400;
      padding: .1rem 0 .32rem 0;
      position: relative; }
      .indexCase .list dd .layer h4:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: .15rem;
        width: .3rem;
        height: .02rem;
        background: #00B7AE; }
    .indexCase .list dd .layer p span {
      padding-right: 1em; }
  .indexCase .list dd:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1); }
  .indexCase .list dd:hover .layer {
    opacity: 1; }
.indexCase .list .num {
  display: none; }

@media screen and (min-width: 800px) {
  .indexCase .list dl {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap; } }
.indexSolve dd {
  width: 25%;
  text-align: center;
  min-height: 3.81rem;
  background: #666;
  color: #fff;
  padding: .2rem; }
  .indexSolve dd img {
    width: .84rem; }
  .indexSolve dd h3 {
    font-size: .26rem;
    padding: .4rem 0 .25rem 0;
    font-weight: 400; }
  .indexSolve dd p {
    font-size: .12rem;
    line-height: .27rem; }
.indexSolve dd:nth-child(even) {
  background: #4c4c4c; }
.indexSolve dd:hover {
  background: #00B7AE; }

.indexVideo {
  max-width: 11.2rem;
  margin: 0 auto;
  position: relative; }
  .indexVideo .img {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    width: 100%;
    height: 100%;
    background: center no-repeat;
    background-size: cover; }
    .indexVideo .img:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url("../image/img92.png") center no-repeat;
      background-size: .92rem;
      cursor: pointer; }
  .indexVideo video {
    width: 100%; }

.indexAcademic {
  padding: 0 .81rem; }
  .indexAcademic li {
    width: 25%;
    padding: 0 .15rem; }
    .indexAcademic li a.img {
      display: block;
      width: 100%;
      overflow: hidden;
      position: relative; }
      .indexAcademic li a.img img {
        width: 100%; }
      .indexAcademic li a.img:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1); }
    .indexAcademic li h3 {
      font-weight: 400;
      font-size: .21rem;
      height: .5rem;
      line-height: .5rem;
      margin-top: .1rem; }
    .indexAcademic li p {
      font-size: .14rem;
      color: #666; }
      .indexAcademic li p a {
        color: #666; }
      .indexAcademic li p em {
        padding-left: .2rem; }

@media screen and (min-width: 800px) {
  .indexAcademic ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap; } }
.footFaq {
  text-align: center;
  padding: 1.2rem 0; }
  .footFaq h2 {
    font-size: .36rem;
    letter-spacing: .04rem;
    font-weight: 400; }
  .footFaq a {
    color: #00B7AE;
    font-size: .4rem;
    display: block;
    letter-spacing: .04rem;
    padding: .25rem 0 .7rem 0;
    background: url("../image/img42.png") center bottom no-repeat;
    background-size: .42rem; }

.sideBar {
  position: fixed;
  z-index: 30;
  top: 50%;
  right: 0;
  width: .6rem; }
  .sideBar li {
    padding-bottom: .14rem;
    position: relative; }
    .sideBar li a.name {
      display: block;
      background: #00B7AE;
      -moz-border-radius: 0.05rem;
      -webkit-border-radius: 0.05rem;
      border-radius: 0.05rem;
      box-shadow: 0.02rem 0.02rem 0.05rem rgba(205, 205, 205, 0.5);
      -webkit-box-shadow: 0.02rem 0.02rem 0.05rem rgba(205, 205, 205, 0.5);
      -moz-box-shadow: 0.02rem 0.02rem 0.05rem rgba(205, 205, 205, 0.5);
      padding: .15rem; }
    .sideBar li .layer {
      position: absolute;
      z-index: 10;
      left: -1.58rem;
      right: auto;
      top: 0;
      bottom: auto;
      opacity: 0;
      visibility: hidden; }
    .sideBar li:hover .layer {
      opacity: 1;
      visibility: visible; }
  .sideBar .li_02 .layer {
    background: url("../image/img161_1.png") center no-repeat;
    background-size: cover;
    width: 1.61rem;
    height: 1.66rem;
    padding: .08rem .19rem 0 0;
    margin-left: -.02rem;
    top: -.36rem; }
    .sideBar .li_02 .layer img {
      width: 1.24rem; }
    .sideBar .li_02 .layer p {
      line-height: .24rem;
      font-size: .12rem; }
  .sideBar .li_03 .layer {
    width: 1.39rem;
    height: .6rem;
    color: #fff;
    -moz-border-radius: 0.05rem;
    -webkit-border-radius: 0.05rem;
    border-radius: 0.05rem;
    background: #00B7AE;
    box-shadow: 0.02rem 0.02rem 0.05rem rgba(205, 205, 205, 0.5);
    -webkit-box-shadow: 0.02rem 0.02rem 0.05rem rgba(205, 205, 205, 0.5);
    -moz-box-shadow: 0.02rem 0.02rem 0.05rem rgba(205, 205, 205, 0.5);
    font-size: .18rem;
    padding-right: .06rem; }
    .sideBar .li_03 .layer img {
      width: .3rem;
      margin-right: .08rem; }
  .sideBar .li_04 .layer {
    font-size: .18rem;
    color: #00B7AE;
    background: url("../image/img161.png") center no-repeat;
    background-size: cover;
    width: 1.61rem;
    height: .56rem;
    line-height: .48rem;
    padding-left: .14rem;
    top: .06rem; }

/*page*/
.pageBanner {
  height: 5rem;
  background: center no-repeat;
  background-size: cover; }

.pageTitle2 {
  text-align: center;
  font-size: .36rem;
  font-weight: 400;
  position: relative;
  padding: 1.2rem 0 1.4rem 0;
  letter-spacing: .04rem; }
  .pageTitle2:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 1.1rem;
    width: .74rem;
    height: .06rem;
    background: #00B7AE;
    margin-left: -.37rem; }

.pageTitle2-2 {
  text-align: left;
  padding: .8rem 0 .25rem 0; }
  .pageTitle2-2:before {
    left: 0;
    margin-left: 0;
    bottom: 0; }

.area {
  max-width: 14rem; }
  .area .row {
    position: relative;
    min-height: 6.45rem; }
    .area .row .imgList {
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0;
      top: 0;
      bottom: auto;
      width: 7.52rem;
      overflow: hidden; }
      .area .row .imgList .dots {
        padding: .3rem 0;
        justify-content: flex-end;
        -webkit-justify-content: flex-end; }
        .area .row .imgList .dots span {
          width: .9rem;
          height: .05rem;
          background: #d6d6d6;
          margin-left: .2rem; }
        .area .row .imgList .dots .swiper-pagination-bullet-active {
          background: #aeaeae; }
      .area .row .imgList .num {
        display: none; }
    .area .row .container {
      width: 5.85rem; }
      .area .row .container h2 {
        font-size: .3rem;
        font-weight: 400;
        letter-spacing: .03rem; }
      .area .row .container p, .area .row .container h3, .area .row .container ol, .area .row .container ul {
        font-size: .16rem;
        color: #666;
        line-height: .26rem;
        letter-spacing: .02rem; }
      .area .row .container p {
        min-height: 1.6rem;
        padding: .26rem 0;
        text-align: justify; }
      .area .row .container h3 {
        font-weight: 400;
        color: #333;
        padding-bottom: .06rem; }
      .area .row .container ol {
        min-height: 1.15rem;
        padding-bottom: .2rem; }
      .area .row .container ul {
        min-height: .65rem;
        padding-bottom: .2rem; }
        .area .row .container ul li {
          padding-right: .1rem; }
        .area .row .container ul a {
          padding-right: .1rem; }
      .area .row .container a.more {
        font-size: .14rem;
        color: #00B7AE;
        letter-spacing: .02rem; }
  .area .row:nth-child(even) .imgList {
    right: auto;
    left: 0; }
    .area .row:nth-child(even) .imgList .dots {
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      position: relative;
      left: -.2rem; }
  .area .row:nth-child(even) .container {
    margin-left: auto; }
  .area .row:last-child {
    min-height: 5.45rem; }

.about_01 .row {
  position: relative;
  min-height: 2.38rem;
  border-bottom: #D8D8D8 solid 1px;
  padding: .75rem 0 .75rem 2.8rem; }
  .about_01 .row:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 2.8rem;
    background: #fff;
    height: 4px; }
  .about_01 .row:last-child {
    border: 0; }
.about_01 h2 {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0.75rem;
  bottom: auto;
  font-size: .24rem;
  font-weight: 400;
  line-height: .36rem; }
.about_01 .content {
  font-size: .2rem;
  line-height: .36rem;
  color: #666;
  text-align: justify; }
 
  .about_01 .content a.moreBtn {
    display: none; }
.about_01 .imgList {
  position: relative;
  margin-right: -.5rem; }
  .about_01 .imgList .list {
    width: 100%;
    overflow: hidden;
    position: relative; }
  .about_01 .imgList li {
    padding-right: .5rem; }
    .about_01 .imgList li img {
      display: block;
      width: 100%; }
    .about_01 .imgList li p {
      padding-top: .15rem;
      font-size: .2rem;
      color: #666; }
  .about_01 .imgList .arrow {
    display: block;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 0;
    bottom: auto;
    height: 2.48rem;
    width: .22rem;
    background: center no-repeat;
    background-size: 100%; }
    .about_01 .imgList .arrow.prev {
      left: -.6rem;
      background-image: url("../image/prev32.png"); }
    .about_01 .imgList .arrow.next {
      right: -.1rem;
      background-image: url("../image/next32.png"); }

.aboutTitle {
  font-weight: 400;
  font-size: .24rem;
  padding: .24rem 0;
  border-bottom: #D8D8D8 solid 1px; }

.about_02 {
  padding-top: .6rem; }
  .about_02 ul {
    margin-left: -1.4rem; }
  .about_02 li {
    width: 50%;
    padding: 0 0 .25rem 4.5rem;
    position: relative;
    min-height: 3.93rem; }
    .about_02 li .img {
      display: block;
      position: absolute;
      z-index: 10;
      left: 1.4rem;
      right: auto;
      top: 0;
      bottom: auto;
      width: 2.8rem;
      overflow: hidden; }
      .about_02 li .img:hover img {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2); }
    .about_02 li h3 {
      font-weight: 400;
      font-size: .22rem;
      line-height: .65rem; }
    .about_02 li h4 {
      font-weight: 400;
      font-size: .16rem;
      line-height: .35rem;
      padding-bottom: .24rem; }
    .about_02 li p {
      font-size: .14rem;
      line-height: .24rem;
      color: #666;
      padding-bottom: .24rem; }

.contact_01 .title {
  padding: .75rem 0 .5rem 0;
  font-size: .24rem; }
.contact_01 ul {
  margin-left: -1.18rem; }
.contact_01 li {
  width: 50%;
  padding: 0 0 .6rem 1.18rem;
  color: #666; }
  .contact_01 li h3 {
    font-size: .2rem;
    padding: .28rem 0 .15rem 0; }
  .contact_01 li p {
    font-size: .2rem;
    line-height: 1.5em; }

.contact_02 {
  padding-top: .6rem; }
  .contact_02 ul {
    margin-left: -1.18rem; }
  .contact_02 li {
    width: 50%;
    padding: 0 0 .34rem 1.18rem; }
    .contact_02 li h3 {
      padding-bottom: .4rem;
      font-size: .26rem; }
      .contact_02 li h3 em {
        padding-left: .4rem;
        font-size: .24rem;
        color: #666; }
    .contact_02 li p {
      font-size: .16rem;
      line-height: .36rem;
      color: #878686;
      padding-bottom: .36rem; }

.service_01 {
  text-align: center;
  border-bottom: #e2e2e2 solid 1px;
  padding: .75rem 0 .7rem 0; }
  .service_01 h2 {
    font-size: .4rem;
    letter-spacing: .04rem; }
  .service_01 h3 {
    font-size: .3rem;
    color: #00B7AE;
    padding: .3rem 0 .65rem 0; }
    .service_01 h3:before, .service_01 h3:after {
      content: "";
      display: block;
      position: absolute;
      position: relative;
      margin: 0 .2rem;
      width: .74rem;
      height: .02rem;
      background: #00B7AE; }
  .service_01 p {
    font-size: .24rem;
    line-height: .5rem; }

.service_02 .pageTitle2 {
  padding: .8rem 0 .26rem 0; }
  .service_02 .pageTitle2:before {
    bottom: 0; }
.service_02 .msg {
  font-size: .2rem;
  line-height: .34rem;
  text-align: center;
  max-width: 10.66rem;
  margin: 0 auto;
  padding: .3rem 0 .66rem 0; }
.service_02 li {
  width: 1.76rem; }
  .service_02 li h2 {
    text-align: center;
    color: #fff;
    background: #00B7AE;
    line-height: .68rem;
    font-size: .2rem; }
  .service_02 li .list {
    border: #00B7AE solid 1px;
    min-height: 4.75rem;
    margin-bottom: .3rem;
    position: relative;
    padding-left: .19rem; }
    .service_02 li .list:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      height: .19rem;
      background: url("../image/img26.png") center no-repeat;
      background-size: auto 100%; }
    .service_02 li .list dl {
      padding-bottom: .05rem; }
      .service_02 li .list dl:last-child {
        padding: 0; }
    .service_02 li .list dt {
      color: #00B7AE;
      font-size: .16rem;
      padding: .16rem 0 .1rem 0; }
    .service_02 li .list dd {
      font-size: .14rem;
      line-height: .22rem;
      color: #666; }
  .service_02 li h3 {
    font-size: .18rem;
    color: #666;
    letter-spacing: .03rem;
    border: #00B7AE solid 1px;
    line-height: .42rem;
    text-align: center; }

.service_03 {
  padding-bottom: 1rem; }
  .service_03 .pageTitle2 {
    padding-bottom: .65rem; }
    .service_03 .pageTitle2:before {
      bottom: .38rem; }
  .service_03 .title, .service_03 li {
    text-align: center;
    border: #bebebe solid 1px;
    border-left: 0;
    color: #000; }
    .service_03 .title .col, .service_03 li .col {
      border-left: #bebebe solid 1px; }
    .service_03 .title .col-1, .service_03 li .col-1 {
      width: 2.34rem; }
    .service_03 .title .col-2, .service_03 li .col-2 {
      width: 3.43rem; }
    .service_03 .title .col-3, .service_03 li .col-3 {
      width: 4.08rem; }
    .service_03 .title .col-4, .service_03 li .col-4 {
      width: 2.14rem; }
  .service_03 .title .col {
    line-height: .87rem;
    font-size: .24rem; }
  .service_03 li {
    border-top: 0; }
    .service_03 li .col-1 {
      font-size: .24rem; }
      .service_03 li .col-1 a {
        display: none; }
    .service_03 li .col-2, .service_03 li .col-3 {
      padding: .22rem .22rem .22rem .5rem;
      text-align: left; }
      .service_03 li .col-2 h3, .service_03 li .col-3 h3 {
        font-size: .18rem;
        line-height: .26rem;
        padding-bottom: .04rem; }
      .service_03 li .col-2 p, .service_03 li .col-3 p {
        font-size: .16rem;
        line-height: .26rem; }
    .service_03 li .col-4 {
      padding: 0 .3rem; }
      .service_03 li .col-4 a {
        background: #00B7AE;
        color: #fff;
        width: 100%;
        height: .54rem;
        line-height: .54rem;
        font-size: .2rem; }

.service_04 {
  background: #f5f5f5;
  min-height: 5rem;
  padding-bottom: .3rem; }
  .service_04 ul {
    padding: .45rem 0 .2rem 0;
    margin-right: -.85rem; }
  .service_04 li {
    width: 25%;
    position: relative;
    min-height: 1.8rem; }
    .service_04 li:before {
      content: "";
      display: block;
      position: absolute;
      background: url("../image/img8.png") center no-repeat;
      width: .08rem;
      height: 1.32rem;
      background-size: 100%;
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0.45rem;
      top: 0.06rem;
      bottom: auto; }
    .service_04 li h3 {
      font-size: .42rem;
      color: #939393; }
    .service_04 li p {
      font-size: .18rem;
      line-height: .3rem;
      width: 2.25rem; }
  .service_04 li:nth-child(4n):before {
    display: none; }
  .service_04 .tips h3 {
    font-size: .2rem;
    color: #939393;
    padding-bottom: .08rem; }
  .service_04 .tips p {
    font-size: .14rem;
    line-height: .22rem; }

.caseClassPhone {
  padding: 1.15rem 0 0 0; }
  .caseClassPhone h2 {
    padding: .38rem 0 .2rem .3rem;
    font-weight: 400;
    font-size: .24rem; }
    .caseClassPhone h2 a {
      color: #cacaca; }
  .caseClassPhone .list {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2; }
    .caseClassPhone .list dd {
      padding: 0 .2rem 0 .3rem;
      width: auto; }
    .caseClassPhone .list a {
      display: block;
      position: relative;
      font-size: .24rem;
      color: #cacaca;
      height: .62rem;
      line-height: .62rem; }
      .caseClassPhone .list a:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: .4rem;
        height: .04rem;
        background: #00B7AE;
        opacity: 0; }
    .caseClassPhone .list a.on {
      color: #00B7AE; }
      .caseClassPhone .list a.on:before {
        opacity: 1; }
  .caseClassPhone .list2 {
    border-top: #e8e8e8 solid 1px;
    position: relative;
    top: -1px;
    padding-left: .3rem;
    line-height: .5rem; }
    .caseClassPhone .list2 dd {
      padding-right: .6rem; }
    .caseClassPhone .list2 a {
      font-size: .2rem;
      color: #666; }
    .caseClassPhone .list2 a.on {
      color: #00B7AE; }

.caseClass {
  padding: 1.44rem .96rem .74rem .96rem; }
  .caseClass dl {
    width: 1.65rem; }
  .caseClass dt {
    font-size: .16rem;
    padding-bottom: .12rem; }
    .caseClass dt a {
      color: #000; }
      .caseClass dt a:hover {
        color: #00B7AE; }
  .caseClass dd {
    font-size: .14rem;
    line-height: .26rem; }
    .caseClass dd a {
      color: #999; }
      .caseClass dd a:hover {
        color: #00B7AE; }

.case {
  padding: 0 .96rem; }
  .case h1.title {
    position: relative;
    font-size: .16rem;
    color: #000;
    padding-bottom: .12rem;
    font-weight: 400; }
    .case h1.title:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: .64rem;
      height: .02rem;
      background: #00B7AE; }
  .case h2.title {
    padding: .5rem 0 .45rem 0;
    border-top: #979797 solid 1px;
    font-size: .24rem; }
  .case .msg {
    font-size: .14rem;
    line-height: .26rem;
    color: #666;
    min-height: 1.4rem;
    padding: .15rem 0; }
    .case .msg p {
      padding-bottom: .15rem; }
  .case ul {
    margin-left: -.5rem; }
  .case li {
    width: 33.333%;
    padding: 0 0 .6rem .5rem; }
    .case li .img {
      display: block;
      width: 100%;
      overflow: hidden;
      position: relative; }
      .case li .img img {
        width: 100%; }
      .case li .img:hover img {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2); }
      .case li .img em.btn {
        display: block;
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        width: 100%;
        height: 100%;
        background: url("../image/btn66.png") center no-repeat;
        background-size: .66rem; }
    .case li h2 {
      padding-top: .05rem; }
      .case li h2 a {
        display: block;
        height: .5rem;
        line-height: .5rem;
        font-size: .18rem; }
    .case li dl {
      font-size: .14rem;
      color: #666; }
      .case li dl dd {
        padding-right: .24rem; }
      .case li dl a {
        color: #888888; }
      .case li dl em {
        padding-left: .24rem; color: #cccccc; }

.page404 {
  padding: 1.55rem 0 1.2rem 0;
  text-align: center; }
  .page404 img {
    width: 8.04rem; }
  .page404 p {
    padding: .4rem 0;
    font-size: .3rem;
    color: #666; }
  .page404 .btn a {
    margin: 0 .1rem;
    font-size: .2rem;
    width: 1.45rem;
    line-height: .4rem;
    background: #00B7AE;
    color: #fff;
    -moz-border-radius: 0.08rem;
    -webkit-border-radius: 0.08rem;
    border-radius: 0.08rem; }

.caseShow {
  padding: 1.85rem 0 1rem 0; }
  .caseShow .wal {
    max-width: 10.8rem; }
  .caseShow h1.title {
    position: relative;
    font-weight: 400;
    font-size: .43rem;
    padding-bottom: .28rem; }
    .caseShow h1.title:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      background: #00B7AE;
      width: .97rem;
      height: .04rem; }
  .caseShow dl.info dd {
    font-size: .17rem;
    color: #00B7AE;
    line-height: .58rem;
    padding-right: .85rem;
	margin-top:.15rem;}
	.caseShow dl.info dd em{
		color: #666;
		}
  .caseShow h2.title {
    font-size: .18rem;
    padding: .15rem 0; }
  .caseShow .msg {
    padding-bottom: .4rem;
    font-size: .14rem;
    line-height: .22rem;
    color: #666;
    text-align: justify; }
  .caseShow .imgList li {
    text-align: center;
    padding-bottom: .2rem; }
    .caseShow .imgList li .videoDiv {
      position: relative; }
      .caseShow .imgList li .videoDiv a {
        display: block;
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        width: 100%;
        height: 100%;
        background: url("../image/btn66.png") center no-repeat;
        background-size: .66rem; }
  .caseShow .content {
    font-size: .18rem;
    line-height: .37rem;
    padding: 0 0 .6rem 0;
    text-align: justify; 
	color:#666;
	
	}
	.caseShow .h-d{
	  padding: 0.6rem 0 .6rem 0;
}
.caseShow .content p.mb{margin-top:0.4rem;}
.caseShow .content ol{
	
}
.caseShow .content ol li{ position:relative; padding-left:0.18rem;}
.caseShow .content ol li:after{
	content: "";
	display: inline-block;
	width: 6px;
	border-radius:50%;
	height: 6px;
	background: #333333;
	position: absolute;
	left: 0;
	top:0.13rem;
}
.newShow {
  padding-bottom: 0; }
  .newShow h1.title {
    font-size: .4rem; }
    .newShow h1.title:before {
      display: none; }
  .newShow .info2 {
    font-size: .18rem;
    color: #666;
	display:inline-block;

}
	.i-h{margin-top: .5rem;}
	.newShow .info2 p{
		display:block;
		position:relative;
}
.caseShow .content a{
	color:#00B7AE;
}
.caseShow .content a:hover{
	color:#00B7AE;
	text-decoration:underline;
}
.caseShow .content h2{
	font-size: .24rem;
	color:#333333;
	margin-bottom:0.26rem;
}
.imgList1{
	margin-right: -.03rem;
    margin-left: -.05rem;
	
}
.imgList{ padding-bottom:.4rem;}
.imgList1 ul{
	width:102%;
}
.imgList1 ul li{
	display:inline-block;
	width:48%;
	margin:0 0.5%;
	padding-bottom:0.15rem;
}
.newShow .info21{
	    display: flex;
    display: -webkit-flex;
	float:right;
}
.newShow .info21 dl.tag {
    line-height: .20rem;
    font-size: .18rem;
    color: #999;
	    display: flex;
    display: -webkit-flex;
}
.newShow .info21 dl.tag dd {
    color: #00B7AE;
    padding-left: .2rem;
}
    .newShow .info2 dd {
      color: #00B7AE;
      padding-left: .5rem; }

.newClass {
  padding: .7rem 0;
  font-size: .16rem; }
  .newClass li {
    padding-right: .48rem; }
  .newClass a {
    color: #666; }
    .newClass a:hover, .newClass a.on {
      color: #00B7AE; }

.news h2.title {
  font-size: .16rem;
  color: #000;
  position: relative;
  padding-bottom: .12rem;
  margin-bottom: .5rem; }
  .news h2.title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: .32rem;
    height: .02rem;
    background: #00B7AE; }
.news li {
  position: relative;
  min-height: 2.66rem;
  padding: 0 0 0 6.08rem; }
  .news li time {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    font-size: .46rem; }
    .news li time small {
      display: block;
      color: #cacaca;
      font-size: .24rem; }
  .news li .img {
    position: absolute;
    z-index: 10;
    left: 1.4rem;
    right: auto;
    top: 0;
    bottom: auto;
    display: block;
    width: 4.1rem;
    overflow: hidden; }
    .news li .img:hover img {
      transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2); }
  .news li .name {
    font-size: .2rem; }
  .news li p {
    padding: .12rem 0;
    min-height: 1.4rem;
    font-size: .14rem;
    line-height: .28rem;
    color: #666;
    text-align: justify; }
  .news li dl.tag {
    line-height: .4rem;
    border-bottom: #f6f6f6 solid 1px;
    font-size: .14rem;
    color: #999; }
    .news li dl.tag dd {
      color: #00B7AE;
      padding-left: .2rem; }

.customer {
  padding: .7rem 0;
  max-width: 12rem;
  margin: 0 auto; }
  .customer .pageTitle2 {
    width: 100%;
    margin-bottom: .3rem; }
  .customer .side {
    width: 29%; }
    .customer .side .img {
      padding-bottom: .3rem; }
      .customer .side .img img {
        display: block;
        background: #f5f5f5; }
    .customer .side .container {
      background: #f2f2f2;
      padding: .35rem .4rem; }
      .customer .side .container dd {
        font-size: .18rem;
        line-height: .38rem;
        position: relative;
        padding-left: 5em; }
        .customer .side .container dd em {
          position: absolute;
          z-index: 10;
          left: 0;
          right: auto;
          top: 0;
          bottom: auto;
          color: #666; }
      .customer .side .container h2 {
        font-size: .18rem;
        color: #666;
        padding: .4rem 0 .12rem 0; }
      .customer .side .container p {
        font-size: .16rem;
        line-height: .26rem;
        text-align: justify; }
  .customer .list {
    width: 69.5%; }
    .customer .list img {
      display: block;
      width: 100%; }
    .customer .list .name {
      line-height: .6rem;
      position: relative; }
      .customer .list .name h2 {
        font-size: .18rem; }
      .customer .list .name dl {
        position: absolute;
        z-index: 10;
        left: auto;
        right: -0.2rem;
        top: 0;
        bottom: auto;
        font-size: .14rem;
        color: #666; }
        .customer .list .name dl dd {
          padding-right: .24rem; }
        .customer .list .name dl em {
          padding-left: .24rem; }
    .customer .list p {
      font-size: .14rem;
      line-height: .22rem;
      padding-bottom: .7rem;
      text-align: justify; }

.customerRelevant {
  padding: 0 .96rem;
  max-width: 19.2rem;
  margin: 0 auto; }
  .customerRelevant .title {
    border-top: #979797 solid 1px;
    padding: .5rem 0 .3rem 0; }
    .customerRelevant .title h2 {
      font-size: .24rem; }
    .customerRelevant .title a {
      font-size: .18rem;
      color: #00B7AE;
      text-transform: uppercase; }
  .customerRelevant li {
    width: 33.333%;
    padding: 0 0 .5rem 1rem; }
    .customerRelevant li a {
      display: block;
      background: #f5f5f5; }

@media screen and (min-width: 800px) {
  .customerRelevant ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-left: -1rem; } }
.pageNum2 {
  font-size: .24rem;
  line-height: .48rem;
  padding: .4rem 0 0 0; }

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