/* mixin
----------------------------------------*/
@font-face {
  font-family: KingsoftCloudFont;
  src: url("../fonts/Kingsoft_Cloud_Font.ttf") format("truetype"); }
.footer-wrapper {
  background: #fff;
  padding: 40px 0; }
  @media (max-width: 990px) {
    .footer-wrapper {
      padding: 6.5104166667vw 0; } }
  @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
    .footer-wrapper {
      padding: 6.5104166667vw 0; } }
  .footer-wrapper .footer-top-box {
    margin-bottom: 68px; }
    @media (max-width: 990px) {
      .footer-wrapper .footer-top-box {
        margin-bottom: 10.4166666667vw; } }
    @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
      .footer-wrapper .footer-top-box {
        margin-bottom: 10.4166666667vw; } }
    @media (max-width: 990px) {
      .footer-wrapper .footer-top-box > .row {
        flex-direction: column-reverse; } }
    @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
      .footer-wrapper .footer-top-box > .row {
        flex-direction: column-reverse; } }
    @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
      .footer-wrapper .footer-top-box .col-lg-8, .footer-wrapper .footer-top-box .col-lg-6, .footer-wrapper .footer-top-box .col-lg-4 {
        width: 100%; } }
    .footer-wrapper .footer-top-box .col-md-8 {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-start;
      justify-content: flex-start; }
      @media (max-width: 990px) {
        .footer-wrapper .footer-top-box .col-md-8 {
          display: block; } }
      @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
        .footer-wrapper .footer-top-box .col-md-8 {
          display: block; } }
    @media (max-width: 990px) {
      .footer-wrapper .footer-top-box .logo-box {
        margin-top: 15.625vw; } }
    @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
      .footer-wrapper .footer-top-box .logo-box {
        margin-top: 15.625vw; } }
    .footer-wrapper .footer-top-box .logo-box .item {
      max-width: 400px;
      margin-bottom: 24px; }
      @media (max-width: 990px) {
        .footer-wrapper .footer-top-box .logo-box .item {
          max-width: 58.59375vw;
          margin-bottom: 3.125vw;
          padding-right: 2.6041666667vw; } }
      @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
        .footer-wrapper .footer-top-box .logo-box .item {
          max-width: 58.59375vw;
          margin-bottom: 3.125vw;
          padding-right: 2.6041666667vw; } }
      .footer-wrapper .footer-top-box .logo-box .item:last-child {
        margin-bottom: 0; }
        @media (max-width: 990px) {
          .footer-wrapper .footer-top-box .logo-box .item:last-child {
            margin-bottom: 0; } }
        @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
          .footer-wrapper .footer-top-box .logo-box .item:last-child {
            margin-bottom: 0; } }
      .footer-wrapper .footer-top-box .logo-box .item img {
        width: 100%; }
    @media (max-width: 990px) {
      .footer-wrapper .footer-top-box .friendLink.active .title {
        border-bottom: none; } }
    @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
      .footer-wrapper .footer-top-box .friendLink.active .title {
        border-bottom: none; } }
    @media (max-width: 990px) {
      .footer-wrapper .footer-top-box .friendLink.active .title i.toggle:after {
        transform: translate(-50%, -50%) rotate(0deg); } }
    @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
      .footer-wrapper .footer-top-box .friendLink.active .title i.toggle:after {
        transform: translate(-50%, -50%) rotate(0deg); } }
    .footer-wrapper .footer-top-box .friendLink .title {
      font-size: 28px;
      color: #2c2c34;
      line-height: 1; }
      @media (max-width: 1660px) {
        .footer-wrapper .footer-top-box .friendLink .title {
          font-size: 26px; } }
      @media (max-width: 1440px) {
        .footer-wrapper .footer-top-box .friendLink .title {
          font-size: 24px; } }
      @media (max-width: 1366px) {
        .footer-wrapper .footer-top-box .friendLink .title {
          font-size: 22px; } }
      @media (max-width: 1280px) {
        .footer-wrapper .footer-top-box .friendLink .title {
          font-size: 20px; } }
      @media (max-width: 990px) {
        .footer-wrapper .footer-top-box .friendLink .title {
          font-size: 28px;
          font-size: 3.6458333333vw;
          border-bottom: 1px solid rgba(44, 44, 52, 0.05);
          padding: 4.1666666667vw 0;
          box-sizing: border-box;
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-align-items: center;
          align-items: center; } }
      @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
        .footer-wrapper .footer-top-box .friendLink .title {
          font-size: 28px;
          font-size: 3.6458333333vw;
          border-bottom: 1px solid rgba(44, 44, 52, 0.05);
          padding: 4.1666666667vw 0;
          box-sizing: border-box;
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-align-items: center;
          align-items: center; } }
      @media (max-width: 990px) {
        .footer-wrapper .footer-top-box .friendLink .title i.toggle {
          display: inline-block;
          width: 5.2083333333vw;
          height: 5.2083333333vw;
          cursor: pointer;
          position: relative; }
          .footer-wrapper .footer-top-box .friendLink .title i.toggle:before, .footer-wrapper .footer-top-box .friendLink .title i.toggle:after {
            content: "";
            display: block;
            width: 3.90625vw;
            height: 0.390625vw;
            background-color: #2c2c34;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.3s; }
          .footer-wrapper .footer-top-box .friendLink .title i.toggle:before {
            transform: translate(-50%, -50%) rotate(0deg); }
          .footer-wrapper .footer-top-box .friendLink .title i.toggle:after {
            transform: translate(-50%, -50%) rotate(90deg); } }
      @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
        .footer-wrapper .footer-top-box .friendLink .title i.toggle {
          display: inline-block;
          width: 5.2083333333vw;
          height: 5.2083333333vw;
          cursor: pointer;
          position: relative; }
          .footer-wrapper .footer-top-box .friendLink .title i.toggle:before, .footer-wrapper .footer-top-box .friendLink .title i.toggle:after {
            content: "";
            display: block;
            width: 3.90625vw;
            height: 0.390625vw;
            background-color: #2c2c34;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.3s; }
          .footer-wrapper .footer-top-box .friendLink .title i.toggle:before {
            transform: translate(-50%, -50%) rotate(0deg); }
          .footer-wrapper .footer-top-box .friendLink .title i.toggle:after {
            transform: translate(-50%, -50%) rotate(90deg); } }
    @media (max-width: 990px) {
      .footer-wrapper .footer-top-box .friendLink .wrapper {
        display: none; } }
    @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
      .footer-wrapper .footer-top-box .friendLink .wrapper {
        display: none; } }
    .footer-wrapper .footer-top-box .friendLink .link {
      margin-top: 60px; }
      @media (max-width: 1366px) {
        .footer-wrapper .footer-top-box .friendLink .link {
          margin-top: 30px; } }
      @media (max-width: 990px) {
        .footer-wrapper .footer-top-box .friendLink .link {
          margin-top: 0vw; } }
      @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
        .footer-wrapper .footer-top-box .friendLink .link {
          margin-top: 0vw; } }
      .footer-wrapper .footer-top-box .friendLink .link a {
        color: #2c2c34;
        display: block;
        font-size: 16px;
        margin-bottom: 20px;
        transition: all .3s; }
        @media (max-width: 1366px) {
          .footer-wrapper .footer-top-box .friendLink .link a {
            font-size: 14px; } }
        @media (max-width: 990px) {
          .footer-wrapper .footer-top-box .friendLink .link a {
            font-size: 28px;
            font-size: 3.6458333333vw;
            padding: 0;
            margin-bottom: 2.6041666667vw;
            line-height: 1; } }
        @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
          .footer-wrapper .footer-top-box .friendLink .link a {
            font-size: 28px;
            font-size: 3.6458333333vw;
            padding: 0;
            margin-bottom: 2.6041666667vw;
            line-height: 1; } }
        .footer-wrapper .footer-top-box .friendLink .link a:hover {
          color: #2A62EF; }
    @media (max-width: 990px) {
      .footer-wrapper .footer-top-box .contact-box.active .title {
        border-bottom: none; } }
    @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
      .footer-wrapper .footer-top-box .contact-box.active .title {
        border-bottom: none; } }
    @media (max-width: 990px) {
      .footer-wrapper .footer-top-box .contact-box.active .title i.toggle:after {
        transform: translate(-50%, -50%) rotate(0deg); } }
    @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
      .footer-wrapper .footer-top-box .contact-box.active .title i.toggle:after {
        transform: translate(-50%, -50%) rotate(0deg); } }
    .footer-wrapper .footer-top-box .contact-box .title {
      font-size: 28px;
      color: #2c2c34;
      line-height: 1; }
      @media (max-width: 1660px) {
        .footer-wrapper .footer-top-box .contact-box .title {
          font-size: 26px; } }
      @media (max-width: 1440px) {
        .footer-wrapper .footer-top-box .contact-box .title {
          font-size: 24px; } }
      @media (max-width: 1366px) {
        .footer-wrapper .footer-top-box .contact-box .title {
          font-size: 22px; } }
      @media (max-width: 1280px) {
        .footer-wrapper .footer-top-box .contact-box .title {
          font-size: 20px; } }
      @media (max-width: 990px) {
        .footer-wrapper .footer-top-box .contact-box .title {
          font-size: 28px;
          font-size: 3.6458333333vw;
          border-bottom: 1px solid rgba(44, 44, 52, 0.05);
          padding: 4.1666666667vw 0;
          box-sizing: border-box;
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-align-items: center;
          align-items: center; } }
      @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
        .footer-wrapper .footer-top-box .contact-box .title {
          font-size: 28px;
          font-size: 3.6458333333vw;
          border-bottom: 1px solid rgba(44, 44, 52, 0.05);
          padding: 4.1666666667vw 0;
          box-sizing: border-box;
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-align-items: center;
          align-items: center; } }
      @media (max-width: 990px) {
        .footer-wrapper .footer-top-box .contact-box .title i.toggle {
          display: inline-block;
          width: 5.2083333333vw;
          height: 5.2083333333vw;
          cursor: pointer;
          position: relative; }
          .footer-wrapper .footer-top-box .contact-box .title i.toggle:before, .footer-wrapper .footer-top-box .contact-box .title i.toggle:after {
            content: "";
            display: block;
            width: 3.90625vw;
            height: 0.390625vw;
            background-color: #2c2c34;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.3s; }
          .footer-wrapper .footer-top-box .contact-box .title i.toggle:before {
            transform: translate(-50%, -50%) rotate(0deg); }
          .footer-wrapper .footer-top-box .contact-box .title i.toggle:after {
            transform: translate(-50%, -50%) rotate(90deg); } }
      @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
        .footer-wrapper .footer-top-box .contact-box .title i.toggle {
          display: inline-block;
          width: 5.2083333333vw;
          height: 5.2083333333vw;
          cursor: pointer;
          position: relative; }
          .footer-wrapper .footer-top-box .contact-box .title i.toggle:before, .footer-wrapper .footer-top-box .contact-box .title i.toggle:after {
            content: "";
            display: block;
            width: 3.90625vw;
            height: 0.390625vw;
            background-color: #2c2c34;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.3s; }
          .footer-wrapper .footer-top-box .contact-box .title i.toggle:before {
            transform: translate(-50%, -50%) rotate(0deg); }
          .footer-wrapper .footer-top-box .contact-box .title i.toggle:after {
            transform: translate(-50%, -50%) rotate(90deg); } }
    @media (max-width: 990px) {
      .footer-wrapper .footer-top-box .contact-box .wrapper {
        display: none; } }
    @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
      .footer-wrapper .footer-top-box .contact-box .wrapper {
        display: none; } }
    .footer-wrapper .footer-top-box .contact-box .text {
      margin-top: 60px; }
      @media (max-width: 1200px) {
        .footer-wrapper .footer-top-box .contact-box .text {
          margin-top: 30px; } }
      @media (max-width: 990px) {
        .footer-wrapper .footer-top-box .contact-box .text {
          margin-top: 0vw; } }
      @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
        .footer-wrapper .footer-top-box .contact-box .text {
          margin-top: 0vw; } }
      .footer-wrapper .footer-top-box .contact-box .text .item {
        margin-bottom: 20px;
        display: flex;
        font-size: 16px;
        color: #2c2c34; }
        @media (max-width: 1366px) {
          .footer-wrapper .footer-top-box .contact-box .text .item {
            font-size: 14px; } }
        @media (max-width: 990px) {
          .footer-wrapper .footer-top-box .contact-box .text .item {
            font-size: 28px;
            font-size: 3.6458333333vw;
            padding: 0;
            margin-bottom: 2.6041666667vw;
            line-height: 1.4; } }
        @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
          .footer-wrapper .footer-top-box .contact-box .text .item {
            font-size: 28px;
            font-size: 3.6458333333vw;
            padding: 0;
            margin-bottom: 2.6041666667vw;
            line-height: 1.4; } }
        .footer-wrapper .footer-top-box .contact-box .text .item:last-child {
          margin-bottom: 0; }
        @media (max-width: 990px) {
          .footer-wrapper .footer-top-box .contact-box .text .item:nth-child(2) {
            margin-right: 3.90625vw; } }
        @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
          .footer-wrapper .footer-top-box .contact-box .text .item:nth-child(2) {
            margin-right: 3.90625vw; } }
        .footer-wrapper .footer-top-box .contact-box .text .item span:first-child {
          width: 60px; }
          @media (max-width: 990px) {
            .footer-wrapper .footer-top-box .contact-box .text .item span:first-child {
              width: 13.0208333333vw; } }
          @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
            .footer-wrapper .footer-top-box .contact-box .text .item span:first-child {
              width: 13.0208333333vw; } }
        .footer-wrapper .footer-top-box .contact-box .text .item span:nth-child(2) {
          flex: 1; }
    .footer-wrapper .footer-top-box .contact-box .icon {
      margin-top: 45px;
      display: -webkit-flex;
      display: flex; }
      @media (max-width: 990px) {
        .footer-wrapper .footer-top-box .contact-box .icon {
          margin-top: 5.2083333333vw;
          -webkit-justify-content: flex-start;
          justify-content: flex-start; } }
      @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
        .footer-wrapper .footer-top-box .contact-box .icon {
          margin-top: 5.2083333333vw;
          -webkit-justify-content: flex-start;
          justify-content: flex-start; } }
      .footer-wrapper .footer-top-box .contact-box .icon a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: rgba(26, 26, 26, 0.05);
        margin-right: 40px;
        transition: all .3s; }
        .footer-wrapper .footer-top-box .contact-box .icon a:last-child {
          margin-right: 0; }
        @media (max-width: 990px) {
          .footer-wrapper .footer-top-box .contact-box .icon a {
            width: 6.25vw;
            height: 6.25vw;
            margin-right: 5.2083333333vw; } }
        @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
          .footer-wrapper .footer-top-box .contact-box .icon a {
            width: 6.25vw;
            height: 6.25vw;
            margin-right: 5.2083333333vw; } }
        @media (max-width: 990px) {
          .footer-wrapper .footer-top-box .contact-box .icon a img {
            max-width: 50%; } }
        @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
          .footer-wrapper .footer-top-box .contact-box .icon a img {
            max-width: 50%; } }
        .footer-wrapper .footer-top-box .contact-box .icon a:hover {
          background: rgba(26, 26, 26, 0.15); }
  .footer-wrapper .footer-bottom-box .copyright {
    font-size: 16px;
    line-height: 1;
    color: rgba(44, 44, 52, 0.5); }
    @media (max-width: 990px) {
      .footer-wrapper .footer-bottom-box .copyright {
        font-size: 28px;
        font-size: 3.6458333333vw;
        line-height: 1.4;
        text-align: center; } }
    @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
      .footer-wrapper .footer-bottom-box .copyright {
        font-size: 28px;
        font-size: 3.6458333333vw;
        line-height: 1.4;
        text-align: center; } }
    @media (max-width: 990px) {
      .footer-wrapper .footer-bottom-box .copyright span {
        display: block; } }
    @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
      .footer-wrapper .footer-bottom-box .copyright span {
        display: block; } }

