@charset "UTF-8";
a, .transition, .about_02 .list-1 .box, .about_02 .list-1 .box .col h2, .about_02 .list-1 .box .col span, .service_03 .arrow, .caseNav a .col h2, .caseNav a .col span, .news li .img a:after, .news li .time b, :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, .indexFlash .list li, .case li .name a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.flex, .index .col-2 .title, .index .col-2 .arrow, .about_01 li .wal, .about_02 .list-1 ul, .about_02 .list-1 .box, .about_02 .box2 div.title, .service_03 dl.btn, .service_03 .arrow, .service_06 .list2 li dd div, .caseNav a, .pageNum, .caseShow div.title {
  display: flex;
  display: -webkit-flex; }

.flexColumn, .nav a.name, .pageBanner .title, .service_02 .box .img, .service_04 .box, .service_06 .list2 li .title2 {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column; }

.itemsCenter, .nav a.name, .index .col-2 .title, .pageBanner .title, .about_01 li .wal, .about_02 .list-1 .box, .about_02 .box2 div.title, .service_02 .box .img, .service_06 .list2 li .title2, .service_06 .list2 li dd div, .caseNav a, .caseShow div.title {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter, .nav a.name, .pageBanner .title, .service_02 .box .img, .service_04 .box, .service_06 .list2 li .title2, .service_06 .list2 li dd div, .caseNav a, .pageNum {
  justify-content: center;
  -webkit-justify-content: center; }

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

.flexBetween, .index .wal, .index .col-2 .arrow, .service_06 .list2 ul, .pageNum2 ul {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.flexWrap, .foot .list ul, .index .wal, .index .col-2 .list ul, .service_01 .row dl, .service_02 ul, .service_04 ul, .service_06 .list2 ul, .service_06 .list2 .li_01 dl, .caseNav ul, .case ul, .pageNum2 ul, .job {
  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;
  opacity: 0; }
  body.show {
    opacity: 1;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease; }

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: #e52e2e;
    outline: none; }

li {
  list-style: outside none; }

h1 {
  font-size: 16px; }

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

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

@font-face {
  font-family: 'IMPACT';
  src: url("fonts/IMPACT.eot");
  src: url("fonts/IMPACT.eot") format("embedded-opentype"), url("fonts/IMPACT.woff2") format("woff2"), url("fonts/IMPACT.woff") format("woff"), url("fonts/IMPACT.ttf") format("truetype"), url("fonts/IMPACT.svg#IMPACT") format("svg"); }
.headD {
  height: 0.9rem; }

.head {
  position: fixed;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  background: #333; }
  .head .wal {
    min-height: 0.9rem;
    position: relative; }
  .head a.logo {
    display: block;
    background: url("../image/logo.png") center no-repeat;
    background-size: 100%;
    width: 2.5rem;
    height: 100%;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto; }
  .head a.tel {
    font-size: .26rem;
    color: #e52e2e;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
    display: block;
    line-height: 0.9rem;
    padding-left: .43rem;
    background: url("../image/img30.png") left center no-repeat;
    background-size: .3rem;
    font-family: 'IMPACT'; }

.nav {
  position: absolute;
  z-index: 10;
  left: auto;
  right: 3rem;
  top: 0;
  bottom: auto; }
  .nav li {
    float: left;
    padding-left: 1px; }
  .nav a.name {
    height: 0.9rem;
    font-size: .16rem;
    line-height: .22rem;
    padding: 0 .25rem;
    color: #fff; }
    .nav a.name em {
      opacity: .5;
      font-size: .12rem;
      text-transform: uppercase; }
    .nav a.name.on {
      background: #e52e2e; }
      .nav a.name.on div {
        font-weight: bold; }

@media screen and (min-width: 800px) {
  .nav .list {
    position: fixed;
    left: 0;
    top: -100%;
    width: 100%;
    min-height: 1.8rem;
    background: rgba(51, 51, 51, 0.5);
    opacity: 0;
    visibility: hidden; }
    .nav .list .list-wrapper {
      width: 12.6rem;
      margin: 0 auto;
      position: relative;
      overflow: hidden; }
      .nav .list .list-wrapper dd {
        padding-top: .3rem; }
      .nav .list .list-wrapper a {
        display: block;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: 1.2rem;
        padding: .08rem;
        margin: 0 auto;
        background: rgba(255, 255, 255, 0.3); }
        .nav .list .list-wrapper a img {
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          background: #fff;
          width: 100%; }
      .nav .list .list-wrapper a:hover {
        background: #e52e2e; }
    .nav .list a.arrow {
      display: block;
      width: .12rem;
      height: 100%;
      background: center no-repeat;
      background-size: 100%;
      position: absolute;
      z-index: 10;
      left: auto;
      right: auto;
      top: 0;
      bottom: auto;
      opacity: .5; }
      .nav .list a.arrow:hover {
        opacity: 1; }
      .nav .list a.arrow.prev {
        left: 50%;
        background-image: url("../image/prev12.png");
        margin-left: -6.4rem; }
      .nav .list a.arrow.next {
        right: 50%;
        background-image: url("../image/next12.png");
        margin-right: -6.4rem; }
  .nav li:hover .list {
    opacity: 1;
    visibility: visible;
    top: 0.9rem;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease; }
  .nav li:hover a.name {
    background: #e52e2e; }
    .nav li:hover a.name div {
      font-weight: bold; } }
.foot {
  background: #333; }
  .foot .wal {
    min-height: 1rem;
    position: relative; }
  .foot .list {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: -0.36rem;
    bottom: auto;
    width: 9rem; }
    .foot .list li {
      width: 50%;
      position: relative;
      padding-left: 1.06rem; }
      .foot .list li .img {
        width: .9rem;
        background: #fff;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        box-shadow: 0 0.12rem 0.3rem rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 0 0.12rem 0.3rem rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 0.12rem 0.3rem rgba(0, 0, 0, 0.25);
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto; }
      .foot .list li h2 {
        line-height: .36rem;
        font-size: .18rem; }
      .foot .list li .name {
        color: #fff;
        font-size: .18rem;
        line-height: .34rem; }
      .foot .list li p {
        color: rgba(255, 255, 255, 0.5);
        font-size: .12rem; }
  .foot p.tips {
    font-family: 'IMPACT';
    font-size: .24rem;
    color: #f2f2f2;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: auto;
    bottom: 100%;
    line-height: .38rem;
    text-transform: uppercase;
    letter-spacing: .04rem; }
  .foot .msg {
    text-align: right;
    font-size: .14rem;
    line-height: .28rem;
    color: rgba(255, 255, 255, 0.5);
    padding: .22rem 0; }

.foot2 {
  text-align: center;
  line-height: .6rem;
  font-size: .14rem;
  color: rgba(255, 255, 255, 0.5);
  background: #333; }
  .foot2 span {
    padding-right: 1em; }

/*index*/
.indexFlash {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .indexFlash .imgList li {
    height: 7.1rem;
    background: center no-repeat;
    background-size: cover; }
  .indexFlash a.arrow {
    display: block;
    width: .6rem;
    height: .6rem;
    background: rgba(0, 0, 0, 0.3) center no-repeat;
    background-size: .15rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -.3rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
    .indexFlash a.arrow:hover {
      background-color: rgba(225, 0, 15, 0.5); }
    .indexFlash a.arrow.prev {
      left: 5%;
      background-image: url("../image/prev15.png"); }
    .indexFlash a.arrow.next {
      right: 5%;
      background-image: url("../image/next15.png"); }
  .indexFlash .list {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 50%;
    top: auto;
    bottom: 0;
    margin-right: -6rem;
    width: 6rem;
    height: .6rem;
    line-height: .6rem;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5); }
    .indexFlash .list .name {
      position: absolute;
      z-index: 10;
      left: 0.3rem;
      right: auto;
      top: 0;
      bottom: auto;
      font-size: .18rem;
      color: rgba(255, 255, 255, 0.5);
      text-transform: uppercase;
      font-family: 'IMPACT'; }
    .indexFlash .list li {
      height: .6rem;
      line-height: .6rem;
      padding: 0 .3rem 0 1rem;
      font-size: .16rem; }
      .indexFlash .list li a {
        color: #fff; }

.index {
  min-height: 4.1rem;
  position: relative; }
  .index:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #f5f5f5; }
  .index .col {
    width: 5rem; }
  .index .col-1 {
    padding-top: .6rem; }
    .index .col-1 .box {
      min-height: 1.8rem;
      padding: 0 0 0 1.88rem;
      position: relative; }
      .index .col-1 .box .img {
        background: #fff;
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        width: 1.63rem;
        padding: .11rem; }
      .index .col-1 .box .name {
        min-height: .82rem;
        border-bottom: #cecece dashed 1px;
        margin-bottom: .15rem; }
        .index .col-1 .box .name h2 {
          font-size: .26rem;
          padding: .08rem 0 .04rem 0; }
        .index .col-1 .box .name h3 {
          font-size: .14rem; }
    .index .col-1 li {
      min-height: .32rem;
      padding: 0 0 .08rem .3rem;
      position: relative; }
      .index .col-1 li img {
        height: .24rem;
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto; }
      .index .col-1 li p {
        line-height: .24rem;
        font-size: .14rem;
        color: #666; }
  .index .col-2 {
    min-height: 4rem;
    position: relative; }
    .index .col-2 .title {
      padding: .68rem 0 .22rem 0; }
      .index .col-2 .title h2 {
        font-size: .26rem; }
      .index .col-2 .title em {
        font-size: .14rem;
        text-transform: uppercase;
        color: #666;
        padding-left: .07rem; }
    .index .col-2 .arrow {
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0;
      top: 0.8rem;
      bottom: auto;
      width: .4rem; }
      .index .col-2 .arrow a {
        width: .1rem;
        height: .2rem;
        background: center no-repeat;
        background-size: 100%;
        opacity: .5; }
        .index .col-2 .arrow a:hover {
          opacity: 1; }
        .index .col-2 .arrow a.prev {
          background-image: url("../image/prev10.png"); }
        .index .col-2 .arrow a.next {
          background-image: url("../image/next10.png"); }
    .index .col-2 .list {
      width: 100%;
      overflow: hidden;
      position: relative; }
      .index .col-2 .list li {
        width: 33.333%; }
        .index .col-2 .list li a {
          display: block;
          width: 100%;
          overflow: hidden;
          position: relative;
          -moz-border-radius: 0.06rem;
          -webkit-border-radius: 0.06rem;
          border-radius: 0.06rem; }
        .index .col-2 .list li img {
          width: 100%; }
        .index .col-2 .list li:nth-child(odd) a {
          background: #f5f5f5; }

/*page*/
.pageBanner {
  height: 4rem;
  background: center no-repeat;
  background-size: cover;
  position: relative; }
  .pageBanner .title {
    width: 3.28rem;
    height: 1.88rem;
    background: url("../image/img328.png") center no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-left: -1.64rem;
    margin-top: -.94rem;
    color: #fff;
    font-size: .18rem;
    text-transform: uppercase; }
    .pageBanner .title div {
      position: relative;
      font-size: .36rem;
      font-weight: bold;
      padding-bottom: .36rem; }
      .pageBanner .title div:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        width: .3rem;
        height: .02rem;
        margin-left: -.15rem;
        background: #fff;
        bottom: .14rem; }

.pageTitle {
  position: relative;
  text-align: center;
  min-height: 2.5rem; }
  .pageTitle .ico {
    position: absolute;
    left: 0;
    top: .93rem;
    width: 100%; }
    .pageTitle .ico img {
      height: 1.1rem; }
  .pageTitle h2, .pageTitle p {
    position: relative; }
  .pageTitle h2 {
    font-size: .36rem;
    letter-spacing: .02rem;
    padding: 1.15rem 0 .13rem 0; }
  .pageTitle p {
    font-size: .14rem;
    color: #666;
    text-transform: uppercase;
    letter-spacing: .01rem; }

.about_01 {
  padding-bottom: 1rem; }
  .about_01 li {
    position: relative; }
    .about_01 li .wal {
      min-height: 5.93rem; }
    .about_01 li .img {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 50%;
      height: 100%;
      background: center no-repeat;
    border-radios:10px }
    .about_01 li .box {
      margin-left: auto;
      width: 5.2rem;
      padding: .3rem 0; }
    .about_01 li .name div {
      width: .5rem; }
    .about_01 li .name h2 {
      font-size: .3rem;
      color: #e52e2e;
      padding: .3rem 0 .2rem 0; }
    .about_01 li .content {
      font-size: .14rem;
      line-height: .26rem;
      color: #666;
      padding: .07rem 0;
      text-align: justify; }

@media screen and (min-width: 800px) {
  .about_01 li:nth-child(even) .img {
    left: 50%; }
  .about_01 li:nth-child(even) .box {
    margin-left: 0; }
  .about_01 li:nth-child(3) .wal {
    min-height: 5.03rem; } }
.about_02 {
  background: #f3f3f3; }
  .about_02 .list-1 ul {
    margin-left: -.3rem; }
  .about_02 .list-1 li {
    width: 33.333%;
    padding: 0 0 .5rem .3rem; }
  .about_02 .list-1 .box {
    background: #fff;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    min-height: 1.1rem;
    padding: 0 .3rem;
    cursor: pointer;
    position: relative; }
    .about_02 .list-1 .box:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      bottom: -.6rem;
      width: .2rem;
      height: .2rem;
      background: #fff;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      opacity: 0;
      display: none; }
    .about_02 .list-1 .box .img {
      width: .46rem;
      position: relative;
      margin-right: .2rem;
      flex-shrink: 0;
      -webkit-flex-shrink: 0; }
      .about_02 .list-1 .box .img img:nth-child(1) {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        opacity: 0; }
    .about_02 .list-1 .box .col h2 {
      font-size: .24rem;
      color: #666;
      font-weight: 400;
      letter-spacing: .02rem; }
    .about_02 .list-1 .box .col span {
      font-size: .14rem;
      display: block;
      line-height: 1.6em;
      color: #999;
      padding-top: .07rem;
      letter-spacing: .01rem; }
  .about_02 .list-1 .box.on, .about_02 .list-1 .box:hover {
    box-shadow: 0 0.18rem 0.59rem rgba(229, 69, 69, 0.1);
    -webkit-box-shadow: 0 0.18rem 0.59rem rgba(229, 69, 69, 0.1);
    -moz-box-shadow: 0 0.18rem 0.59rem rgba(229, 69, 69, 0.1); }
    .about_02 .list-1 .box.on .img img:nth-child(2), .about_02 .list-1 .box:hover .img img:nth-child(2) {
      opacity: 0; }
    .about_02 .list-1 .box.on .img img:nth-child(1), .about_02 .list-1 .box:hover .img img:nth-child(1) {
      opacity: 1; }
    .about_02 .list-1 .box.on .col h2, .about_02 .list-1 .box.on .col span, .about_02 .list-1 .box:hover .col h2, .about_02 .list-1 .box:hover .col span {
      color: #e52e2e; }
  .about_02 .list-1 .box.on:before {
    opacity: 1; }
  .about_02 .box2 {
    min-height: 3rem;
    background: #fff;
    margin-bottom: .5rem;
    }
    .about_02 .box2 div.title {
      height: 1.6rem;
      position: relative;
      color: #e52e2e;
      overflow: hidden;
      margin-right: -.3rem; }
      .about_02 .box2 div.title .img {
        width: .38rem; }
      .about_02 .box2 div.title h2 {
        position: relative;
        padding-left: .1rem;
        font-size: .3rem;
        letter-spacing: .02rem; }
      .about_02 .box2 div.title span {
        display: block;
        position: absolute;
        left: .8rem;
        top: .38rem;
        font-size: .48rem;
        opacity: .1;
        font-family: 'IMPACT';
        text-transform: uppercase;
        letter-spacing: .02rem;
        white-space: nowrap; }

/**/
.service_01 {
  padding-bottom: .3rem; }
  .service_01 .row {
    min-height: 1.65rem;
    background: #f8f8f8;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    margin-bottom: .2rem;
    margin-left: .26rem;
    position: relative;
    padding: .45rem .2rem .43rem .45rem; }
    .service_01 .row .name {
      position: absolute;
      z-index: 10;
      left: -0.26rem;
      right: auto;
      top: 50%;
      bottom: auto;
      width: .52rem;
      height: 1.23rem;
      padding: .36rem .15rem 0 .15rem;
      background: #fff;
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem;
      text-align: center;
      font-size: .2rem;
      font-weight: bold;
      color: #666;
      box-shadow: 0.1rem 0.1rem 0.29rem rgba(229, 69, 69, 0.16);
      -webkit-box-shadow: 0.1rem 0.1rem 0.29rem rgba(229, 69, 69, 0.16);
      -moz-box-shadow: 0.1rem 0.1rem 0.29rem rgba(229, 69, 69, 0.16);
      margin-top: -.65rem; }
    .service_01 .row dd {
      padding: 0 2px 2px 0;
      width: 12.5%; }
      .service_01 .row dd a {
        display: block;
        -moz-border-radius: 0.08rem;
        -webkit-border-radius: 0.08rem;
        border-radius: 0.08rem;
        background: #fff;
        width: 100%;
        overflow: hidden;
        position: relative; }
        .service_01 .row dd a img {
          width: 100%; }
    .service_01 .row dd:nth-child(odd) a {
      background: #f0f0f0; }

.service_02 {
  padding-bottom: .5rem; }
  .service_02 .list {
    min-height: 3.83rem;
    background: #f8f8f8;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    position: relative;
    padding: .77rem .3rem .2rem .3rem; }
  .service_02 h2.title {
    width: 4.48rem;
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    font-size: .24rem;
    font-weight: 400;
    color: #fff;
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: -0.35rem;
    bottom: auto;
    margin-left: -2.24rem;
    background: url("../image/img70.png") center repeat-x;
    background-size: auto 100%;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    letter-spacing: .02rem; }
  .service_02 ul {
    margin-left: -.2rem; }
  .service_02 li {
    width: 50%;
    padding: 0 0 .14rem .2rem; }
  .service_02 .box {
    min-height: 2.35rem;
    background: #f0f0f0;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    position: relative;
    padding: .22rem .22rem .22rem 1.32rem; }
    .service_02 .box .img {
      position: absolute;
      z-index: 10;
      left: 0.14rem;
      right: auto;
      top: 0.14rem;
      bottom: auto;
      background: #fff;
      -moz-border-radius: 0.1rem;
      -webkit-border-radius: 0.1rem;
      border-radius: 0.1rem;
      width: 2rem;
      height: 2rem;
	  margin::0.3rem;
      text-align: center; }
      .service_02 .box .img img {
        width: 1.51rem; }
      .service_02 .box .img div {
        font-size: .14rem;
        font-weight: bold;
        width: 4em;
        padding-top: .06rem;
        line-height: 1.5em; }
    .service_02 .box dd {
      position: relative;
      font-size: .14rem;
      line-height: .26rem;
      color: #666;
      padding-left: 1rem; }
      .service_02 .box dd:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: .06rem;
        height: .26rem;
        background: url("../image/img6.png") center no-repeat;
        background-size: 100%; }

.service_03 .wal {
  position: relative;
  padding-bottom: .5rem; }
.service_03 dl.btn {
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0;
  top: 0.45rem;
  bottom: auto; }
  .service_03 dl.btn dd {
    padding-left: .4rem; }
  .service_03 dl.btn a {
    display: block;
    background: #fff;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    width: 2.7rem;
    height: .51rem;
    line-height: .51rem;
    text-align: center;
    font-size: .14rem;
    text-transform: uppercase;
    color: #666; }
    .service_03 dl.btn a em {
      font-size: .18rem; }
  .service_03 dl.btn a:hover, .service_03 dl.btn a.on {
    color: #e52e2e;
    box-shadow: 0 0.1rem 0.13rem rgba(229, 69, 69, 0.11);
    -webkit-box-shadow: 0 0.1rem 0.13rem rgba(229, 69, 69, 0.11);
    -moz-box-shadow: 0 0.1rem 0.13rem rgba(229, 69, 69, 0.11); }
.service_03 .list {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .service_03 .list .swiper-slide {
    height: 6.3rem;
    position: relative;
    background: url("../image/img1200.png") center top no-repeat;
    background-size: 100%; }
  .service_03 .list li {
    position: absolute;
    width: 3rem;
    left: 50%; }
  .service_03 .list li.li_01 {
    margin-left: -4.52rem;
    top: .2rem; }
  .service_03 .list li.li_02 {
    margin-left: 1.6rem;
    top: 0; }
  .service_03 .list li.li_03 {
    margin-left: -1.33rem;
    top: 2.18rem;
    width: 2.7rem; }
  .service_03 .list li.li_04 {
    margin-left: 2.42rem;
    top: 2.95rem; }
  .service_03 .list li.li_05 {
    margin-left: -5.47rem;
    top: 3.98rem; }
  .service_03 .list li.li_06 {
    margin-left: .26rem;
    top: 4.86rem;
    width: 2.06rem; }
.service_03 .arrow {
  width: 1rem;
  background: #fff;
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0;
  top: auto;
  bottom: 0.5rem; }
  .service_03 .arrow:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: .34rem;
    background: #e5e5e5;
    margin-top: -.17rem; }
  .service_03 .arrow:hover {
    box-shadow: 0 0.1rem 0.13rem rgba(229, 69, 69, 0.11);
    -webkit-box-shadow: 0 0.1rem 0.13rem rgba(229, 69, 69, 0.11);
    -moz-box-shadow: 0 0.1rem 0.13rem rgba(229, 69, 69, 0.11); }
  .service_03 .arrow a {
    width: 50%;
    height: .5rem;
    background: center no-repeat;
    background-size: .13rem; }
    .service_03 .arrow a.prev {
      background-image: url("../image/prev13.png"); }
      .service_03 .arrow a.prev:hover {
        background-image: url("../image/prev13on.png"); }
    .service_03 .arrow a.next {
      background-image: url("../image/next13.png"); }
      .service_03 .arrow a.next:hover {
        background-image: url("../image/next13on.png"); }

.service_04 {
  padding-bottom: .4rem; }
  .service_04 ul {
    margin-left: -.3rem; }
  .service_04 li {
    width: 50%;
    padding: 0 0 .1rem .54rem; }
  .service_04 li:nth-child(5) {
    width: 100%; }
  .service_04 .box {
    position: relative;
    min-height: .91rem;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    background: #f4f4f4;
    padding: .15rem .2rem .15rem .38rem; }
    .service_04 .box .img {
      width: .48rem;
      position: absolute;
      z-index: 10;
      left: -0.24rem;
      right: auto;
      top: auto;
      bottom: auto; }
    .service_04 .box p {
      font-size: .14rem;
      line-height: .18rem;
      color: #666;
      padding: .04rem 0; }
      .service_04 .box p em {
        color: #e52e2e; }

.service_05 .title2 {
  position: relative; }
  .service_05 .title2 h2 {
    position: absolute;
    left: 0;
    top: -.3rem;
    font-family: 'Impact';
    font-size: .72rem;
    color: #fcecec; }
  .service_05 .title2 div {
    position: relative;
    font-size: .14rem;
    color: #666;
    letter-spacing: .01rem;
    padding: .15rem 0; }
    .service_05 .title2 div b {
      font-size: .24rem;
      color: #333; }
.service_05 .imgDiv {
  padding-bottom: .8rem; }
.service_05 .imgDiv2 {
  padding: .35rem 0 .5rem 0; }

.service_06 {
  padding-bottom: .5rem; }
  .service_06 .list {
    padding-bottom: .75rem; }
    .service_06 .list li {
      padding: 0 0 .1rem .33rem; }
    .service_06 .list .box {
      position: relative;
      -moz-border-radius: 0.1rem;
      -webkit-border-radius: 0.1rem;
      border-radius: 0.1rem;
      min-height: 1rem;
      background: #f4f4f4;
      padding: 0 .2rem .1rem .4rem; }
    .service_06 .list .img {
      width: .66rem;
      position: absolute;
      z-index: 10;
      left: -0.33rem;
      right: auto;
      top: 0.36rem;
      bottom: auto; }
    .service_06 .list .title2 {
      padding: .24rem 0 .16rem 0;
      font-size: .14rem; }
      .service_06 .list .title2 b {
        font-size: .18rem; }
    .service_06 .list dd {
      position: relative;
      padding: 0 0 .12rem .15rem;
      font-size: .14rem;
      line-height: .24rem;
      color: #666; }
      .service_06 .list dd:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: .06rem;
        height: .24rem;
        background: url("../image/img6.png") center no-repeat;
        background-size: 100%; }
  .service_06 .list2 li {
    width: 2.42rem;
    text-align: center; }
    .service_06 .list2 li .box {
      min-height: 2.3rem;
      background: #f4f4f4;
      position: relative;
      -moz-border-radius: 0.1rem;
      -webkit-border-radius: 0.1rem;
      border-radius: 0.1rem;
      padding: .64rem .2rem .1rem .2rem; }
    .service_06 .list2 li .title2 {
      width: 1.8rem;
      margin-left: -.9rem;
      height: .7rem;
      position: absolute;
      z-index: 10;
      left: 50%;
      right: auto;
      top: -0.35rem;
      bottom: auto;
      background: url("../image/img420.png") center repeat-y;
      background-size: 100%;
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem;
      color: #fff;
      font-size: .14rem; }
      .service_06 .list2 li .title2 h2 {
        font-size: .18rem;
        font-weight: 400;
        padding-bottom: .04rem; }
    .service_06 .list2 li dd {
      padding-bottom: .1rem; }
      .service_06 .list2 li dd div {
        height: .64rem;
        background: #fff;
        -moz-border-radius: 0.1rem;
        -webkit-border-radius: 0.1rem;
        border-radius: 0.1rem;
        font-size: .14rem;
        line-height: .24rem;
        color: #666; }
  .service_06 .list2 .li_01 {
    width: 6.4rem; }
    .service_06 .list2 .li_01 .title2 {
      width: 4.2rem;
      margin-left: -2.1rem; }
    .service_06 .list2 .li_01 dl {
      margin-left: -.17rem; }
    .service_06 .list2 .li_01 dd {
      width: 50%;
      padding-left: .17rem; }
  .service_06 .list2 .li_03 dd div {
    height: 1.38rem; }

.footBtn {
  padding: .3rem 0; }
  .footBtn a {
    display: block;
    width: .6rem;
    height: .6rem;
    margin: 0 auto;
    background: url("../image/img33.png") center no-repeat;
    background-size: .33rem; }

.caseNav {
  padding: .4rem 0; }
  .caseNav ul {
    margin-left: -.18rem; }
  .caseNav li {
    width: 25%;
    padding-left: .18rem; }
  .caseNav a {
    -moz-border-radius: 0.06rem;
    -webkit-border-radius: 0.06rem;
    border-radius: 0.06rem;
    height: 1rem;
    background: #f6f3f3;
    position: relative; }
    .caseNav a:before {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      background: url("../image/img233.png") center no-repeat;
      background-size: cover;
      width: 2.33rem;
      height: .7rem; }
    .caseNav a .img {
      width: .52rem;
      position: relative;
      flex-shrink: 0;
      -webkit-flex-shrink: 0;
      margin-right: .15rem; }
      .caseNav a .img img:nth-child(2) {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        opacity: 0; }
    .caseNav a .col {
      letter-spacing: .01rem; }
      .caseNav a .col h2 {
        font-size: .2rem;
        font-weight: 400;
        color: #666;
        padding-bottom: .06rem; }
      .caseNav a .col span {
        font-size: .14rem;
        color: #999; }
  .caseNav a:hover, .caseNav a.on {
    background: #e54545;
    box-shadow: 0 0.14rem 0.3rem rgba(213, 53, 53, 0.3);
    -webkit-box-shadow: 0 0.14rem 0.3rem rgba(213, 53, 53, 0.3);
    -moz-box-shadow: 0 0.14rem 0.3rem rgba(213, 53, 53, 0.3); }
    .caseNav a:hover .img img:nth-child(1), .caseNav a.on .img img:nth-child(1) {
      opacity: 0; }
    .caseNav a:hover .img img:nth-child(2), .caseNav a.on .img img:nth-child(2) {
      opacity: 1; }
    .caseNav a:hover .col h2, .caseNav a:hover .col span, .caseNav a.on .col h2, .caseNav a.on .col span {
      color: #fff; }

.pageBg {
  min-height: 3rem;
  background: #f6f6f6; }

.case {
  padding-top: .85rem; }
  .case ul {
    margin-left: -.43rem; }
  .case li {
    width: 25%;
    padding: 0 0 .3rem .43rem; }
    .case li .img a {
      width: 100%;
      overflow: hidden;
      position: relative;
      -moz-border-radius: 0.08rem;
      -webkit-border-radius: 0.08rem;
      border-radius: 0.08rem;
      display: block; }
      .case li .img a:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(233, 94, 94, 0.7) url("../image/nimg70.png") center no-repeat;
        background-size: .7rem;
        opacity: 0; }
    .case li .name a {
      display: block;
      font-size: .18rem;
      height: .55rem;
      line-height: .55rem;
      text-align: center;
      color: #666; }
  .case li:hover .img a {
    box-shadow: 0 0.14rem 0.19rem rgba(229, 69, 69, 0.1);
    -webkit-box-shadow: 0 0.14rem 0.19rem rgba(229, 69, 69, 0.1);
    -moz-box-shadow: 0 0.14rem 0.19rem rgba(229, 69, 69, 0.1); }
    .case li:hover .img a:before {
      opacity: 1; }
  .case li:hover .name a {
    color: #e52e2e; }

.pageNum {
  padding: .4rem 0 .6rem 0; }
  .pageNum a {
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    margin: 0 .1rem;
    background: #eee;
    font-size: .16rem;
    color: #525c66;
    width: .4rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center; }
    .pageNum a:hover, .pageNum a.on {
      background: #e52e2e;
      color: #fff; }
    .pageNum a.arrow {
      width: 1rem; }
      .pageNum a.arrow.prev span {
        padding-left: .28rem;
        background: url("../image/prev18.png") left center no-repeat;
        background-size: .18rem; }
      .pageNum a.arrow.prev:hover span {
        background-image: url("../image/prev18on.png"); }
      .pageNum a.arrow.next span {
        padding-right: .28rem;
        background: url("../image/next18.png") right center no-repeat;
        background-size: .18rem; }
      .pageNum a.arrow.next:hover span {
        background-image: url("../image/next18on.png"); }
    .pageNum a.arrow2 {
      background: #eee center no-repeat;
      background-size: .08rem; }
      .pageNum a.arrow2:hover {
        background-color: #e52e2e; }
      .pageNum a.arrow2.prev {
        background-image: url("../image/prev8.png"); }
        .pageNum a.arrow2.prev:hover {
          background-image: url("../image/prev8on.png"); }
      .pageNum a.arrow2.next {
        background-image: url("../image/next8.png"); }
        .pageNum a.arrow2.next:hover {
          background-image: url("../image/next8on.png"); }

.caseShow {
  min-height: 5rem;
  position: relative;
  padding: 1.15rem 0 .85rem 0; }
  .caseShow h2.title {
    font-size: .48rem; }
  .caseShow .msg {
    font-size: .18rem;
    line-height: .39rem;
    color: #666;
    padding: .2rem 0 .35rem 0;
    border-bottom: #eaeaea solid 1px; }
  .caseShow a.back {
    display: block;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 1.5rem;
    bottom: auto;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    border: #999 solid 1px;
    font-size: .14rem;
    color: #999;
    width: 1.6rem;
    height: .5rem;
    line-height: .48rem;
    text-align: center; }
    .caseShow a.back em {
      padding-left: .35rem;
      background: url("../image/nimg28.png") left center no-repeat;
      background-size: .28rem; }
    .caseShow a.back:hover {
      box-shadow: 0 0.12rem 0.59rem rgba(229, 69, 69, 0.1);
      -webkit-box-shadow: 0 0.12rem 0.59rem rgba(229, 69, 69, 0.1);
      -moz-box-shadow: 0 0.12rem 0.59rem rgba(229, 69, 69, 0.1);
      color: #e52e2e;
      border-color: #e52e2e; }
      .caseShow a.back:hover em {
        background-image: url("../image/nimg28on.png"); }
  .caseShow div.title {
    padding: .38rem 0 .2rem 0; }
    .caseShow div.title img {
      width: .28rem; }
    .caseShow div.title h2 {
      color: #e52e2e;
      padding-left: .1rem;
      font-size: .18rem;
      letter-spacing: .01rem; }
  .caseShow .content {
    font-size: .14rem;
    line-height: .26rem;
    color: #666;
    text-align: justify;
    padding-bottom: .3rem;
    min-height: 1.45rem; }
  .caseShow .img {
    padding-bottom: .5rem; }

.pageNum2 {
  border-top: #eaeaea solid 1px; }
  .pageNum2 li {
    line-height: .75rem;
    font-size: .14rem; }
    .pageNum2 li a {
      color: #666; }
    .pageNum2 li a:hover {
      color: #e52e2e; }

.news {
  padding: 1.2rem 0 0 0; }
  .news li {
    position: relative;
    min-height: 4.18rem; }
    .news li .img {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 50%; }
      .news li .img a {
        display: block;
        position: relative; }
        .news li .img a:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: rgba(229, 69, 69, 0.5) url("../image/img600.png") center no-repeat;
          background-size: 100% 100%;
          opacity: 0; }
        .news li .img a:after {
          content: "";
          display: block;
          position: absolute;
          right: -.4rem;
          top: 50%;
          width: .8rem;
          height: 2px;
          background: #333;
          opacity: 0; }
    .news li .box {
      margin-left: auto;
      width: 5.4rem; }
    .news li .time {
      line-height: 1.06rem;
      font-size: .16rem;
      letter-spacing: .01rem; }
      .news li .time b {
        font-size: .6rem;
        font-family: 'IMPACT';
        padding-right: .08rem; }
    .news li .name {
      font-size: .24rem;
      position: relative; }
      .news li .name:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: -.02rem;
        width: 0;
        height: .12rem;
        background: #d6d6d6; }
      .news li .name a {
        display: block;
        position: relative;
        color: #333; }
    .news li .content {
      font-size: .14rem;
      line-height: .28rem;
      color: #666;
      min-height: 1.43rem;
      padding: .17rem 0; }
    .news li a.more {
      display: inline-block;
      text-transform: uppercase;
      font-size: .14rem;
      border-top: #333 solid 1px;
      line-height: .4rem;
      position: relative; }
      .news li a.more:before {
        content: "";
        display: block;
        position: absolute;
        right: 100%;
        top: -.07rem;
        width: .07rem;
        height: .06rem;
        background: url("../image/img7.png") center no-repeat;
        background-size: cover;
        opacity: 0; }
  .news li:hover .img a:before, .news li:hover .img a:after {
    opacity: 1; }
  .news li:hover .time b {
    color: #e52e2e; }
  .news li:hover .name:before {
    width: 1.22rem; }
  .news li:hover a.more {
    color: #e52e2e; }
    .news li:hover a.more:before {
      right: 0;
      opacity: 1; }

@media screen and (min-width: 800px) {
  .news li:nth-child(even) .img {
    left: 50%; }
    .news li:nth-child(even) .img a:after {
      right: auto;
      left: -.4rem; }
  .news li:nth-child(even) .box {
    margin-left: 0; } }
.newShow {
  min-height: 5rem;
  position: relative;
  padding: 1.15rem 0 .1rem 0; }
  .newShow .title {
    font-size: .3rem; }
  .newShow .time {
    padding: .2rem 0 .35rem 0;
    border-bottom: #eaeaea solid 1px; }
    .newShow .time span {
      background: url("../image/nimg16.png") left center no-repeat;
      background-size: .16rem;
      padding-left: .24rem;
      font-size: .14rem;
      color: #666; }
  .newShow a.back {
    display: block;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 1.4rem;
    bottom: auto;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    border: #999 solid 1px;
    font-size: .14rem;
    color: #999;
    width: 1.6rem;
    height: .5rem;
    line-height: .48rem;
    text-align: center; }
    .newShow a.back em {
      padding-left: .35rem;
      background: url("../image/nimg28.png") left center no-repeat;
      background-size: .28rem; }
    .newShow a.back:hover {
      box-shadow: 0 0.12rem 0.59rem rgba(229, 69, 69, 0.1);
      -webkit-box-shadow: 0 0.12rem 0.59rem rgba(229, 69, 69, 0.1);
      -moz-box-shadow: 0 0.12rem 0.59rem rgba(229, 69, 69, 0.1);
      color: #e52e2e;
      border-color: #e52e2e; }
      .newShow a.back:hover em {
        background-image: url("../image/nimg28on.png"); }
  .newShow .content {
    padding: .5rem 0;
    font-size: .14rem;
    line-height: .26rem;
    color: #666;
    text-align: justify; }
    .newShow .content .img {
      text-align: center;
      padding-bottom: .4rem; }

.environment {
  margin-left: -.13rem;
  margin-right: -.13rem;
  padding-bottom: .3rem; }
  .environment .list {
    width: 100%;
    overflow: hidden;
    position: relative; }
  .environment li {
    padding: 0 .13rem .3rem .13rem; }
    .environment li .img {
      width: 100%;
      overflow: hidden;
      position: relative;
      -moz-border-radius: 0.1rem;
      -webkit-border-radius: 0.1rem;
      border-radius: 0.1rem; }
    .environment li img {
      width: 100%; }
    .environment li:hover img {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1); }

.job {
  padding: .2rem 0 .5rem 0; }
  .job .img {
    width: 50%;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem; }
  .job .box {
    width: 50%;
    background: #f5f5f5;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    text-align: center;
    padding: .2rem 0; }
  .job .pageTitle {
    min-height: 2rem; }
    .job .pageTitle .ico {
      top: .43rem; }
    .job .pageTitle h2, .job .pageTitle p {
      position: relative; }
    .job .pageTitle h2 {
      padding: .65rem 0 .13rem 0; }
  .job .msg {
    padding-bottom: .2rem;
    font-size: .14rem;
    color: #666; }
    .job .msg em {
      color: #e52e2e;
      padding-right: .1rem; }
  .job .btn a {
    display: block;
    width: 3.8rem;
    height: .6rem;
    line-height: .6rem;
    margin: 0 auto;
    background: #fff;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    font-size: .24rem; }
    .job .btn a:hover {
      box-shadow: 0 0.12rem 0.59rem rgba(229, 69, 69, 0.1);
      -webkit-box-shadow: 0 0.12rem 0.59rem rgba(229, 69, 69, 0.1);
      -moz-box-shadow: 0 0.12rem 0.59rem rgba(229, 69, 69, 0.1);
      color: #e52e2e; }
.dispimg
	{
		float:left;
		margin:20px;
		width:30%;}
		.dispimg img{
			width:80%;
			border:1px solid;
			}
/*# sourceMappingURL=index.css.map */