@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: 1; }

  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: Arial, "微软雅黑";

  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:0.8rem; }



.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: 2.79rem;

    height: 100%;

    background: url("../logo.png") center no-repeat;

    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(../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("../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("../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; }

	

  .indexPart6 li {

    width: 33%;

    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("../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("../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("../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("../prev64.png"); }

    .indexPart4 a.arrow.next {

      right: -1rem;

      background-image: url("../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("../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("../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("../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("../prev64.png"); }

    .indexPart5 a.arrow.next {

      right: 50%;

      margin-right: -7.32rem;

      background-image: url("../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("../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("../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("../idea-bg.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("../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("../img12.png"); }

    .pageNum a.next {

      background-image: url("../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("../img12on.png"); }

    .pageNum a:hover.next, .pageNum a.on.next {

      background-image: url("../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("../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("../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("../prev36.png") center no-repeat;

      background-size: .36rem; }

      .caseImg .imgList a.arrow.next {

        background-image: url("../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("../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("../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("../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("../map.jpg") center no-repeat;

    background-size: cover; }

    .contact .map i {

      display: block;

      width: .27rem;

      height: .33rem;

      background: url("../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%;}



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







@media screen and (min-width: 800px) {

  .phoneShow {

    display: none; } 



  

}





.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: 33.33%;

      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("../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("../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;

      }

}



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