@charset "UTF-8";
/* 服务行业 */
#service-industry {
  padding-top: 0.63rem;
  margin-bottom: 0.57rem;
  position: relative;
}

#service-industry .arrow {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0.68rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#service-industry .gallery {
  padding-left: 0;
  margin-top: 0.31rem;
  margin-bottom: 0;
  overflow: hidden;
}

#service-industry .gallery li {
  float: left;
  width: 33.33%;
  position: relative;
}

#service-industry .gallery li img {
  vertical-align: top;
  width: 100%;
  height: 1.8rem;
}

#service-industry .gallery li .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 0.13rem;
  line-height: 0.44rem;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
}

/* 平台推广 */
#platform-promotion .arrow-wrap {
  text-align: center;
  margin-bottom: 0.16rem;
}

#platform-promotion .arrow-wrap .arrow {
  vertical-align: top;
  width: 0.68rem;
}

#platform-promotion .public_title {
  margin-bottom: 0.29rem;
}

#platform-promotion .app-list {
  text-align: center;
  margin-bottom: 0.31rem;
}

#platform-promotion .app-list ul {
  width: 60.41667%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0.36rem;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#platform-promotion .app-list ul li img {
  vertical-align: top;
  width: 0.59rem;
  height: 0.59rem;
}

#platform-promotion .app-list ul li .caption {
  font-size: 0.09rem;
  line-height: 0.28rem;
  text-align: center;
  color: #fff;
}

/* scope */
.scope {
  position: relative;
  z-index: 1;
}

.scope .scope_l,
.scope_r {
  float: left;
  width: 50%;
  height: 5.39rem;
  position: relative;
}

.scope .scope_l_column {
  position: absolute;
  top: 0.94rem;
  right: 0.57rem;
}

.scope .scope_l_column div:first-child {
  width: 2.39rem;
  margin-left: 0.41rem;
  margin-bottom: 0.63rem;
  color: #fff;
}

.scope .scope_l_column div:first-child p:first-child {
  font-size: 0.29rem;
  color: #d82647;
}

.scope .scope_l_column div:first-child p:nth-child(2) {
  font-size: 0.16rem;
  margin: 0.08rem 0;
}

.scope .scope_l_column div:first-child p {
  font-size: 0.09rem;
}

.scope .scope_l div:last-child img {
  width: 2.24rem;
  height: 2.5rem;
}

