html {
  font-size: 28px; }

.left {
  float: left; }

.right {
  float: right; }

@media (max-width: 374px) {
  html {
    font-size: 12px !important; } }
@media (min-width: 375px) and (max-width: 413px) {
  html {
    font-size: 14px !important; } }
@media (min-width: 414px) and (max-width: 639px) {
  html {
    font-size: 15.5px !important; } }
@media (min-width: 640px) and (max-width: 749px) {
  html {
    font-size: 24px !important; } }
@font-face {
  font-family: 'IMP';
  src: url("../fonts/impact.eot");
  src: url("../fonts/impact.eot#iefix") format("embedded-opentype"), url("../fonts/impact.woff") format("woff"), url("../fonts/impact.ttf") format("truetype"), url("../fonts/impact.woff2"), url("../fonts/impact.svg#Sri-TSCRegular") format("svg"); }
.header {
  width: 100%;
  height: 3.92857rem; }
  .header .logo {
    width: 32%;
    height: 100%;
    display: block;
    margin-left: 2.7%;
    position: relative;
    float: left; }
    .header .logo img {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto; }
  .header .nav {
    width: 7%;
    display: block;
    height: 100%;
    float: right;
    margin-right: 4.6%;
    position: relative; }
    .header .nav img {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto; }
    .header .nav .i1 {
      display: block; }
    .header .nav .i2 {
      display: none; }
  .header .nav.currentDd .i1 {
    display: none; }
  .header .nav.currentDd .i2 {
    display: block; }
  .header .mnav {
    width: 100%;
    height: auto;
    background: #00647b;
    position: absolute;
    top: 3.92857rem;
    left: 0;
    z-index: 10;
    display: none; }
    .header .mnav ul {
      width: 100%;
      height: auto; }
      .header .mnav ul li {
        width: 100%;
        height: auto; }
        .header .mnav ul li .tits {
          width: 92%;
          height: 3.21429rem;
          color: #fff;
          line-height: 3.21429rem;
          padding: 0 4%;
          font-size: 1.14286rem;
          display: block;
          text-transform: uppercase;
          border-bottom: 1px solid #fff; }
          .header .mnav ul li .tits span {
            float: left; }
          .header .mnav ul li .tits i {
            width: 0.89286rem;
            height: 0.5rem;
            float: right;
            display: block;
            margin-top: 1.35714rem;
            transform: rotate(270deg); }
            .header .mnav ul li .tits i img {
              display: block; }
        .header .mnav ul li .mnav-new {
          width: 100%;
          height: auto;
          display: none;
          background: #014a5a; }
          .header .mnav ul li .mnav-new a {
            width: 88%;
            padding: 0 6%;
            font-size: 1rem;
            line-height: 2.85714rem;
            color: #fff;
            display: block;
            height: 2.85714rem;
            border-bottom: 1px solid #fff; }
      .header .mnav ul li.curr .tits i {
        transform: rotate(0deg); }

.main {
  width: 100%;
  overflow: hidden; }

.index-banner {
  width: 100%;
  height: auto;
  position: relative; }
  .index-banner ul {
    width: 100%;
    height: auto; }
    .index-banner ul li {
      width: 100%;
      height: 14.28571rem;
      background-size: cover !important; }
      .index-banner ul li .con {
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0; }
        .index-banner ul li .con .con-new {
          width: 50%;
          height: auto;
          float: right; }
          .index-banner ul li .con .con-new .tits {
            font-size: 1.14286rem;
            line-height: 1.14286rem;
            color: #fff;
            padding-top: 4.64286rem; }
          .index-banner ul li .con .con-new .tit {
            font-size: 1rem;
            line-height: 1rem;
            color: #fff;
            margin-top: 0.82143rem; }
          .index-banner ul li .con .con-new .more {
            width: 5.17857rem;
            height: 1.42857rem;
            border-radius: 0.71429rem;
            border: 1px solid #fff;
            font-size: 0.78571rem;
            line-height: 1.42857rem;
            text-align: center;
            color: #fff;
            display: block;
            margin-top: 2.42857rem; }
  .index-banner .btns {
    width: 100%;
    height: 20px;
    text-align: center;
    position: absolute;
    bottom: 0.71429rem;
    left: 0;
    z-index: 10; }
    .index-banner .btns span {
      width: 20px;
      height: 20px;
      display: inline-block;
      border-radius: 100%;
      cursor: pointer;
      margin: 0 5px;
      background: url(../img/dian.png) center no-repeat; }
    .index-banner .btns span.swiper-pagination-bullet-active {
      width: 18px;
      height: 18px;
      border: 1px solid #fff; }
  @media (max-width: 413px) {
    .index-banner .btns span {
      width: 15px;
      height: 15px;
      background-size: 60% 60% !important; }
    .index-banner .btns span.swiper-pagination-bullet-active {
      width: 13px;
      height: 13px; } }

.index {
  width: 100%;
  height: auto; }
  .index .index-business {
    width: 100%;
    height: auto;
    background: url(../img/index_bg1.jpg) center no-repeat;
    background-size: cover !important;
    padding-bottom: 3.21429rem; }
    .index .index-business .business-new {
      width: 94.7%;
      height: auto;
      margin: 0 auto; }
      .index .index-business .business-new .title {
        text-align: center;
        font-size: 1.35714rem;
        line-height: 1.35714rem;
        color: #000;
        padding-top: 2.14286rem; }
      .index .index-business .business-new .txt {
        font-size: 0.85714rem;
        line-height: 1.28571rem;
        color: #666;
        text-align: center;
        margin-top: 0.71429rem; }
      .index .index-business .business-new img {
        display: block;
        margin: 1.5rem auto 0;
        max-width: 100%; }
  .index .index-core {
    width: 100%;
    height: auto;
    background: url(../img/index_bg2.jpg) center no-repeat;
    background-size: cover !important;
    box-shadow: 0 5px 15px #9f9f9f;
    padding-bottom: 17px; }
    .index .index-core .title {
      font-size: 1.35714rem;
      line-height: 1.35714rem;
      color: #fff;
      text-align: center;
      padding-top: 2.14286rem; }
    .index .index-core .txt {
      width: 94%;
      height: auto;
      margin: 0.85714rem auto 0;
      font-size: 0.85714rem;
      line-height: 1.28571rem;
      text-align: center;
      color: #fff; }
    .index .index-core .list {
      width: 100%;
      height: auto;
      margin-top: 1.57143rem; }
      .index .index-core .list ul {
        width: 100%;
        text-align: center;
        height: auto; }
        .index .index-core .list ul li {
          display: inline-block;
          width: 30%;
          height: auto;
          margin: 0 1.3% 1.60714rem; }
          .index .index-core .list ul li .icon {
            width: 61.4%;
            height: auto;
            background-size: 100% !important;
            position: relative;
            margin: 0 auto; }
            .index .index-core .list ul li .icon img {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              margin: auto; }
            .index .index-core .list ul li .icon .img1 {
              width: 37.8%; }
            .index .index-core .list ul li .icon .img2 {
              width: 43.5%; }
            .index .index-core .list ul li .icon .img3 {
              width: 39.9%; }
            .index .index-core .list ul li .icon .img4 {
              width: 45%; }
            .index .index-core .list ul li .icon .img5 {
              width: 32.6%; }
          .index .index-core .list ul li .i1 {
            background: url(../img/index_bg1.png) no-repeat; }
          .index .index-core .list ul li .i2 {
            background: url(../img/index_bg2.png) no-repeat; }
          .index .index-core .list ul li .i3 {
            background: url(../img/index_bg3.png) no-repeat; }
          .index .index-core .list ul li .i4 {
            background: url(../img/index_bg4.png) no-repeat; }
          .index .index-core .list ul li .i5 {
            background: url(../img/index_bg5.png) no-repeat; }
          .index .index-core .list ul li .tits {
            text-align: center;
            font-size: 0.85714rem;
            line-height: 0.85714rem;
            color: #fff;
            margin-top: 1.07143rem; }
      .index .index-core .list .u li {
        width: 34%; }
        .index .index-core .list .u li .icon {
          width: 54.1%; }
      @media (max-width: 374px) {
        .index .index-core .list ul li {
          margin: 0 1% 1.60714rem; } }
  .index .index-service {
    width: 100%;
    height: auto; }
    .index .index-service .title {
      font-size: 1.35714rem;
      line-height: 1.35714rem;
      color: #000;
      text-align: center;
      margin-top: 2.14286rem; }
    .index .index-service .txt {
      width: 94%;
      height: auto;
      margin: 0.82143rem auto 0;
      font-size: 0.85714rem;
      line-height: 1.28571rem;
      color: #000;
      text-align: center; }
    .index .index-service .list {
      width: 100%;
      height: auto;
      margin-top: 1.67857rem; }
      .index .index-service .list ul {
        width: 100%;
        height: auto; }
        .index .index-service .list ul li {
          width: 100%;
          height: auto;
          margin-bottom: 1px;
          background: #efefef; }
          .index .index-service .list ul li a {
            width: 88%;
            height: 100%;
            display: block;
            padding: 1.42857rem 6%; }
            .index .index-service .list ul li a .icon {
              width: 17.3%;
              height: auto;
              float: left;
              position: relative;
              border-radius: 100%; }
              .index .index-service .list ul li a .icon img {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto; }
            .index .index-service .list ul li a .con {
              width: 67%;
              float: left;
              height: auto;
              margin-left: 6%; }
              .index .index-service .list ul li a .con .tits {
                font-size: 1.14286rem;
                line-height: 1.14286rem;
                color: #333;
                margin-top: 0.53571rem; }
              .index .index-service .list ul li a .con .tit {
                color: #333;
                font-size: 1rem;
                line-height: 1rem;
                margin-top: 0.35714rem; }
              @media (max-width: 640px) {
                .index .index-service .list ul li a .con .tits {
                  margin-top: 0.78571rem; }
                .index .index-service .list ul li a .con .tit {
                  margin-top: 0.71429rem; } }
            .index .index-service .list ul li a .img {
              width: 2.4%;
              float: right;
              height: 100%;
              background: url(../img/index_icon13.png) center no-repeat;
              background-size: 100% !important; }
  .index .index-support {
    width: 100%;
    height: auto;
    background: url(../img/index_bg3.jpg) no-repeat;
    background-size: cover !important;
    margin-top: 2.32143rem;
    padding-bottom: 3.57143rem; }
    .index .index-support .title {
      font-size: 1.35714rem;
      line-height: 1.35714rem;
      letter-spacing: 0.35714rem;
      color: #fff;
      text-align: center;
      padding-top: 2.14286rem; }
    .index .index-support .con-left {
      width: 100%;
      height: auto; }
      .index .index-support .con-left .tits {
        text-align: center;
        font-size: 1.14286rem;
        line-height: 1.14286rem;
        color: #fff;
        margin-top: 1.28571rem; }
      .index .index-support .con-left .list {
        width: 76%;
        height: auto;
        margin: 1.07143rem auto 0; }
        .index .index-support .con-left .list ul {
          width: 100%;
          height: auto;
          text-align: center; }
          .index .index-support .con-left .list ul li {
            width: 42%;
            height: auto;
            border-radius: 0.71429rem;
            border: 1px solid #1873d0;
            margin: 0 3% 0.71429rem;
            float: left;
            display: inline-block;
            padding-top: 1rem;
            padding-bottom: 0.64286rem; }
            .index .index-support .con-left .list ul li .i {
              width: 1.67857rem;
              height: 1.57143rem;
              margin: 0 auto;
              background-size: contain !important;
              background-position: center center;
              background-repeat: no-repeat; }
            .index .index-support .con-left .list ul li .i1 {
              background-image: url(../img/index_icon14.png); }
            .index .index-support .con-left .list ul li .i2 {
              background-image: url(../img/index_icon15.png); }
            .index .index-support .con-left .list ul li .i3 {
              background-image: url(../img/index_icon16.png); }
            .index .index-support .con-left .list ul li .i4 {
              background-image: url(../img/index_icon17.png); }
            .index .index-support .con-left .list ul li p {
              font-size: 1rem;
              line-height: 1rem;
              text-align: center;
              color: #fff;
              margin-top: 0.75rem; }
    .index .index-support .con-centre {
      width: 100%;
      height: 5.46429rem;
      line-height: 5.46429rem;
      text-align: center;
      font-size: 1rem;
      color: #66b2ff;
      background: url(../img/index_icon18.png) center no-repeat;
      background-size: contain !important;
      margin-top: 0.28571rem; }
    .index .index-support .con-right {
      width: 100%;
      height: auto; }
      .index .index-support .con-right .tits {
        text-align: center;
        font-size: 1.14286rem;
        color: #fff;
        line-height: 1.14286rem;
        margin-top: 1.25rem; }
      .index .index-support .con-right .list {
        width: 72%;
        height: auto;
        margin: 1.07143rem auto 0; }
        .index .index-support .con-right .list dl {
          width: 100%;
          height: auto;
          margin-bottom: 0.35714rem; }
          .index .index-support .con-right .list dl dd {
            width: 23%;
            height: auto;
            border-radius: 0.35714rem;
            font-size: 0.85714rem;
            float: left;
            color: #fff;
            text-align: center;
            margin: 0 1%; }
          .index .index-support .con-right .list dl dd.dd1 {
            font-weight: bold;
            font-size: 1rem; }
        .index .index-support .con-right .list .dl1 .dd1 {
          background: #2091aa; }
        .index .index-support .con-right .list .dl1 .dd2 {
          background: #1e819e; }
        .index .index-support .con-right .list .dl1 .dd3 {
          background: #1c7191; }
        .index .index-support .con-right .list .dl1 .dd4 {
          background: #196085; }
        .index .index-support .con-right .list .dl2 .dd1 {
          background: #00905e; }
        .index .index-support .con-right .list .dl2 .dd2 {
          background: #048061; }
        .index .index-support .con-right .list .dl2 .dd3 {
          background: #087064; }
        .index .index-support .con-right .list .dl2 .dd4 {
          background: #0d6066; }
        .index .index-support .con-right .list .dl3 .dd1 {
          background: #5c9d01; }
        .index .index-support .con-right .list .dl3 .dd2 {
          background: #4e8a16; }
        .index .index-support .con-right .list .dl3 .dd3 {
          background: #40782c; }
        .index .index-support .con-right .list .dl3 .dd4 {
          background: #316541; }

.footer {
  width: 100%;
  height: auto; }
  .footer .foott {
    width: 100%;
    height: auto;
    background: #fff url(../img/footer_bg.jpg) top center no-repeat;
    padding-bottom: 1.60714rem; }
    .footer .foott .title {
      width: 86%;
      height: auto;
      margin: 0 auto;
      padding-top: 1.71429rem; }
      .footer .foott .title .title-left {
        float: left; }
        .footer .foott .title .title-left .icon {
          width: 2.42857rem;
          height: 2.42857rem;
          float: left; }
        .footer .foott .title .title-left .con {
          float: left;
          margin-left: 0.53571rem;
          margin-top: 0.10714rem; }
          .footer .foott .title .title-left .con .tits {
            font-size: 1.21429rem;
            line-height: 1.21429rem;
            font-weight: bold;
            color: #333; }
          .footer .foott .title .title-left .con .tit {
            font-size: 0.85714rem;
            line-height: 0.85714rem;
            color: #333;
            margin-top: 0.10714rem; }
      .footer .foott .title .share {
        float: right;
        margin-top: 0.78571rem; }
        .footer .foott .title .share a {
          width: 1.64286rem;
          height: 1.64286rem;
          display: block;
          float: left;
          margin: 0 0 0 0.71429rem;
          padding: 0;
          opacity: 1;
          background: none; }
        .footer .foott .title .share .bds_tsina {
          background: url(../img/wb.png) no-repeat;
          background-size: cover !important; }
        .footer .foott .title .share .bds_sqq {
          background: url(../img/qq.png) no-repeat;
          background-size: cover !important; }
        .footer .foott .title .share .bds_bdhome {
          background: url(../img/bd.png) no-repeat;
          background-size: cover !important; }
    .footer .foott p {
      width: 86%;
      height: auto;
      margin: 0.96429rem auto 0;
      font-size: 0.85714rem;
      line-height: 1.21429rem;
      color: #9f9f9f; }
  .footer .foot {
    width: 100%;
    height: auto;
    background: #000; }
    .footer .foot p {
      width: 95%;
      height: auto;
      margin: 0 auto;
      font-size: 0.71429rem;
      line-height: 3.5rem;
      color: #9f9f9f;
      text-align: center; }
      .footer .foot p a {
        color: #9f9f9f; }
    @media (max-width: 413px) {
      .footer .foot p {
        line-height: 1.42857rem;
        padding: 1.07143rem 0; } }

.service-banner {
  width: 100%;
  height: 12.85714rem;
  position: relative;
  background-size: cover !important; }
  .service-banner .con {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    text-align: center; }
    .service-banner .con .tits {
      font-size: 1.5rem;
      font-weight: bold;
      line-height: 1.5rem;
      color: #fff;
      padding-top: 4.71429rem; }
    .service-banner .con .tit {
      font-size: 1.28571rem;
      line-height: 1.28571rem;
      color: #fff;
      margin-top: 0.89286rem; }

.service {
  width: 100%;
  height: auto; }
  .service .box {
    width: 88.3%;
    height: auto;
    margin: 2.14286rem auto 1.07143rem; }
    .service .box .tits {
      font-size: 1.35714rem;
      line-height: 1.35714rem;
      text-align: center;
      color: #454545; }
    .service .box .tit {
      width: 100%;
      height: auto;
      font-size: 0.85714rem;
      line-height: 1.21429rem;
      color: #666;
      text-align: center;
      margin-top: 0.85714rem; }
    .service .box .list {
      width: 100%;
      height: auto;
      overflow: hidden;
      margin-top: 1.71429rem; }
      .service .box .list ul {
        width: 100%;
        height: auto; }
        .service .box .list ul li {
          width: 100%;
          height: auto;
          overflow: hidden;
          position: relative;
          margin-bottom: 0.89286rem; }
          .service .box .list ul li img {
            transition: all 1s; }
          .service .box .list ul li .bg {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: url(../img/service_bg.png) no-repeat;
            background-size: cover !important; }
          .service .box .list ul li .t {
            width: 100%;
            height: 100%;
            display: table;
            vertical-align: middle;
            position: absolute;
            top: 0;
            left: 0; }
            .service .box .list ul li .t .t-n {
              font-size: 1.28571rem;
              line-height: 1.85714rem;
              text-align: center;
              color: #fff;
              display: table-cell;
              vertical-align: middle; }
  .service .archive {
    width: 100%;
    height: auto;
    background: url(../img/service_bg.jpg) no-repeat;
    background-size: cover !important;
    padding-bottom: 2.25rem;
    margin-top: 1.10714rem; }
    .service .archive .tits {
      font-size: 1.28571rem;
      text-align: center;
      line-height: 1.28571rem;
      color: #fff;
      padding-top: 2.14286rem; }
    .service .archive img {
      width: 82.8%;
      height: auto;
      display: block;
      margin: 1.71429rem auto 0; }
    .service .archive .list {
      width: 58.8%;
      height: auto;
      margin: 0.96429rem auto 0; }
      .service .archive .list ul {
        width: 100%; }
        .service .archive .list ul li {
          width: 100%;
          height: 2rem;
          border-radius: 1rem;
          background: #fff;
          font-size: 0.85714rem;
          line-height: 2rem;
          color: #333;
          text-align: center;
          margin-bottom: 0.85714rem; }
  .service .regulatory {
    width: 100%;
    height: auto;
    position: relative;
    background: #f9f9f9;
    padding-top: 1.85714rem;
    padding-bottom: 1.32143rem;
    margin-top: 0.78571rem; }
    .service .regulatory .icon {
      width: 1.85714rem;
      height: 0.75rem;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -0.42857rem; }
    .service .regulatory .con {
      width: 100%;
      height: auto; }
      .service .regulatory .con .con-left {
        width: 90%;
        height: auto;
        margin: 0 auto; }
        .service .regulatory .con .con-left img {
          display: block;
          width: 100%; }
      .service .regulatory .con .con-right {
        width: 94.8%;
        height: auto;
        margin: 0.78571rem auto 0; }
        .service .regulatory .con .con-right ul {
          width: 100%;
          height: auto; }
          .service .regulatory .con .con-right ul li {
            width: 100%;
            height: auto;
            margin-bottom: 0.89286rem; }
            .service .regulatory .con .con-right ul li .tits {
              font-size: 1.07143rem;
              line-height: 1.71429rem;
              background: url(../img/regulatory_icon1.png) left center no-repeat;
              padding-left: 1.14286rem;
              background-size: 3%; }
            .service .regulatory .con .con-right ul li .tit {
              font-size: 0.85714rem;
              line-height: 1.21429rem;
              color: #909090;
              margin-left: 1.14286rem;
              margin-top: 0.35714rem; }
  .service .record {
    width: 100%;
    background: url(../img/record_bg.jpg) no-repeat;
    background-size: cover !important;
    height: auto;
    padding-bottom: 3.78571rem; }
    .service .record .list {
      width: 94.8%;
      height: auto;
      padding-top: 1.96429rem;
      margin: 0 auto; }
      .service .record .list ul {
        width: 100%;
        height: auto; }
        .service .record .list ul li {
          width: 100%;
          height: auto;
          border-radius: 3px;
          background: #0ea7c1;
          margin-bottom: 1.07143rem; }
          .service .record .list ul li .icon {
            width: 4.35714rem;
            height: 4.35714rem;
            background: url(../img/record_q1.png) no-repeat;
            background-size: cover !important;
            position: relative;
            margin-left: 3.4%;
            float: left; }
            .service .record .list ul li .icon img {
              position: absolute;
              left: 0;
              top: 0;
              right: 0;
              bottom: 0;
              margin: auto;
              width: 44.3%; }
          .service .record .list ul li .con {
            width: 71%;
            height: auto;
            float: left;
            margin-left: 2.6%;
            padding-top: 1.35714rem;
            padding-bottom: 0.92857rem; }
            .service .record .list ul li .con .tits {
              font-size: 1.28571rem;
              line-height: 1.28571rem;
              color: #fff; }
            .service .record .list ul li .con .tit {
              font-size: 0.85714rem;
              line-height: 1.42857rem;
              color: #fff;
              margin-top: 0.53571rem; }
  .service .resources {
    width: 100%;
    height: auto;
    background: url(../img/resources_bg.jpg) no-repeat;
    background-size: cover !important;
    padding-top: 2.14286rem;
    padding-bottom: 3.57143rem; }
    .service .resources .con {
      width: 74.7%;
      height: auto;
      margin: 0 auto; }
      .service .resources .con .con-left {
        width: 100%;
        height: auto; }
        .service .resources .con .con-left .tits {
          font-size: 1.14286rem;
          line-height: 1.14286rem;
          text-align: center;
          color: #fff; }
        .service .resources .con .con-left .tit {
          width: 100%;
          height: auto;
          margin-top: 2.10714rem; }
          .service .resources .con .con-left .tit img {
            width: 100%; }
        .service .resources .con .con-left ul {
          width: 100%;
          height: auto;
          margin-top: 1rem; }
          .service .resources .con .con-left ul li {
            width: 100%;
            height: 2.03571rem;
            font-size: 0.85714rem;
            line-height: 2.03571rem;
            text-align: center;
            color: #fff;
            margin-bottom: 2px;
            background: #3470ab; }
      .service .resources .con .i {
        width: 1.82143rem;
        height: 3.32143rem;
        background: url(../img/resources_icon1.png) no-repeat;
        background-size: cover !important;
        margin: 0.71429rem auto 0; }
      .service .resources .con .i.i1 {
        transform: rotate(180deg); }
      .service .resources .con .con-centre {
        width: 100%;
        height: auto;
        margin-top: 1.42857rem; }
        .service .resources .con .con-centre .tits {
          text-align: center;
          font-size: 1.14286rem;
          line-height: 1.14286rem;
          color: #fff; }
        .service .resources .con .con-centre .img {
          width: 100%;
          height: auto;
          margin-top: 0.96429rem; }
          .service .resources .con .con-centre .img img {
            max-width: 80%;
            display: block;
            margin: 0 auto; }
        .service .resources .con .con-centre ul {
          width: 100%;
          height: auto;
          margin-top: 0.21429rem; }
          .service .resources .con .con-centre ul li {
            width: 100%;
            height: 2.03571rem;
            font-size: 0.78571rem;
            line-height: 2.03571rem;
            text-align: center;
            color: #fff;
            margin-bottom: 2px;
            overflow: hidden;
            background: #0f9db8; }
      .service .resources .con .con-right {
        width: 100%;
        height: 1.96429rem;
        background: #1a5087;
        color: #fff;
        line-height: 1.96429rem;
        font-size: 1.14286rem;
        text-align: center;
        margin-top: 0.85714rem; }
    .service .resources .title {
      width: 63.5%;
      height: auto;
      margin: 2.96429rem auto 0;
      font-size: 1rem;
      line-height: 1.42857rem;
      color: #fff;
      text-align: center; }
  .service .image {
    width: 100%;
    height: auto;
    background: #f8f8f8;
    padding-bottom: 2.67857rem; }
    .service .image .tits {
      font-size: 1.14286rem;
      line-height: 1.14286rem;
      text-align: center;
      color: #4b4b4b;
      padding-top: 1.78571rem; }
    .service .image img {
      max-width: 90%;
      display: block;
      margin: 1.92857rem auto 0; }
  .service .education {
    width: 100%;
    height: auto;
    background: #0391a9;
    padding-top: 1.28571rem;
    padding-bottom: 2.5rem; }
    .service .education .img1 {
      width: 28.5%;
      float: left;
      margin-left: 6%;
      display: block;
      margin-top: 2.78571rem; }
    .service .education .img2 {
      float: right;
      width: 63%;
      display: block; }

.solution-banner {
  width: 100%;
  height: 12.85714rem;
  position: relative;
  background-size: cover !important; }
  .solution-banner .con {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0; }
    .solution-banner .con .tits {
      text-align: center;
      font-size: 1.5rem;
      line-height: 1.5rem;
      font-weight: bold;
      color: #fff;
      padding-top: 4.85714rem; }
    .solution-banner .con .line {
      width: 2.85714rem;
      height: 0.14286rem;
      background: #fff;
      display: block;
      margin: 1.53571rem auto 0; }

.solution {
  width: 100%;
  height: auto; }
  .solution .tabs {
    width: 100%;
    height: auto;
    margin: 0 auto; }
    .solution .tabs dl {
      width: 100%;
      height: auto;
      display: block;
      border-bottom: 1px solid #e1e1e1;
      text-align: center; }
      .solution .tabs dl dt {
        font-size: 1.14286rem;
        line-height: 2.82143rem;
        color: #444;
        font-weight: bold;
        margin-left: 2.6%;
        margin-right: 5%;
        display: inline-block; }
      .solution .tabs dl dd {
        font-size: 1rem;
        line-height: 2.82143rem;
        margin-left: 2.6%;
        margin-right: 4%;
        display: inline-block; }
        .solution .tabs dl dd a {
          color: #666; }
  .solution .content {
    width: 100%;
    height: auto; }
    .solution .content ul {
      width: 100%;
      height: auto; }
      .solution .content ul li {
        width: 100%;
        height: auto;
        padding-bottom: 2.14286rem; }
        .solution .content ul li .con {
          width: 94.8%;
          height: auto;
          margin: 0 auto;
          padding-top: 2.14286rem; }
          .solution .content ul li .con .top {
            width: 100%;
            height: auto;
            position: relative; }
            .solution .content ul li .con .top .title {
              float: left;
              text-align: center;
              background: #fff;
              padding-right: 0.71429rem;
              position: relative;
              z-index: 2; }
              .solution .content ul li .con .top .title .t {
                font-size: 4.28571rem;
                line-height: 3.57143rem;
                color: #efefef;
                font-family: IMP; }
              .solution .content ul li .con .top .title .t1 {
                color: #454545;
                font-size: 1.5rem;
                line-height: 3.57143rem;
                margin-top: -3.57143rem; }
            .solution .content ul li .con .top .line {
              width: 100%;
              height: 2px;
              float: right;
              background: #e1e1e1;
              top: 1.75rem;
              left: 0;
              position: absolute;
              z-index: 1; }
              .solution .content ul li .con .top .line i {
                height: 2px;
                background: #0291a9;
                display: block; }
          .solution .content ul li .con .pic {
            width: 100%;
            height: auto;
            margin-top: 0.92857rem; }
            .solution .content ul li .con .pic img {
              max-width: 80%;
              display: block;
              margin: 0 auto; }
          .solution .content ul li .con .tits {
            font-size: 0.85714rem;
            line-height: 1.21429rem;
            color: #666;
            margin-top: 0.60714rem; }
          .solution .content ul li .con .tit {
            font-size: 1.14286rem;
            line-height: 0.92857rem;
            color: #0291a9;
            margin-top: 1.32143rem; }
            .solution .content ul li .con .tit span {
              font-size: 0.85714rem;
              color: #999;
              text-transform: uppercase;
              margin-left: 0.57143rem; }
          .solution .content ul li .con .list {
            width: 100%;
            height: auto;
            margin-top: 0.85714rem; }
            .solution .content ul li .con .list .list-new {
              width: 99.6%;
              height: auto;
              border: 1px solid #eeeeee;
              text-align: center;
              padding-top: 0.85714rem;
              padding-bottom: 1.07143rem;
              border-bottom: none; }
              .solution .content ul li .con .list .list-new dl {
                width: 100%;
                height: auto;
                text-align: center; }
                .solution .content ul li .con .list .list-new dl dd {
                  width: 12.6%;
                  height: auto;
                  display: inline-block;
                  border-radius: 100%;
                  border: 2px solid #e1e1e1;
                  margin: 0 5% 0;
                  background-size: cover !important;
                  position: relative; }
                  .solution .content ul li .con .list .list-new dl dd i {
                    width: 0.78571rem;
                    height: 0.5rem;
                    background: url(../img/solution_s.png) no-repeat;
                    background-size: cover !important;
                    display: block;
                    position: absolute;
                    bottom: -1rem;
                    left: 50%;
                    margin-left: -0.25rem;
                    display: none; }
                .solution .content ul li .con .list .list-new dl dd.on {
                  border: 2px solid #0291a9; }
                  .solution .content ul li .con .list .list-new dl dd.on i {
                    display: block; }
            .solution .content ul li .con .list p {
              width: 100%;
              height: 2.28571rem;
              background: #0291a9;
              text-align: center;
              font-size: 0.78571rem;
              line-height: 2.28571rem;
              color: #fff; }
      .solution .content ul li.l {
        background: #fafafa; }
        .solution .content ul li.l .con .top .title {
          background: #fafafa; }

.support {
  width: 100%;
  height: auto; }
  .support .box1 {
    width: 100%;
    height: auto; }
    .support .box1 .title {
      font-size: 1.35714rem;
      line-height: 1.35714rem;
      text-align: center;
      color: #454545;
      padding-top: 2.14286rem; }
    .support .box1 .box-new {
      width: 100%;
      height: auto;
      background: #1591a9;
      padding-top: 2.03571rem;
      margin-top: 2.5rem;
      padding-bottom: 1.96429rem; }
      .support .box1 .box-new .list {
        width: 100%;
        height: auto; }
        .support .box1 .box-new .list ul {
          width: 100%;
          height: auto; }
          .support .box1 .box-new .list ul li {
            width: 88.8%;
            height: 6.28571rem;
            border: 1px solid #fff;
            border-radius: 0.71429rem;
            margin: 0 auto 0.71429rem; }
            .support .box1 .box-new .list ul li .con-left {
              float: left;
              width: 11.3%;
              height: auto;
              margin-left: 4.8%;
              padding-top: 1.25rem; }
              .support .box1 .box-new .list ul li .con-left .icon {
                width: 2.03571rem;
                height: 2.03571rem;
                margin: 0 auto 0;
                position: relative; }
                .support .box1 .box-new .list ul li .con-left .icon img {
                  position: absolute;
                  max-width: 100%;
                  top: 0;
                  left: 0;
                  right: 0;
                  bottom: 0;
                  margin: auto; }
              .support .box1 .box-new .list ul li .con-left p {
                text-align: center;
                font-size: 1.28571rem;
                line-height: 1.28571rem;
                color: #fff;
                margin-top: 0.35714rem; }
            .support .box1 .box-new .list ul li .con-right {
              width: 73%;
              height: 100%;
              display: table;
              vertical-align: middle;
              margin-left: 6.8%;
              float: left; }
              .support .box1 .box-new .list ul li .con-right .con-new {
                display: table-cell;
                vertical-align: middle;
                width: 100%;
                height: 100%;
                font-size: 1rem;
                line-height: 1.42857rem;
                color: #fff; }
  .support .box2 {
    width: 100%;
    height: auto;
    background: #f6f6f6;
    padding-top: 2.14286rem; }
    .support .box2 .title {
      text-align: center;
      font-size: 1.35714rem;
      line-height: 1.35714rem;
      color: #454545; }
    .support .box2 .list {
      width: 100%;
      height: auto;
      margin-top: 1.5rem; }
      .support .box2 .list ul {
        width: 100%;
        height: auto; }
        .support .box2 .list ul li {
          width: 100%;
          height: auto;
          overflow: hidden;
          background: #fff; }
          .support .box2 .list ul li .pic {
            width: 50%;
            height: 100%;
            background-size: cover !important; }
          .support .box2 .list ul li .con {
            width: 50%;
            height: 100%;
            display: table;
            vertical-align: middle;
            position: relative; }
            .support .box2 .list ul li .con .con-new {
              width: 84.3%;
              height: auto;
              display: table-cell;
              vertical-align: middle;
              padding-left: 7.85%; }
              .support .box2 .list ul li .con .con-new .tits {
                font-size: 1.21429rem;
                text-align: center;
                line-height: 1.21429rem;
                color: #333; }
              .support .box2 .list ul li .con .con-new .tit {
                font-size: 1rem;
                line-height: 1.42857rem;
                color: #666;
                text-align: center;
                margin-top: 0.96429rem; }
            .support .box2 .list ul li .con i {
              width: 0.64286rem;
              height: 1.32143rem;
              position: absolute;
              background: url(../img/support_icon5.png) no-repeat;
              background-size: cover !important;
              top: 50%;
              margin-top: -0.67857rem; }
          .support .box2 .list ul li .con.left i {
            transform: rotate(180deg);
            right: -0.64286rem; }
          .support .box2 .list ul li .con.right i {
            left: -0.64286rem; }
  .support .box3 {
    width: 100%;
    height: auto;
    padding-top: 2.14286rem;
    background: #f6f6f6;
    padding-bottom: 2.67857rem; }
    .support .box3 .title {
      font-size: 1.35714rem;
      line-height: 1.35714rem;
      color: #454545;
      text-align: center; }
    .support .box3 .list {
      width: 97.2%;
      height: auto;
      margin: 1.5rem auto 0; }
      .support .box3 .list ul {
        width: 100%;
        height: auto; }
        .support .box3 .list ul li {
          width: 30.9%;
          height: auto;
          float: left;
          margin: 0 1.2%;
          border-radius: 0.35714rem;
          box-shadow: 0px 0px 10px #ddd;
          background: #fff;
          padding-top: 1rem;
          padding-bottom: 1.07143rem; }
          .support .box3 .list ul li .icon {
            width: 2.42857rem;
            height: 2.46429rem;
            margin: 0 auto;
            position: relative; }
            .support .box3 .list ul li .icon img {
              max-width: 100%;
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              margin: auto; }
          .support .box3 .list ul li p {
            width: 65%;
            margin: 0 auto;
            text-align: center;
            font-size: 0.92857rem;
            line-height: 1.25rem;
            color: #454545;
            margin-top: 0.92857rem; }
    .support .box3 .txt {
      width: 88%;
      height: auto;
      margin: 1.57143rem auto 0;
      font-size: 0.89286rem;
      line-height: 1.21429rem;
      text-align: center;
      color: #666; }
  .support .box4 {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 0.71429rem;
    padding-bottom: 2.85714rem; }
    .support .box4 .icon {
      width: 1.71429rem;
      height: 0.85714rem;
      position: absolute;
      background: url(../img/support_i2.png) no-repeat;
      top: 0;
      left: 50%;
      margin-left: -0.42857rem;
      background-size: cover !important; }
    .support .box4 .list {
      width: 100%;
      height: auto; }
      .support .box4 .list ul {
        width: 100%;
        height: auto; }
        .support .box4 .list ul li {
          width: 100%;
          height: 7.5rem;
          border-bottom: 1px solid #eeeeee; }
          .support .box4 .list ul li .img {
            float: left;
            width: 4.64286rem;
            height: 4.64286rem;
            margin-left: 5.3%;
            margin-top: 1.42857rem; }
          .support .box4 .list ul li .con {
            width: 70%;
            height: auto;
            float: left;
            margin-left: 3%;
            margin-top: 1.92857rem; }
            .support .box4 .list ul li .con .tits {
              font-size: 1.21429rem;
              line-height: 1.21429rem;
              color: #454545; }
            .support .box4 .list ul li .con .tit {
              font-size: 0.85714rem;
              line-height: 1.21429rem;
              color: #909090;
              margin-top: 0.35714rem; }

.about-banner {
  width: 100%;
  height: 12.85714rem;
  background-size: cover !important;
  position: relative; }
  .about-banner .con {
    width: 100%;
    height: auto;
    position: absolute;
    padding-top: 3.42857rem;
    top: 0;
    left: 0; }
    .about-banner .con .con-new {
      width: 12.17857rem;
      height: 5.46429rem;
      border: 0.28571rem solid rgba(255, 255, 255, 0.2);
      margin: 0 auto; }
      .about-banner .con .con-new .tits {
        font-size: 1.5rem;
        line-height: 1.5rem;
        text-align: center;
        font-weight: bold;
        color: #fff;
        padding-top: 0.96429rem; }
      .about-banner .con .con-new .tit {
        font-size: 1.28571rem;
        line-height: 1.28571rem;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        margin-top: 0.71429rem; }

.about {
  width: 100%;
  height: auto; }
  .about .content {
    width: 100%;
    height: auto;
    background: url(../img/about_bg.jpg) no-repeat;
    background-size: cover !important; }
    .about .content .tits {
      font-size: 1.35714rem;
      line-height: 1.35714rem;
      text-align: center;
      color: #454545;
      padding-top: 2.14286rem; }
    .about .content .con {
      width: 94.8%;
      height: auto;
      margin: 1.21429rem auto 0; }
      .about .content .con .tit {
        font-size: 2.5rem;
        line-height: 2.5rem;
        color: #666666;
        opacity: 0.1 !important;
        text-transform: uppercase; }
      .about .content .con .tit1 {
        font-size: 1.14286rem;
        line-height: 1.14286rem;
        color: #454545;
        margin-top: 0.28571rem; }
      .about .content .con .line {
        width: 77px;
        height: 2px;
        background: #0291a9;
        margin-top: 0.82143rem; }
      .about .content .con .con-new {
        width: 100%;
        height: auto;
        font-size: 0.85714rem;
        line-height: 1.21429rem;
        text-indent: 1em;
        color: #666;
        margin-top: 1.25rem; }
        .about .content .con .con-new .t {
          margin-bottom: 1.21429rem; }
      .about .content .con img {
        max-width: 80%;
        display: block;
        margin: 0 auto; }
    .about .content .tit2 {
      width: 100%;
      height: auto; }
      .about .content .tit2 .t {
        width: 100%;
        height: 3.35714rem;
        background: #efefef;
        margin-top: 0.17857rem; }
        .about .content .tit2 .t span {
          width: 3.57143rem;
          height: 100%;
          display: block;
          float: left;
          background: #0291a9;
          font-size: 1.14286rem;
          color: #fff;
          line-height: 3.35714rem;
          padding-left: 0.71429rem; }
        .about .content .tit2 .t .tt {
          width: 70.4%;
          height: 3.35714rem;
          float: left;
          display: table;
          vertical-align: middle;
          margin-left: 4.5%; }
          .about .content .tit2 .t .tt .tt-new {
            font-size: 0.85714rem;
            line-height: 1.14286rem;
            color: #666;
            display: table-cell;
            vertical-align: middle; }
          .about .content .tit2 .t .tt .t1 {
            font-size: 1rem;
            color: #0291a9; }

.map {
  width: 100%;
  height: 12.85714rem;
  margin-top: 1.78571rem; }

.BMap_cpyCtrl, .BMapLabel, .anchorBL {
  display: none !important; }

.BMap_bubble_title {
  font-size: 16px;
  line-height: 55px !important;
  text-align: center;
  font-weight: bold;
  color: #0291a9; }

.join {
  width: 100%;
  height: auto; }
  .join .title {
    text-align: center;
    font-size: 1.28571rem;
    line-height: 1.28571rem;
    color: #454545;
    padding-top: 2.14286rem; }
  .join .con {
    width: 100%;
    height: auto;
    background: #f8f8f8;
    margin-top: 1.78571rem;
    position: relative;
    padding-top: 2.10714rem;
    padding-bottom: 1.07143rem; }
    .join .con .icon {
      width: 1.85714rem;
      height: 0.75rem;
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -0.92857rem; }
    .join .con .con-new {
      width: 94.8%;
      height: auto;
      margin: 0 auto; }
      .join .con .con-new .tits {
        font-size: 1.07143rem;
        line-height: 1.07143rem;
        color: #454545;
        text-align: center;
        text-indent: 0em; }
      .join .con .con-new .tit {
        font-size: 0.85714rem;
        line-height: 1.21429rem;
        color: #666666;
        text-indent: 2em;
        margin-top: 0.85714rem; }
        .join .con .con-new .tit .t {
          margin-bottom: 0.85714rem; }
  .join .box {
    width: 100%;
    height: 11.42857rem; }
    .join .box .tits {
      text-align: center;
      font-size: 1.14286rem;
      line-height: 1.14286rem;
      color: #fff;
      padding-top: 1.78571rem; }
    .join .box .tit {
      text-align: center;
      font-size: 0.85714rem;
      line-height: 0.85714rem;
      color: #fff;
      margin-top: 0.71429rem; }
    .join .box .tit1 {
      width: 88%;
      height: 3.5rem;
      border: 1px solid #4ec3d7;
      margin: 1.42857rem auto 0;
      font-size: 1rem;
      line-height: 1.5rem;
      text-align: center;
      color: #fff;
      padding-top: 0.35714rem; }
  .join .list {
    width: 100%;
    height: auto;
    background: #f6f6f6;
    padding-top: 2.14286rem;
    padding-bottom: 2.21429rem; }
    .join .list ul {
      width: 94.8%;
      height: auto;
      margin: 0 auto; }
      .join .list ul li {
        width: 100%;
        height: auto;
        background: #fff;
        margin-bottom: 0.71429rem; }
        .join .list ul li .tits {
          width: 94.4%;
          height: 2.64286rem;
          display: block;
          padding: 0 2.8%; }
          .join .list ul li .tits span {
            font-size: 1.07143rem;
            line-height: 2.64286rem;
            float: left;
            color: #000; }
          .join .list ul li .tits i {
            width: 0.92857rem;
            height: 0.57143rem;
            float: right;
            display: block;
            background: url(../img/join_icon1.png) no-repeat;
            background-size: cover !important;
            margin-top: 1.03571rem;
            margin-right: 2%; }
        .join .list ul li .conn {
          width: 100%;
          height: auto;
          padding-bottom: 1.28571rem;
          display: none; }
          .join .list ul li .conn .conn-new {
            width: 94.4%;
            height: auto;
            margin: 0 auto;
            border-top: 1px solid #e1e1e1;
            padding-top: 1.07143rem; }
            .join .list ul li .conn .conn-new .t {
              font-size: 1rem;
              line-height: 1.28571rem;
              color: #333; }
            .join .list ul li .conn .conn-new .t1 {
              font-size: 0.85714rem;
              line-height: 1.28571rem;
              color: #666;
              margin-bottom: 1.25rem; }
            .join .list ul li .conn .conn-new .t2 {
              font-size: 0.85714rem;
              line-height: 1.28571rem;
              color: #666;
              border-top: 1px solid #e1e1e1;
              padding-top: 0.71429rem; }
      .join .list ul li.curr .tits i {
        background: url(../img/join_icon1_h.png) no-repeat; }

.product {
  width: 100%;
  height: auto; }
  .product .title {
    font-size: 1.35714rem;
    line-height: 1.35714rem;
    text-align: center;
    color: #454545;
    margin-top: 2.14286rem; }
  .product .box1 {
    width: 100%;
    height: auto;
    background: #f9f9f9;
    margin-top: 2.03571rem;
    padding-top: 2.14286rem;
    padding-bottom: 1.57143rem; }
    .product .box1 img {
      display: block;
      margin: 0 auto;
      max-width: 90%; }
    .product .box1 .con {
      width: 90%;
      height: auto;
      margin: 1.17857rem auto 0; }
      .product .box1 .con .tits {
        font-size: 1.14286rem;
        line-height: 1.14286rem;
        color: #454545; }
      .product .box1 .con .tit {
        font-size: 0.85714rem;
        line-height: 1.21429rem;
        color: #666666;
        margin-top: 0.67857rem; }
      .product .box1 .con .line {
        width: 100%;
        height: 1px;
        background: #eaeaea;
        margin-top: 0.85714rem;
        margin-bottom: 0.92857rem; }
  .product .box2 {
    width: 100%;
    height: auto;
    margin-top: 2.14286rem; }
    .product .box2 .tits {
      text-align: center;
      font-size: 1.14286rem;
      line-height: 1.14286rem;
      color: #454545; }
    .product .box2 .list {
      width: 97.2%;
      height: auto;
      margin: 1.42857rem auto 0.96429rem; }
      .product .box2 .list ul {
        width: 100%;
        height: auto; }
        .product .box2 .list ul li {
          width: 17.3%;
          height: auto;
          float: left;
          margin: 0 3.6% 0.92857rem; }
          .product .box2 .list ul li .icon {
            width: 100%;
            border-radius: 100%;
            height: auto;
            position: relative; }
            .product .box2 .list ul li .icon img {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              margin: auto; }
          .product .box2 .list ul li .i1 {
            background: #0f9db8; }
          .product .box2 .list ul li .i2 {
            background: #27a7bf; }
          .product .box2 .list ul li .i3 {
            background: #3fb1c6; }
          .product .box2 .list ul li .i4 {
            background: #57bacd; }
          .product .box2 .list ul li .i5 {
            background: #6fc4d4; }
          .product .box2 .list ul li .i6 {
            background: #87cedb; }
          .product .box2 .list ul li .i7 {
            background: #9fd8e3; }
          .product .box2 .list ul li .i8 {
            background: #6fc4d4; }
          .product .box2 .list ul li p {
            width: 100%;
            height: auto;
            font-size: 0.85714rem;
            line-height: 1.07143rem;
            text-align: center;
            color: #464545;
            margin-top: 0.53571rem; }
      .product .box2 .list .u1 {
        margin-left: 12.5%; }
    .product .box2 .list1 {
      width: 97.2%;
      height: auto;
      margin: 1.42857rem auto 0.96429rem; }
      .product .box2 .list1 ul {
        width: 100%;
        height: auto; }
        .product .box2 .list1 ul li {
          width: 25%;
          height: auto;
          float: left;
          margin: 0 0 0.92857rem; }
          .product .box2 .list1 ul li .icon {
            width: 69.2%;
            border-radius: 100%;
            height: auto;
            position: relative;
            margin: 0 auto; }
            .product .box2 .list1 ul li .icon img {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              margin: auto; }
          .product .box2 .list1 ul li .i1 {
            background: #0f9db8; }
          .product .box2 .list1 ul li .i2 {
            background: #27a7bf; }
          .product .box2 .list1 ul li .i3 {
            background: #3fb1c6; }
          .product .box2 .list1 ul li .i4 {
            background: #57bacd; }
          .product .box2 .list1 ul li p {
            width: 90%;
            padding: 0 5%;
            height: auto;
            font-size: 0.85714rem;
            line-height: 1.07143rem;
            text-align: center;
            color: #464545;
            margin-top: 0.53571rem; }
      .product .box2 .list1 .u1 {
        margin-left: 12.5%; }
    .product .box2 .list2 {
      width: 89%;
      height: auto;
      margin: 1.42857rem auto 0.96429rem; }
      .product .box2 .list2 ul {
        width: 100%;
        height: auto; }
        .product .box2 .list2 ul li {
          width: 27%;
          height: auto;
          float: left;
          margin: 0 11.5% 0.92857rem; }
          .product .box2 .list2 ul li .icon {
            width: 70%;
            border-radius: 100%;
            height: auto;
            position: relative;
            margin: 0 auto; }
            .product .box2 .list2 ul li .icon img {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              margin: auto; }
          .product .box2 .list2 ul li .i1 {
            background: #0f9db8; }
          .product .box2 .list2 ul li .i2 {
            background: #27a7bf; }
          .product .box2 .list2 ul li .i3 {
            background: #3fb1c6; }
          .product .box2 .list2 ul li .i4 {
            background: #57bacd; }
          .product .box2 .list2 ul li p {
            width: 90%;
            padding: 0 5%;
            height: auto;
            font-size: 0.85714rem;
            line-height: 1.07143rem;
            text-align: center;
            color: #464545;
            margin-top: 0.53571rem; }
      .product .box2 .list2 .u1 {
        margin-left: 12.5%; }
  .product .box3 {
    width: 100%;
    height: 10.71429rem;
    position: relative;
    background-size: cover !important; }
    .product .box3 a {
      width: 14.28571rem;
      height: 3.57143rem;
      font-size: 1.21429rem;
      line-height: 3.57143rem;
      color: #fff;
      padding-left: 1.42857rem;
      position: absolute;
      display: block;
      background: url(../img/product_bg.png) no-repeat;
      background-size: cover !important;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto; }

.js-m {
  transform: translateY(100px);
  opacity: 0; }

.js-m1 {
  transform: translateX(-100px);
  opacity: 0; }

.js-m2 {
  transform: translateX(100px);
  opacity: 0; }

.js-m3 {
  transform: translateY(-100px);
  opacity: 0; }

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