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

.pc {
  display: block; }

.mobile {
  display: none; }

#agency-slider {
  width: 100%;
  position: relative;
  overflow: hidden; }
  #agency-slider .slider-containter {
    width: 100%;
    text-align: center; }
    #agency-slider .slider-containter .banner-img {
      width: 100%;
      position: relative; }
      #agency-slider .slider-containter .banner-img img {
        width: 100%;
        height: auto;
        vertical-align: middle; }
      #agency-slider .slider-containter .banner-img .img-mobile {
        display: none; }
      #agency-slider .slider-containter .banner-img .btn {
        position: absolute;
        top: 70%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        #agency-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; }
          #agency-slider .slider-containter .banner-img .btn span.link-btn:hover {
            border-color: rgba(0, 134, 199, 0.8); }
  #agency-slider .aislider-pagination {
    position: absolute;
    bottom: 0.45194rem !important;
    text-align: center;
    z-index: 99; }
    #agency-slider .aislider-pagination .swiper-pagination-bullet {
      background: #f3f3f3;
      opacity: 1; }
      #agency-slider .aislider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #007aff; }

.agency {
  box-sizing: border-box; }
  .agency .com-title {
    line-height: 0.19707rem;
    font-size: 0.16816rem;
    color: #313131;
    text-align: center; }
    .agency .com-title.white {
      color: #fff; }
  .agency .com-title2 {
    margin-bottom: 0.31531rem;
    color: #1898d7; }
  .agency .com-desc {
    line-height: 0.15765rem;
    font-size: 0.12612rem;
    color: #6d6d6d;
    text-align: center; }
    .agency .com-desc.white {
      color: #fff; }
    .agency .com-desc .com-blue {
      color: #17a3e7; }
  .agency .desc-title {
    margin: 0 auto 0.12087rem;
    padding: 0;
    line-height: 0.15765rem;
    font-size: 0.12612rem;
    color: #4e4e4e; }
  .agency .desc-text {
    margin: 0;
    padding: 0;
    line-height: 0.12612rem;
    font-size: 0.08408rem;
    color: #777; }
  .agency .agency-f-wrap {
    width: 100%;
    height: 2.10206rem;
    background-image: url(/templates/website/res/img/agency/cooperation-img1.jpg);
    background-size: cover;
    background-position: center;
    text-align: center; }
    .agency .agency-f-wrap .com-title {
      padding: 0.63062rem 0 0.26276rem; }
  .agency .agency-s-wrap {
    padding-bottom: 0.63062rem; }
    .agency .agency-s-wrap .com-title {
      padding: 0.63062rem 0 0.31531rem; }
    .agency .agency-s-wrap .item-box {
      display: inline-block;
      position: relative;
      box-sizing: border-box;
      width: calc(100% / 3);
      height: 1.29276rem;
      border-right: 1px solid #dcdcdc;
      text-align: center;
      vertical-align: middle; }
      .agency .agency-s-wrap .item-box .img1 {
        width: 0.61485rem; }
      .agency .agency-s-wrap .item-box .img2 {
        width: 0.54653rem; }
      .agency .agency-s-wrap .item-box .img3 {
        width: 0.45194rem; }
      .agency .agency-s-wrap .item-box .para-desc {
        position: absolute;
        width: 100%;
        top: 60%; }
        .agency .agency-s-wrap .item-box .para-desc .desc-text {
          padding: 0 0.07883rem; }
      .agency .agency-s-wrap .item-box:nth-of-type(1) {
        border-left: 1px solid #dcdcdc; }
  .agency .agency-t-wrap {
    width: 100%;
    height: 1.8393rem;
    background-image: url(/templates/website/res/img/agency/cooperation-img2.jpg);
    background-size: cover;
    background-position: center;
    text-align: center; }
    .agency .agency-t-wrap .com-title {
      padding: 0.31531rem 0 0.31531rem; }
    .agency .agency-t-wrap .item-box {
      box-sizing: border-box;
      width: 3.10053rem;
      height: 1.8393rem;
      padding: 0.25225rem 0 0;
      background: #fff;
      box-shadow: 0px 4px 13px 0px rgba(219, 219, 219, 0.58);
      opacity: 0.9;
      font-size: 0; }
      .agency .agency-t-wrap .item-box .desc-title {
        display: inline-block;
        margin-bottom: 0.21021rem;
        padding-bottom: 12px;
        border-bottom: 1px solid #4e4e4e;
        font-size: 0.14714rem; }
      .agency .agency-t-wrap .item-box .para-desc {
        padding-left: 0.24174rem;
        text-align: left; }
        .agency .agency-t-wrap .item-box .para-desc .desc-text {
          font-size: 0.082rem;
          line-height: 0.17868rem; }
        .agency .agency-t-wrap .item-box .para-desc .text-titile {
          line-height: 0.12612rem; }
  .agency .agency-fo-wrap {
    background: #f5f5f5;
    padding-bottom: 0.31531rem; }
    .agency .agency-fo-wrap .com-title {
      padding: 1.20868rem 0 0.13138rem; }
    .agency .agency-fo-wrap .item-wrap .left {
      text-align: left; }
    .agency .agency-fo-wrap .item-wrap .right {
      text-align: right; }
    .agency .agency-fo-wrap .item-wrap .item-content {
      display: inline-block;
      vertical-align: top;
      text-align: center;
      width: 100%; }
      .agency .agency-fo-wrap .item-wrap .item-content .img-wrap {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        height: 1.32429rem;
        max-height: 1.47144rem; }
        .agency .agency-fo-wrap .item-wrap .item-content .img-wrap img {
          width: 2.57502rem;
          vertical-align: middle; }
      .agency .agency-fo-wrap .item-wrap .item-content .item-desc {
        display: inline-block;
        vertical-align: middle;
        width: 50%; }
        .agency .agency-fo-wrap .item-wrap .item-content .item-desc.mobile {
          display: none; }
        .agency .agency-fo-wrap .item-wrap .item-content .item-desc .desc-text {
          line-height: 0.17868rem;
          color: #4e4e4e;
          font-size: 0.08408rem; }
          .agency .agency-fo-wrap .item-wrap .item-content .item-desc .desc-text .desc-red {
            color: #ff4848; }
  .agency .agency-fi-wrap .com-title {
    padding: 0.63062rem 0 0.3048rem; }
  .agency .agency-fi-wrap .feature-item {
    box-sizing: border-box;
    width: 1.99695rem;
    height: 1.26123rem;
    background-color: #f5f5f5;
    margin-bottom: 0.15765rem;
    padding: 0.21021rem 0.11561rem 0;
    text-align: center; }
    .agency .agency-fi-wrap .feature-item .desc-text {
      font-size: 0.082rem; }
  .agency .agency-fi-wrap .feature-item-big {
    box-sizing: border-box;
    width: 4.15156rem;
    height: 1.26123rem;
    background-color: #f5f5f5;
    padding: 0.21021rem 0.11561rem 0;
    text-align: center; }
    .agency .agency-fi-wrap .feature-item-big .desc-text {
      font-size: 0.082rem; }
  .agency .btn-wrap {
    width: 100%;
    font-size: 0;
    text-align: center;
    margin: 0.31531rem 0 0.42041rem; }
    .agency .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; }
      .agency .btn-wrap .link-btn:hover {
        background-color: rgba(0, 123, 192, 0.8); }
  .agency .ui_justify {
    text-align: justify;
    font-size: 0; }
    .agency .ui_justify .ui_justify_item {
      display: inline-block;
      vertical-align: top; }
  .agency .agency-fi-wrap .feature-item {
    box-sizing: border-box;
    width: 1.99695rem;
    height: 1.26123rem;
    background-color: #f5f5f5;
    margin-bottom: 0.15765rem;
    padding: 0.21021rem 0.11561rem 0;
    text-align: center; }

@media screen and (max-width: 1300px) {
  .wrapper {
    width: 75%; }
  .agency .agency-t-wrap {
    height: 2.02323rem; }
    .agency .agency-t-wrap .item-box {
      width: 3.59662rem;
      height: 2.02323rem; }
  .agency .agency-fi-wrap .feature-item {
    width: 2.3564rem;
    height: 1.38736rem; }
    .agency .agency-fi-wrap .feature-item .desc-text {
      line-height: 0.17957rem; }
  .agency .agency-fi-wrap .feature-item-big {
    width: 4.89884rem;
    height: 1.38736rem; }
    .agency .agency-fi-wrap .feature-item-big .desc-text {
      line-height: 0.17957rem; } }

@media screen and (max-width: 990px) {
  .wrapper {
    width: 85%; }
  .agency .com-title {
    font-size: 0.1997rem; }
  .agency .com-desc {
    font-size: 0.17657rem; }
  .agency .desc-title {
    line-height: 0.23648rem;
    font-size: 0.17657rem; }
  .agency .desc-text {
    line-height: 0.18918rem;
    font-size: 0.11771rem; }
  .agency .agency-f-wrap {
    height: 2.52247rem; }
  .agency .agency-s-wrap .com-title {
    padding: 0.63062rem 0 0.44143rem; }
  .agency .agency-s-wrap .item-box {
    height: 1.55132rem; }
  .agency .agency-t-wrap {
    height: 2.57502rem; }
    .agency .agency-t-wrap .com-title {
      padding: 0.34684rem 0 0.34684rem; }
    .agency .agency-t-wrap .item-box {
      box-sizing: border-box;
      width: 4.0927rem;
      height: 2.57502rem;
      padding: 0.3027rem 0 0; }
      .agency .agency-t-wrap .item-box .desc-title {
        font-size: 0.17657rem;
        margin-bottom: 0.25225rem; }
      .agency .agency-t-wrap .item-box .para-desc .desc-text {
        font-size: 0.0984rem;
        line-height: 0.25015rem; }
      .agency .agency-t-wrap .item-box .para-desc .text-titile {
        line-height: 0.17657rem; }
  .agency .agency-fo-wrap {
    background: #f5f5f5;
    padding-bottom: 0.37837rem; }
    .agency .agency-fo-wrap .com-title {
      padding: 1.45042rem 0 0.18393rem; }
    .agency .agency-fo-wrap .item-wrap .item-content .img-wrap {
      height: 1.58915rem;
      max-height: 1.76573rem; }
      .agency .agency-fo-wrap .item-wrap .item-content .img-wrap img {
        width: 3.09002rem;
        vertical-align: middle; }
    .agency .agency-fo-wrap .item-wrap .item-content .item-desc.mobile {
      display: none; }
    .agency .agency-fo-wrap .item-wrap .item-content .item-desc .desc-text {
      line-height: 0.21441rem;
      color: #4e4e4e; }
      .agency .agency-fo-wrap .item-wrap .item-content .item-desc .desc-text .desc-red {
        color: #ff4848; }
  .agency .agency-fi-wrap .feature-item {
    width: 2.59604rem;
    height: 1.6396rem; }
    .agency .agency-fi-wrap .feature-item .desc-text {
      line-height: 0.18046rem;
      font-size: 0.11771rem; }
  .agency .agency-fi-wrap .feature-item-big {
    width: 5.48006rem;
    height: 1.6396rem; }
    .agency .agency-fi-wrap .feature-item-big .desc-text {
      line-height: 0.18046rem;
      font-size: 0.11771rem; }
  .agency .btn-wrap .link-btn {
    line-height: 0.4099rem;
    padding: 0 0.23123rem;
    font-size: 0.19654rem; } }

@media screen and (max-width: 860px) {
  .agency .agency-t-wrap {
    height: 2.75895rem; }
    .agency .agency-t-wrap .item-box {
      width: 4.12371rem;
      height: 2.94288rem; } }

@media screen and (max-width: 768px) {
  #agency-slider .slider-containter .banner-img .img {
    display: none; }
  #agency-slider .slider-containter .banner-img .img-mobile {
    display: inline; }
  #agency-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; }
  .pc {
    display: none; }
  .mobile {
    display: block; }
  .agency .com-title {
    line-height: 0.49267rem;
    font-size: 0.42041rem; }
  .agency .com-title2 {
    margin-bottom: 0.78827rem; }
  .agency .com-desc {
    line-height: 0.39413rem;
    font-size: 0.31531rem; }
  .agency .desc-title {
    margin: 0 auto 0.30217rem;
    line-height: 0.39413rem;
    font-size: 0.27747rem; }
  .agency .desc-text {
    line-height: 0.4099rem;
    font-size: 0.21021rem; }
  .agency .agency-f-wrap {
    height: 4.20411rem; }
  .agency .agency-s-wrap {
    padding-bottom: 0.94592rem; }
    .agency .agency-s-wrap .com-title {
      padding: 1.00899rem 0 0.78827rem; }
    .agency .agency-s-wrap .item-box {
      height: 3.87829rem; }
      .agency .agency-s-wrap .item-box .img1 {
        width: 1.2297rem; }
      .agency .agency-s-wrap .item-box .img2 {
        width: 1.09307rem; }
      .agency .agency-s-wrap .item-box .img3 {
        width: 0.90388rem; }
      .agency .agency-s-wrap .item-box .para-desc {
        top: 40%; }
      .agency .agency-s-wrap .item-box:nth-of-type(1) {
        border-left: none; }
      .agency .agency-s-wrap .item-box:nth-of-type(3) {
        border-right: none; }
  .agency .agency-t-wrap {
    height: 5.88575rem; }
    .agency .agency-t-wrap .com-title {
      padding: 0.69368rem 0 0.69368rem; }
    .agency .agency-t-wrap .item-box {
      width: 4.49577rem;
      height: 6.98933rem;
      padding: 0.50449rem 0 0; }
      .agency .agency-t-wrap .item-box .desc-title {
        font-size: 0.32372rem;
        padding-bottom: 6px;
        margin-bottom: 0.42041rem; }
      .agency .agency-t-wrap .item-box .para-desc .desc-text {
        padding-right: 0.24174rem;
        font-size: 0.205rem;
        line-height: 0.4099rem; }
      .agency .agency-t-wrap .item-box .para-desc .text-titile {
        line-height: 0.4099rem; }
  .agency .agency-fo-wrap {
    padding-bottom: 0.94592rem; }
    .agency .agency-fo-wrap .com-title {
      padding: 3.62604rem 0 0.39413rem; }
    .agency .agency-fo-wrap .item-wrap .item-content .img-wrap {
      height: 3.31074rem;
      max-height: auto; }
      .agency .agency-fo-wrap .item-wrap .item-content .img-wrap img {
        width: 4.37753rem;
        vertical-align: middle; }
    .agency .agency-fo-wrap .item-wrap .item-content .item-desc {
      box-sizing: border-box;
      padding-right: 0.12612rem; }
      .agency .agency-fo-wrap .item-wrap .item-content .item-desc .desc-text {
        font-size: 0.21021rem;
        line-height: 0.39309rem; }
  .agency .agency-fi-wrap .feature-item {
    width: 2.89558rem;
    height: 5.29718rem;
    padding: 0.21021rem 0.13873rem 0;
    margin-bottom: 0.26276rem; }
    .agency .agency-fi-wrap .feature-item .desc-text {
      line-height: 0.4099rem;
      font-size: 0.21861rem; }
  .agency .agency-fi-wrap .feature-item-big {
    width: 6.10279rem;
    height: 5.29718rem;
    padding: 0.21021rem 0.13873rem 0;
    margin-bottom: 0.26276rem; }
    .agency .agency-fi-wrap .feature-item-big .desc-text {
      line-height: 0.4099rem;
      font-size: 0.21861rem; }
  .agency .btn-wrap {
    top: 72%; }
    .agency .btn-wrap .link-btn {
      width: 4.55729rem;
      height: 1.17188rem;
      line-height: 1.17188rem;
      font-size: 0.52083rem; } }