.scope .scope_step {
  text-align: center;
  position: absolute;
  left: 50%;
  top: -0.34rem;
  width: 0.68rem;
  height: 6.09rem;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.scope .scope_step ul li {
  margin-bottom: 0.63rem;
  position: relative;
}

.scope .scope_step ul li img {
  width: 0.45rem;
  height: 0.45rem;
}

.scope .scope_step ul li:first-child {
  margin-bottom: 0.63rem;
}

.scope .scope_step ul li:first-child img {
  width: 0.67rem;
  height: 0.67rem;
}

.scope .scope_step ul li:last-child {
  margin-top: 0.64rem;
  margin-bottom: 0;
}

.scope .scope_step ul li:last-child img {
  width: 0.67rem;
  height: 0.67rem;
}

.scope .scope_step ul li .step_line {
  width: 1px;
  height: 0.63rem;
  background-color: #ff2f56;
  position: absolute;
  top: 0.45rem;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.scope .scope_step ul li:first-child .step_line {
  height: 0.63rem;
  top: 0.67rem;
}

.scope .scope_step ul li:nth-child(5) .step_line {
  height: 0.73rem;
}

.scope .scope_step ul li:nth-child(5) {
  margin-bottom: 0.44rem;
}

.scope .scope_step ul li:nth-child(6) .step_line {
  height: 0.81rem;
}

.scope .scope_r > ul {
  position: absolute;
  top: 0.81rem;
  left: 0.63rem;
  right: 0.57rem;
}

.scope .scope_r > ul > li img {
  margin-right: 0.09rem;
}

.scope .scope_r > ul > li:first-child img {
  width: 0.18rem;
  height: 0.2rem;
}

.scope .scope_r > ul > li:nth-child(2) img {
  width: 0.16rem;
  height: 0.2rem;
}

.scope .scope_r > ul > li:nth-child(3) img {
  width: 0.21rem;
  height: 0.21rem;
}

.scope .scope_r > ul > li:nth-child(4) img {
  width: 0.21rem;
  height: 0.21rem;
}

.scope .scope_r > ul > li:nth-child(5) img {
  width: 0.2rem;
  height: 0.2rem;
}

.scope .scope_r > ul > li:first-child .scope_r_content > ul li {
  float: left;
  width: 1.46rem;
}

.scope .scope_r > ul > li:nth-child(2) .scope_r_content {
  margin-left: 0.13rem;
}

.scope .scope_r > ul > li:first-child .scope_r_content {
  margin-left: 0.11rem;
}

.scope .scope_r > ul > li:last-child .scope_r_content {
  margin-left: 0.1rem;
}

.scope .scope_r > ul > li {
  margin-bottom: 0.44rem;
}

.scope .scope_r img {
  float: left;
}

.scope_r_content {
  overflow: hidden;
}

.scope_r_content > ul {
  margin-top: 0.1rem;
  padding-left: 20px;
}

.scope_r_content > ul li {
  line-height: 1.8;
  color: #fff;
  list-style-type: disc;
}

.scope_r_content p {
  font-size: 0.09rem;
  color: #fff;
}

.scope_r_content p:first-child {
  font-size: 0.13rem;
  color: #ff2f56;
  margin-top: 0.04rem;
}

.scope_r_content p:nth-child(2) {
  margin: 0.11rem 0 0.04rem 0;
}

/* process */
.process {
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  padding-top: 1.09rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 5.49rem;
}

.process ul {
  margin-top: 0.47rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.process ul:nth-child(3) {
  margin-top: 0.34rem;
}

.process ul li {
  float: left;
  margin-right: 0.42rem;
}

.process ul li p {
  margin-top: 0.16rem;
  font-size: 0.09rem;
  color: #fff;
}

.process ul li:last-child {
  margin-right: 0;
}

.process ul:nth-child(2) li img {
  width: 0.64rem;
  height: 0.64rem;
}

.process ul:nth-child(3) li img {
  width: 0.64rem;
  height: 0.65rem;
}

.process img:last-child {
  padding-top: 0.47rem;
  width: 0.67rem;
  height: 0.67rem;
}

/* 团队展示 */
#team-presentation {
  padding-top: 0.47rem;
  padding-bottom: 0.78rem;
  background-color: rgba(0, 0, 0, 0.4);
  position: relative;
}

#team-presentation .gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 6.23rem;
  margin: 0.42rem auto 0;
  text-align: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#team-presentation .gallery li {
  margin-bottom: 0.15rem;
}

#team-presentation .gallery li img {
  width: 1.95rem;
  height: 1.14rem;
}

#team-presentation .gallery li .caption {
  background-color: #fff;
  line-height: 0.26rem;
  font-size: 0.09rem;
}

#team-presentation .arrow {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0.68rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* case */
.case {
  margin-top: 0.81rem;
  text-align: center;
  position: relative;
  height: 5.21rem;
}

.case > img {
  width: 0.67rem;
  height: 0.67rem;
}

.case_swiper {
  position: relative;
  overflow: hidden;
  margin-top: 0.52rem;
  margin-bottom: 0.52rem;
}

.case_swiper .swiper-container {
  width: 7.81rem;
  height: 2.64rem;
  margin-left: auto;
  margin-right: auto;
}

.case_swiper .swiper-slide {
  width: 1.7rem;
  height: 2.64rem;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  position: relative;
}

.case_swiper .swiper-slide:last-child {
  margin-right: 0;
}

.case_swiper .swiper-slide img {
  width: 1.7rem;
  height: 2.64rem;
}

.case_swiper .swiper-control {
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 99;
  padding: 0.26rem 0.07rem;
  background-color: #db2748;
  margin-top: -0.41rem;
}