.backTop-box {
  position: fixed;
  bottom: 150px;
  right: -350px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background-image: linear-gradient(#2A62EF 0, rgba(42, 98, 239, 0.7) 100%);
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all .3s;
  z-index: 9999; }
  @media (max-width: 1660px) {
    .backTop-box {
      transform: scale(0.9); } }
  @media (max-width: 1440px) {
    .backTop-box {
      transform: scale(0.8); } }
  @media (max-width: 1366px) {
    .backTop-box {
      transform: scale(0.7); } }
  @media (max-width: 1280px) {
    .backTop-box {
      transform: scale(0.6); }
      .backTop-box.active {
        right: -145px; } }
  @media (max-width: 990px) {
    .backTop-box {
      transform: scale(1);
      width: 39.0625vw;
      height: 39.0625vw;
      bottom: 13.0208333333vw; } }
  @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
    .backTop-box {
      transform: scale(1);
      width: 39.0625vw;
      height: 39.0625vw;
      bottom: 13.0208333333vw;
      right: -39.0625vw; } }
  .backTop-box.active {
    right: -150px; }
    @media (max-width: 990px) {
      .backTop-box.active {
        right: -19.53125vw; } }
    @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
      .backTop-box.active {
        right: -19.53125vw; } }
  .backTop-box:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/backTopBg.png) no-repeat;
    background-size: contain; }
  .backTop-box .box {
    position: relative;
    left: 20%;
    color: #fff;
    text-align: center;
    font-size: 20px; }
    @media (max-width: 990px) {
      .backTop-box .box {
        left: 5.2083333333vw;
        font-size: 20px;
        font-size: 2.6041666667vw; } }
    @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
      .backTop-box .box {
        left: 5.2083333333vw;
        font-size: 20px;
        font-size: 2.6041666667vw; } }
    .backTop-box .box .icon {
      position: relative;
      top: 0;
      font-size: 40px;
      line-height: 1; }
      @media (max-width: 990px) {
        .backTop-box .box .icon {
          font-size: 20px;
          font-size: 2.6041666667vw; } }
      @media only screen and (min-device-width: 834px) and (max-device-width: 1194px) and (orientation: portrait) {
        .backTop-box .box .icon {
          font-size: 20px;
          font-size: 2.6041666667vw; } }

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