@charset "UTF-8";
a, .transition, .index-service .btn li,
.service-nav .list-wrapper li, .index-news .list li, .service li a .box .name, .service li a .box p, .service-layer, .news li .col p, .contact-form .form li .input, .contact-form .form li .input input, .contact-form .form li .input textarea, .contact-form .submit div, :before, img, .g-nav {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease; }

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.flex, .g-head div.btn, .indexFlash .dots, .p-nav .nav ul, .service-show div.title, .service-layer, .p-num {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex; }

.flexColumn, .indexFlash li .layer, .index-about .list li, .index-service .btn li,
.service-nav .list-wrapper li, .p-banner {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column; }

.itemsCenter, .g-head div.btn, .indexFlash li .layer, .index-title, .index-about .list li, .index-service .btn li,
.service-nav .list-wrapper li, .index-news .list li, .p-banner, .service-layer, .p-num {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter, .g-foot, .indexFlash li .layer, .index-about .list li, .index-service .btn li,
.service-nav .list-wrapper li, .p-banner, .service-layer, .p-num, .p-num2 ul {
  justify-content: center;
  -webkit-justify-content: center; }

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

.flexBetween, .index-news, .index-news .list li, .about, .about .list ul, .service ul, .service-show, .service-show .list-1 ul, .service-show .list-4 ul, .news li, .contact-form .form ul {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.flexWrap, .g-nav ul, .g-foot, .index-title, .index-about .list ul, .index-service .btn ul, .index-partner .list ul, .index-news, .index-news .list li, .about, .about .list ul, .service ul, .service-show, .service-show .list-1 ul, .service-show .list-4 ul, .service-show .list-5 ul, .partner .list ul, .news li, .p-num2 ul, .contact-form .form ul {
  display: flex;
  display: -webkit-flex;
  display: -ms-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: "微软雅黑";
  color: #666;
  -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: #666;
  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: #70ab2d;
    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: "微软雅黑";
  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: "Oswald";
  src: url("fonts/Oswald-Medium_1.woff2") format("woff2"), url("fonts/Oswald-Medium_1.woff") format("woff"), url("fonts/Oswald-Medium_1.ttf") format("truetype"), url("fonts/Oswald-Medium_1.eot") format("embedded-opentype"), url("fonts/Oswald-Medium_1.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
.g-headD {
  height: 0.8rem; }

.g-head {
  position: fixed;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.88); }
  .g-head .wal {
    min-height: 0.8rem;
    position: relative;
    margin: 0 .5rem;
    max-width: 100%; }
  .g-head a.logo {
    display: block;
    background: url("../image/logo.png") center no-repeat;
    background-size: 100%;
    width: 2.05rem;
    height: 100%;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto; }
  .g-head div.btn {
    height: 0.8rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.1rem;
    top: 0;
    bottom: auto; }
    .g-head div.btn .tel {
      font-size: .27rem;
      background: url("../image/img30.png") left center no-repeat;
      background-size: .3rem;
      line-height: .8rem;
      font-weight: bold;
      padding: 0 .65rem 0 .5rem;
      letter-spacing: .03rem;
      color: #70ab2d; }
    .g-head div.btn .btn-1 {
      font-size: .14rem;
      color: #fff;
      width: 1.18rem;
      height: .32rem;
      line-height: .32rem;
      text-align: center;
      background: #70ab2d;
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem; }
      .g-head div.btn .btn-1 em {
        padding-left: .23rem;
        background: url("../image/img13.png") left center no-repeat;
        background-size: .13rem; }

  .g-head div.btn .tel2 a{
    display: block;
    font-size: .2rem;
    background: url("../image/img30.png") left center no-repeat;
    background-size: .2rem;
    line-height: .3rem;
    font-weight: bold;
    padding: 0 .3rem 0 .3rem;
    color: #70ab2d;
  }

.g-nav {
  position: absolute;
  z-index: 10;
  left: auto;
  right: 5.75rem;
  top: 0;
  bottom: auto; }
  .g-nav li {
    padding: .25rem 0 0 1px;
    min-height: 0.8rem; }
  .g-nav a.name {
    display: block;
    height: .3rem;
    line-height: .3rem;
    padding: 0 .2rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    font-size: .16rem;
    color: #666; }
    .g-nav a.name.on {
      background: #70ab2d;
      color: #fff; }

@media screen and (max-width: 1600px) {
  .g-head div.btn {
    right: 0; }
    .g-head div.btn .tel {
      padding-right: .35rem; }

  .g-nav {
    right: 4.7rem; } }
@media screen and (min-width: 800px) {
  .g-nav .list {
    position: fixed;
    z-index: 20;
    left: 0;
    top: -0.8rem;
    right: 0;
    background: rgba(255, 255, 255, 0.66);
    opacity: 0;
    visibility: hidden; }
    .g-nav .list dl {
      display: flex;
      display: -webkit-flex;
      justify-content: center;
      -webkit-justify-content: center; }
    .g-nav .list a {
      display: block;
      height: .84rem;
      position: relative;
      text-align: center;
      font-size: .16rem;
      line-height: .21rem;
      padding: .21rem 0 0 0;
      width: 1.5rem; }
      .g-nav .list a:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0;
        right: 50%;
        height: .02rem;
        background: #70ab2d; }
      .g-nav .list a:hover {
        color: #70ab2d; }
        .g-nav .list a:hover:before {
          left: 0;
          right: 0; }
  .g-nav li:hover .list {
    opacity: 1;
    visibility: visible;
    top: 0.8rem;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease; }
  .g-nav li:hover a.name {
    background: #70ab2d;
    color: #fff; } }
.g-foot {
  background: #00468e;
  line-height: .56rem;
  font-size: .14rem;
  color: #fff;
  text-align: center; }
  .g-foot p {
    padding: 0 .5em; }

a.topA {
  display: block;
  width: .8rem;
  height: .8rem;
  background: #fff url("../image/img80.png") center no-repeat;
  background-size: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: fixed;
  z-index: 20;
  right: .25rem;
  bottom: .4rem;
  box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
  -webkit-box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
  -moz-box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
  opacity: 0;
  visibility: hidden; }
  a.topA.show {
    opacity: 1;
    visibility: visible; }

/*index*/
.indexFlash {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .indexFlash li {
    height: 100vh;
    background: center no-repeat;
    background-size: cover;
    position: relative; }
    .indexFlash li .layer {
      position: absolute;
      z-index: 10;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      text-align: center;
      color: #fff;
      font-size: .56rem;
      line-height: .73rem; }
  .indexFlash .dots {
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: auto;
    bottom: 0.45rem;
    margin-left: -6rem; }
    .indexFlash .dots span {
      width: .5rem;
      height: .5rem;
      background: rgba(0, 0, 0, 0.2);
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      margin-right: .15rem;
      position: relative; }
      .indexFlash .dots span:before {
        width: .12rem;
        height: .12rem;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #fff;
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -.06rem;
        margin-top: -.06rem; }
      .indexFlash .dots span:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        border: rgba(255, 255, 255, 0.9) solid 1px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%; }
      .indexFlash .dots span svg {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto; }
      .indexFlash .dots span circle {
        stroke-dasharray: 0, 200;
        stroke-dashoffset: 0; }
    .indexFlash .dots span.swiper-pagination-bullet-active:before {
      background: #8bbf25; }
    .indexFlash .dots span.swiper-pagination-bullet-active circle {
      stroke-dasharray: 160, 200;
      -webkit-transition: stroke-dasharray 5.6s linear;
      transition: stroke-dasharray 5.6s linear; }

.indexFlash li a{display: block; position: absolute; z-index: 11; inset: 0}

.index-title {
  padding: .6rem 0 .35rem 0; }
  .index-title h2 {
    font-size: .55rem;
    line-height: .63rem;
    color: #00468e;
    width: 100%;
    padding-bottom: .1rem;
    text-transform: uppercase; }
  .index-title h3 {
    font-size: .32rem;
    line-height: 1em;
    padding: 0 .46rem 0 0; }
  .index-title a.p-more {
    position: relative;
    top: .06rem; }

a.p-more {
  width: .66rem;
  height: .2rem;
  background: url("../image/more66_1.png") center no-repeat;
  background-size: 100%;
  display: block; }
  a.p-more:hover {
    background-image: url("../image/more66_1on.png"); }

.index-about {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .index-about .wal {
    min-height: 8.55rem;
    padding-top: 1.45rem; }
  .index-about .index-title {
    padding: 0; }
  .index-about .content {
    font-size: .16rem;
    line-height: .3rem;
    min-height: 2.3rem;
    padding: .6rem 0;
    width: 4.9rem;
    text-align: justify; }
  .index-about .list {
    width: 8rem;
    min-height: 2rem;
    background: #fff;
    position: relative;
    z-index: 11;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
    -webkit-box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
    -moz-box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23); }
    .index-about .list li {
      width: 25%;
      height: 2rem;
      position: relative; }
      .index-about .list li:after {
        content: "";
        display: block;
        position: absolute;
        top: .48rem;
        right: 0;
        bottom: .48rem;
        width: .02rem;
        background: #f0f0f0; }
      .index-about .list li:last-child:after {
        display: none; }
      .index-about .list li .ico {
        width: .6rem; }
      .index-about .list li .name {
        font-size: .26rem;
        padding-top: .15rem; }
  .index-about .img {
    width: 9.6rem;
    height: 100%;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 50%;
    top: 0;
    bottom: auto;
    margin-right: -9.6rem;
    background: center no-repeat;
    background-size: cover; }

.index-service .btn li,
.service-nav .list-wrapper li {
  height: 1.5rem;
  -moz-border-radius: 0.1rem;
  -webkit-border-radius: 0.1rem;
  border-radius: 0.1rem;
  text-align: center;
  cursor: pointer;
  position: relative; }
  .index-service .btn li .ico,
  .service-nav .list-wrapper li .ico {
    width: .5rem;
    height: .5rem;
    position: relative; }
    .index-service .btn li .ico img:nth-child(2),
    .service-nav .list-wrapper li .ico img:nth-child(2) {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      opacity: 0; }
  .index-service .btn li .name,
  .service-nav .list-wrapper li .name {
    font-size: .16rem;
    line-height: .21rem;
    padding-top: .12rem; }
  .index-service .btn li a,
  .service-nav .list-wrapper li a {
    display: block;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
.index-service .btn li:hover, .index-service .btn li.on,
.service-nav .list-wrapper li:hover,
.service-nav .list-wrapper li.on {
  background: #70ab2d;
  color: #fff; }
  .index-service .btn li:hover .ico img:nth-child(1), .index-service .btn li.on .ico img:nth-child(1),
  .service-nav .list-wrapper li:hover .ico img:nth-child(1),
  .service-nav .list-wrapper li.on .ico img:nth-child(1) {
    opacity: 0; }
  .index-service .btn li:hover .ico img:nth-child(2), .index-service .btn li.on .ico img:nth-child(2),
  .service-nav .list-wrapper li:hover .ico img:nth-child(2),
  .service-nav .list-wrapper li.on .ico img:nth-child(2) {
    opacity: 1; }

.index-service {
  position: relative; }
  .index-service .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat;
    background-size: cover; }
  .index-service .wal {
    min-height: 6.33rem;
    position: relative;
    z-index: 2;
    padding: .43rem 0; }
  .index-service .btn {
    background: #f9f8f8;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem; }
    .index-service .btn li {
      width: 12.5%; }
  .index-service .container {
    padding-top: .9rem;
    color: #fff; }
    .index-service .container h3 {
      font-size: .28rem; }
    .index-service .container .content {
      font-size: .16rem;
      line-height: .3rem;
      padding: .3rem 0;
      text-align: justify;
      max-width: 8.45rem; }
    .index-service .container .more a.p-more {
      background-image: url("../image/more66.png"); }
      .index-service .container .more a.p-more:hover {
        background-image: url("../image/more66_1on.png"); }

.index-partner {
  position: relative;
  min-height: 7.6rem;
  padding: 1.65rem 0; }
  .index-partner .index-title {
    padding: 0 0 .7rem 0; }
  .index-partner .msg {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 2.2rem;
    bottom: auto;
    width: 6rem;
    font-size: .16rem;
    line-height: .3rem; }
  .index-partner .list ul {
    margin-left: -.15rem; }
  .index-partner .list li {
    width: 20%;
    padding: 0 0 .2rem .15rem; }
  .index-partner .list .img {
    box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
    -webkit-box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
    -moz-box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23); }
    .index-partner .list .img img {
      width: 100%; }

.index-news {
  padding-bottom: 1.2rem;
  position: relative;
  align-items: flex-start;
  -webkit-align-items: flex-start; }
  .index-news .index-title {
    padding: 0 0 .7rem 0;
    width: 4rem; }
  .index-news .img {
    width: 7.5rem; }
  .index-news .list {
    width: 100%; }
    .index-news .list li {
      font-size: .14rem;
      color: #999; }
      .index-news .list li .col {
        width: 3.85rem; }
      .index-news .list li .time {
        padding-left: .2rem;
        background: url("../image/img14.png") left center no-repeat;
        background-size: .14rem; }
      .index-news .list li .name {
        font-size: .16rem;
        font-weight: 600;
        padding: .12rem 0 .3rem 0;
        position: relative; }
        .index-news .list li .name:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          bottom: .12rem;
          width: .4rem;
          height: 1px;
          background: #d2d2d2; }
      .index-news .list li p {
        line-height: .18rem;
        min-height: .75rem;
        padding-bottom: .15rem; }
    .index-news .list li:nth-child(even) .col {
      order: -1; }
    .index-news .list li:hover {
      color: #70ab2d; }
      .index-news .list li:hover .name a {
        color: #70ab2d; }

/*page*/
.p-banner {
  background: center no-repeat;
  background-size: cover;
  height: 4.5rem;
  padding-top: 0.8rem;
  text-align: center;
  color: #fff; }
  .p-banner .title h2 {
    font-weight: 400;
    font-size: .56rem;
    letter-spacing: .02rem;
    line-height: 1em;
    padding-bottom: .2rem; }
  .p-banner .title em {
    text-transform: uppercase;
    font-size: .24rem; }

.p-nav {
  line-height: .76rem;
  position: relative;
  border-bottom: #ccc solid 1px;
  font-size: .14rem; }
  .p-nav .curr {
    color: #999;
    background: url("../image/img18.png") left center no-repeat;
    background-size: .18rem;
    padding-left: .28rem; }
    .p-nav .curr a {
      color: #999; }
    .p-nav .curr em {
      color: #00468e; }
  .p-nav .nav {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
    font-size: .16rem; }
    .p-nav .nav a {
      display: block;
      height: .76rem;
      margin-left: .55rem;
      position: relative; }
      .p-nav .nav a:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: -2px;
        right: 0;
        height: 3px;
        background: #00468e;
        opacity: 0; }
      .p-nav .nav a:hover, .p-nav .nav a.on {
        color: #00468e; }
        .p-nav .nav a:hover:before, .p-nav .nav a.on:before {
          opacity: 1; }

.p-nav-2 .curr em {
  color: #70ab2d; }
.p-nav-2 .nav a:before {
  background: #70ab2d; }
.p-nav-2 .nav a:hover, .p-nav-2 .nav a.on {
  color: #70ab2d; }

.about {
  align-items: flex-start;
  -webkit-align-items: flex-start;
  padding-top: 1rem; }
  .about .img {
    width: 4.6rem;
    position: relative;
    z-index: 2;
    background: url("../image/img460.png") center top no-repeat;
    background-size: 100%; }
    .about .img img {
      position: relative;
      left: .41rem;
      top: .38rem; }
  .about .col {
    width: 6.55rem;
    position: relative; }
    .about .col .title {
      position: absolute;
      left: -.1rem;
      top: 0;
      font-size: 1.8rem;
      color: rgba(0, 0, 0, 0.06);
      font-family: 'Oswald';
      line-height: 2.1rem; }
    .about .col .index-title {
      height: 2.4rem;
      padding: .16rem 0 0 0;
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      position: relative; }
    .about .col .content {
      font-size: .16rem;
      line-height: .3rem;
      text-align: justify;
      min-height: 3.38rem;
      background: #f5f5f5;
      padding: .3rem .4rem .3rem .5rem;
      margin-left: -.5rem; }
  .about .list {
    width: 100%;
    padding: .55rem 0 .95rem 0; }
    .about .list li {
      width: .9rem;
      text-align: center;
      position: relative; }
      .about .list li:after {
        content: "";
        display: block;
        position: absolute;
        right: -2.05rem;
        top: .5rem;
        width: 1.2rem;
        height: .1rem;
        border-top: #70ab2d dashed 1px; }
      .about .list li:last-child:after {
        display: none; }
      .about .list li .name {
        padding-top: .25rem;
        font-size: .36rem; }

.service {
  padding: 1rem 0 .3rem 0; }
  .service li {
    padding-bottom: .8rem;
    width: 5.5rem; }
    .service li a {
      display: block;
      position: relative; }
      .service li a:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 1px;
        background: #70ab2d; }
      .service li a .box {
        position: relative;
        padding: 0 .3rem .3rem;
        min-height: 1.61rem; }
        .service li a .box:before {
          content: "";
          display: block;
          position: absolute;
          left: .3rem;
          bottom: 0;
          width: .56rem;
          height: .3rem;
          background: url("../image/more66_1on.png") center no-repeat;
          background-size: 100%;
          opacity: 0; }
        .service li a .box .ico {
          width: .5rem;
          position: absolute;
          z-index: 10;
          left: auto;
          right: 0.3rem;
          top: 0.2rem;
          bottom: auto; }
        .service li a .box .name {
          position: relative;
          font-size: .24rem;
          color: #333;
          padding: .26rem 0 .34rem 0; }
          .service li a .box .name:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            bottom: .16rem;
            width: .38rem;
            height: 1px;
            background: #d2d2d2; }
        .service li a .box p {
          font-size: .14rem;
          line-height: .21rem;
          position: relative;
          top: 0;
          color: #666; }
    .service li a:hover {
      box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
      -webkit-box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
      -moz-box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
      background: #fff; }
      .service li a:hover:before {
        height: 2px; }
      .service li a:hover .box:before {
        opacity: 1;
        height: .56rem; }
      .service li a:hover .box .name {
        color: #70ab2d; }
        .service li a:hover .box .name:before {
          opacity: 0; }
      .service li a:hover .box p {
        top: -.18rem;
        color: #70ab2d; }

a.p-back {
  display: block;
  background: #98c169;
  color: #fff;
  -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  font-size: .16rem;
  width: 1.2rem;
  height: .4rem;
  line-height: .4rem;
  text-align: center; }
  a.p-back:hover {
    background: #70ab2d; }

.service-recommend {
  background: #f5f5f5; }
  .service-recommend .service {
    position: relative; }
  .service-recommend a.p-back {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 1.65rem;
    bottom: auto; }
  .service-recommend .index-title {
    padding: 0 0 .3rem 0; }

.service-nav {
  height: 1.8rem; }
  .service-nav .list {
    position: relative;
    z-index: 15;
    height: 1.5rem;
    top: -.75rem;
    background: #fff;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
    -webkit-box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
    -moz-box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
    padding: 0 .7rem; }
  .service-nav .list-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative; }
  .service-nav .arrow a {
    display: block;
    width: .5rem;
    height: 1.1rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -.55rem;
    background: #b7d596 center no-repeat;
    background-size: 100%; }
    .service-nav .arrow a:hover {
      background-color: #70ab2d; }
    .service-nav .arrow a.prev {
      left: 0;
      border-top-right-radius: 0.08rem;
      -webkit-border-top-right-radius: 0.08rem;
      border-bottom-right-radius: 0.08rem;
      -webkit-border-bottom-right-radius: 0.08rem;
      background-image: url("../image/prev50.png"); }
    .service-nav .arrow a.next {
      right: 0;
      border-top-left-radius: 0.08rem;
      -webkit-border-top-left-radius: 0.08rem;
      border-bottom-left-radius: 0.08rem;
      -webkit-border-bottom-left-radius: 0.08rem;
      background-image: url("../image/next50.png"); }

.service-show {
  padding-bottom: .9rem; }
  .service-show .big-img {
    width: 5.5rem;
    padding-bottom: .3rem; }
  .service-show .col {
    width: 6rem;
    position: relative; }
  .service-show a.p-back {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto; }
  .service-show h2.title {
    font-size: .36rem;
    color: #333;
    line-height: 1em;
    padding-bottom: .28rem;
    border-bottom: #e0e0e0 solid .02rem; }
  .service-show div.title {
    height: .85rem;
    padding-top: .32rem;
    align-items: flex-start;
    -webkit-align-items: flex-start; }
    .service-show div.title div {
      position: relative; }
      .service-show div.title div:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 52%;
        right: 0;
        height: .19rem;
        background: #e2eed5;
        -moz-border-radius: 0.1rem;
        -webkit-border-radius: 0.1rem;
        border-radius: 0.1rem; }
      .service-show div.title div h3 {
        color: #70ab2d;
        font-size: .24rem;
        line-height: 1em;
        position: relative; }
  .service-show .content {
    font-size: .14rem;
    line-height: .24rem;
    color: #666;
    text-align: justify;
    padding: .26rem 0;
    min-height: 1.25rem; }
    .service-show .content p {
      padding-bottom: .15rem; }
  .service-show a.btn {
    display: block;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    color: #fff;
    font-size: .16rem;
    padding-left: .28rem;
    background: #9bc46c;
    line-height: .4rem;
    position: relative;
    max-width: 3rem; }
    .service-show a.btn:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: .27rem;
      bottom: 0;
      width: .66rem;
      background: url("../image/more66.png") center no-repeat;
      background-size: 100%; }
    .service-show a.btn:hover {
      background: #70ab2d; }
  .service-show .list li {
    padding-bottom: .1rem; }
    .service-show .list li div {
      -moz-border-radius: 0.05rem;
      -webkit-border-radius: 0.05rem;
      border-radius: 0.05rem;
      font-size: .14rem;
      line-height: .5rem;
      background: #f0f6ea url("../image/img6.png") 0.2rem center no-repeat;
      background-size: .06rem;
      padding-left: .36rem; }
  .service-show .list .content {
    padding: 0 0 .26rem 0;
    min-height: .1rem; }
  .service-show .list-1 li {
    width: 2.8rem; }
  .service-show .list-1 .ul-4 li {
    width: 1.3rem; }
  .service-show .list-2 {
    width: 2.8rem; }
  .service-show .list-3 {
    width: 2.8rem; }
    .service-show .list-3 li {
      padding-bottom: .14rem;
      width: 2.4rem; }
  .service-show .list-4 {
    width: 100%; }
    .service-show .list-4 li {
      width: 5.5rem; }
  .service-show .list-5 {
    width: 100%;
    overflow: hidden;
    position: relative; }
    .service-show .list-5 ul {
      margin-left: -.5rem;
      margin-right: -.5rem; }
    .service-show .list-5 li {
      width: 20%;
      padding-top: .3rem; }
      .service-show .list-5 li .ico {
        width: .8rem;
        height: .8rem;
        position: relative;
        margin: 0 auto; }
        .service-show .list-5 li .ico:before {
          content: "";
          display: block;
          position: absolute;
          left: -.36rem;
          top: -.22rem;
          background: url("../image/img140.png") center no-repeat;
          background-size: 100%;
          width: 1.4rem;
          height: 1.14rem; }
        .service-show .list-5 li .ico img {
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          position: relative;
          background: #70ab2d; }
      .service-show .list-5 li .name {
        font-size: .16rem;
        line-height: .25rem;
        font-weight: bold;
        color: #666;
        text-align: center;
        padding-top: .2rem; }

.service-show .list-1 .dl-1{display: flex}
.service-show .list-1 .dl-1 dd{display: flex; align-items: center; margin-right: .2rem; padding: 0 .21rem; height: .32rem; border: #70AB2D solid 1px; border-radius: .3rem; font-size: .14rem; color: #70AB2D}

.service-layer {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden; }
  .service-layer.show {
    opacity: 1;
    visibility: visible; }
  .service-layer .container {
    width: 14rem;
    background: #fff;
    min-height: 3rem;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    padding: 0 .5rem .75rem .5rem;
    position: relative; }
  .service-layer a.close {
    display: block;
    width: .36rem;
    height: .36rem;
    background: url("../image/close36.png") center no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.5rem;
    top: 0.5rem;
    bottom: auto; }
    .service-layer a.close:hover {
      background-image: url("../image/close36on.png"); }
  .service-layer h2.title {
    text-align: center;
    color: #70ab2d;
    font-size: .36rem;
    line-height: .48rem;
    padding: .4rem 0 .2rem 0; }
  .service-layer .scroll {
    height: 4.4rem;
    overflow: hidden;
    position: relative; }
  .service-layer .img {
    padding: 0 .5rem; }

.partner {
  padding: 1rem 0; }
  .partner .msg {
    box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
    -webkit-box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
    -moz-box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
    background: url("../image/img1920_3.jpg") center no-repeat;
    background-size: cover;
    min-height: 1.65rem;
    position: relative; }
    .partner .msg:after {
      content: "";
      display: block;
      position: absolute;
      left: 1.82rem;
      top: .33rem;
      background: url("../image/img89.png") center no-repeat;
      background-size: 100%;
      width: .89rem;
      height: .75rem; }
    .partner .msg p {
      text-align: center;
      font-size: .24rem;
      line-height: .41rem;
      padding: .41rem;
      letter-spacing: .01rem; }
  .partner .index-title {
    padding: .9rem 0 .35rem 0; }
  .partner .list ul {
    margin-left: -.15rem; }
  .partner .list li {
    width: 20%;
    padding: 0 0 .2rem .15rem; }
  .partner .list .img {
    box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
    -webkit-box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
    -moz-box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23); }
    .partner .list .img img {
      width: 100%; }

.news {
  padding: 1rem 0 0 0; }
  .news li {
    padding-bottom: .7rem; }
    .news li .img {
      width: 5.5rem; }
    .news li .col {
      width: 6rem;
      min-height: 2.09rem;
      position: relative; }
      .news li .col:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: .02rem;
        background: #eee; }
      .news li .col .time {
        padding-left: .2rem;
        background: url("../image/img14.png") left center no-repeat;
        background-size: .14rem;
        font-size: .14rem; }
      .news li .col .name {
        font-size: .16rem;
        font-weight: 600;
        padding: .12rem 0 .16rem 0;
        position: relative; }
        .news li .col .name:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          bottom: 0;
          width: .4rem;
          height: 1px;
          background: #d2d2d2; }
      .news li .col p {
        font-size: .14rem;
        line-height: .18rem;
        color: #999;
        padding: .15rem 0; }
  .news li:hover .col:before {
    background: #70ab2d; }
  .news li:hover .col .name a {
    color: #70ab2d; }
  .news li:hover .col p {
    color: #70ab2d; }

.p-num {
  padding: .3rem 0 1rem 0; }
  .p-num a {
    width: .66rem;
    height: .3rem;
    background: url("../image/more66_1.png") center no-repeat;
    background-size: 100%; }
    .p-num a:hover {
      background-image: url("../image/more66_1on.png"); }
    .p-num a.prev {
      background-image: url("../image/prev66.png"); }
      .p-num a.prev:hover {
        background-image: url("../image/prev66on.png"); }
  .p-num div {
    padding: 0 .16rem;
    font-size: .24rem;
    color: #999;
    font-family: 'Oswald';
    position: relative;
    top: -.05rem; }
    .p-num div em {
      font-size: .48rem;
      color: #70ab2d; }

.news-show {
  padding: .9rem 0; }
  .news-show h2.title {
    font-size: .36rem;
    color: #333;
    padding-right: 1.5rem; }
  .news-show .info {
    border-bottom: #e0e0e0 solid 2px;
    min-height: .63rem;
    position: relative; }
    .news-show .info .time {
      padding-left: .28rem;
      background: url("../image/img18_1.png") left center no-repeat;
      background-size: .18rem;
      font-size: .18rem;
      line-height: .48rem; }
    .news-show .info a.back {
      display: block;
      background: #98c169;
      color: #fff;
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem;
      font-size: .14rem;
      width: 1.2rem;
      height: .4rem;
      line-height: .4rem;
      text-align: center;
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0;
      top: -0.06rem;
      bottom: auto; }
      .news-show .info a.back:hover {
        background: #70ab2d; }
  .news-show .content {
    padding-top: .3rem;
    font-size: .14rem;
    line-height: .24rem;
    text-align: justify; }
    .news-show .content p {
      padding-bottom: .12rem; }
    .news-show .content .img {
      text-align: center;
      padding: .1rem 0 .5rem 0; }
    .news-show .content h3 {
      color: #70ab2d;
      font-size: .16rem;
      padding-bottom: .1rem; }

.p-num2 {
  padding-bottom: 1rem; }
  .p-num2 ul {
    border-top: #ccc solid 1px;
    border-bottom: #ccc solid 1px; }
  .p-num2 li {
    width: 3.17rem; }
  .p-num2 a {
    display: block;
    font-size: .18rem;
    color: #999;
    width: 1.5rem;
    margin: 0 auto;
    line-height: .8rem; }
    .p-num2 a:hover {
      color: #70ab2d; }
    .p-num2 a.prev {
      text-align: right;
      background: url("../image/prev66.png") left center no-repeat;
      background-size: .66rem; }
      .p-num2 a.prev:hover {
        background-image: url("../image/prev66on.png"); }
    .p-num2 a.next {
      background: url("../image/more66_1.png") right center no-repeat;
      background-size: .66rem; }
      .p-num2 a.next:hover {
        background-image: url("../image/more66_1on.png"); }

.contact {
  padding: 1rem 0 2.1rem 0;
  position: relative; }
  .contact .map {
    height: 4.45rem;
    position: relative;
    z-index: 1; }
  .contact .container {
    width: 4rem;
    min-height: 4.84rem;
    background: #fff;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
    -webkit-box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
    -moz-box-shadow: 0 0.14rem 0.24rem rgba(177, 177, 177, 0.23);
    position: absolute;
    z-index: 10;
    left: 0.7rem;
    right: auto;
    top: 1.7rem;
    bottom: auto;
    padding-left: .45rem; }
    .contact .container .index-title {
      padding: .35rem 0 .3rem 0; }
    .contact .container .list {
      padding: 0 .55rem .2rem 0; }
      .contact .container .list li {
        position: relative;
        padding: 0 0 .3rem .62rem;
        min-height: .86rem; }
        .contact .container .list li .ico {
          width: .5rem;
          position: absolute;
          z-index: 10;
          left: 0;
          right: auto;
          top: 0;
          bottom: auto; }
        .contact .container .list li h3 {
          color: #70ab2d;
          font-size: .18rem; }
        .contact .container .list li p {
          font-size: .16rem;
          color: #666;
          line-height: .26rem; }

.contact-form {
  background: url("../image/contact-form.jpg") center no-repeat;
  background-size: cover;
  min-height: 6.84rem; }
  .contact-form .index-title {
    padding: .95rem 0 .35rem 0; }
  .contact-form .form li {
    width: 5.65rem;
    padding-bottom: .2rem;
    position: relative; }
    .contact-form .form li .ico {
      width: .22rem;
      height: .22rem;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0.125rem;
      bottom: auto; }
      .contact-form .form li .ico img:nth-child(2) {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        opacity: 0; }
    .contact-form .form li .input {
      border-bottom: #ccc solid 1px; }
      .contact-form .form li .input input, .contact-form .form li .input textarea {
        width: 100%;
        height: .47rem;
        line-height: .47rem;
        font-size: .16rem;
        padding-left: .3rem; }
      .contact-form .form li .input textarea {
        height: 1rem;
        line-height: .27rem;
        padding: .1rem 0 .1rem .3rem; }
  .contact-form .form li.on .ico img:nth-child(1) {
    opacity: 0; }
  .contact-form .form li.on .ico img:nth-child(2) {
    opacity: 1; }
  .contact-form .form li.on .input {
    border-color: #70ab2d; }
    .contact-form .form li.on .input input, .contact-form .form li.on .input textarea {
      color: #70ab2d; }
  .contact-form .form li.li_01 {
    width: 100%; }
  .contact-form .submit {
    padding: .3rem 0 1rem 0; }
    .contact-form .submit div {
      width: 1.8rem;
      height: .56rem;
      line-height: .56rem;
      text-align: center;
      margin: 0 auto;
      background: #70ab2d;
      position: relative;
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem;
      font-size: .18rem;
      letter-spacing: .02rem;
      color: #fff; }
      .contact-form .submit div em {
        padding-right: .23rem;
        background: url("../image/img13_2.png") right center no-repeat;
        background-size: .13rem; }
      .contact-form .submit div:hover {
        box-shadow: 0 0.08rem 0.27rem rgba(147, 188, 55, 0.5);
        -webkit-box-shadow: 0 0.08rem 0.27rem rgba(147, 188, 55, 0.5);
        -moz-box-shadow: 0 0.08rem 0.27rem rgba(147, 188, 55, 0.5); }
    .contact-form .submit input {
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      cursor: pointer; }

.service-show6{margin-top: -.3rem; padding-bottom: 1.2rem}
.service-show6 .title{display: flex; position: relative; padding-bottom: .1rem; width: fit-content}
.service-show6 .title:before{display: block; content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: .19rem; border-radius: .1rem; background: rgba(112, 171, 45, .2)}
.service-show6 .title h2{font-size: .24rem; line-height: 1em; color: #70AB2D; position: relative}
.service-show6 .content{color: #666666; font-size: .14rem; line-height: .24rem; padding: .12rem 0 .35rem 0}
.service-show6 .list-1{padding-bottom: .15rem}
.service-show6 .list-1 ul{display: flex; flex-wrap: wrap; margin-left: -.3rem}
.service-show6 .list-1 li{width: 25%; padding: 0 0 0 .3rem}
.service-show6 .list-1 .name{display: flex; align-items: center; border-bottom: rgba(0, 0, 0, .1) solid 1px; padding-bottom: .2rem}
.service-show6 .list-1 .name img{flex-shrink: 0; width: .48rem; margin-right: .1rem}
.service-show6 .list-1 .name h5{font-size: .18rem; color: #70AB2D}
.service-show6 .list-1 p{font-size: .14rem; line-height: .24rem; color: #666666; padding: .16rem 0 .55rem 0}
.service-show6 .list-2 ul{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: .3rem}
.service-show6 .list-2 li{display: flex; align-items: center; background: #F8F8F8}
.service-show6 .list-2 .img{width: 2.2rem; flex-shrink: 0}
.service-show6 .list-2 .col{width: 100%; padding: 0 .2rem 0 .3rem}
.service-show6 .list-2 .col h5{font-size: .18rem; color: #70AB2D; margin-bottom: .15rem}
.service-show6 .list-2 .col dd{font-size: .16rem; line-height: .3rem; color: #666666; background: url("../image/img14_2.png") left .08rem no-repeat; background-size: .14rem; padding-left: .25rem}