body {
  background: #fff; }

.wrapper {
  width: 6.30616rem;
  margin: 0 auto;
  font-size: 0; }

#api-slider {
  position: relative;
  width: 100%;
  overflow: hidden; }
  #api-slider .slider-containter {
    width: 100%;
    text-align: center; }
    #api-slider .slider-containter .banner-img {
      width: 100%;
      position: relative; }
      #api-slider .slider-containter .banner-img img {
        width: 100%;
        height: auto;
        vertical-align: middle; }
      #api-slider .slider-containter .banner-img .img-mobile {
        display: none; }
      #api-slider .slider-containter .banner-img .btn {
        position: absolute;
        top: 70%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        #api-slider .slider-containter .banner-img .btn span.link-btn {
          display: block;
          width: 0.84082rem;
          height: .241736rem;
          border: solid 1px #e7efff;
          font-size: 0.14714rem;
          line-height: 0.24174rem;
          color: #fff;
          cursor: pointer; }
          #api-slider .slider-containter .banner-img .btn span.link-btn:hover {
            border-color: rgba(0, 134, 199, 0.8); }
  #api-slider .aislider-pagination {
    position: absolute;
    bottom: 0.45194rem !important;
    text-align: center;
    z-index: 99; }
    #api-slider .aislider-pagination .swiper-pagination-bullet {
      background: #f3f3f3;
      opacity: 1; }
      #api-slider .aislider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #007aff; }

