@charset "UTF-8";
/*-----------首页-----------*/
.index-wrap {
  padding-bottom: 1.439rem; }

.index-wrap .index-content {
  padding: .533rem .4rem; }

.index-wrap .index-content .main-title {
  font-size: 15px;
  color: #31373a;
  text-align: center;
  font-weight: 600;
  background: none;
  height: 1rem;
  line-height: 1rem; }
  [data-dpr="2"] .index-wrap .index-content .main-title {
    font-size: 30px; }
  [data-dpr="3"] .index-wrap .index-content .main-title {
    font-size: 45px; }

.index-wrap .index-content .main-subtitle {
  font-size: 11px;
  text-align: center;
  color: #a2a2a2; }
  [data-dpr="2"] .index-wrap .index-content .main-subtitle {
    font-size: 22px; }
  [data-dpr="3"] .index-wrap .index-content .main-subtitle {
    font-size: 33px; }

/*服务专家*/
.expert-content .expert-list {
  margin-top: .9333rem;
  border: 1px solid #bfbfbf;
  border-bottom: none; }
  .expert-content .expert-list .row {
    display: flex;
    justify-content: space-around;
    align-items: center; }
    .expert-content .expert-list .row > div {
      width: 100%;
      height: 3.2rem; }
      .expert-content .expert-list .row > div .title {
        font-size: 13px;
        color: #31373a;
        font-weight: 600;
        white-space: nowrap;
        text-align: left; }
        [data-dpr="2"] .expert-content .expert-list .row > div .title {
          font-size: 26px; }
        [data-dpr="3"] .expert-content .expert-list .row > div .title {
          font-size: 39px; }
      .expert-content .expert-list .row > div .subtitle {
        font-size: 12px;
        color: #a6a6a6;
        white-space: nowrap;
        text-align: left; }
        [data-dpr="2"] .expert-content .expert-list .row > div .subtitle {
          font-size: 24px; }
        [data-dpr="3"] .expert-content .expert-list .row > div .subtitle {
          font-size: 36px; }
    .expert-content .expert-list .row .expert-bg {
      display: flex;
      align-items: center;
      justify-content: center; }
    .expert-content .expert-list .row .expert-msg {
      position: relative; }
      .expert-content .expert-list .row .expert-msg > div {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .expert-content .expert-list .row .bgBlue {
      background: #89daf5; }
    .expert-content .expert-list .row .bgYellow {
      background: #ffd155; }
    .expert-content .expert-list .row .special-img {
      margin-top: -.5rem; }

.expert-list > .row > div:nth-of-type(1) {
  border-right: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf; }

.expert-list > .row > div:nth-of-type(2) {
  border-bottom: 1px solid #bfbfbf; }

/*产品特点*/
.feature-content img {
  width: 4.893rem;
  height: 4.32rem;
  margin: .4rem auto; }

.feature-content {
  background: #f9f9f9; }

.feature-list .row {
  display: flex;
  justify-content: space-between; }

.feature-list .feature-item {
  display: flex;
  flex: 1;
  margin: .1333rem 0; }

.feature-list .feature-item i {
  display: block;
  margin-right: .24rem;
  width: .7333rem; }

.feature-list .feature-item i.icon-f01 {
  background: url("../images/icon-f01.png") no-repeat top center; }

.feature-list .feature-item i.icon-f02 {
  background: url("../images/icon-f02.png") no-repeat top center; }

.feature-list .feature-item i.icon-f03 {
  background: url("../images/icon-f03.png") no-repeat top center; }

.feature-list .feature-item i.icon-f04 {
  background: url("../images/icon-f04.png") no-repeat top center; }

.feature-list .feature-item i.icon-f05 {
  background: url("../images/icon-f05.png") no-repeat top center; }

.feature-list .feature-item i.icon-f06 {
  background: url("../images/icon-f06.png") no-repeat top center; }

.feature-list .feature-item i.icon-f07 {
  background: url("../images/icon-f07.png") no-repeat top center; }

.feature-list .feature-item i.icon-f08 {
  background: url("../images/icon-f08.png") no-repeat top center; }

.feature-list .feature-item > div .title {
  text-align: left;
  padding-left: .08rem;
  font-size: 14px;
  font-weight: 600; }
  [data-dpr="2"] .feature-list .feature-item > div .title {
    font-size: 28px; }
  [data-dpr="3"] .feature-list .feature-item > div .title {
    font-size: 42px; }

.feature-list .feature-item > div p {
  font-size: 10px;
  line-height: 1.6; }
  [data-dpr="2"] .feature-list .feature-item > div p {
    font-size: 20px; }
  [data-dpr="3"] .feature-list .feature-item > div p {
    font-size: 30px; }

/*最新动态*/
.news-list li {
  padding: .32rem 0;
  border-bottom: 1px solid #e6e6e6; }

.news-list li:nth-last-child(1) {
  border-bottom: none; }

.news-list li img {
  width: 2.68rem;
  margin-right: .267rem;
  float: left; }

.news-list li .feature-l-detail {
  float: left; }

.news-list li .title {
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #31373a; }
  [data-dpr="2"] .news-list li .title {
    font-size: 26px; }
  [data-dpr="3"] .news-list li .title {
    font-size: 39px; }

.news-list li .detail {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  lin-clamp: 3;
  -webkit-box-orient: vertical;
  color: #666666;
  line-height: 1.25;
  font-size: 12px; }
  [data-dpr="2"] .news-list li .detail {
    font-size: 24px; }
  [data-dpr="3"] .news-list li .detail {
    font-size: 36px; }

.news-content .page {
  display: flex;
  justify-content: center; }

.news-content .page a {
  display: block;
  font-size: 0;
  width: .613rem;
  height: .613rem;
  min-width: 46px;
  min-height: 46px;
  margin: 0 4px; }

.news-content .page a:nth-of-type(1) {
  background: url("../images/icon-before.jpg") no-repeat center center;
  background-size: contain; }

.news-content .page a:nth-of-type(2) {
  background: url("../images/icon-next.jpg") no-repeat center center;
  background-size: contain; }

/*为什么选择我们*/
.reasons-list {
  font-size: 0; }

.reasons-list li {
  display: inline-block;
  width: 46%;
  padding: .6rem 0; }

.reasons-list li .title {
  font-size: 15px;
  color: #31373a;
  font-weight: 600; }
  [data-dpr="2"] .reasons-list li .title {
    font-size: 30px; }
  [data-dpr="3"] .reasons-list li .title {
    font-size: 45px; }

.reasons-list li .subtitle {
  font-size: 12px;
  color: #31373a;
  font-weight: 600; }
  [data-dpr="2"] .reasons-list li .subtitle {
    font-size: 24px; }
  [data-dpr="3"] .reasons-list li .subtitle {
    font-size: 36px; }

.reasons-list li i {
  display: block;
  float: left;
  width: 1.146rem;
  height: 1.146rem;
  min-width: 86px;
  min-height: 86px;
  margin-right: 4%; }

.reasons-list li:nth-of-type(1) i {
  background: url("../images/icon-reason01.png") no-repeat center center; }

.reasons-list li:nth-of-type(2) i {
  background: url("../images/icon-reason02.png") no-repeat center center; }

.reasons-list li:nth-of-type(3) i {
  background: url("../images/icon-reason03.png") no-repeat center center; }

.reasons-list li:nth-of-type(4) i {
  background: url("../images/icon-reason04.png") no-repeat center center; }

/*定制方案*/
.program-c-form p {
  position: relative; }

.program-c-form p i {
  position: absolute;
  display: block;
  width: .32rem;
  height: .32rem;
  left: .24rem;
  top: 50%;
  margin-top: -.16rem; }

.program-c-form p:nth-of-type(1) i {
  background: url("../images/icon-user.png") no-repeat center left;
  background-size: contain; }

.program-c-form p:nth-of-type(2) i {
  background: url("../images/icon-phone.png") no-repeat center left;
  background-size: contain; }

.program-c-form input[type=text] {
  width: 100%;
  line-height: .933rem;
  background: #f4f4f4;
  border: 1px solid #b5b5b5;
  margin: .133rem 0;
  font-size: 12px;
  padding-left: .8rem;
  color: #aeaeae; }
  [data-dpr="2"] .program-c-form input[type=text] {
    font-size: 24px; }
  [data-dpr="3"] .program-c-form input[type=text] {
    font-size: 36px; }

.program-c-form .program-btn {
  width: 100%;
  line-height: .933rem;
  background: #89daf5;
  color: #ffffff;
  border: none;
  margin-top: .4rem;
  font-size: 16px; }
  [data-dpr="2"] .program-c-form .program-btn {
    font-size: 32px; }
  [data-dpr="3"] .program-c-form .program-btn {
    font-size: 48px; }

/*-----------关于我们-----------*/
.about-wrap {
  background: #f4f4f4;
  padding-bottom: 1.439rem; }
  .about-wrap .title {
    font-size: 15px;
    color: #333;
    font-weight: 600;
    text-align: center;
    margin: .2rem 0; }
    [data-dpr="2"] .about-wrap .title {
      font-size: 30px; }
    [data-dpr="3"] .about-wrap .title {
      font-size: 45px; }
  .about-wrap .equipment-content {
    padding-top: .43rem;
    padding-bottom: .43rem; }
    .about-wrap .equipment-content img {
      width: 100%;
      height: 6.4rem; }
    .about-wrap .equipment-content p {
      font-size: 12px;
      text-indent: 2em; }
      [data-dpr="2"] .about-wrap .equipment-content p {
        font-size: 24px; }
      [data-dpr="3"] .about-wrap .equipment-content p {
        font-size: 36px; }
  .about-wrap .culture-content {
    margin-top: .43rem;
    padding-top: .43rem;
    padding-bottom: .43rem; }
    .about-wrap .culture-content ul {
      font-size: 0; }
      .about-wrap .culture-content ul li:nth-of-type(2n-1) {
        margin-right: 2%; }
      .about-wrap .culture-content ul li {
        display: inline-block;
        width: 48%;
        height: 3.2rem;
        overflow: hidden;
        background: #fff;
        border-top: .053rem solid #ffba00;
        padding: .49rem .4rem;
        box-shadow: 5px 5px 20px #888888;
        margin-top: .3rem; }
        .about-wrap .culture-content ul li h3 {
          font-size: 15px;
          color: #333333;
          font-weight: 600;
          margin-bottom: .14rem; }
          [data-dpr="2"] .about-wrap .culture-content ul li h3 {
            font-size: 30px; }
          [data-dpr="3"] .about-wrap .culture-content ul li h3 {
            font-size: 45px; }
        .about-wrap .culture-content ul li p {
          font-size: 12px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          line-clamp: 3;
          -webkit-box-orient: vertical; }
          [data-dpr="2"] .about-wrap .culture-content ul li p {
            font-size: 24px; }
          [data-dpr="3"] .about-wrap .culture-content ul li p {
            font-size: 36px; }
  .about-wrap .progress-content {
    margin-top: .43rem;
    padding-top: .43rem;
    padding-bottom: .43rem;
    height: 100%; }
    .about-wrap .progress-content ul {
      font-size: 0;
      height: 6.77rem;
      position: relative;
      background: url("../images/progress-bg.png") repeat-x left center;
      background-size: 2px; }
      .about-wrap .progress-content ul li {
        display: inline-block;
        overflow: hidden;
        position: absolute;
        height: 3.385rem;
        width: 25%;
        font-size: 12px; }
        [data-dpr="2"] .about-wrap .progress-content ul li {
          font-size: 24px; }
        [data-dpr="3"] .about-wrap .progress-content ul li {
          font-size: 36px; }
        .about-wrap .progress-content ul li img {
          width: 1.25rem;
          height: 1.81rem;
          margin: 0 auto; }
        .about-wrap .progress-content ul li div {
          height: 1.575rem;
          overflow: hidden;
          text-align: center; }
          .about-wrap .progress-content ul li div h3 {
            font-size: 11px;
            color: #333333;
            font-weight: 600; }
            [data-dpr="2"] .about-wrap .progress-content ul li div h3 {
              font-size: 22px; }
            [data-dpr="3"] .about-wrap .progress-content ul li div h3 {
              font-size: 33px; }
          .about-wrap .progress-content ul li div p {
            font-size: 10px;
            color: #666; }
            [data-dpr="2"] .about-wrap .progress-content ul li div p {
              font-size: 20px; }
            [data-dpr="3"] .about-wrap .progress-content ul li div p {
              font-size: 30px; }
      .about-wrap .progress-content ul li:nth-of-type(2n) {
        bottom: .63rem; }
      .about-wrap .progress-content ul li:nth-of-type(2n-1) {
        top: .63rem; }
      .about-wrap .progress-content ul li:nth-of-type(1) {
        left: 0; }
      .about-wrap .progress-content ul li:nth-of-type(2) {
        left: 25%; }
      .about-wrap .progress-content ul li:nth-of-type(3) {
        right: 25%; }
      .about-wrap .progress-content ul li:nth-of-type(4) {
        right: 0; }
  .about-wrap .honor-content {
    margin-top: .43rem;
    padding-top: .43rem;
    padding-bottom: .43rem;
    background: #eefbff; }
    .about-wrap .honor-content .swiper-container {
      width: 100%; }
      .about-wrap .honor-content .swiper-container .swiper-slide img {
        height: 4rem; }
      .about-wrap .honor-content .swiper-container .swiper-slide p {
        width: 100%;
        height: 0.5333333333rem;
        line-height: 0.5333333333rem;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
  .about-wrap .partner-content {
    margin-top: .43rem;
    padding-top: .43rem;
    padding-bottom: .43rem; }
    .about-wrap .partner-content ul {
      font-size: 0; }
      .about-wrap .partner-content ul li {
        display: inline-block;
        width: 33.3%;
        margin: .53rem 0; }
        .about-wrap .partner-content ul li img {
          margin: 0 auto;
          width: 2.4rem;
          height: .8rem; }
  .about-wrap .contact-content {
    margin-top: .43rem;
    padding-top: .43rem;
    padding-bottom: .43rem;
    background: #eefbff; }
    .about-wrap .contact-content ul {
      font-size: 0; }
      .about-wrap .contact-content ul li {
        display: inline-block;
        width: 50%;
        text-align: center; }
        .about-wrap .contact-content ul li img {
          margin: .67rem auto; }
        .about-wrap .contact-content ul li a {
          font-size: 12px;
          color: #4c4c4c; }
          [data-dpr="2"] .about-wrap .contact-content ul li a {
            font-size: 24px; }
          [data-dpr="3"] .about-wrap .contact-content ul li a {
            font-size: 36px; }
  .about-wrap .system-content {
    margin-top: .43rem;
    padding-top: .43rem;
    padding-bottom: .43rem; }
    .about-wrap .system-content .subtitle {
      font-size: 10px;
      text-align: center;
      color: #999999; }
      [data-dpr="2"] .about-wrap .system-content .subtitle {
        font-size: 20px; }
      [data-dpr="3"] .about-wrap .system-content .subtitle {
        font-size: 30px; }
    .about-wrap .system-content img {
      margin: .8rem auto;
      height: 5.3333333333rem;
      width: 100%; }
  .about-wrap .product-content {
    margin-top: .43rem;
    padding-top: .43rem;
    padding-bottom: 1.2rem; }
    .about-wrap .product-content .product-nav {
      display: flex; }
      .about-wrap .product-content .product-nav li {
        flex: 1;
        text-align: center; }
        .about-wrap .product-content .product-nav li a {
          display: block;
          color: #999;
          font-size: 13px;
          line-height: .773rem; }
          [data-dpr="2"] .about-wrap .product-content .product-nav li a {
            font-size: 26px; }
          [data-dpr="3"] .about-wrap .product-content .product-nav li a {
            font-size: 39px; }
      .about-wrap .product-content .product-nav li.active a {
        color: #333333;
        background: #ffba00;
        border-radius: .18rem;
        font-weight: 600; }
    .about-wrap .product-content .type {
      display: none; }
      .about-wrap .product-content .type ul {
        margin-top: .53rem; }
        .about-wrap .product-content .type ul li {
          min-height: 2.56rem;
          display: flex;
          margin: .133rem 0;
          box-shadow: 10px 10px 20px #ddd;
          padding: .4rem .53rem; }
          .about-wrap .product-content .type ul li span {
            width: 1.33rem; }
            .about-wrap .product-content .type ul li span .icon {
              display: block;
              height: 100%; }
            .about-wrap .product-content .type ul li span .icon00 {
              width: .773rem;
              background: url("../images/0-1.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon01 {
              width: .773rem;
              background: url("../images/0-2.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon02 {
              width: .88rem;
              background: url("../images/0-3.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon03 {
              width: .75rem;
              background: url("../images/0-4.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon04 {
              width: .75rem;
              background: url("../images/0-5.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon05 {
              width: .75rem;
              background: url("../images/2-1.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon06 {
              width: .75rem;
              background: url("../images/2-2.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon07 {
              width: .75rem;
              background: url("../images/2-3.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon08 {
              width: .75rem;
              background: url("../images/2-4.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon09 {
              width: .75rem;
              background: url("../images/2-5.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon10 {
              width: .773rem;
              background: url("../images/1-1.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon11 {
              width: .88rem;
              background: url("../images/1-2.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon12 {
              width: .75rem;
              background: url("../images/1-3.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon13 {
              width: .75rem;
              background: url("../images/1-4.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon14 {
              width: .75rem;
              background: url("../images/3-1.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon15 {
              width: .75rem;
              background: url("../images/3-2.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon16 {
              width: .75rem;
              background: url("../images/3-3.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon17 {
              width: .75rem;
              background: url("../images/3-4.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon18 {
              width: .75rem;
              background: url("../images/4-1.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon19 {
              width: .75rem;
              background: url("../images/4-2.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon20 {
              width: .75rem;
              background: url("../images/4-3.png") no-repeat left top;
              background-size: contain; }
            .about-wrap .product-content .type ul li span .icon21 {
              width: .75rem;
              background: url("../images/4-4.png") no-repeat left top;
              background-size: contain; }
          .about-wrap .product-content .type ul li div {
            flex: 1; }
            .about-wrap .product-content .type ul li div h3 {
              font-size: 15px;
              font-weight: 600;
              color: #333333; }
              [data-dpr="2"] .about-wrap .product-content .type ul li div h3 {
                font-size: 30px; }
              [data-dpr="3"] .about-wrap .product-content .type ul li div h3 {
                font-size: 45px; }
            .about-wrap .product-content .type ul li div h4 {
              font-size: 8px;
              color: #999999;
              margin: .1rem 0;
              text-transform: uppercase; }
              [data-dpr="2"] .about-wrap .product-content .type ul li div h4 {
                font-size: 16px; }
              [data-dpr="3"] .about-wrap .product-content .type ul li div h4 {
                font-size: 24px; }
            .about-wrap .product-content .type ul li div p {
              font-size: 11px;
              color: #666666; }
              [data-dpr="2"] .about-wrap .product-content .type ul li div p {
                font-size: 22px; }
              [data-dpr="3"] .about-wrap .product-content .type ul li div p {
                font-size: 33px; }

/*-----------产品中心-----------*/
.type-list ul {
  display: flex;
  box-shadow: 5px 5px 20px #ddd;
  margin-bottom: 0.2666666667rem;
  padding: 0 0.1333333333rem;
  justify-content: space-between;
  align-items: center;
  height: 1.8666666667rem; }
  .type-list ul li h2 {
    font-size: 16px;
    color: #31373a; }
    [data-dpr="2"] .type-list ul li h2 {
      font-size: 32px; }
    [data-dpr="3"] .type-list ul li h2 {
      font-size: 48px; }
  .type-list ul li p {
    font-size: 12px;
    color: #a2a2a2; }
    [data-dpr="2"] .type-list ul li p {
      font-size: 24px; }
    [data-dpr="3"] .type-list ul li p {
      font-size: 36px; }

.products-wrap {
  margin-top: 0.2666666667rem;
  padding-bottom: 1.439rem; }
  .products-wrap .section-product {
    margin: 0.2666666667rem 0; }
    .products-wrap .section-product:nth-of-type(2n) .to-more .title {
      align-items: flex-start;
      padding-left: 0.2666666667rem; }
    .products-wrap .section-product .to-more a {
      position: relative;
      display: block;
      width: 100%;
      height: 3.04rem;
      overflow: hidden; }
    .products-wrap .section-product .to-more img {
      height: 3.04rem;
      position: absolute;
      top: 0;
      left: 0; }
    .products-wrap .section-product .to-more .title {
      position: absolute;
      z-index: 1;
      width: 9.2rem;
      height: 3.04rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-end;
      padding-right: 0.2666666667rem; }
      .products-wrap .section-product .to-more .title h3 {
        font-size: 22px;
        color: #333333; }
        [data-dpr="2"] .products-wrap .section-product .to-more .title h3 {
          font-size: 44px; }
        [data-dpr="3"] .products-wrap .section-product .to-more .title h3 {
          font-size: 66px; }
      .products-wrap .section-product .to-more .title p {
        font-size: 14px;
        color: #333; }
        [data-dpr="2"] .products-wrap .section-product .to-more .title p {
          font-size: 28px; }
        [data-dpr="3"] .products-wrap .section-product .to-more .title p {
          font-size: 42px; }
    .products-wrap .section-product ul {
      margin-top: 0.2666666667rem;
      font-size: 0;
      display: flex;
      flex-wrap: wrap; }
      .products-wrap .section-product ul li {
        width: 50%;
        border: 1px solid #ededed; }
        .products-wrap .section-product ul li .img {
          margin: 0 auto;
          height: 3.4666666667rem;
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: hidden; }
          .products-wrap .section-product ul li .img img {
            width: 60%;
            max-height: 3.4666666667rem; }
        .products-wrap .section-product ul li .info {
          height: 1.8666666667rem;
          padding: 0 0.1333333333rem; }
          .products-wrap .section-product ul li .info h3 {
            font-size: 14px;
            color: #333;
            overflow: hidden;
            height: 1.2rem;
            line-height: 1.6;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            lin-clamp: 2;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis; }
            [data-dpr="2"] .products-wrap .section-product ul li .info h3 {
              font-size: 28px; }
            [data-dpr="3"] .products-wrap .section-product ul li .info h3 {
              font-size: 42px; }
          .products-wrap .section-product ul li .info p {
            font-size: 12px;
            color: #999999; }
            [data-dpr="2"] .products-wrap .section-product ul li .info p {
              font-size: 24px; }
            [data-dpr="3"] .products-wrap .section-product ul li .info p {
              font-size: 36px; }
  .products-wrap .list-content ul {
    font-size: 0; }
    .products-wrap .list-content ul li {
      display: inline-block;
      width: 50%;
      height: 2.5rem;
      overflow: hidden; }
      .products-wrap .list-content ul li h4 {
        font-size: 16px;
        color: #ffffff;
        line-height: .8rem;
        padding-left: 10px; }
        [data-dpr="2"] .products-wrap .list-content ul li h4 {
          font-size: 32px; }
        [data-dpr="3"] .products-wrap .list-content ul li h4 {
          font-size: 48px; }
      .products-wrap .list-content ul li div {
        display: flex;
        justify-content: space-between;
        height: 1.7rem;
        align-items: flex-end; }
        .products-wrap .list-content ul li div img {
          padding-left: 10px;
          align-self: center;
          width: 2.6666666667rem;
          height: 1.2rem; }
        .products-wrap .list-content ul li div span {
          font-size: 14px;
          color: #ffffff;
          padding-right: 0.1333333333rem;
          padding-bottom: 0.1333333333rem; }
          [data-dpr="2"] .products-wrap .list-content ul li div span {
            font-size: 28px; }
          [data-dpr="3"] .products-wrap .list-content ul li div span {
            font-size: 42px; }
    .products-wrap .list-content ul li:nth-of-type(1) {
      background: #BA8FC5; }
    .products-wrap .list-content ul li:nth-of-type(2) {
      background: #FFB900; }
    .products-wrap .list-content ul li:nth-of-type(3) {
      background: #89DAF5; }
    .products-wrap .list-content ul li:nth-of-type(4) {
      background: #73D1C1; }

/*-----------产品详情-----------*/
.product-d-wrap {
  padding-bottom: 1.439rem; }
  .product-d-wrap .product .swiper-container {
    width: 8rem;
    height: 8rem; }
    .product-d-wrap .product .swiper-container img {
      width: 100%; }
    .product-d-wrap .product .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
      width: 0.2133333333rem;
      height: 0.2133333333rem;
      margin: 0 0.1333333333rem; }
    .product-d-wrap .product .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
      opacity: 1;
      background: #666; }
  .product-d-wrap .product .info {
    display: flex;
    flex-direction: column; }
    .product-d-wrap .product .info h1 {
      align-self: flex-start;
      font-size: 20px;
      font-weight: 600;
      border-bottom: 1px solid #eee;
      padding: 0.2666666667rem 0; }
      [data-dpr="2"] .product-d-wrap .product .info h1 {
        font-size: 40px; }
      [data-dpr="3"] .product-d-wrap .product .info h1 {
        font-size: 60px; }
    .product-d-wrap .product .info .desc p {
      font-size: 14px;
      line-height: 2; }
      [data-dpr="2"] .product-d-wrap .product .info .desc p {
        font-size: 28px; }
      [data-dpr="3"] .product-d-wrap .product .info .desc p {
        font-size: 42px; }
    .product-d-wrap .product .info .btn-area {
      display: flex;
      justify-content: space-between;
      margin-top: 0.2666666667rem; }
      .product-d-wrap .product .info .btn-area a {
        display: block;
        flex-grow: 1;
        width: 46%;
        text-align: center;
        line-height: 1.0666666667rem;
        border: 1px solid #f5b834;
        font-size: 14px;
        letter-spacing: 2px; }
        [data-dpr="2"] .product-d-wrap .product .info .btn-area a {
          font-size: 28px; }
        [data-dpr="3"] .product-d-wrap .product .info .btn-area a {
          font-size: 42px; }
        .product-d-wrap .product .info .btn-area a:nth-of-type(1) {
          margin-right: 4%;
          background: #f5b834;
          color: #fff; }
        .product-d-wrap .product .info .btn-area a:nth-last-of-type(1) {
          background: #fff;
          color: #f5b834; }
  .product-d-wrap .product .detail {
    margin-top: 1.3333333333rem; }
    .product-d-wrap .product .detail .detail-tab ul {
      display: flex;
      border-bottom: 1px solid #eee; }
      .product-d-wrap .product .detail .detail-tab ul li a {
        display: block;
        width: 2.6666666667rem;
        line-height: 1.0666666667rem;
        text-align: center;
        font-size: 14px;
        color: #333333; }
        [data-dpr="2"] .product-d-wrap .product .detail .detail-tab ul li a {
          font-size: 28px; }
        [data-dpr="3"] .product-d-wrap .product .detail .detail-tab ul li a {
          font-size: 42px; }
      .product-d-wrap .product .detail .detail-tab ul li.active a {
        color: #f5b834; }
    .product-d-wrap .product .detail .detail-content {
      margin-top: 0.5333333333rem; }
      .product-d-wrap .product .detail .detail-content .content {
        display: none; }
        .product-d-wrap .product .detail .detail-content .content img {
          width: 100%; }

/*-----------选购指南-----------*/
.guide-wrap {
  margin-top: 0.2666666667rem;
  padding-bottom: 1.439rem; }
  .guide-wrap .guide-list li a {
    display: block;
    height: 2.4666666667rem;
    position: relative;
    overflow: hidden; }
    .guide-wrap .guide-list li a .bg {
      position: absolute;
      width: 100%;
      height: 2.6666666667rem;
      top: 0; }
    .guide-wrap .guide-list li a p {
      position: absolute;
      width: 100%;
      text-align: center;
      z-index: 88;
      line-height: 2.4666666667rem;
      font-size: 18px;
      color: #fff;
      background: rgba(36, 35, 35, 0.3); }
      [data-dpr="2"] .guide-wrap .guide-list li a p {
        font-size: 36px; }
      [data-dpr="3"] .guide-wrap .guide-list li a p {
        font-size: 54px; }

/*-----------选购指南详情-----------*/
.guide-detail-wrap {
  padding: 0.4rem 0.4rem 1.7333333333rem; }
  .guide-detail-wrap .title {
    font-size: 20px;
    color: #666666; }
    [data-dpr="2"] .guide-detail-wrap .title {
      font-size: 40px; }
    [data-dpr="3"] .guide-detail-wrap .title {
      font-size: 60px; }
  .guide-detail-wrap .subtitle {
    font-size: 14px;
    color: #5b5b5b;
    padding-bottom: 0.4rem; }
    [data-dpr="2"] .guide-detail-wrap .subtitle {
      font-size: 28px; }
    [data-dpr="3"] .guide-detail-wrap .subtitle {
      font-size: 42px; }
  .guide-detail-wrap .guide-detail {
    padding: 0.4rem 0;
    border-top: 1px solid #ddd; }
    .guide-detail-wrap .guide-detail img {
      margin: 0.4rem 0;
      width: 100% !important;
      height: auto !important; }
    .guide-detail-wrap .guide-detail .align-center {
      text-align: center; }
    .guide-detail-wrap .guide-detail h3 {
      font-size: 16px;
      color: #333333; }
      [data-dpr="2"] .guide-detail-wrap .guide-detail h3 {
        font-size: 32px; }
      [data-dpr="3"] .guide-detail-wrap .guide-detail h3 {
        font-size: 48px; }
    .guide-detail-wrap .guide-detail p {
      font-size: 12px;
      color: #333333;
      text-align: center !important; }
      [data-dpr="2"] .guide-detail-wrap .guide-detail p {
        font-size: 24px; }
      [data-dpr="3"] .guide-detail-wrap .guide-detail p {
        font-size: 36px; }
    .guide-detail-wrap .guide-detail .swiper-container {
      height: 3.7333333333rem; }
      .guide-detail-wrap .guide-detail .swiper-container img {
        width: 2.4666666667rem;
        height: 3.5866666667rem;
        margin: 0 auto; }
    .guide-detail-wrap .guide-detail .guide-item3 li {
      width: 100%;
      margin: 0.4rem auto;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
    .guide-detail-wrap .guide-detail .guide-item3 img {
      width: 100%;
      height: 3.3866666667rem;
      margin: 0; }
    .guide-detail-wrap .guide-detail .guide-item3 .info {
      height: 1.3333333333rem;
      line-height: 1.3333333333rem;
      text-align: center;
      font-size: 16px; }
      [data-dpr="2"] .guide-detail-wrap .guide-detail .guide-item3 .info {
        font-size: 32px; }
      [data-dpr="3"] .guide-detail-wrap .guide-detail .guide-item3 .info {
        font-size: 48px; }
    .guide-detail-wrap .guide-detail .guide-item6 ul {
      display: flex;
      flex-wrap: wrap; }
      .guide-detail-wrap .guide-detail .guide-item6 ul li {
        flex-grow: 1;
        width: 49%; }
        .guide-detail-wrap .guide-detail .guide-item6 ul li:nth-of-type(2n-1) {
          margin-right: 2%; }
  .guide-detail-wrap .page {
    margin-top: 0.4rem;
    display: flex;
    height: 0.8rem;
    align-items: center;
    justify-content: space-around; }
    .guide-detail-wrap .page a {
      display: block;
      background: #dddddd;
      width: 2.4rem;
      line-height: 0.8rem;
      text-align: center;
      border-radius: 8px;
      color: #333333; }
      .guide-detail-wrap .page a.on {
        background: #ffba00;
        color: #fff; }

/*-----------线下门店-----------*/
.stores-wrap {
  margin-top: 0.2666666667rem;
  padding-bottom: 1.439rem; }
  .stores-wrap .stores-list li {
    display: flex;
    margin-bottom: 0.2666666667rem; }
    .stores-wrap .stores-list li:nth-last-of-type(1) {
      margin-bottom: 0; }
    .stores-wrap .stores-list li img {
      width: 4rem;
      height: 2.8rem;
      margin-right: 0.2666666667rem; }
    .stores-wrap .stores-list li .info {
      flex: 1; }
      .stores-wrap .stores-list li .info .num {
        display: block;
        width: 0.48rem;
        height: 0.48rem;
        line-height: 0.48rem;
        text-align: center;
        background: #ffba00;
        font-size: 12px; }
        [data-dpr="2"] .stores-wrap .stores-list li .info .num {
          font-size: 24px; }
        [data-dpr="3"] .stores-wrap .stores-list li .info .num {
          font-size: 36px; }
      .stores-wrap .stores-list li .info div {
        display: flex;
        flex-direction: column;
        margin-top: 0.1866666667rem; }
        .stores-wrap .stores-list li .info div h2 {
          font-size: 14px;
          font-weight: 600;
          color: #333333; }
          [data-dpr="2"] .stores-wrap .stores-list li .info div h2 {
            font-size: 28px; }
          [data-dpr="3"] .stores-wrap .stores-list li .info div h2 {
            font-size: 42px; }
        .stores-wrap .stores-list li .info div p {
          font-size: 12px;
          color: #333333;
          border-bottom: 1px solid #333;
          padding: 0.1333333333rem 0; }
          [data-dpr="2"] .stores-wrap .stores-list li .info div p {
            font-size: 24px; }
          [data-dpr="3"] .stores-wrap .stores-list li .info div p {
            font-size: 36px; }
        .stores-wrap .stores-list li .info div .more {
          display: block;
          width: 2.1333333333rem;
          line-height: 0.6133333333rem;
          text-align: center;
          background: #ffba00;
          color: #333;
          align-self: flex-end;
          margin-top: 0.1333333333rem;
          font-size: 14px; }
          [data-dpr="2"] .stores-wrap .stores-list li .info div .more {
            font-size: 28px; }
          [data-dpr="3"] .stores-wrap .stores-list li .info div .more {
            font-size: 42px; }

/*-----------用户案例-----------*/
.examples-wrap {
  margin-top: 0.2666666667rem;
  padding-bottom: 1.439rem; }
  .examples-wrap .examples-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 0.2666666667rem; }
    .examples-wrap .examples-list li {
      flex-grow: 1;
      width: 46%;
      box-shadow: 5px 5px 20px #ddd;
      margin-bottom: 0.2666666667rem; }
      .examples-wrap .examples-list li:nth-of-type(2n) {
        margin-left: 2%; }
      .examples-wrap .examples-list li:nth-of-type(2n-1) {
        margin-right: 2%; }
      .examples-wrap .examples-list li img {
        width: 100%;
        height: 2.9333333333rem; }
      .examples-wrap .examples-list li .info {
        height: 1.7333333333rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0.32rem 0;
        text-align: center; }
        .examples-wrap .examples-list li .info h3 {
          font-size: 14px;
          font-weight: 600; }
          [data-dpr="2"] .examples-wrap .examples-list li .info h3 {
            font-size: 28px; }
          [data-dpr="3"] .examples-wrap .examples-list li .info h3 {
            font-size: 42px; }
        .examples-wrap .examples-list li .info p {
          font-size: 11px; }
          [data-dpr="2"] .examples-wrap .examples-list li .info p {
            font-size: 22px; }
          [data-dpr="3"] .examples-wrap .examples-list li .info p {
            font-size: 33px; }

/*-----------服务中心-----------*/
.services-wrap {
  margin-top: 0.2666666667rem;
  padding-bottom: 1.439rem; }
  .services-wrap .services-list {
    padding-top: 0.2666666667rem; }
    .services-wrap .services-list li img {
      width: 100%;
      height: 6.1333333333rem; }
    .services-wrap .services-list li .info {
      padding: 0.2666666667rem 0.1333333333rem; }
      .services-wrap .services-list li .info h3 {
        font-size: 16px;
        font-weight: 600;
        color: #666;
        margin-bottom: 0.2666666667rem;
        text-align: center; }
        [data-dpr="2"] .services-wrap .services-list li .info h3 {
          font-size: 32px; }
        [data-dpr="3"] .services-wrap .services-list li .info h3 {
          font-size: 48px; }
      .services-wrap .services-list li .info p {
        font-size: 14px;
        color: #999; }
        [data-dpr="2"] .services-wrap .services-list li .info p {
          font-size: 28px; }
        [data-dpr="3"] .services-wrap .services-list li .info p {
          font-size: 42px; }
  .services-wrap .section-que-ans {
    padding-bottom: 0.2666666667rem; }
    .services-wrap .section-que-ans .title {
      display: flex;
      height: 0.8rem;
      align-items: center;
      justify-content: space-between;
      background: #f2fcff;
      padding: 0 0.6666666667rem;
      font-size: 16px; }
      [data-dpr="2"] .services-wrap .section-que-ans .title {
        font-size: 32px; }
      [data-dpr="3"] .services-wrap .section-que-ans .title {
        font-size: 48px; }
      .services-wrap .section-que-ans .title em {
        color: #ffba00;
        margin: 0 4px; }
    .services-wrap .section-que-ans li {
      padding: 0 0.6666666667rem;
      border-bottom: 1px dashed #999; }
      .services-wrap .section-que-ans li:nth-last-of-type(1) {
        border-bottom: none; }
      .services-wrap .section-que-ans li a {
        font-size: 14px;
        display: block;
        width: 100%;
        color: #333333;
        line-height: 0.8rem; }
        [data-dpr="2"] .services-wrap .section-que-ans li a {
          font-size: 28px; }
        [data-dpr="3"] .services-wrap .section-que-ans li a {
          font-size: 42px; }
    .services-wrap .section-que-ans .more-box {
      padding: 0 0.6666666667rem;
      display: flex;
      justify-content: flex-end; }
      .services-wrap .section-que-ans .more-box a {
        font-size: 14px;
        color: #333; }
        [data-dpr="2"] .services-wrap .section-que-ans .more-box a {
          font-size: 28px; }
        [data-dpr="3"] .services-wrap .section-que-ans .more-box a {
          font-size: 42px; }
  .services-wrap .services-a-detail .title {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding-top: 0.4rem;
    margin-bottom: 0.2666666667rem; }
    [data-dpr="2"] .services-wrap .services-a-detail .title {
      font-size: 36px; }
    [data-dpr="3"] .services-wrap .services-a-detail .title {
      font-size: 54px; }
  .services-wrap .services-a-detail p {
    font-size: 12px;
    line-height: 1.6;
    text-align: center; }
    [data-dpr="2"] .services-wrap .services-a-detail p {
      font-size: 24px; }
    [data-dpr="3"] .services-wrap .services-a-detail p {
      font-size: 36px; }
  .services-wrap .services-a-detail img {
    width: 100%;
    margin: 0.2666666667rem 0; }

/*-----------问答详情-----------*/
.answer-wrap ul {
  padding: 0.2666666667rem 0.24rem 1.439rem; }
  .answer-wrap ul li {
    border-bottom: 1px dashed #999; }
    .answer-wrap ul li:nth-last-of-type(1) {
      border-bottom: none; }
    .answer-wrap ul li .title {
      height: 1.0666666667rem;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .answer-wrap ul li .title h3 {
        border-left: 0.08rem solid #89daf5;
        padding-left: 0.2666666667rem;
        font-size: 14px; }
        [data-dpr="2"] .answer-wrap ul li .title h3 {
          font-size: 28px; }
        [data-dpr="3"] .answer-wrap ul li .title h3 {
          font-size: 42px; }
      .answer-wrap ul li .title span {
        font-size: 14px;
        display: flex;
        align-items: center; }
        [data-dpr="2"] .answer-wrap ul li .title span {
          font-size: 28px; }
        [data-dpr="3"] .answer-wrap ul li .title span {
          font-size: 42px; }
        .answer-wrap ul li .title span .icon {
          margin-left: 0.2666666667rem;
          display: block;
          width: 0.2rem;
          height: 0.1333333333rem; }
          .answer-wrap ul li .title span .icon.up {
            background: url("../images/icon-up.png") no-repeat center center;
            background-size: contain; }
          .answer-wrap ul li .title span .icon.down {
            background: url("../images/icon-down.png") no-repeat center center;
            background-size: contain; }
    .answer-wrap ul li .detail {
      background: #fff;
      box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.11);
      padding: 0.6666666667rem 0.4rem;
      display: none; }
      .answer-wrap ul li .detail p {
        margin: 0.1333333333rem 0; }
        .answer-wrap ul li .detail p:nth-of-type(1) {
          margin-top: 0; }
        .answer-wrap ul li .detail p:nth-last-of-type(1) {
          margin-bottom: 0; }

/*-----------详情页-----------*/
.detail-wrap {
  margin-top: 0.2666666667rem;
  padding: 0.2666666667rem 0.24rem 1.439rem;
  background: #fff; }
  .detail-wrap .title {
    padding-bottom: 0.1333333333rem;
    border-bottom: 1px solid #ddd; }
    .detail-wrap .title h2 {
      font-size: 18px;
      text-align: center; }
      [data-dpr="2"] .detail-wrap .title h2 {
        font-size: 36px; }
      [data-dpr="3"] .detail-wrap .title h2 {
        font-size: 54px; }
    .detail-wrap .title span {
      font-size: 12px;
      color: #999;
      display: block;
      text-align: center;
      margin-top: 0.2666666667rem; }
      [data-dpr="2"] .detail-wrap .title span {
        font-size: 24px; }
      [data-dpr="3"] .detail-wrap .title span {
        font-size: 36px; }
  .detail-wrap .info {
    padding: 0.2666666667rem 0; }
    .detail-wrap .info p {
      line-height: 1.6;
      color: #333;
      margin: 0.1333333333rem 0; }
      .detail-wrap .info p span {
        color: #999; }
    .detail-wrap .info img {
      margin: 0.2666666667rem 0; }

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