.case_swiper .swiper-control img {
  height: 0.29rem;
  width: 0.26rem;
}

.case_swiper .swiper-prev {
  left: 6%;
}

.case_swiper .swiper-next {
  right: 6%;
}

/* public */
.public_title p:first-child {
  font-size: 0.29rem;
  color: #d82647;
}

.public_title p:nth-child(2) {
  color: #fff;
  font-size: 0.16rem;
  margin: 0.09rem 0;
}

.public_title p:nth-child(3) {
  color: #fff;
  font-size: 0.09rem;
}

.banner {
  padding-top: 51%;
}

@media screen and (max-width: 750px) {
  .header, #head, #contact, #contact + div, #foot {
    display: none;
  }
  .banner {
    margin-top: 1.73rem;
  }
  #mobile {
    display: block;
    text-align: center;
    color: #fff;
  }
  .banner_m {
    padding-top: 51.6%;
  }
  .banner_m .phone-link {
    position: absolute;
    top: 81.13%;
    width: 40.66%;
    left: 29.67%;
    height: 12.14%;
  }
  .dyop_title {
    margin: 0.8rem 0 0.67rem 0;
  }
  .dyop_title .title {
    color: #d82647;
    font-size: 0.53rem;
    margin-bottom: 10px;
  }
  .dyop_title .desc {
    font-size: 0.27rem;
    line-height: 0.4rem;
    padding: 0 0.53rem;
  }
  .satisfied_m .dyop_title .desc {
    font-size: 0.27rem;
    padding: 0 0.93rem;
    text-align: left;
  }
  .service_m ul {
    width: 92%;
    margin: 0 auto;
  }
  .service_m ul li {
    float: left;
    width: 49%;
    height: 3.73rem;
    background-color: rgba(255, 255, 255, 0.05);
    margin-right: 2%;
    margin-top: 2%;
    padding: 0.43rem;
    padding-top: 0.67rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
  }
  .service_m ul li:nth-child(2) {
    margin-right: 0;
  }
  .service_m ul:nth-child(2) li {
    margin-top: 0;
  }
  .service_m ul li .title {
    color: #d82647;
    text-align: center;
    font-size: 0.35rem;
    margin-bottom: 0.13rem;
  }
  .service_m ul li .content {
    font-size: 0.29rem;
    line-height: 0.47rem;
  }
  .service_m ul:last-child li:last-child {
    background: url(../img/mobile/dyop/diannao.png) no-repeat center;
    background-size: contain;
  }
  .satisfied_m ul {
    display: inline-block;
  }
  .satisfied_m ul:last-child {
    margin-top: 0.47rem;
  }
  .satisfied_m ul li {
    float: left;
    position: relative;
    margin-right: 0.4rem;
  }
  .satisfied_m ul li:last-child {
    margin-right: 0;
  }
  .satisfied_m ul li img {
    width: 1.23rem;
    height: 1.23rem;
  }
  .satisfied_m ul li p {
    margin-top: 0.13rem;
    font-size: 0.29rem;
  }
  .satisfied_m ul li span {
    font-size: 0.24rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -30%);
            transform: translate(-50%, -30%);
  }
  .case_swiper_m {
    padding-top: 0.88rem;
    overflow: hidden;
    width: 9.6rem;
    height: 8.88rem;
    margin: 0 auto;
  }
  .case_swiper_m .swiper-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
  }
  .case_swiper_m .swiper-slide {
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 300ms;
    transition: 300ms;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .case_swiper_m .my-slide-prev {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    z-index: 8;
  }
  .case_swiper_m .my-slide-next {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    z-index: 8;
  }
  .case_swiper_m .swiper-slide img {
    width: 3.47rem;
    height: 7.4rem;
    -webkit-box-shadow: 1px 1px 10px 2px #000;
            box-shadow: 1px 1px 10px 2px #000;
  }
  .case_swiper_m .swiper-slide-active,
  .swiper-slide-duplicate-active {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    z-index: 9;
  }
}

#contact .contact {
  padding-top: 0.16rem;
}