.api {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }
  .api .com-title {
    margin: 0;
    padding: 0;
    line-height: 0.16816rem;
    font-size: 0.16816rem;
    color: #313131;
    text-align: center; }
    .api .com-title.white {
      color: #fff; }
  .api .desc-title {
    margin: 0;
    padding: 0;
    line-height: 0.16816rem;
    font-size: 0.12612rem;
    color: #4e4e4e; }
  .api .desc-text {
    margin: 0;
    padding: 0;
    line-height: 0.12612rem;
    font-size: 0.08408rem;
    color: #777; }
  .api .contanct-wrap {
    margin-top: -0.31531rem; }
    .api .contanct-wrap img {
      height: 0.78827rem; }
    .api .contanct-wrap .desc {
      margin-left: 0.31531rem; }
      @media screen and (max-width: 768px) {
        .api .contanct-wrap .desc {
          width: 80%;
          font-size: 16px; } }
    .api .contanct-wrap .desc-title {
      margin-bottom: 0.08408rem;
      line-height: 0.12612rem; }
  .api .introduce-wrap .com-title {
    padding: 0.55179rem 0 0.31531rem; }
  .api .introduce-wrap .content {
    margin: 0;
    padding: 0;
    margin-bottom: 0.26276rem;
    display: flex;
    justify-content: space-around; }
  .api .introduce-wrap .item-box {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 1.176rem;
    height: 1.176rem;
    background-color: #f5f5f5; }
    .api .introduce-wrap .item-box.mobile {
      display: none;
      opacity: 0; }
    .api .introduce-wrap .item-box:nth-of-type(1) {
      padding: 0.21021rem 0; }
    .api .introduce-wrap .item-box .icon1 {
      width: 0.49924rem; }
    .api .introduce-wrap .item-box .icon2 {
      width: 0.44143rem; }
    .api .introduce-wrap .item-box .icon3 {
      width: 0.46245rem; }
    .api .introduce-wrap .item-box .icon4 {
      width: 0.47822rem; }
    .api .introduce-wrap .item-box .icon5 {
      width: 0.48347rem; }
  .api .introduce-wrap .desc-title {
    padding-top: 0.1051rem; }
  .api .introduce-wrap .desc-text {
    text-align: center;
    font-size: 0.09459rem;
    color: #828282; }
  .api .btn-wrap {
    width: 100%;
    font-size: 0;
    text-align: center;
    margin: 0.31531rem 0 0.42041rem; }
    .api .btn-wrap .link-btn {
      display: inline-block;
      width: 0.9375rem;
      text-align: center;
      line-height: 0.26042rem;
      font-size: 0.125rem;
      letter-spacing: 2.4px;
      color: #fff;
      background-color: #007bc0;
      border-radius: 6px;
      cursor: pointer; }
      .api .btn-wrap .link-btn:hover {
        background-color: rgba(0, 123, 192, 0.8); }

@media screen and (max-width: 1300px) {
  .wrapper {
    width: 75%; }
  .api .introduce-wrap .item-box {
    width: 1.2936rem;
    height: 1.2936rem; } }

@media screen and (max-width: 990px) {
  .wrapper {
    width: 85%; }
  .api .com-title {
    font-size: 0.1997rem; }
  .api .desc-title {
    line-height: 0.23648rem;
    font-size: 0.17657rem; }
  .api .desc-text {
    line-height: 0.18918rem;
    font-size: 0.11771rem; }
  .api .contanct-wrap img {
    height: 0.94593rem; }
  .api .contanct-wrap .desc-title {
    margin-bottom: 0.1009rem;
    line-height: 0.15135rem; }
  .api .introduce-wrap .item-box {
    width: 1.5288rem;
    height: 1.5288rem; }
  .api .btn-wrap .link-btn {
    line-height: 0.4099rem;
    padding: 0 0.23123rem;
    font-size: 0.19654rem; } }

@media screen and (max-width: 768px) {
  .mobile {
    display: block; }
  .pc {
    display: none; }
  #api-slider .slider-containter .banner-img .img {
    display: none; }
  #api-slider .slider-containter .banner-img .img-mobile {
    display: inline; }
  #api-slider .slider-containter .banner-img .btn span.link-btn {
    display: block;
    width: 2.10206rem;
    height: 0.60434rem;
    line-height: 0.60434rem;
    font-size: 0.36786rem; }
  .wrapper {
    box-sizing: border-box;
    width: 100%;
    padding: 0 0.31531rem; }
  .api .com-title {
    line-height: 0.49267rem;
    font-size: 0.42041rem; }
  .api .desc-title {
    line-height: 0.39413rem;
    font-size: 0.27747rem; }
  .api .desc-text {
    line-height: 0.4099rem;
    font-size: 0.21021rem; }
  .api .contanct-wrap {
    margin-top: 0.78827rem; }
    .api .contanct-wrap img {
      height: 1.97068rem; }
    .api .contanct-wrap .wrapper {
      padding-right: 0; }
    .api .contanct-wrap .desc-title {
      margin-bottom: 0.21021rem;
      line-height: 0.31531rem; }
  .api .introduce-wrap .com-title {
    padding: 0.55179rem 0 0.91531rem; }
  .api .introduce-wrap .item-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 2.94rem;
    height: 2.94rem;
    margin-bottom: 0.18919rem;
    background-color: #f5f5f5; }
    .api .introduce-wrap .item-box.mobile {
      display: inline-block; }
    .api .introduce-wrap .item-box:nth-of-type(1) {
      padding: 0.57807rem 0; }
    .api .introduce-wrap .item-box .icon1 {
      width: 0.99848rem; }
    .api .introduce-wrap .item-box .icon2 {
      width: 0.88286rem; }
    .api .introduce-wrap .item-box .icon3 {
      width: 0.9249rem; }
    .api .introduce-wrap .item-box .icon4 {
      width: 0.95643rem; }
    .api .introduce-wrap .item-box .icon5 {
      width: 0.96695rem; }
  .api .introduce-wrap .desc-text {
    font-size: 0.23648rem; }
  .api .btn-wrap {
    top: 72%; }
    .api .btn-wrap .link-btn {
      width: 4.55729rem;
      height: 1.17188rem;
      line-height: 1.17188rem;
      font-size: 0.52083rem; } }

.api .introduce-wrap .item-box {
  box-sizing: border-box;
  width: 1.176rem;
  height: 1.176rem;
  padding: 0.26276rem 0;
  background-color: #f5f5f5;
  text-align: center;
  display: flex;
  flex-direction: column; }

.api .introduce-wrap .content {
  margin: 0;
  padding: 0;
  margin-bottom: 0.26276rem; }