@charset "UTF-8";
a, .transition, .nav .list, .indexPart2 a .name, .indexPart2 a .name .more, .indexPart4 .swiper-slide a .container, .indexPart4 .swiper-slide a .name, .indexPart4 .swiper-slide a .time, .indexPart4 .swiper-slide a p, .indexPart5 .swiper-slide .img, .indexPart5 .swiper-slide .container, .product a .container, .productShow .tab li div, .idea_02 li, .honor .container, :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, .indexPart4 .swiper-slide a .name, .honor .container .name, .news li .container .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.flex, .head .btn dl, .foot .container dl, .indexFlash .dots, .indexPart3 .fr a, .productList .tab ul, .productImg .tab ul, .productImg .list ul, .pageNum, .news li .container .btn dl, .news li .container .btn dl dd, .caseShow .title, .pageShare, .service_03 .tel, .dowm .list .title, .dowm .list li a, .contact .list dd {
  display: flex;
  display: -webkit-flex; }

.flexColumn, .indexPart3 .fl .container, .indexPart5 .swiper-slide .container, .product a .container, .caseImg .imgList {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column; }

.itemsCenter, .indexPart3 .fr a, .pageNow .wal2, .idea_02 li, .news li, .news li .container .btn dl dd, .caseShow .title, .pageShare, .service li, .service_03 .tel, .dowm .list .title, .dowm .list li a, .contact .list dd {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter, .indexPart3 .fl .container, .indexPart5 .swiper-slide .container, .product a .container, .pageNum, .service_01 .list ul, .service_03 .tel {
  justify-content: center;
  -webkit-justify-content: center; }

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

.flexBetween, .indexPart1 ul, .pageNow .wal2, .idea_02 li, .caseImg, .caseImg .imgList, .service_02 .wal2, .contact .form {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.flexWrap, .nav ul, .nav .list dl, .foot .list ul, .indexPart1 ul, .indexPart2 ul, .pageNow .wal2, .pageNow ul, .product ul, .productList .list ul, .productImg, .idea_01 .list, .idea_01 .list ul, .idea_02 li, .idea_02 li .container .content dl, .honor ul, .news li, .case ul, .case li dl, .caseImg, .service li, .service_01 .list ul, .service_02 .wal2, .dowm .form ul, .contact .form, .contact .list ul {
  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: .12rem;
  color: #333;
  -webkit-text-size-adjust: none;
  opacity: 0; }
  body.show {
    opacity: 1;
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s 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: #00a2e9;
    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: inherit;
  color: #888;
  outline: none;
  border: 0px; }

em {
  font-style: normal; }

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

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

.h100 {
  height: 1rem;
  overflow: hidden;
  clear: both; }

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

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

.tab li {
  cursor: pointer; }

.tabContent {
  display: none; }

.headD {
  height: 1rem; }

.head {
  position: fixed;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  background: #ffff;
  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); }
  .head .wal {
    height: 1rem;
    position: relative; }
  .head a.logo {
    display: block;
    width: 5rem;
    height: 100%;
    background: url("/image/20250210-145355_.png") center no-repeat;
    position:absolute;
    left:-0.5rem;
    background-size: 100%; }
  .head .btn {
    position: absolute;
    z-index: 11;
    left: auto;
    right: 0;
    top: 50%;
    bottom: auto;
    margin-top: -.16rem; }
    .head .btn a {
      display: block;
      width: .32rem;
      margin-left: .14rem; }

/*.head .btn .hideBox{ position:absolute; top:30px; right:30px; z-index:222; display:none; padding-top:10px;}
.head .btn .topSearch{ width:199px; height:32px; border-radius:24px; -moz-border-radius:24px; position:relative; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}
.head .btn .input1{ width:100%; height:32px; line-height:32px; text-indent:15px; background:#fff; border-radius:24px; -moz-border-radius:24px; font-size:14px; color:#999;}
.head .btn .btn1{ position:absolute; right:0px; top:0px; width:32px; height:32px; background:url(/image/img32_2.png) no-repeat; cursor:pointer;}*/


  .head .btn em {
      display: block;
      width: .32rem;
      margin-left: .14rem; }
.head .topSearch{ position :relative; } 
.head .topSearch input{ position:absolute; right:0px; top:0px; display:none; padding: 8px 20px; background: #eee; border-radius: 20px; -moz-border-radius: 20px; width: 200px; font-size: 14px;} 
.head .topSearch img{ cursor: pointer; position:relative; z-index:10;}


.head .btn .xde{ display:none; z-index:11; position:absolute; right:0px; top:0; width:1.32rem; height:0.32rem; background:#fff; border-radius:24px; -moz-border-radius:24px; box-shadow: 0px 0px 14px #ddd;}
.head .btn .xde a{display: block; float:left;
      width: .24rem;
	  height:.32rem; line-height:.32rem; text-align:center;}

.head .lanTel{ display:none; position:absolute; right:0.7rem; top:0px;}
.head .lanTel a{ line-height:1rem; padding-left:0.3rem; font-size:0.18rem;}


.nav {
  position: absolute;
  z-index: 10;
  left: auto;
  right: 1.72rem;
  top: 0;
  bottom: auto; }
  .nav .form {
    display: none; }
  .nav li {
    position: relative;
    margin-left: .48rem; }
  .nav a.name {
    display: block;
    height: 1rem;
    line-height: 1rem;
    position: relative;
    font-size: .16rem;
    color: #6b6b6c; }
    .nav a.name:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 0;
      height: .03rem;
      background: #00a2e9; }
    .nav a.name:hover:before, .nav a.name.on:before {
      left: 0;
      width: 100%; }
  .nav .list {
    position: fixed;
    margin-left: 1rem;
    top: 1rem;
    z-index: 49;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding-left: .46rem;
    opacity: 0;
    visibility: hidden; }
    .nav .list a {
      display: block;
      font-size: .14rem;
      color: #fff;
      height: .51rem;
      line-height: .51rem;
      padding: 0 .2rem; }
      .nav .list a:hover, .nav .list a.on {
        color: #00a2e9; }
      .nav .list a.on {
        font-weight: bold; }

      .ser3-wrap {
  margin-top: 0.6rem; }
  .ser3-wrap ul {
    overflow: hidden;
    margin-right: -0.26rem; }
    .ser3-wrap ul li {
      float: left;
      height: 2.74rem;
      margin-bottom: 0.26rem; }
      .ser3-wrap ul li .box {
        margin-right: 0.26rem;
        height: 2.74rem;
        background: #f4f4f4;
        width: 2.8rem;
        position: relative; }
        .ser3-wrap ul li .box .imgDiv {
          position: relative; }
          .ser3-wrap ul li .box .imgDiv .ico {
            width: .34rem;
            height: .34rem;
            position: absolute;
            left: .20rem;
            bottom: .12rem;
            z-index: 2; }
        .ser3-wrap ul li .box .name {
          padding: 0.15rem 0 0 0.18rem;
          font-size: 0.16rem;
          color: #999;
          height: 0.49rem; }
        .ser3-wrap ul li .box .msg {
          height: 0.48rem;
          overflow: hidden;
          padding: 0 0.55rem 0 0.2rem;
          position: relative;
          font-size: 0.14rem;
          color: #999; }
        .ser3-wrap ul li .box .more {
          display: block;
          width: 0.22rem;
          height: .22rem;
          position: absolute;
          right: .20rem;
          bottom: .28rem; }
          .ser3-wrap ul li .box .more .img1 {
            display: none; }
      .ser3-wrap ul li:hover .box {
        background: #00a2e9; }
      .ser3-wrap ul li:hover .name a {
        color: #fff;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none; }
      .ser3-wrap ul li:hover .msg {
        color: #fff; }
      .ser3-wrap ul li:hover .more .img1 {
        display: block; }
      .ser3-wrap ul li:hover .more img {
        display: none; }
@media screen and (min-width: 800px) {
  .nav li:hover a.name:before {
    left: 0;
    width: 100%; }
  /*.nav li:hover .list {
    margin-left: 0;
    opacity: 1;
    visibility: visible; }*/ }
.foot {
  min-height: 4.3rem;
  background: #30323f;
  color: #888; }
  .foot .wal {
    min-height: 3.78rem;
    position: relative; }
  .foot .list li {
    width: 1.25rem; }
  .foot .list h2 {
    padding: .8rem 0 .25rem 0;
    font-size: .16rem;
    font-weight: 400; }
    .foot .list h2 a {
      color: #fff; }
  .foot .list dd {
    font-size: .14rem;
    line-height: .3rem; }
    .foot .list dd a {
      color: #888; }
    .foot .list dd a:hover {
      color: #fff; }
  .foot .container {
    position: absolute;
    z-index: 10;
    left: 8.2rem;
    right: auto;
    top: 0;
    bottom: auto;
    width: 3rem; }
    .foot .container h2 {
      font-size: .18rem;
      font-weight: 400;
      padding: .8rem 0 .25rem 0;
      color: #fff; }
    .foot .container .content {
      font-size: .14rem;
      line-height: .24rem;
      padding-bottom: .3rem; }
    .foot .container dd {
      width: .35rem;
      margin-right: .12rem; }
  .foot .ewm {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0.9rem;
    bottom: auto;
    width: 1.1rem; }
    .foot .ewm p {
      text-align: center;
      line-height: .36rem;
      font-size: .14rem; }
  .foot .select {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 2.4rem;
    bottom: auto;
    width: 2.27rem;
    height: .38rem;
    line-height: .36rem;
    border: #51535f solid 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: .2rem;
    font-size: .14rem; }
    .foot .select:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: .2rem;
      width: .11rem;
      height: 100%;
      background: url("/image/img11.png") center no-repeat;
      background-size: 100%; }
    .foot .select select {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 100%;
      height: 100%;
      opacity: 0; }
  .foot .msg {
    text-align: center;
    border-top: #363846 solid 1px;
    line-height: .5rem;
    color: rgba(136, 136, 136, 0.4); }
    .foot .msg a {
        color: rgba(136, 136, 136, 0.4);
    }

/*index-----------*/
.indexFlash {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .indexFlash .swiper-slide {
    height: 8rem;
    background: center no-repeat;
    background-size: cover; }
  .indexFlash .swiper-slide a{ display:block; width:100%; height:100%;}
    .indexFlash .swiper-slide .img img {
      position: relative;
      left: 2rem;
      opacity: 0;
      visibility: hidden; }
  .indexFlash .swiper-slide-active .img img {
    left: 0;
    opacity: 1;
    visibility: visible;
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s; }
  .indexFlash .slide-00 .img {
    width: 8.39rem;
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: 2.25rem;
    bottom: auto;
    margin-left: -4.2rem; }
  .indexFlash .slide-01 .img {
    width: 5.9rem;
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: 1.4rem;
    bottom: auto;
    margin-left: -2.95rem; }
  .indexFlash .slide-02 .img {
    width: 4.53rem;
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: 3.85rem;
    bottom: auto;
    margin-left: 1.45rem; }
  .indexFlash .dots {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 50%;
    top: auto;
    bottom: 1.08rem;
    margin-right: -7rem; }
    .indexFlash .dots span {
      margin-left: .14rem;
      opacity: .5;
      border: #fff solid 2px;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      width: .12rem;
      height: .12rem; }
    .indexFlash .dots .swiper-pagination-bullet-active {
      background: #fff;
      opacity: .8; }

.indexPart1 {
  height: 1.3rem;
  position: relative; }
  .indexPart1:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    height: .2rem;
    width: 100%;
    background: url("/image/img1390.png") center no-repeat;
    background-size: auto 100%; }
  .indexPart1 .list {
    position: relative;
    z-index: 20;
    top: -.77rem;
    height: 2.07rem;
    background: #00a2e9;
    padding: .17rem 1.4rem 0 1.4rem; }
  .indexPart1 li {
    width: 2.03rem; }
    .indexPart1 li a {
      display: block;
      text-align: center;
      color: #fff;
      height: 1.72rem;
      -moz-border-radius: 0.15rem;
      -webkit-border-radius: 0.15rem;
      border-radius: 0.15rem;
      padding-top: .25rem; }
      .indexPart1 li a .img {
        width: .6rem;
        margin: 0 auto; }
      .indexPart1 li a .name {
        font-size: .18rem;
        line-height: .4rem; }
      .indexPart1 li a p {
        opacity: .3;
        text-transform: uppercase; }
    .indexPart1 li a:hover {
      background: #4bbef0; }

.pageTitle {
  text-align: center;
  padding: .8rem 0 .65rem 0; }
  .pageTitle h2 {
    font-weight: 400;
    font-size: .26rem;
    padding-bottom: .1rem; }
  .pageTitle span {
    font-size: .12rem;
    color: #afafaf;
    text-transform: uppercase; }

.indexPart2 {
  padding-bottom: .82rem; }
  .indexPart2 ul {
    margin-left: -.28rem; }
  .indexPart2 li {
    width: 25%;
    padding: 0 0 .28rem .28rem; }
  .indexPart2 a {
    display: block;
    position: relative;
    padding-bottom: 1.24rem;
    background: #f3f3f3; }
    .indexPart2 a:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      height: .23rem;
      background: url("/image/img332.png") center no-repeat;
      background-size: auto 100%;
      opacity: 0; }
    .indexPart2 a .name {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: auto;
      bottom: 0;
      width: 100%;
      background: #00a2e9;
      height: 1.24rem;
      background: #dedede;
      text-align: center;
      padding-top: .3rem; }
      .indexPart2 a .name:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: .9rem;
        width: .15rem;
        height: .02rem;
        background: #00a2e9;
        margin-left: -.07rem; }
      .indexPart2 a .name h2 {
        font-size: .16rem;
        padding: 0 0 .1rem 0; }
      .indexPart2 a .name em {
        display: block;
        opacity: .5;
        text-transform: uppercase;
        font-size: .1rem; }
      .indexPart2 a .name .more {
        opacity: 0;
        width: 1.34rem;
        height: .34rem;
        line-height: .34rem;
        background: #fff;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        border-radius: 0.5rem;
        margin: 0 auto;
        color: #00a2e9;
        text-transform: uppercase;
        font-size: .12rem;
        margin-top: .22rem; }
        .indexPart2 a .name .more span {
          padding-right: .38rem;
          background: url("/image/img5.png") right center no-repeat;
          background-size: .05rem; }

@media screen and (min-width: 550px) {
  .indexPart2 a:hover:before {
    opacity: 1; }
  .indexPart2 a:hover .name {
    background: #00a2e9;
    color: #fff;
    height: 1.95rem;
    padding-top: .45rem; }
    .indexPart2 a:hover .name:before {
      opacity: 0; }
    .indexPart2 a:hover .name .more {
      opacity: 1; } }
.indexPart3 {
  min-height: 8.7rem;
  background: #f3f3f3; }
  .indexPart3 .fl {
    padding-left: 1.37rem;
    width: 9.77rem;
    position: relative; }
    .indexPart3 .fl:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: .8rem;
      width: 4.52rem;
      min-height: 3.5rem;
      box-shadow: 0 0 0.35rem rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 0 0.35rem rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 0 0.35rem rgba(0, 0, 0, 0.1); }
    .indexPart3 .fl img {
      position: relative; }
    .indexPart3 .fl .container {
      width: 4.52rem;
      min-height: 3.5rem;
      background: #fff;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0.8rem;
      bottom: auto;
      padding: .2rem .7rem; }
      .indexPart3 .fl .container .name {
        font-size: .22rem; }
        .indexPart3 .fl .container .name span {
          display: block;
          font-size: .12rem;
          text-transform: uppercase;
          opacity: .5;
          padding: .12rem 0 .22rem 0; }
      .indexPart3 .fl .container .content {
        font-size: .14rem;
        line-height: .3rem;
        color: #6b6b6b; }
      .indexPart3 .fl .container a.more {
        display: block;
        width: .38rem;
        height: .77rem;
        position: absolute;
        z-index: 10;
        left: 100%;
        right: auto;
        top: 50%;
        bottom: auto;
        margin-top: -.38rem;
        background: #00a2e9 url("../image/img10.png") center no-repeat;
        background-size: .1rem; }
  .indexPart3 .fr {
    width: 4.09rem; }
    .indexPart3 .fr li {
      padding-bottom: .12rem; }
    .indexPart3 .fr a {
      height: 1.63rem;
      padding-left: .8rem;
      background: #fff; }
      .indexPart3 .fr a img {
        width: .9rem;
        margin-right: .25rem; }
      .indexPart3 .fr a .name div {
        font-size: .22rem;
        color: #333;
        padding-bottom: .08rem; }
      .indexPart3 .fr a .name span {
        font-size: .16rem;
        text-transform: uppercase;
        color: #c5c4c4; }
    .indexPart3 .fr a:hover img {
      transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg); }

.indexPart4 {
  position: relative; }
  .indexPart4 a.arrow {
    display: block;
    width: .64rem;
    height: .64rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -.32rem;
    background: center no-repeat;
    background-size: cover; }
    .indexPart4 a.arrow.prev {
      left: -1rem;
      background-image: url("/image/prev64.png"); }
    .indexPart4 a.arrow.next {
      right: -1rem;
      background-image: url("/image/next64.png"); }
  .indexPart4 .swiper-slide a {
    display: block;
    margin: 0 .12rem; }
    .indexPart4 .swiper-slide a .container {
      min-height: 2.04rem;
      border: #e9e9e9 solid 1px;
      padding: .26rem .55rem; }
    .indexPart4 .swiper-slide a .name {
      font-size: .18rem;
      height: .48rem;
      line-height: .48rem; }
    .indexPart4 .swiper-slide a .time {
      font-size: .12rem;
      color: #a0a0a0;
      padding-left: .2rem;
      background: url("/image/img14.png") left center no-repeat;
      background-size: .14rem;
      margin-bottom: .2rem; }
    .indexPart4 .swiper-slide a p {
      font-size: .14rem;
      line-height: .24rem;
      height: .48rem;
      overflow: hidden;
      color: #6c6c6c; }

@media screen and (min-width: 800px) {
  .indexPart4 .list {
    margin-left: -.12rem;
    margin-right: -.12rem; }
  .indexPart4 #indexPart4 {
    width: 100%;
    overflow: hidden;
    position: relative; }
  .indexPart4 .swiper-slide a:hover .container {
    background: #00a2e9;
    border-color: #00a2e9; }
  .indexPart4 .swiper-slide a:hover .name {
    color: #fff; }
  .indexPart4 .swiper-slide a:hover .time {
    color: rgba(255, 255, 255, 0.6);
    background-image: url("/image/img14on.png"); }
  .indexPart4 .swiper-slide a:hover p {
    color: #fff; } }
.indexPart5 {
  position: relative;
  padding-bottom: 1.8rem;
  width: 100%;
  overflow: hidden; }
  .indexPart5 .num {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: auto;
    bottom: 1.2rem;
    width: 100%;
    text-align: center;
    font-size: .16rem;
    color: #a9a9a9;
    font-weight: bold; }
    .indexPart5 .num span {
      color: #00a2e9; }
  .indexPart5 .swiper-slide {
    min-height: 6.3rem;
    position: relative; }
    .indexPart5 .swiper-slide .img {
      width: 8.4rem;
      position: relative;
      left: 5.6rem;
      opacity: .3;
      padding-bottom: .17rem; }
      .indexPart5 .swiper-slide .img:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: -.17rem;
        bottom: 0;
        background: #f4f4f4;
        opacity: 0; }
    .indexPart5 .swiper-slide .container {
      position: absolute;
      z-index: 10;
      left: 0rem;
      right: auto;
      top: 0;
      bottom: auto;
      height: 100%;
      width: 2rem;
      opacity: 0;
      visibility: hidden; }
      .indexPart5 .swiper-slide .container a.title {
        text-transform: uppercase;
        font-weight: bold;
        font-size: .24rem;
        line-height: .42rem;
        color: #00a2e9; }
        .indexPart5 .swiper-slide .container a.title h2 {
          font-size: .32rem; }
      .indexPart5 .swiper-slide .container p {
        font-size: .14rem;
        line-height: .3rem;
        color: #6c6c6c;
        width: 1.9rem;
        padding: .3rem 0;
        min-height: 2rem; }
      .indexPart5 .swiper-slide .container a.more {
        width: 1.34rem;
        height: .34rem;
        line-height: .34rem;
        background: #00a2e9;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        border-radius: 0.5rem;
        color: #fff;
        text-transform: uppercase;
        font-size: .12rem;
        text-align: center; }
        .indexPart5 .swiper-slide .container a.more span {
          padding-right: .38rem;
          background: url("/image/img5_1.png") right center no-repeat;
          background-size: .05rem; }

@media screen and (min-width: 800px) {
  .indexPart5 a.arrow {
    display: block;
    width: .64rem;
    height: .64rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -1.3rem;
    background: center no-repeat;
    background-size: cover; }
    .indexPart5 a.arrow.prev {
      left: 50%;
      margin-left: -7.32rem;
      background-image: url("/image/prev64.png"); }
    .indexPart5 a.arrow.next {
      right: 50%;
      margin-right: -7.32rem;
      background-image: url("/image/next64.png"); }
  .indexPart5 .list {
    width: 42rem;
    position: relative;
    left: 50%;
    margin-left: -21rem; }
  .indexPart5 .swiper-slide img {
    position: relative;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); }
  .indexPart5 .swiper-slide-next .img {
    left: 0; }
  .indexPart5 .swiper-slide-active .img {
    left: 3.93rem;
    opacity: 1; }
    .indexPart5 .swiper-slide-active .img:before {
      opacity: 1; }
    .indexPart5 .swiper-slide-active .img img {
      -webkit-filter: grayscale(0);
      -moz-filter: grayscale(0);
      -ms-filter: grayscale(0);
      -o-filter: grayscale(0);
      filter: grayscale(0); }
  .indexPart5 .swiper-slide-active .container {
    opacity: 1;
    visibility: visible;
    left: 1.4rem;
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s; } }
/*page-------------*/
.pageBanner {
  background: center no-repeat;
  background-size: cover; }
  .pageBanner .wal2 {
    height: 5.86rem;
    position: relative; }
  .pageBanner .img {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 1.85rem;
    bottom: auto; }
    .pageBanner .img img {
      width: auto;
      height: 1.3rem; }

.pageBanner-2 .wal2 {
  height: 4.6rem; }
.pageBanner-2 .img {
  top: 1.65rem;
  width: 100%;
  text-align: center; }
  .pageBanner-2 .img img {
    height: .9rem; }

.pageBanner2 {
  background: center no-repeat;
  background-size: cover; }
  .pageBanner2 .wal2 {
    height: 5.5rem;
    position: relative; }
  .pageBanner2 .img {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 1.05rem;
    bottom: auto;
    width: 100%;
    text-align: center; }
    .pageBanner2 .img img {
      height: .82rem;
      width: auto; }

.pageNow {
  background: #eff1f2; }
  .pageNow .wal2 {
    min-height: .65rem; }
  .pageNow ul li {
    padding-right: 1px; }
  .pageNow ul a {
    display: block;
    font-size: .16rem;
    color: #5e5e5e;
    height: .65rem;
    line-height: .65rem;
    padding: 0 .17rem;
    position: relative;
    min-width: 1.2rem;
    text-align: center; }
    .pageNow ul a:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      background: #00a2e9;
      height: .03rem;
      opacity: 0; }
  .pageNow ul a:hover, .pageNow ul a.on {
    background: #fff;
    color: #00a2e9; }
    .pageNow ul a:hover:before, .pageNow ul a.on:before {
      opacity: 1; }
  .pageNow ul a.on {
    font-weight: bold; }
  .pageNow .curr {
    color: #999;
    padding-left: .28rem;
    background: url("/image/img14_1.png") left center no-repeat;
    background-size: .14rem;
    line-height: .3rem; }
    .pageNow .curr a {
      color: #999; }
    .pageNow .curr span {
      color: #00a2e9; }

.product {
  padding: 1rem 0; }
  .product ul {
    margin-left: -3px; }
  .product li {
    width: 33.333%;
    padding: 0 0 3px 3px; }
  .product a {
    display: block;
    height: 3.98rem;
    background: #f3f3f3;
    position: relative; }
    .product a .name {
      text-transform: uppercase;
      font-size: .2rem;
      font-weight: 600;
      text-align: center;
      line-height: 1.35em; }
      .product a .name h2 {
        font-size: .2rem; }
      .product a .name span {
        display: block;
        opacity: .3; }
    .product a .container {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 100%;
      height: 100%;
      background: #00a2e9;
      color: #fff;
      padding: .25rem .45rem;
      opacity: 0; }
      .product a .container .name2 h2 {
        font-size: .2rem;
        padding-bottom: .05rem; }
      .product a .container .name2 span {
        display: block;
        opacity: .3;
        font-size: .14rem;
        text-transform: uppercase; }
      .product a .container p {
        font-size: .14rem;
        line-height: 1.7em;
        opacity: .8;
        padding: .25rem 0;
        min-height: 1.65rem; }
      .product a .container .more {
        width: 1.34rem;
        height: .34rem;
        line-height: .34rem;
        background: #fff;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        border-radius: 0.5rem;
        color: #00a2e9;
        text-transform: uppercase;
        font-size: .12rem;
        text-align: center; }
        .product a .container .more span {
          padding-right: .38rem;
          background: url("/image/img5.png") right center no-repeat;
          background-size: .05rem; }

@media screen and (min-width: 800px) {
  .product a:hover .container {
    opacity: 0.6; } }
.productList {
  padding: 1rem 0 1.3rem 0;
  font-size: .14rem; }
  .productList .tab li {
    padding-right: 3px; }
    .productList .tab li div {
      width: 1.96rem;
      height: .75rem;
      line-height: .75rem;
      text-align: center;
      background: #f4f5f6;
      color: #717171; }
    .productList .tab li.on div {
      background: #00a2e9;
      color: #fff; }
  .productList .list {
    padding: .45rem .4rem;
    background: #f4f5f6; }
    .productList .list ul {
      margin-left: -3px; }
    .productList .list li {
      width: 33.333%;
      padding: 0 0 3px 3px; }
      .productList .list li a {
        display: block;
        background: #fff;
        position: relative;
        overflow: hidden; }
        .productList .list li a .name {
          position: absolute;
          z-index: 10;
          left: 0;
          right: auto;
          top: auto;
          bottom: 0.22rem;
          width: 100%;
          text-align: center;
          color: #717171; }
        .productList .list li a:hover img {
          transform: scale(1.1);
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -o-transform: scale(1.1); }

.productImg {
  font-size: .14rem; }
  .productImg .bigImg {
    width: 6.86rem;
    overflow: hidden;
    position: relative;
    border: #e2e2e2 solid 1px; }
  .productImg .container {
    width: 5.14rem;
    background: #f6f6f6;
    padding: .55rem .6rem; }
    .productImg .container .name {
      width: 3.25rem;
      border-bottom: #e2e2e2 solid 1px;
      padding-bottom: .3rem; }
      .productImg .container .name h2 {
        font-size: .26rem; }
      .productImg .container .name div {
        color: #adadad;
        padding-top: .08rem; }
    .productImg .container .content {
      line-height: .36rem;
      color: #828282;
      padding: .3rem 0;
      min-height: 2.5rem; }
    .productImg .container .btn a {
      display: block;
      background: #00a2e9;
      color: #fff;
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem;
      width: 1.36rem;
      height: .4rem;
      line-height: .4rem;
      text-align: center; }
  .productImg .tab {
    width: 6.86rem;
    border-bottom: #e2e2e2 solid 1px; }
    .productImg .tab li {
      height: .5rem;
      margin-right: .35rem;
      padding-top: .25rem;
      position: relative;
      color: #828282; }
      .productImg .tab li:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        height: 3px;
        background: #00a2e9;
        opacity: 0; }
      .productImg .tab li.on {
        color: #00a2e9;
        font-weight: bold; }
        .productImg .tab li.on:before {
          opacity: 1; }
  .productImg .list {
    width: 6.86rem;
    padding: .14rem 0 .64rem 0; }
    .productImg .list ul {
      margin-left: -4px; }
    .productImg .list li {
      padding-left: 4px;
      width: 25%; }
      .productImg .list li div {
        position: relative; }
        .productImg .list li div:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          border: #00a2e9 solid 2px;
          opacity: 0;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box; }
      .productImg .list li img {
        border: #e2e2e2 solid 1px;
        opacity: .5; }
      .productImg .list li.on div:before {
        opacity: 1; }
      .productImg .list li.on img {
        opacity: 1; }


.productShow .tab{ width:23%;}

/*.productShow .tab ul {
  margin-left: -3px; }*/

.productShow .tab li {
	display:block;
	float:none;
  width: 100%;
  box-sizing: content-box;
   }
  

  .productShow .tab li div {
    height: .7rem;
    line-height: .7rem;
    background: #d4d4d4;
    font-size: .16rem;
    color: #fff;
    text-align: center; }
  

  .productShow .tab li.on div {
    background: #00a2e9; }
  	.productShow .tabContentDiv{ width:70%;}
.productShow .list {}
  .productShow .list .name {
    font-size: .22rem;
    padding-bottom: .18rem; }
  .productShow .list h3 {
    font-size: .22rem;
    padding-bottom: .18rem; 
    font-weight:100;
  }
  .productShow .list h1 {
    font-size: .22rem;
    padding-bottom: .18rem; 
    font-weight:100;
  }
  .productShow .list .content {
    padding-bottom: .35rem;
    font-size: .14rem;
    line-height: .3rem;
    color: #828282; }
.productShow .list p {
    /*padding-bottom: .35rem;*/
    font-size: .14rem;
    line-height: .3rem;
    color: #828282; }

.about .title {
  padding-bottom: .4rem;
  font-size: .24rem; }
  .about .title h2 {
    color: #00a2e9;
    font-size: .46rem;
    font-weight: 900; }
.about .content {
  font-size: .14rem;
  line-height: .36rem;
  color: #828181;
  text-align: justify; }
  .about .content .img {
    padding: .35rem 0 .5rem 0; }

.idea_01 {
  min-height: 3.8rem;
  background: url("/image/img380.jpg") center no-repeat;
  background-size: cover;
  position: relative; }
  .idea_01 .title {
    color: #fff;
    padding: .45rem 0 .3rem 1rem; }
    .idea_01 .title div {
      font-size: .22rem;
      opacity: .6;
      padding-bottom: .02rem;
      text-transform: uppercase; }
    .idea_01 .title h2 {
      font-size: .26rem; }
  .idea_01 .list {
    padding-left: 1rem; }
    .idea_01 .list h2 {
      position: relative;
      width: 2.15rem;
      font-size: .2rem;
      color: #355b76;
      line-height: .32rem;
      height: .4rem; }
      .idea_01 .list h2:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: .22rem;
        height: 2px;
        background: #00a2e9; }
    .idea_01 .list ul {
      width: 8.7rem; }
      .idea_01 .list ul li {
        width: 50%;
        font-size: .14rem;
        height: .32rem;
        line-height: .32rem;
        padding-left: .2rem;
        background: url("/image/img8.png") left center no-repeat;
        background-size: .08rem;
        color: #fff; }

.idea_02 li {
  min-height: 2.93rem;
  border-bottom: #efefef solid 1px;
  position: relative; }
  .idea_02 li .side {
    width: 1.9rem;
    text-align: center; }
    .idea_02 li .side .img {
      width: 1.16rem;
      margin: 0 auto; }
    .idea_02 li .side h2 {
      font-size: .16rem;
      color: #00a2e9;
      padding: .12rem 0 .06rem 0; }
    .idea_02 li .side p {
      font-size: .12rem;
      color: #828181;
      text-transform: uppercase; }
  .idea_02 li .container {
    width: 9.65rem; }
    .idea_02 li .container h2 {
      font-size: .15rem;
      color: #666;
      position: relative;
      padding-bottom: .2rem; }
      .idea_02 li .container h2:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: .22rem;
        height: 2px;
        background: #00a2e9; }
    .idea_02 li .container .content {
      font-size: .14rem;
      line-height: .3rem;
      color: #828181;
      padding: .15rem 0;
      min-height: .7rem; }
      .idea_02 li .container .content dd {
        min-width: 3.45rem; }

@media screen and (min-width: 800px) {
  .idea_02 li:hover {
    box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.1); } }
.honor ul {
  margin-left: -.23rem; }
.honor li {
  width: 25%;
  padding: 0 0 .23rem .23rem; }
.honor .container {
  background: #ecf3f4;
  text-align: center;
  font-size: .14rem;
  color: #89a0a3;
  padding-top: .32rem; }
  .honor .container .img {
    width: 2rem;
    margin: 0 auto; }
  .honor .container .name {
    height: .6rem;
    line-height: .6rem; }
.honor .container:hover {
  box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.1); }

.pageNum {
  padding: .4rem 0; }
  .pageNum a {
    margin: 0 .07rem;
    width: .34rem;
    height: .34rem;
    line-height: .34rem;
    text-align: center;
    background: #efefef center no-repeat;
    background-size: .12rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: .16rem;
    color: #666; }
    .pageNum a.prev {
      background-image: url("/image/img12.png"); }
    .pageNum a.next {
      background-image: url("/image/img12_1.png"); }
  .pageNum a:hover, .pageNum a.on {
    background-color: #00a2e9;
    color: #fff; }
    .pageNum a:hover.prev, .pageNum a.on.prev {
      background-image: url("/image/img12on.png"); }
    .pageNum a:hover.next, .pageNum a.on.next {
      background-image: url("/image/img12_1on.png"); }

.network h2.title {
  font-size: .24rem;
  font-weight: 400;
  text-align: center;
  padding-bottom: .5rem; }
.network .map {
  width: 12.1rem;
  position: relative;
  left: -.05rem; }
.network div.title {
  padding: .5rem 0 .25rem 0;
  font-size: .14rem;
  text-transform: uppercase;
  color: #828181; }
  .network div.title h2 {
    color: #00a2e9;
    font-size: .24rem;
    padding-bottom: .08rem; }
.network .content {
  font-size: .14rem;
  line-height: .36rem;
  color: #828181;
  text-align: justify; }
  .network .content p {
    padding-bottom: .15rem; }

.news li {
  min-height: 2.06rem;
  margin-bottom: .44rem;
  border: #d2d2d2 solid 1px; }
  .news li .img {
    width: 3.62rem; }
  .news li .time {
    text-align: center;
    width: 1.76rem;
    font-size: .12rem;
    color: #828181; }
    .news li .time b {
      display: block;
      font-size: .52rem;
      color: #00a2e9; }
  .news li .container {
    width: 6.25rem;
    min-height: 1.41rem;
    padding-left: .24rem;
    border-left: #d5d5d5 solid 1px; }
    .news li .container .name {
      font-size: .18rem;
      font-weight: bold;
      height: .35rem;
      line-height: .35rem; }
    .news li .container p {
      font-size: .14rem;
      line-height: .24rem;
      color: #828181;
      padding: .16rem 0 .06rem 0; }
    .news li .container .btn {
      height: .34rem;
      padding-top: .1rem;
      position: relative; }
      .news li .container .btn dl dd {
        height: .24rem;
        padding-right: .2rem;
        font-size: .12rem; }
      .news li .container .btn dl img {
        width: .14rem;
        margin-right: .06rem; }
      .news li .container .btn a.more {
        display: block;
        width: .34rem;
        height: .34rem;
        position: absolute;
        z-index: 10;
        left: auto;
        right: 0;
        top: 0;
        bottom: auto;
        background: url("/image/img34_1.png") center no-repeat;
        background-size: cover; }
.news li:hover .container .name a {
  color: #00a2e9; }
.news li:hover .container a.more {
  background-image: url("/image/img34_1on.png"); }

.newShow .title {
  text-align: center;
  font-size: .23rem; }
.newShow .time {
  text-align: center;
  position: relative;
  font-size: .14rem;
  color: #8e8e8e;
  padding: .55rem 0 .2rem 0;
  border-bottom: #e5e5e5 solid 1px; }
  .newShow .time .share {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0.15rem; }
.newShow .content {
  font-size: .14rem;
  line-height: .3rem;
  color: #8e8e8e;
  text-align: justify;
  padding: .6rem 0 1rem 0; }
  .newShow .content .img {
    text-align: center;
    padding: .25rem 0; }
  .newShow .content img {
    width: auto; }

.pageNum2 {
  border-top: #e5e5e5 solid 1px;
  padding: .36rem 0;
  min-height: 2.2rem;
  position: relative;
  font-size: .14rem; }
  .pageNum2 li {
    line-height: .3rem;
    color: #666; }
    .pageNum2 li a {
      color: #666; }
    .pageNum2 li span {
      color: #999; }
  .pageNum2 a.back {
    display: block;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0.5rem;
    bottom: auto;
    background: #00a2e9;
    color: #fff;
    width: 1.2rem;
    height: .35rem;
    line-height: .35rem;
    text-align: center;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem; }

.case ul {
  margin-left: -.3rem; }
.case li {
  width: 50%;
  padding: 0 0 .32rem .3rem; }
  .case li .img {
    width: 100%;
    overflow: hidden;
    position: relative; }
  .case li h2 {
    font-size: .2rem;
    padding: .25rem 0 .1rem 0; }
  .case li dl dd {
    padding: 0 .12rem .12rem 0; }
  .case li dl div {
    padding: 0 .14rem;
    background: #f4f4f4;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    height: .27rem;
    line-height: .27rem;
    color: #898989;
    font-size: .12rem; }
    .case li dl a {
        padding: 0 .14rem;
        background: #f4f4f4;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        border-radius: 0.5rem;
        height: .27rem;
        line-height: .27rem;
        color: #898989;
        font-size: .12rem;
        display: block;
    }
.case li:hover .img img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2); }

.caseImg {
  padding-bottom: .65rem; }
  .caseImg .title {
    width: 9.89rem;
    text-align: center; }
    .caseImg .title h2 {
      font-weight: 400;
      font-size: .24rem; }
    .caseImg .title div {
      font-size: .14rem;
      color: #898989;
      padding: .15rem 0 .3rem 0; }
  .caseImg .bigImg {
    width: 9.89rem;
    overflow: hidden;
    position: relative; }
  .caseImg .imgList {
    width: 1.54rem; }
    .caseImg .imgList a.arrow {
      height: .36rem;
      background: url("/image/prev36.png") center no-repeat;
      background-size: .36rem; }
      .caseImg .imgList a.arrow.next {
        background-image: url("/image/next36.png"); }
    .caseImg .imgList .list {
      height: 5.9rem;
      overflow: hidden;
      position: relative; }
    .caseImg .imgList .img {
      position: relative;
      cursor: pointer; }
      .caseImg .imgList .img:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border: #00a2e9 solid 2px;
        opacity: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box; }
      .caseImg .imgList .img img {
        opacity: .5; }
    .caseImg .imgList .swiper-slide-active .img:before {
      opacity: 1; }
    .caseImg .imgList .swiper-slide-active .img img {
      opacity: 1; }

.caseShow {
  background: #f6f6f6; }
  .caseShow .title {
    padding-left: .32rem;
    background: #e9e9e9;
    height: .73rem;
    font-size: .2rem; }
    .caseShow .title img {
      width: .32rem;
      margin-right: .14rem; }
  .caseShow .container {
    padding: .5rem .7rem 0 .77rem; }
    .caseShow .container .name {
      font-size: .22rem;
      padding-bottom: .18rem; }
    .caseShow .container .content {
      font-size: .14rem;
      line-height: .3rem;
      color: #828181;
      padding-bottom: .5rem; }

.pageShare {
  padding: .55rem 0 .4rem 0;
  font-size: .14rem;
  color: #666; }

.service li {
  background: #fafafa; }
  .service li .img {
    width: 50%; }
  .service li .container {
    width: 50%;
    padding: .5rem .55rem; }
  .service li .title {
    position: relative;
    padding-bottom: .45rem; }
    .service li .title:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: .3rem;
      width: .28rem;
      height: .03rem;
      background: #ffbc0b; }
    .service li .title h2 {
      font-size: .36rem;
      color: #00a2e9; }
    .service li .title div {
      font-weight: bold;
      font-size: .18rem;
      line-height: .3rem; }
  .service li dl {
    min-height: 1.08rem; }
  .service li dd {
    font-size: .14rem;
    line-height: .36rem;
    color: #828181; }

@media screen and (min-width: 800px) {
  .service li:nth-child(odd) {
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse; } }
.service_01 {
  text-align: center; }
  .service_01 .title {
    font-size: .24rem;
    color: #00a2e9;
    padding: 1rem 0 .45rem 0;
    position: relative; }
    .service_01 .title:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      bottom: .25rem;
      width: .28rem;
      height: .03rem;
      background: #ffbc0b;
      margin-left: -.14rem; }
  .service_01 .msg {
    font-size: .14rem;
    line-height: .36rem;
    color: #828181;
    padding-bottom: .35rem; }
  .service_01 .list li {
    width: 2.53rem;
    padding-bottom: .55rem; }
  .service_01 .list .img {
    width: 1.57rem;
    margin: 0 auto; 
	 -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; transition: .5s all;}
.service_01 .list li:hover .img{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
  .service_01 .list .name {
    padding: .2rem 0 .1rem 0;
    font-size: .12rem;
    text-transform: uppercase;
    color: #828181; }
    .service_01 .list .name h2 {
      font-size: .2rem;
      color: #373737;
      padding-bottom: .04rem; }
  .service_01 .list p {
    font-size: .12rem;
    line-height: .22rem;
    color: #b9b9b9; }

.service_02 {
  background: #f6f6f6; }
  .service_02 .wal2 {
    padding: .78rem 0; }
  .service_02 .container {
    width: 5.45rem;
    padding: .25rem 0; }
    .service_02 .container .title {
      font-size: .24rem;
      color: #00a2e9;
      padding: 0 0 .45rem 0;
      position: relative; }
      .service_02 .container .title:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: .25rem;
        width: .28rem;
        height: .03rem;
        background: #ffbc0b; }
    .service_02 .container .content {
      font-size: .14rem;
      line-height: .36rem;
      color: #828181;
      text-align: justify; }
  .service_02 .img {
    width: 6.01rem; }

.service_03 {
  min-height: 3.17rem;
  background: url("/image/service_03.png") center repeat-x;
  background-size: auto 100%; }
  .service_03 .title {
    font-size: .24rem;
    padding: .6rem 0 .2rem 0;
    position: relative;
    text-align: center; }
    .service_03 .title:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      bottom: 0;
      width: .28rem;
      height: .03rem;
      background: #ffbc0b;
      margin-left: -.14rem; }
  .service_03 .tel {
    height: 1.25rem;
    font-size: .36rem;
    font-weight: bold; }
    .service_03 .tel img {
      width: .42rem;
      margin-right: .2rem; }

.dowm .form {
  padding-bottom: .24rem; }
  .dowm .form ul {
    margin-left: -.2rem; }
  .dowm .form li {
    padding-left: .2rem;
    width: 18%; }
    .dowm .form li.li_01 {
      width: 30%; }
    .dowm .form li.li_02 {
      width: 16%; }
  .dowm .form .select {
    height: .5rem;
    line-height: .48rem;
    border: #999 solid 1px;
    position: relative;
    font-size: .14rem;
    padding: 0 .18rem;
    color: #666; }
    .dowm .form .select:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: .18rem;
      width: .15rem;
      height: 100%;
      background: url("/image/img15.png") center no-repeat;
      background-size: 100%; }
    .dowm .form .select select {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 100%;
      height: 100%;
      opacity: 0; }
  .dowm .form .input {
    border: #999 solid 1px;
    height: .5rem; }
    .dowm .form .input input {
      width: 100%;
      height: .48rem;
      line-height: .48rem;
      padding: 0 .18rem;
      font-size: .14rem;
      color: #666; }
  .dowm .form .submit {
    height: .5rem;
    background: #00a2e9;
    position: relative; }
    .dowm .form .submit:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: 0;
      width: .12rem;
      height: 100%;
      background: url("/image/img12_2.png") center no-repeat;
      background-size: 100%;
      margin-left: -.22rem; }
    .dowm .form .submit input {
      width: 100%;
      height: .5rem;
      color: #fff;
      font-size: .14rem;
      padding-left: .2rem;
      position: relative;
      cursor: pointer; }
.dowm .list {
  padding-bottom: .3rem; }
  .dowm .list .title, .dowm .list li a {
    font-size: .16rem; }
    .dowm .list .title .col-1, .dowm .list li a .col-1 {
      width: 45%;
      padding-left: .28rem; }
    .dowm .list .title .col-2, .dowm .list li a .col-2 {
      width: 22%; }
    .dowm .list .title .col-3, .dowm .list li a .col-3 {
      width: 22%; }
    .dowm .list .title .col-4, .dowm .list li a .col-4 {
      width: 11%; }
  .dowm .list .title {
    height: .72rem;
    background: #00a2e9;
    color: #fff; }
  .dowm .list li {
    border-bottom: #d5d5d5 dashed 1px;
    height: .73rem; }
    .dowm .list li a {
      height: .75rem;
      color: #666;
      position: relative;
      top: -1px; }
      .dowm .list li a .col-1 {
        color: #00a2e9; }
    .dowm .list li a:hover {
      color: #00a2e9;
      font-weight: bold;
      background: #fff;
      z-index: 2;
      box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.23);
      -webkit-box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.23);
      -moz-box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.23); }

.contact {
  padding-bottom: .35rem; }
  .contact .map {
    position: relative;
    height: 6.61rem;
    background: url("/image/img661.jpg") center no-repeat;
    background-size: cover; }
    .contact .map i {
      display: block;
      width: .27rem;
      height: .33rem;
      background: url("/image/img277.png") center no-repeat;
      background-size: cover;
      position: absolute;
      z-index: 10;
      left: 50%;
      right: auto;
      top: 2.73rem;
      bottom: auto;
      margin-left: -.13rem; }
  .contact .wal2 {
    background: #fff;
    position: relative;
    top: -1rem;
    min-height: 5rem;
    padding: 0 .55rem;
    border: #dadada solid 1px; }
  .contact h2.title {
    font-size: .18rem;
    padding: .3rem 0 .22rem 0; }
  .contact .form ul {
    width: 2.54rem; }
    .contact .form ul.ul-2 {
      width: 8.15rem; }
  .contact .form li {
    padding-bottom: .1rem; }
    .contact .form li .input {
      border: #e8e8e8 solid 1px; }
      .contact .form li .input input {
        width: 100%;
        height: .39rem;
        line-height: .39rem;
        font-size: .14rem;
        padding: 0 .18rem; }
      .contact .form li .input textarea {
        width: 100%;
        height: 1.38rem;
        line-height: .29rem;
        font-size: .14rem;
        padding: .05rem .18rem; }
  .contact .form .submit {
    border-bottom: #e8e8e8 solid 2px;
    padding: .12rem 0 .29rem 0;
    width: 100%; }
    .contact .form .submit div {
      width: 1.34rem;
      background: #00a2e9;
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem;
      margin-left: auto; }
    .contact .form .submit input {
      cursor: pointer;
      width: 100%;
      height: .34rem;
      color: #fff;
      font-size: .14rem; }
  .contact .list {
    position: relative;
    min-height: 1.72rem; }
    .contact .list li {
      width: 3.85rem; }
    .contact .list h2.title {
      padding-bottom: .15rem; }
    .contact .list dd {
      font-size: .14rem;
      height: .3rem; }
      .contact .list dd img {
        width: .2rem;
        margin-right: .08rem; }
    .contact .list .ewm {
      width: 1.06rem;
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0.15rem;
      top: 0.2rem;
      bottom: auto;
      text-align: center; }
      .contact .list .ewm p {
        font-size: .14rem;
        color: #828181;
        margin-left: -.3rem;
        margin-right: -.3rem; }



.productForm{padding: .4rem .55rem 0;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;border: #dadada solid 1px;margin-bottom:.4rem;}
.productForm ul {
    width: 2.54rem;
}

.productForm ul.ul-2 {
    width: 8.15rem;
}

.productForm li {
    padding-bottom: .1rem;
}

.productForm li .input {
    border: #e8e8e8 solid 1px;
}

.productForm li .input input {
    width: 100%;
    height: .39rem;
    line-height: .39rem;
    font-size: .14rem;
    padding: 0 .18rem;
}

.productForm li .input textarea {
    width: 100%;
    height: 1.38rem;
    line-height: .29rem;
    font-size: .14rem;
    padding: .05rem .18rem;
}

.productForm .submit {
    /*border-bottom: #e8e8e8 solid 2px;*/
    padding: .12rem 0 .29rem 0;
    width: 100%;
}

.productForm .submit div {
    width: 1.34rem;
    background: #00a2e9;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    margin-left: auto;
}

.productForm .submit input {
    cursor: pointer;
    width: 100%;
    height: .34rem;
    color: #fff;
    font-size: .14rem;
}



#Layer1{
	position:absolute;
	position:fixed;
	_position:absolute;
	width:100%;
	z-index:99;
	top:0; left:0px;
	background-color:#000;
	display:none;
}
.videoLayer{ position:absolute; z-index:100; display:none; width:900px; height:518px; background:#fff;}
.videoLayer .imgDiv img{ width:100%;}

.concept .imgDiv{ text-align:center;}
.concept .imgDiv img{width:auto;}
.concept .msg{ padding:70px 0 90px; text-align:center; line-height:36px; font-size:16px; color:#00a2e9; font-weight:bold;}
.concept .imgDivTel{ display:none;}
.concept .imgDivTel img{ width:100%;}

.ygfc{overflow:hidden;}
.ygfc .list ul{ margin-right:-30px;}
.ygfc .list li{ float:left; height:350px; margin-bottom:35px;}
.ygfc .list li .box{ margin-right:30px; height:350px; background:#f4f4f4;}
.ygfc .list li .imgDiv{ position:relative;}
.ygfc .list li .ico{ position:absolute; left:44px; bottom:0px; width:30px; height:13px; background:url(/images/nimg30_1.png) no-repeat;}
.ygfc .list li .time{ padding:15px 0 0 18px; font-size:14px; color:#999; height:30px;}
.ygfc .list li .name{ padding:0 18px; font-size:16px; height:48px; overflow:hidden;}

.welfare{ padding-top:30px;}
.welfare .list li{ float:left; width:20%; text-align:center; font-size:18px; padding-bottom:62px;}
.welfare .list li .ico{ padding-bottom:18px;}
.welfare .list li .ico img{width:auto;}

.busLine{ padding-bottom:50px;}
.busLine li{ font-size:16px; min-height:296px; background:url(/image/nimg623_1.jpg) right 40px no-repeat;}
.busLine li img{width:auto;}
.busLine li .name{ height:64px; line-height:64px; padding-left:60px; border-bottom:#f0f0f0 solid 1px; color:#333; font-weight:bold; position:relative;}
.busLine li .name img{ position:absolute; left:0px; top:11px;}
.busLine li .content{ padding-top:10px;}
.busLine li dd{ padding:15px 0 15px 60px; position:relative;}
.busLine li dd img{ position:absolute; left:6px; top:11px;}
.busLine li dd a{ color:#00a2e9; font-weight:bold;}
.busLine .li01{ background:url(/image/nimg623_2.jpg) right 40px no-repeat;}
.busLine .li02{ background:url(/image/nimg623_3.jpg) right bottom no-repeat;}

.job .part1{ height:65px; position:relative; padding-left:86px;}
.job .part1 b{ font-size:18px; position:absolute; left:0px; top:0px; line-height:34px;}
.job .form li{ margin-right:20px; float:left;}
.job .form li .selectDiv{ width:225px; height:32px; line-height:32px; font-size:14px; border:#d0d0d0 solid 1px; background:#fff url(../image/selectIco.jpg) right center no-repeat;}
.job .form li .input1{ width:285px; height:32px; line-height:32px; font-size:14px; border:#d0d0d0 solid 1px; text-indent:15px;}
.job .form li .btn1{ width:87px; height:34px; background:#00aeef; color:#fff; cursor:pointer; font-size:14px;}

.job .jobTop{ height:72px; background:#f4f4f4;}
.job .jobTop li{ float:left; line-height:72px; font-size:16px; background:url(/image/line3.jpg) right center no-repeat; text-align:left; text-indent:30px; width:20%;}
.job .jobBottom{ background:#fff; padding-bottom:50px;}
.job .jobBottom li{ background:url(/image/line1.png) repeat-x bottom;}
.job .jobBottom li .div1{ height:76px;}
.job .jobBottom li .div1 a{ display:block; height:76px;}
.job .jobBottom li .div1 a:hover{ box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2); color:#bb9d41; font-weight:bold;}
.job .jobBottom li .div1 dd{ float:left; line-height:76px; font-size:16px; text-indent:30px;}
.job .jobBottom li:hover{ background:none;}
.job .jobBottom .dd01{ width:20%; color:#00aeef;}
.job .jobBottom .dd02{ width:20%;}
.job .jobBottom .dd03{ width:20%;}
.job .jobBottom .dd04{ width:20%;}
.job .jobBottom .dd05{ width:20%;}
.job .jobBottom li:hover a .dd01{ color:#bb9d41;}


.jobShow{ padding:20px 0 20px; position:relative;}
.jobShow .name{ font-size:24px; color:#00aeef; font-weight:bold; padding-bottom:18px; background:url(/image/line1.png) repeat-x bottom;}
.jobShow .title{ height:80px; line-height:80px; font-size:18px; font-weight:bold; padding-left:12px; background:url(/image/ico8.jpg) left center no-repeat;}
.jobShow .list{ background:url(/image/line1.png) repeat-x bottom; padding-bottom:20px;overflow:hidden;}
.jobShow .list li{ float:left; width:33.33%; font-size:14px; height:40px; line-height:40px; color:#666;}
.jobShow .content{ font-size:16px; line-height:36px; color:#666; background:url(/image/line1.png) repeat-x bottom; padding-bottom:20px;}
.jobShow .content2{ background:none;}
.jobShow .bottom{ height:35px; position:relative; margin-top:30px;}
.jobShow .share{ position:relative; padding-left:64px;}
.jobShow .share em{ position:absolute; left:0px; top:3px; font-size:14px;}
.jobShow .share a{ display:inline-block; width:29px; height:29px; margin-right:10px;}
.jobShow .btnDiv{ position:absolute; right:0px; top:0px;}
.jobShow .btnDiv a{ width:102px; height:35px; display:block; background:url(/image/btn2.jpg) no-repeat; text-indent:23px; color:#fff; font-weight:bold; line-height:36px; font-size:14px;}

@media screen and (min-width: 800px) {
  .phoneShow {
    display: none; } 

  
}

/*2022.11.2*/
.grid {
    padding: 60px 0;
}

    .grid .name {
        text-align: center;
        font-size: 36px;
        line-height: 36px;
        color: #333;
        padding-bottom: 60px;
    }

    .grid .title {
        height: 70px;
        background: #e9e9e9;
        position: relative;
        font-size: 20px;
    }

        .grid .title em {
            position: absolute;
            left: 0;
            top: 0;
            width: 174px;
            background: #00a2e9;
            display: block;
            color: #fff;
            height: 70px;
            line-height: 70px;
            text-indent: 64px;
        }

        .grid .title img {
            position: absolute;
            left: 20px;
            top: 50%;
            margin-top: -13px;
            width: 27px;
        }

    .grid .mxfDiv {
        background: #f7f7f7;
        padding: 75px 65px;
        margin-bottom: 40px;
    }

    .grid .content {
        font-size: 16px;
        line-height: 36px;
    }

    .grid .bigImg {
        text-align: center;
        padding: 75px 0;
    }

        .grid .bigImg img {
            max-width: 1200px;
            width: auto;
        }

    .grid .list {
        padding: 60px 0;
        overflow: hidden;
    }

        .grid .list ul {
            margin-right: -20px;
        }

        .grid .list li {
            float: left;
            width: 25%;
        }

            .grid .list li .lbox {
                margin-right: 20px;
                position: relative;
                height: 285px;
                padding: 0 28px;
                background: #f7f7f7;
            }

                .grid .list li .lbox:before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 3px;
                    background: #00a2e9;
                }

            .grid .list li .txt {
                padding-top: 45px;
                font-size: 18px;
                line-height: 18px;
                padding-bottom: 30px;
                color: #00a2e9;
                text-align: center;
            }

            .grid .list li .msg {
                font-size: 14px;
                line-height: 30px;
                text-align: justify;
            }

.pageTitle2 {
    padding: 0 0 0.65rem;
}

.indexPart6 a .name, .indexPart6 a .name .more {
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
}

.indexPart6 {
    padding-bottom: .82rem;
}

    .indexPart6 ul {
        margin-left: -.28rem;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .indexPart6 li {
        width: 25%;
        padding: 0 0 .28rem .28rem;
    }

    .indexPart6 a {
        display: block;
        position: relative;
        padding-bottom: 1.24rem;
        background: #f3f3f3;
    }

        .indexPart6 a:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 100%;
            width: 100%;
            height: .23rem;
            background: url("/image/img332.png") center no-repeat;
            background-size: auto 100%;
            opacity: 0;
        }

        .indexPart6 a .img {
            border: #eaeaea solid 1px;
        }

        .indexPart6 a .name {
            position: absolute;
            z-index: 10;
            left: 0;
            right: auto;
            top: auto;
            bottom: 0;
            width: 100%;
            background: #00a2e9;
            height: 1.24rem;
            background: #eaeaea;
            text-align: center;
            padding-top: .3rem;
        }

            .indexPart6 a .name:before {
                content: "";
                display: block;
                position: absolute;
                left: 50%;
                top: .9rem;
                width: .15rem;
                height: .02rem;
                background: #00a2e9;
                margin-left: -.07rem;
            }

            .indexPart6 a .name h2 {
                font-size: .16rem;
                padding: 0 0 .1rem 0;
            }

            .indexPart6 a .name em {
                display: block;
                opacity: .5;
                text-transform: uppercase;
                font-size: .1rem;
            }

            .indexPart6 a .name .more {
                opacity: 0;
                width: 1.34rem;
                height: .34rem;
                line-height: .34rem;
                background: #fff;
                -moz-border-radius: 0.5rem;
                -webkit-border-radius: 0.5rem;
                border-radius: 0.5rem;
                margin: 0 auto;
                color: #00a2e9;
                text-transform: uppercase;
                font-size: .12rem;
                margin-top: .22rem;
            }

                .indexPart6 a .name .more span {
                    padding-right: .38rem;
                    background: url("/image/img5.png") right center no-repeat;
                    background-size: .05rem;
                }

@media screen and (min-width: 550px) {
    .indexPart6 a:hover:before {
        opacity: 1;
    }

    .indexPart6 a:hover .name {
        background: #00a2e9;
        color: #fff;
        height: 1.95rem;
        padding-top: .45rem;
    }

        .indexPart6 a:hover .name:before {
            opacity: 0;
        }

        .indexPart6 a:hover .name .more {
            opacity: 1;
        }
}


/*2024.6.26*/
.nav a.name.on1:before {
      left: 0;
      width: 100%; }
.sNav{ opacity:0; position: fixed; z-index: 50; width: 140px; left: 0; top: 1rem; min-height: 50px; background: #fafafa; box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.08); transform-origin: top;
  transition: transform 0.3s ease-out 0s, opacity 0.2s ease-out 0s; transform: scaleY(0);
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);}
/*.sNav:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #efefef; }*/
.sNav.on{ opacity:1; transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);}
.sNav .list{ padding: 35px 0;}
.sNav .list li{ text-align: center; font-size: 14px; font-weight: bold; }
.sNav .list li a{ display: block; line-height: 36px; color: #333;}
.sNav .list li a:hover{ color: #00a1e9; }

.xNav{ opacity:0; position: fixed; z-index: 50; width: 100%; left: 0; top: 1rem; min-height: 50px; background: #fafafa; box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.08); transform-origin: top;
  transition: transform 0.3s ease-out 0s, opacity 0.2s ease-out 0s; transform: scaleY(0);
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);}
/*.sNav:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #efefef; }*/
.xNav.on{ opacity:1; transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);}
.xNav:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #d3d4d4; }
.xNav .mxfDiv{ padding: 0.48rem 0 0.6rem; overflow: hidden; }
.xNav .leftDiv{ width:3.2rem; float:left; position: relative; box-sizing: border-box; padding-right: 0.2rem;}
.xNav .leftDiv:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #eee; }
.xNav .tab li{ position: relative; padding: 10px 15px; color: #000; font-size: 16px; line-height: 20px; font-weight:bold;}
.xNav .tab .on{ background: #eaeaea; color: #00a2e9; }

.xNav .rightDiv{ width:10.2rem; float:right;}
.xNav .item{ display:none;}
.xNav .tab2{ overflow: hidden; padding-bottom: 10px;}
.xNav .tab2 li{ cursor: pointer; float: left; margin: 0 10px 10px 0; padding: 5px 15px; color: #333; font-size: 14px; line-height: 20px; font-weight:bold; }
.xNav .tab2 li.on{ background: #eaeaea; color: #00a2e9;  }

.xNav .list ul{ margin-right: -20px; }
.xNav .list li{ float: left; width: 25%; padding-bottom: 25px; }
.xNav .list li .box{ margin-right: 20px; }
.xNav .list li .imgDiv{ height: 1.75rem; }
.xNav .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.xNav .list li .name{ margin-top: 10px; text-align: center; font-size: 14px; color: #333; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xNav .list li .box:hover .name{ color: #00a2e9; }
/*# sourceMappingURL=index.css.map */<!--ºÄʱ1753043962.3838Ãë-->