@charset "utf-8";
body {
  width: 19.2rem;
  opacity: 0; }

* {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
  font-family: "PingFang SC Medium", "PingFang SC", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif; }

.flex {
  display: flex; }

ul {
  list-style: none; }

img {
  border: none; }

a {
  text-decoration: none;
  color: black; }

input, textarea {
  outline: none; }

.hide {
  display: none; }

@media screen and (max-width: 600px) {
  body {
    width: 7.5rem; } }
body {
  background-color: #000000;
  overflow-x: hidden;
  /*  .pagination{
      .ui-pagination-container{
        .ui-pagination-page-item{
          display: inline-block;
          color: #fff;
          font-size: .18rem;
          padding: .17rem .19rem;
          line-height: 1;
          background: #171717;
          border-radius: .1rem;
          margin-right: .08rem;
          &:last-child{
            margin-right: 0;
          }
          &.active{
            background: linear-gradient(270deg, #FC4854 0%, #D70C19 32%, #B20000 66%, #8C0001 100%);
          }
        }
      }
    }*/ }
  body input {
    -webkit-appearance: none; }
  body .container {
    width: 15.96rem;
    margin: 0 auto; }
  body #goTop {
    position: fixed;
    right: 0;
    bottom: 1rem;
    width: .84rem;
    height: .84rem;
    border-radius: 10px;
    z-index: 10000; }
    body #goTop img {
      width: 100%;
      height: 100%;
      display: block; }
  body .container-title {
    padding: .7rem 0;
    text-align: center;
    position: relative; }
    body .container-title .cn-title {
      color: #d20c18;
      font-size: .32rem;
      line-height: 1;
      font-weight: bold; }
    body .container-title .en-title {
      font-size: .16rem;
      margin-top: .05rem;
      text-transform: uppercase; }
  body .container-title:after {
    position: absolute;
    content: '';
    width: .7rem;
    height: .05rem;
    background-color: #d20c18;
    left: 50%;
    bottom: .6rem;
    transform: translate(-50%); }
  body .bread {
    margin-top: -.7rem;
    position: relative; }
    body .bread .container {
      display: flex;
      align-items: center;
      padding-bottom: .5rem; }
      body .bread .container a, body .bread .container span, body .bread .container p {
        font-size: 15px;
        color: #999999; }
      body .bread .container .iconfont {
        margin: 0 .18rem; }
  body .news-screen-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e6e7e7; }
    body .news-screen-area .news-screen-list {
      display: flex;
      align-items: center; }
      body .news-screen-area .news-screen-list .news-screen-item {
        cursor: pointer;
        width: 1.95rem;
        height: .5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .2rem;
        color: #d20c18;
        border: 1px solid #d20c18;
        margin-left: -1px; }
      body .news-screen-area .news-screen-list .news-screen-item-on {
        background-color: #d20c18;
        color: #fff; }
    body .news-screen-area .more-btn {
      display: flex;
      align-items: center;
      font-size: .2rem; }
      body .news-screen-area .more-btn .iconfont {
        font-size: .2rem; }
  body .swiper-button-prev,
  body .swiper-button-next:focus {
    outline: none; }
  body .footer {
    color: #999999;
    background-color: rgba(255, 255, 255, 0.05);
    padding: .86rem 1.6rem .82rem; }
    body .footer .footer-top {
      margin-bottom: .5rem; }
      body .footer .footer-top .footer-left {
        width: 13.5rem;
        justify-content: space-between;
        margin-right: 1rem; }
        body .footer .footer-top .footer-left .list {
          position: relative;
          padding-bottom: 4.5rem; }
          body .footer .footer-top .footer-left .list > a {
            font-size: .2rem;
            color: #fff;
            line-height: 1; }
          body .footer .footer-top .footer-left .list ul {
            position: absolute;
            left: 0;
            top: .45rem; }
          body .footer .footer-top .footer-left .list li {
            font-size: .18rem;
            line-height: .4rem;
            /*&:first-child{
              margin-bottom: .1rem;
              a{
                font-size: .2rem;
                color: #fff;
                line-height: 1;
              }
            }*/ }
            body .footer .footer-top .footer-left .list li a {
              color: #999999;
              white-space: nowrap; }
      body .footer .footer-top .footer-right {
        position: relative; }
        body .footer .footer-top .footer-right p {
          font-size: .3rem;
          cursor: pointer; }
          body .footer .footer-top .footer-right p.icon-active {
            color: #D70C19; }
        body .footer .footer-top .footer-right .QRcodeBox {
          position: absolute;
          border-radius: .04rem;
          left: .6rem;
          top: 0;
          width: 1.5rem;
          height: 1.9rem;
          background: #fff;
          cursor: pointer;
          text-align: center; }
          body .footer .footer-top .footer-right .QRcodeBox::after {
            content: "";
            width: .15rem;
            height: .15rem;
            background: #fff;
            -ms-transform: translateX(-50%) rotate(45deg);
            transform: translateX(-50%) rotate(45deg);
            display: block;
            position: absolute;
            left: 0;
            top: .2rem; }
          body .footer .footer-top .footer-right .QRcodeBox.xinlang::after {
            top: .73rem; }
          body .footer .footer-top .footer-right .QRcodeBox p {
            font-size: .16rem;
            color: #777;
            line-height: 1; }
          body .footer .footer-top .footer-right .QRcodeBox img {
            border-radius: .04rem;
            width: 100%; }
    body .footer .footer-bottom {
      justify-content: space-between; }
      body .footer .footer-bottom a {
        color: #999; }
      body .footer .footer-bottom i {
        background: url(../../images/test/police.png);
        width: .18rem;
        height: .2rem;
        display: inline-block;
        background-size: 100% auto;
        vertical-align: middle;
        margin-left: .05rem; }

.mj-index {
  position: relative;
  width: 100%;
  height: 100%; }

.logo-nav-area {
  position: absolute;
  width: 100%;
  left: 0;
  top: calc(.05rem + 10px);
  z-index: 1000; }
  .logo-nav-area .container {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .logo-nav-area .container .logo img {
      height: .5rem;
      display: block; }
    .logo-nav-area .container .logo .code {
      color: #d20c18;
      margin-top: 10px;
      line-height: 1; }
    .logo-nav-area .container .nav-list {
      display: flex;
      align-items: center; }
      .logo-nav-area .container .nav-list .nav-item {
        margin-right: .8rem;
        position: relative;
        z-index: 150; }
        .logo-nav-area .container .nav-list .nav-item > a {
          font-size: 15px;
          color: #fff;
          height: .6rem;
          line-height: .6rem; }
        .logo-nav-area .container .nav-list .nav-item .sub-nav-list {
          display: none;
          position: absolute;
          left: 50%;
          top: .6rem;
          background-color: #000;
          font-size: 15px;
          line-height: 52px;
          transform: translateX(-50%);
          border-radius: 8px;
          padding: .28rem 0; }
          .logo-nav-area .container .nav-list .nav-item .sub-nav-list:after {
            position: absolute;
            content: '';
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 8px solid #1a1a1a;
            left: calc(50% - 4px);
            bottom: 100%; }
          .logo-nav-area .container .nav-list .nav-item .sub-nav-list .sub-nav-item {
            position: relative;
            padding: 0 .45rem;
            white-space: nowrap; }
            .logo-nav-area .container .nav-list .nav-item .sub-nav-list .sub-nav-item > a {
              font-size: 15px;
              color: #d20c18;
              margin-bottom: .28rem;
              display: block; }
              .logo-nav-area .container .nav-list .nav-item .sub-nav-list .sub-nav-item > a .iconfont {
                margin-left: .1rem; }
            .logo-nav-area .container .nav-list .nav-item .sub-nav-list .sub-nav-item .sub-nav-list2 {
              left: 100%;
              top: 0;
              min-width: 100%;
              background: #000; }
              .logo-nav-area .container .nav-list .nav-item .sub-nav-list .sub-nav-item .sub-nav-list2 > a {
                font-size: 15px;
                color: #999999;
                display: block;
                margin-bottom: .25rem; }
        .logo-nav-area .container .nav-list .nav-item .block-nav-list .sub-nav-item a {
          color: #999999; }
        .logo-nav-area .container .nav-list .nav-item:hover > a {
          color: #d20c18; }
        .logo-nav-area .container .nav-list .nav-item:hover .sub-nav-list {
          display: flex; }
          .logo-nav-area .container .nav-list .nav-item:hover .sub-nav-list .sub-nav-item:hover {
            background: #000; }
            .logo-nav-area .container .nav-list .nav-item:hover .sub-nav-list .sub-nav-item:hover .sub-nav-list2 {
              display: block; }
              .logo-nav-area .container .nav-list .nav-item:hover .sub-nav-list .sub-nav-item:hover .sub-nav-list2 a:hover {
                background: #000;
                color: #fff; }
        .logo-nav-area .container .nav-list .nav-item:hover .block-nav-list {
          display: block; }
          .logo-nav-area .container .nav-list .nav-item:hover .block-nav-list .sub-nav-item > a:hover {
            color: #fff; }
      .logo-nav-area .container .nav-list .nav-item-on > a {
        color: #d20c18; }
    .logo-nav-area .container .nav-config {
      display: flex;
      align-items: center;
      margin-right: .3rem; }
      .logo-nav-area .container .nav-config .lang-btn {
        padding-right: .3rem;
        font-size: 16px;
        color: #fff;
        border-right: 1px solid rgba(255, 255, 255, 0.5);
        display: block;
        line-height: 1; }
      .logo-nav-area .container .nav-config .search-btn {
        margin-left: .3rem;
        color: #fff;
        display: block;
        font-size: 16px;
        cursor: pointer; }
    .logo-nav-area .container .right-container {
      display: flex;
      align-items: center; }
    .logo-nav-area .container .nav-consult-btn {
      display: block;
      align-items: center;
      background-image: linear-gradient(to right, #fff 1%, #d70c19 90%);
      -webkit-background-clip: text;
      color: transparent;
      margin-right: .3rem; }
      .logo-nav-area .container .nav-consult-btn .iconfont {
        margin-right: 5px; }
    .logo-nav-area .container .nav-btn-list {
      display: flex;
      align-items: center; }
      .logo-nav-area .container .nav-btn-list .nav-btn-item {
        width: .6rem;
        height: .3rem;
        text-align: center;
        line-height: .3rem;
        border-radius: 50px;
        color: #fff;
        border: 1px solid rgba(255, 255, 255, 0.25); }
        .logo-nav-area .container .nav-btn-list .nav-btn-item:last-child {
          background-color: #fff;
          color: #000;
          margin-left: .1rem; }
    .logo-nav-area .container .userinfo {
      display: flex;
      align-items: center; }
      .logo-nav-area .container .userinfo img {
        width: .24rem;
        height: .24rem;
        border-radius: 50%;
        display: block;
        margin-right: .1rem; }
      .logo-nav-area .container .userinfo p {
        color: #fff; }

.subpage-banner {
  width: 100%;
  height: 6rem;
  position: relative; }
  .subpage-banner .banner-img, .subpage-banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; }
  .subpage-banner .banner-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: .36rem;
    line-height: 1; }
  .subpage-banner .banner-title:after {
    position: absolute;
    content: '';
    width: .64rem;
    height: .03rem;
    border-radius: 50px;
    background-image: linear-gradient(to right, #890001, #d70c19);
    left: calc(50% - .32rem);
    bottom: -.32rem; }
  .subpage-banner .banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
    text-align: center; }
    .subpage-banner .banner-text .tle {
      padding-bottom: .6rem;
      font-size: .32rem;
      color: #fff;
      position: relative; }
    .subpage-banner .banner-text .tle:after {
      position: absolute;
      content: '';
      left: 50%;
      bottom: .3rem;
      transform: translate(-50%, -50%);
      width: .65rem;
      height: .04rem;
      border-radius: 50px;
      background-image: linear-gradient(to right, #890001, #d70c19); }
    .subpage-banner .banner-text .des {
      font-size: .2rem;
      color: #C4C4C4;
      text-align: center;
      line-height: 2;
      animation-delay: .25s; }
      .subpage-banner .banner-text .des p {
        font-size: .2rem;
        color: #C4C4C4;
        text-align: center;
        line-height: 2; }
    .subpage-banner .banner-text .banner-btn {
      width: 1.78rem;
      height: .54rem;
      line-height: .54rem;
      border-radius: 50px;
      display: block;
      margin: .3rem auto 0;
      color: #fff;
      font-size: .18rem;
      background-image: linear-gradient(to right, #890001, #d70c19); }
    .subpage-banner .banner-text .search-input-area {
      display: flex;
      align-items: center;
      width: 7.3rem;
      height: .65rem;
      margin: 0 auto; }
      .subpage-banner .banner-text .search-input-area .search-input {
        padding: 0 .5rem;
        width: calc(100% - 2.65rem);
        height: 100%;
        flex-shrink: 0;
        border-radius: 50px 0 0 50px;
        background-color: #fff;
        border: none;
        font-size: .2rem; }
      .subpage-banner .banner-text .search-input-area .search-btn {
        width: 1.65rem;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: .2rem;
        background-image: linear-gradient(to right, #890001, #d70c19);
        border-radius: 0 50px 50px 0;
        border: none;
        cursor: pointer; }
  .subpage-banner .container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100; }
    .subpage-banner .container .index-banner-text .title p {
      font-size: .3rem;
      color: #fff;
      letter-spacing: 5px;
      margin-bottom: 0.1rem; }
      .subpage-banner .container .index-banner-text .title p span {
        font-size: .32rem;
        color: #d20c18; }
    .subpage-banner .container .index-banner-text .title p:nth-child(2) {
      animation-delay: .25s; }
    .subpage-banner .container .index-banner-text .banner-icon {
      height: .16rem;
      display: block;
      margin: .2rem 0;
      opacity: 0.2; }
    .subpage-banner .container .index-banner-text .des {
      font-size: .22rem;
      color: #999999;
      letter-spacing: 2px;
      animation-delay: .5s; }

.subpage-banner-new {
  height: 4.3rem;
  padding-top: .7rem;
  background-color: #010101; }
  .subpage-banner-new .container {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .subpage-banner-new .container .left-content .title {
      font-size: .4rem;
      background-image: linear-gradient(to right, #fff 1%, #d70c19 50%);
      -webkit-background-clip: text;
      color: transparent;
      line-height: 1;
      margin-bottom: .3rem;
      width: fit-content; }
    .subpage-banner-new .container .left-content .des {
      color: #fff;
      font-size: .22rem;
      display: flex;
      align-items: center; }
      .subpage-banner-new .container .left-content .des a {
        margin-left: .1rem; }
        .subpage-banner-new .container .left-content .des a span {
          background: #010101;
          font-size: 13px;
          padding: .1rem .24rem; }
    .subpage-banner-new .container .right-img {
      height: 4.3rem;
      display: block; }

.swiper-index-banner {
  width: 100%;
  height: 100%; }
  .swiper-index-banner .swiper-pagination {
    bottom: 10px !important; }
    .swiper-index-banner .swiper-pagination .swiper-pagination-bullet {
      background: #fff !important;
      opacity: 1 !important; }
    .swiper-index-banner .swiper-pagination .swiper-pagination-bullet-active {
      background: #d20c18 !important; }

.header-mobile, .mobile-nav {
  display: none; }

.consult-container {
  width: 75%;
  padding: .7rem 0;
  margin: 0 auto; }
  .consult-container .title {
    font-size: .3rem;
    color: #fff;
    padding-left: .2rem;
    line-height: 1;
    border-left: 3px solid #d20c18; }
  .consult-container form .input-list {
    display: flex;
    flex-wrap: wrap; }
    .consult-container form .input-list .form-item {
      width: 100%;
      flex-shrink: 0;
      margin-top: .5rem;
      display: flex;
      align-items: flex-start; }
      .consult-container form .input-list .form-item .error {
        color: #d20c18;
        font-size: 14px;
        margin-left: .1rem;
        position: absolute;
        left: 0;
        top: 100%; }
      .consult-container form .input-list .form-item .input-item {
        width: calc(100% - 80px);
        flex-shrink: 0;
        position: relative; }
      .consult-container form .input-list .form-item .label-area {
        display: flex;
        align-items: center;
        flex-shrink: 0;
        width: 80px;
        padding: .1rem .15rem; }
        .consult-container form .input-list .form-item .label-area .label {
          font-size: 14px;
          color: #fff; }
          .consult-container form .input-list .form-item .label-area .label span {
            color: #d20c18;
            margin-right: 3px; }
      .consult-container form .input-list .form-item input, .consult-container form .input-list .form-item textarea {
        padding: .1rem .15rem;
        width: calc(100% - .3rem);
        border: 1px solid #999999;
        font-size: 14px;
        border-radius: 5px;
        background: transparent;
        color: #fff; }
      .consult-container form .input-list .form-item .error-input {
        border-color: #d20c18 !important; }
      .consult-container form .input-list .form-item .select-area {
        position: relative;
        width: 100%; }
        .consult-container form .input-list .form-item .select-area .select-value {
          padding: .1rem .15rem;
          width: calc(100% - .3rem);
          border: 1px solid #999999;
          color: #fff;
          display: flex;
          align-items: center;
          justify-content: space-between;
          cursor: pointer;
          border-radius: 5px; }
        .consult-container form .input-list .form-item .select-area .select-list {
          border: 1px solid #999999;
          border-top: none;
          position: absolute;
          top: 100%;
          left: 0;
          width: 100%;
          background: #000;
          z-index: 10;
          display: none;
          padding: .2rem 0; }
          .consult-container form .input-list .form-item .select-area .select-list .select-item {
            padding: .1rem .15rem;
            color: #fff;
            cursor: pointer; }
            .consult-container form .input-list .form-item .select-area .select-list .select-item:hover {
              color: #d20c18; }
          .consult-container form .input-list .form-item .select-area .select-list .select-item-on {
            color: #d20c18; }
      .consult-container form .input-list .form-item:last-child {
        width: 100%;
        margin-left: 0;
        margin-right: 0; }
  .consult-container form .checkbox-area {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .5rem 0; }
    .consult-container form .checkbox-area .check {
      width: 16px;
      height: 16px;
      border-radius: 2px;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: .1rem;
      cursor: pointer; }
      .consult-container form .checkbox-area .check .iconfont {
        color: #d20c18;
        line-height: 1;
        display: none; }
    .consult-container form .checkbox-area .checked .iconfont {
      display: block; }
    .consult-container form .checkbox-area .check-text {
      display: flex;
      align-items: center;
      color: #999999; }
      .consult-container form .checkbox-area .check-text a {
        color: #d20c18; }
  .consult-container form .submit-btn {
    padding: .1rem .6rem;
    border-radius: 50px;
    color: #fff;
    display: block;
    width: fit-content;
    background-image: linear-gradient(to left, #890001, #d70c19);
    border: none;
    cursor: pointer;
    margin: 0 auto; }

.wx-code-dialog {
  position: fixed;
  padding: 10px;
  width: 240px;
  background-color: #1a1a1a;
  left: calc(50% - 120px);
  top: 50%;
  transform: translate(0, -50%);
  z-index: 1000;
  display: none; }
  .wx-code-dialog .title {
    font-size: 12px;
    color: #fff; }
  .wx-code-dialog .iconfont {
    position: absolute;
    font-size: 16px;
    color: #fff;
    top: 10px;
    right: 10px;
    cursor: pointer; }
  .wx-code-dialog #qrcode {
    padding: 15px 10px;
    width: 185px;
    background-color: #fff;
    margin: 15px auto; }
  .wx-code-dialog .des {
    font-size: 12px;
    color: #999999;
    line-height: 2; }

.pagination-area {
  display: flex;
  align-items: center;
  justify-content: center; }
  .pagination-area .total {
    font-size: 14px;
    color: #999999;
    padding: 0 !important; }
  .pagination-area .pagination {
    margin: 0 .16rem; }
    .pagination-area .pagination .ui-pagination-container {
      display: flex;
      align-items: center; }
      .pagination-area .pagination .ui-pagination-container .ui-pagination-page-item {
        display: block;
        position: relative;
        border-radius: 50%;
        margin: 0 3px; }
        .pagination-area .pagination .ui-pagination-container .ui-pagination-page-item span {
          width: .32rem;
          height: .32rem;
          position: relative;
          z-index: 10;
          border-radius: 50%;
          text-align: center;
          line-height: .32rem;
          font-size: 14px;
          color: #999999;
          display: block;
          background-color: #000; }
      .pagination-area .pagination .ui-pagination-container .active span {
        color: #fff; }
      .pagination-area .pagination .ui-pagination-container .active:after {
        content: '';
        position: absolute;
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        top: -2px;
        left: -2px;
        background: linear-gradient(to right, #fff 1%, #d70c19 50%);
        border-radius: 50px; }
      .pagination-area .pagination .ui-pagination-container .next-page-item span, .pagination-area .pagination .ui-pagination-container .prev-page-item span {
        background-color: #131313; }
  .pagination-area .jump-area {
    display: flex;
    align-items: center;
    color: #ffffff;
    margin-right: .16rem; }
    .pagination-area .jump-area input {
      width: .5rem;
      height: .3rem;
      border-radius: 50px;
      text-align: center;
      color: #fff;
      border: 1px solid #999999;
      background: none;
      margin: 0 5px; }

.dialog {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 20000;
  display: none; }
  .dialog .dialog-container {
    padding: 1rem .8rem;
    border-radius: 10px;
    background-color: #090909;
    border: 1px solid #323232;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .dialog .dialog-container .icon-guanbi {
      position: absolute;
      font-size: .36rem;
      color: #fff;
      right: -.18rem;
      top: -.18rem;
      cursor: pointer; }
    .dialog .dialog-container .title {
      color: #fff;
      text-align: center;
      font-size: .26rem;
      margin-bottom: .5rem; }
    .dialog .dialog-container .submit-btn {
      padding: .14rem .64rem;
      border-radius: 50px;
      color: #fff;
      background-image: linear-gradient(to right, #ff7d7d, #ff0011);
      display: block;
      margin: 0 auto;
      width: fit-content;
      font-size: 15px;
      border: none; }
    .dialog .dialog-container .dialog-btn {
      position: relative; }
      .dialog .dialog-container .dialog-btn .register-link {
        color: #d70c19;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        font-size: 15px; }
    .dialog .dialog-container .form-area {
      width: 4.5rem; }
      .dialog .dialog-container .form-area .input-item {
        position: relative;
        margin-bottom: .32rem; }
        .dialog .dialog-container .form-area .input-item input {
          padding: .14rem .16rem .14rem .5rem;
          border-radius: 50px;
          background-color: #141414;
          color: #fff;
          border: none;
          width: calc(100% - .66rem); }
        .dialog .dialog-container .form-area .input-item .iconfont {
          position: absolute;
          left: .2rem;
          top: 50%;
          transform: translate(0, -50%);
          background-image: linear-gradient(to right, #fff 1%, #d70c19 50%);
          -webkit-background-clip: text;
          color: transparent;
          font-size: .24rem; }
        .dialog .dialog-container .form-area .input-item .code-btn {
          position: absolute;
          width: 1.1rem;
          height: calc(100% - .1rem);
          right: .16rem;
          top: .05rem;
          border-radius: 50px;
          color: #fff;
          background-image: linear-gradient(to right, #ff7d7d, #ff0011);
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer; }
        .dialog .dialog-container .form-area .input-item .getting {
          background: #ccc; }
    .dialog .dialog-container .share-list {
      width: 4rem;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin: 0 auto; }
      .dialog .dialog-container .share-list .share-item {
        width: calc(50% - .2rem);
        text-align: center;
        margin-bottom: .4rem;
        color: #909090;
        cursor: pointer; }
        .dialog .dialog-container .share-list .share-item .iconfont {
          font-size: .5rem; }
        .dialog .dialog-container .share-list .share-item:hover {
          color: #fff; }

.login-dialog .dialog-container, .share-dialog .dialog-container {
  padding: .5rem .8rem; }

.toptips {
  display: none;
  position: fixed;
  -webkit-transform: translateZ(0);
  transform: translateZ(0) translate(-50%, -50%);
  top: 50%;
  left: 50%;
  padding: 10px;
  border-radius: 8px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  z-index: 5000;
  word-wrap: break-word;
  word-break: break-all;
  background-color: #fa5151;
  min-width: 200px; }

.success-toptips {
  background-color: #66c935; }

@media screen and (max-width: 600px) {
  .logo-nav-area {
    display: none; }

  .header-mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% - 20px);
    height: 50px;
    z-index: 65000;
    background-color: #000; }
    .header-mobile .logo_area img {
      height: 24px; }
    .header-mobile .logo_area a {
      color: #fff; }
    .header-mobile .logo_area .code {
      font-size: 10px;
      color: #d20c18;
      line-height: 1;
      margin-top: 3px; }
    .header-mobile .right-container {
      display: flex;
      align-items: center; }
      .header-mobile .right-container .nav-config {
        display: flex;
        align-items: center; }
        .header-mobile .right-container .nav-config .lang-btn {
          padding-right: .3rem;
          font-size: 16px;
          color: #fff;
          border-right: 1px solid rgba(255, 255, 255, 0.5);
          display: block;
          line-height: 1; }
        .header-mobile .right-container .nav-config .search-btn {
          margin-left: .3rem;
          color: #fff;
          display: block;
          font-size: 16px;
          cursor: pointer; }
    .header-mobile .nav {
      margin-left: .2rem; }
      .header-mobile .nav .nav-icon {
        width: 30px;
        height: 30px;
        position: relative; }
        .header-mobile .nav .nav-icon .top-border {
          display: block;
          width: 17px;
          height: 1px;
          background: #fff;
          border-radius: 0.5px;
          position: absolute;
          left: 7px;
          top: 11px;
          z-index: 1; }
        .header-mobile .nav .nav-icon .bottom-border {
          display: block;
          width: 17px;
          height: 1px;
          background: #fff;
          border-radius: 0.5px;
          position: absolute;
          left: 7px;
          top: 19px;
          z-index: 1; }
        .header-mobile .nav .nav-icon .open-top-border {
          top: 15px;
          transform: rotate(45deg); }
        .header-mobile .nav .nav-icon .open-bottom-border {
          top: 15px;
          transform: rotate(-45deg); }

  .header-mobile_active {
    background-color: #000; }

  .mobile-nav {
    width: 100%;
    height: calc(100% - 50px);
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 60000;
    display: none; }
    .mobile-nav .mobile-nav-container {
      background-color: #000;
      width: 100%;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      overflow: scroll; }
      .mobile-nav .mobile-nav-container .nav-list .nav-item {
        position: relative;
        border-top: 1px solid #2a2a2a; }
        .mobile-nav .mobile-nav-container .nav-list .nav-item > a {
          font-size: 15px;
          color: #fff;
          padding: .2rem .8rem;
          position: relative;
          display: block; }
        .mobile-nav .mobile-nav-container .nav-list .nav-item .nav-item-icon, .mobile-nav .mobile-nav-container .nav-list .nav-item .sub-nav-item-icon {
          font-size: 20px;
          color: #fff;
          position: absolute;
          right: .8rem;
          top: .2rem;
          line-height: 1;
          transition: all 0.6s; }
        .mobile-nav .mobile-nav-container .nav-list .nav-item .sub-nav-list {
          display: none;
          background-color: #1e1e1e;
          z-index: 10; }
          .mobile-nav .mobile-nav-container .nav-list .nav-item .sub-nav-list .sub-nav-item {
            border-top: 1px solid #2a2a2a;
            position: relative; }
            .mobile-nav .mobile-nav-container .nav-list .nav-item .sub-nav-list .sub-nav-item > a {
              font-size: 15px;
              color: #fff;
              padding: .2rem 1rem;
              position: relative;
              display: block; }
            .mobile-nav .mobile-nav-container .nav-list .nav-item .sub-nav-list .sub-nav-item .sub-nav-list2 {
              background-color: #333;
              display: none; }
              .mobile-nav .mobile-nav-container .nav-list .nav-item .sub-nav-list .sub-nav-item .sub-nav-list2 > a {
                font-size: 15px;
                color: #fff;
                padding: .2rem 1.2rem;
                position: relative;
                display: block;
                border-top: 1px solid #2a2a2a; }
      .mobile-nav .mobile-nav-container .nav-list .nav-item-on > a, .mobile-nav .mobile-nav-container .nav-list .sub-nav-item-on > a {
        color: #d20c18 !important; }

  body {
    width: 7.5rem; }
    body .container {
      width: 100%; }
    body .footer {
      padding: .86rem 15px .82rem; }
      body .footer * {
        font-size: 13px !important; }
      body .footer .footer-top {
        display: block; }
        body .footer .footer-top .footer-left {
          flex-wrap: wrap;
          margin: 0 0 20px 0;
          width: 100%;
          justify-content: unset; }
          body .footer .footer-top .footer-left .list {
            margin-bottom: 20px;
            width: 33.3%;
            padding-bottom: 0; }
            body .footer .footer-top .footer-left .list ul {
              position: unset; }
            body .footer .footer-top .footer-left .list li a {
              font-size: 11px !important; }
          body .footer .footer-top .footer-left .list:nth-child(3n + 1) {
            width: 38.3%; }
          body .footer .footer-top .footer-left .list:nth-child(3n) {
            width: 28.3%; }
        body .footer .footer-top .footer-right {
          height: 2rem; }
      body .footer .footer-bottom {
        display: block; }
    body .bread {
      padding: 0 15px; }
      body .bread .container p, body .bread .container a {
        font-size: 14px; }

  body .news-container {
    padding: 0 15px .8rem; }
    body .news-container .content {
      width: 100%;
      display: block; }
      body .news-container .content .content-news {
        width: 100%; }
      body .news-container .content .news-detail {
        padding: 0; }
      body .news-container .content .content-right {
        width: 100%;
        margin: 20px 0 0; }
        body .news-container .content .content-right .qrcode .img {
          width: 30%;
          margin: 0 auto; }
        body .news-container .content .content-right .hotLabel .hotLabel-wrapper {
          justify-content: unset; }
          body .news-container .content .content-right .hotLabel .hotLabel-wrapper .hotLabel-list {
            width: fit-content;
            margin-right: .16rem; }

  body .safe-rule-container {
    padding: 0 15px .93rem; }
    body .safe-rule-container .container .rule-content {
      width: 100%;
      margin: 0; }
    body .safe-rule-container .container .overview {
      display: none; }

  body .join-container .content {
    padding: .3rem 15px 0;
    width: calc(100% - 30px); }
    body .join-container .content .seclect-wrapper {
      padding: 0;
      flex-wrap: wrap; }
      body .join-container .content .seclect-wrapper .seclect {
        margin-bottom: .18rem;
        font-size: 13px; }
        body .join-container .content .seclect-wrapper .seclect ul li {
          font-size: 13px; }
    body .join-container .content .table .table-content .list ul {
      flex-wrap: wrap; }
    body .join-container .content .table .table-content .list .detail-btn {
      bottom: 0;
      top: unset;
      font-size: 13px; }
      body .join-container .content .table .table-content .list .detail-btn span {
        font-size: 13px; }

  body .contact-container {
    padding: 0 15px;
    width: calc(100% - 30px); }
    body .contact-container .location {
      display: block;
      width: 100%; }
      body .contact-container .location .location-des {
        width: 100%;
        margin: 0; }
      body .contact-container .location .map > div .box {
        width: fit-content;
        white-space: nowrap; }
    body .contact-container .qrcode {
      justify-content: center; }
      body .contact-container .qrcode > div:first-child {
        display: none; }
      body .contact-container .qrcode .codes {
        padding: 0;
        width: fit-content; }

  body .ai-search-container .content-title, body .ai-search-container .content-des {
    width: calc(100% - 30px);
    margin-left: 15px !important; }
  body .ai-search-container .container-area .product-list .product-item .product-item-content {
    padding: .6rem .4rem; }

  body .about-ai-container .about-ai-tab {
    display: none; }
  body .about-ai-container .service-list .service-item .content-title, body .about-ai-container .service-list .service-item .content-des {
    width: calc(100% - 30px);
    margin-left: 15px !important; }

  body .speech-container .demo-container .text {
    padding: 0 15px; }
  body .speech-container .studio-intro-container .intro-list .content-title, body .speech-container .studio-intro-container .intro-list .content-des {
    width: calc(100% - 30px);
    margin-left: 15px !important; }
  body .speech-container .studio-intro-container .intro-list .intro-content-area .intro-nav-list, body .speech-container .studio-intro-container .intro-list .intro-content-area .device-nav-list {
    left: 15px; }
  body .speech-container .mark-container .mark-list {
    padding: 0 15px; }
    body .speech-container .mark-container .mark-list .mark-item .name {
      text-align: center;
      width: 90%;
      font-size: 13px; }
  body .speech-container .service-container .service-list {
    overflow: scroll;
    padding: 0 15px 15px; }
    body .speech-container .service-container .service-list .service-item {
      width: 2.5rem; }

  .subpage-banner .banner-text .search-input-area {
    width: 80vw; }

  body .product-intro .container {
    padding: 0 15px;
    width: calc(100% - 30px); }
    body .product-intro .container .intro {
      width: 100%; }

  body .product-config-container {
    padding: 0 15px .9rem; }
    body .product-config-container .title-area .more-btn {
      width: 2rem;
      height: .6rem; }
    body .product-config-container .demo-list .demo-item {
      width: 100%;
      margin-right: 0; }

  body .product-recommend-container .container .title {
    padding: 0 15px; }
  body .product-recommend-container .product-list {
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding: 0 15px; }
    body .product-recommend-container .product-list .product-item {
      width: calc(60% - .2rem);
      margin-right: .4rem; }
      body .product-recommend-container .product-list .product-item:nth-child(3n) {
        margin-right: .3rem; }
      body .product-recommend-container .product-list .product-item:nth-child(even) {
        margin-right: 0; }

  body .product-container .container {
    display: block; }
    body .product-container .container .left-container {
      width: 100%;
      margin-right: 0; }
    body .product-container .container .right-container {
      width: 100%; }
      body .product-container .container .right-container .total {
        font-size: 14px;
        padding: 0 15px; }
        body .product-container .container .right-container .total span {
          font-size: 14px; }
      body .product-container .container .right-container .pagination {
        padding: 0 15px; }

  body .about-ai-container #introduce, body .about-ai-container #business, body .about-ai-container #culture {
    height: calc(100vh - 50px); }
  body .about-ai-container #history {
    height: calc(100vh - 2rem - 50px); }

  body .about-ai-container #introduce .introduce-text {
    width: 100%;
    top: 10%; }
    body .about-ai-container #introduce .introduce-text p {
      width: 85%;
      margin: 0 auto;
      font-size: 14px !important; }
      body .about-ai-container #introduce .introduce-text p * {
        font-size: 14px !important; }

  body .about-ai-container #business .business-swiper {
    left: 10px; }

  body .about-ai-container #business .business-text .bottom {
    left: 100px;
    padding-right: 10px; }
    body .about-ai-container #business .business-text .bottom .business-des {
      font-size: 14px; }

  body .about-ai-container #culture .culture-content {
    flex-wrap: wrap; }
    body .about-ai-container #culture .culture-content .culture-list {
      flex: 50%;
      height: 50%; }

  body .about-ai-container #history .container {
    height: 100%; }

  body .about-ai-container #history .title {
    height: 1.4rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0; }

  body .about-ai-container #history .history-container {
    height: calc(100% - 2.6rem);
    margin-top: .2rem;
    display: flex; }
    body .about-ai-container #history .history-container .history-content {
      /* width: calc(100% - 2rem - 60px);
       left: 2rem;
       transform: translate(0,-50%);*/
      width: calc(100% - 60px); }
      body .about-ai-container #history .history-container .history-content .swiper-slide p {
        font-size: 13px !important; }
      body .about-ai-container #history .history-container .history-content .swiper-slide .month-item .month-text {
        width: 30px !important; }

  body .about-ai-container #team .team-list {
    position: relative; }
    body .about-ai-container #team .team-list .team-item {
      width: calc(100% - 30px);
      height: auto;
      margin-left: 15px;
      opacity: 1; }
      body .about-ai-container #team .team-list .team-item .team-top {
        padding: .3rem 0;
        height: auto; }
      body .about-ai-container #team .team-list .team-item .team-top-content {
        margin-top: 0 !important; }
      body .about-ai-container #team .team-list .team-item .content {
        display: block;
        position: unset;
        margin-top: 20px; }
      body .about-ai-container #team .team-list .team-item .team-item-dialog {
        padding: 0.45rem 15px;
        width: calc(100vw - 50px);
        margin: 0 10px;
        top: 50%; }
      body .about-ai-container #team .team-list .team-item:nth-child(n + 4) .team-item-dialog {
        bottom: 50%; }

  body .about-ai-container #certification .honor-container .honor-nav-area {
    padding: 0 15px; }
    body .about-ai-container #certification .honor-container .honor-nav-area .honor-nav-item {
      font-size: 14px; }

  body .about-ai-container #certification .honor-container .honor-tab-pane .honor-tab-item {
    padding: 0 10px; }

  body .about-ai-container #culture .culture-content .culture-list:hover {
    flex: 50% !important; }

  body .about-ai-container #history .history-container .history-content .swiper-history-content .swiper-slide .content {
    font-size: 13px; }

  body .about-ai-container #team .team-list .team-item .position,
  body .about-ai-container #team .team-list .team-item .team-item-dialog .dialog-content .content,
  body .about-ai-container #certification .honor-container .honor-tab-pane .honor-tab-item .swiper .swiper-slide .name {
    font-size: 13px; }

  body .index-container .news-container .news-list {
    padding: 0 15px; }
    body .index-container .news-container .news-list .news-item {
      margin: 0 !important;
      width: 100%;
      padding: 20px 0; }
      body .index-container .news-container .news-list .news-item .time span, body .index-container .news-container .news-list .news-item .content p {
        font-size: 13px; }
      body .index-container .news-container .news-list .news-item .content .news-title {
        font-size: 14px; }
  body .index-container .news-container .more-btn {
    text-align: center;
    font-size: 14px; }

  body .index-container .advantage-container .advantage-list {
    padding: 0 15px 20px;
    flex-wrap: nowrap;
    overflow: scroll; }
    body .index-container .advantage-container .advantage-list .advantage-item {
      width: 2.5rem;
      padding: 20px 15px;
      height: fit-content;
      margin-right: .5rem;
      min-height: 3.5rem; }
      body .index-container .advantage-container .advantage-list .advantage-item .advantage-content {
        width: 100%; }
      body .index-container .advantage-container .advantage-list .advantage-item .ad-des {
        display: block !important; }

  body .subpage-banner .container .index-banner-text {
    padding: 0 20px; }

  body .search-container .search-input-area {
    width: calc(100% - 30px);
    margin-left: 15px; }

  body .search-container .search-result-container .result-count {
    font-size: 14px;
    padding: 0 15px; }

  body .search-container .search-result-container .result-nav .result-nav-item {
    margin-right: 20px;
    font-size: 14px; }

  body .search-container .search-result-container .cases-list {
    padding: 0 15px; }
    body .search-container .search-result-container .cases-list .cases-item .cases-img {
      width: 40%;
      margin-right: .3rem; }
    body .search-container .search-result-container .cases-list .cases-item .content {
      width: calc(60% - .3rem); }
      body .search-container .search-result-container .cases-list .cases-item .content .title {
        font-size: 14px; }
      body .search-container .search-result-container .cases-list .cases-item .content .des {
        font-size: 13px; }

  body .search-container .search-result-container .news-list {
    padding: 0 15px; }
    body .search-container .search-result-container .news-list .news-item {
      margin: 0 !important;
      width: 100%;
      padding: 20px 0; }
      body .search-container .search-result-container .news-list .news-item .time span, body .search-container .search-result-container .news-list .news-item .content .des {
        font-size: 13px; }
      body .search-container .search-result-container .news-list .news-item .content .news-title {
        font-size: 14px; }

  body .search-container .search-result-container .pagination {
    padding: 0 15px; }

  .index-container .advantage-container .advantage-list .advantage-item .advantage-content .ad-title,
  .contact-container .location .location-des > div .name,
  .news-container .content .content-news .news-list:first-child .news-content .tle,
  .news-container .content .content-news .news-list .news-content .tle,
  .news-detail .news-detail-top .tle, .news-detail .news-detail-content p,
  .join-container .content-top .tab, .join-container .content .table .pagination-top .total,
  .safe-rule-container .container .rule-content p, .ai-search-container .container-area .content .content-title,
  .ai-search-container .container-area .product-list .product-item .product-item-content .product-name,
  .about-ai-container .service-list .service-item .content-title, .speech-container .studio-intro-container .intro-list .content-title {
    font-size: 14px !important; }
    .index-container .advantage-container .advantage-list .advantage-item .advantage-content .ad-title span, .index-container .advantage-container .advantage-list .advantage-item .advantage-content .ad-title i, .index-container .advantage-container .advantage-list .advantage-item .advantage-content .ad-title a,
    .contact-container .location .location-des > div .name span,
    .contact-container .location .location-des > div .name i,
    .contact-container .location .location-des > div .name a,
    .news-container .content .content-news .news-list:first-child .news-content .tle span,
    .news-container .content .content-news .news-list:first-child .news-content .tle i,
    .news-container .content .content-news .news-list:first-child .news-content .tle a,
    .news-container .content .content-news .news-list .news-content .tle span,
    .news-container .content .content-news .news-list .news-content .tle i,
    .news-container .content .content-news .news-list .news-content .tle a,
    .news-detail .news-detail-top .tle span,
    .news-detail .news-detail-top .tle i,
    .news-detail .news-detail-top .tle a, .news-detail .news-detail-content p span, .news-detail .news-detail-content p i, .news-detail .news-detail-content p a,
    .join-container .content-top .tab span,
    .join-container .content-top .tab i,
    .join-container .content-top .tab a, .join-container .content .table .pagination-top .total span, .join-container .content .table .pagination-top .total i, .join-container .content .table .pagination-top .total a,
    .safe-rule-container .container .rule-content p span,
    .safe-rule-container .container .rule-content p i,
    .safe-rule-container .container .rule-content p a, .ai-search-container .container-area .content .content-title span, .ai-search-container .container-area .content .content-title i, .ai-search-container .container-area .content .content-title a,
    .ai-search-container .container-area .product-list .product-item .product-item-content .product-name span,
    .ai-search-container .container-area .product-list .product-item .product-item-content .product-name i,
    .ai-search-container .container-area .product-list .product-item .product-item-content .product-name a,
    .about-ai-container .service-list .service-item .content-title span,
    .about-ai-container .service-list .service-item .content-title i,
    .about-ai-container .service-list .service-item .content-title a, .speech-container .studio-intro-container .intro-list .content-title span, .speech-container .studio-intro-container .intro-list .content-title i, .speech-container .studio-intro-container .intro-list .content-title a {
      font-size: 14px !important; }

  .subpage-banner .container .index-banner-text .des, .subpage-banner .banner-text .des,
  .contact-container .location .location-des > div .details p, .contact-container .qrcode .codes > div p,
  .news-container .content .content-news .news-list .news-content .time,
  .news-container .content .content-news .news-list .news-content .des,
  body .pagination .ui-pagination-container .ui-pagination-page-item, .news-container .content .content-right .qrcode .text,
  .news-container .content .content-right .recommend .recommend-list a,
  .news-container .content .content-right .hotLabel .hotLabel-wrapper .hotLabel-list,
  .news-detail .news-detail-top .news-config .time, .news-detail .news-detail-top .news-config .share a,
  .news-detail .news-detail-top .news-config .goback, .join-container .content .table .pagination-top .nums i,
  .join-container .content .table .table-content .list ul li, .join-container .content .table .pagination-bottom span,
  .join-container .content .table .table-content .detail p, .subpage-banner .banner-text .des p, .subpage-banner .banner-text .banner-btn,
  .ai-search-container .container-area .content .content-des, .ai-search-container .container-area .product-list .product-item .product-item-content .intro-list .intro-item,
  .ai-search-container .container-area .product-list .product-item .product-item-content .product-btn,
  .about-ai-container .service-list .service-item .content-des, .about-ai-container .service-list .service-item .img-intro .intro-detail-area .detail-item,
  .more-service-btn, .subpage-banner .banner-text .search-input-area .search-input, .subpage-banner .banner-text .search-input-area .search-btn,
  .product-intro .intro, .product-config-container .config-list .config-item p, .product-config-container .demo-list .demo-item .content .text,
  .product-recommend-container .product-list .product-item .product-name, .search-container .search-input-area .search-input, .search-container .search-input-area .search-btn,
  .speech-container .demo-container .text, .speech-container .studio-intro-container .intro-list .content-des,
  .speech-container .studio-intro-container .intro-list .intro-content-area .intro-nav-list .intro-nav-item, .speech-container .studio-intro-container .intro-list .intro-content-area .intro-nav-list .device-nav-item, .speech-container .studio-intro-container .intro-list .intro-content-area .device-nav-list .intro-nav-item, .speech-container .studio-intro-container .intro-list .intro-content-area .device-nav-list .device-nav-item,
  .speech-container .service-container .service-list .service-item .content .list p {
    font-size: 13px !important; }
    .subpage-banner .container .index-banner-text .des span, .subpage-banner .container .index-banner-text .des i, .subpage-banner .container .index-banner-text .des a, .subpage-banner .banner-text .des span, .subpage-banner .banner-text .des i, .subpage-banner .banner-text .des a,
    .contact-container .location .location-des > div .details p span,
    .contact-container .location .location-des > div .details p i,
    .contact-container .location .location-des > div .details p a, .contact-container .qrcode .codes > div p span, .contact-container .qrcode .codes > div p i, .contact-container .qrcode .codes > div p a,
    .news-container .content .content-news .news-list .news-content .time span,
    .news-container .content .content-news .news-list .news-content .time i,
    .news-container .content .content-news .news-list .news-content .time a,
    .news-container .content .content-news .news-list .news-content .des span,
    .news-container .content .content-news .news-list .news-content .des i,
    .news-container .content .content-news .news-list .news-content .des a,
    body .pagination .ui-pagination-container .ui-pagination-page-item span,
    body .pagination .ui-pagination-container .ui-pagination-page-item i,
    body .pagination .ui-pagination-container .ui-pagination-page-item a, .news-container .content .content-right .qrcode .text span, .news-container .content .content-right .qrcode .text i, .news-container .content .content-right .qrcode .text a,
    .news-container .content .content-right .recommend .recommend-list a span,
    .news-container .content .content-right .recommend .recommend-list a i,
    .news-container .content .content-right .recommend .recommend-list a a,
    .news-container .content .content-right .hotLabel .hotLabel-wrapper .hotLabel-list span,
    .news-container .content .content-right .hotLabel .hotLabel-wrapper .hotLabel-list i,
    .news-container .content .content-right .hotLabel .hotLabel-wrapper .hotLabel-list a,
    .news-detail .news-detail-top .news-config .time span,
    .news-detail .news-detail-top .news-config .time i,
    .news-detail .news-detail-top .news-config .time a, .news-detail .news-detail-top .news-config .share a span, .news-detail .news-detail-top .news-config .share a i, .news-detail .news-detail-top .news-config .share a a,
    .news-detail .news-detail-top .news-config .goback span,
    .news-detail .news-detail-top .news-config .goback i,
    .news-detail .news-detail-top .news-config .goback a, .join-container .content .table .pagination-top .nums i span, .join-container .content .table .pagination-top .nums i i, .join-container .content .table .pagination-top .nums i a,
    .join-container .content .table .table-content .list ul li span,
    .join-container .content .table .table-content .list ul li i,
    .join-container .content .table .table-content .list ul li a, .join-container .content .table .pagination-bottom span span, .join-container .content .table .pagination-bottom span i, .join-container .content .table .pagination-bottom span a,
    .join-container .content .table .table-content .detail p span,
    .join-container .content .table .table-content .detail p i,
    .join-container .content .table .table-content .detail p a, .subpage-banner .banner-text .des p span, .subpage-banner .banner-text .des p i, .subpage-banner .banner-text .des p a, .subpage-banner .banner-text .banner-btn span, .subpage-banner .banner-text .banner-btn i, .subpage-banner .banner-text .banner-btn a,
    .ai-search-container .container-area .content .content-des span,
    .ai-search-container .container-area .content .content-des i,
    .ai-search-container .container-area .content .content-des a, .ai-search-container .container-area .product-list .product-item .product-item-content .intro-list .intro-item span, .ai-search-container .container-area .product-list .product-item .product-item-content .intro-list .intro-item i, .ai-search-container .container-area .product-list .product-item .product-item-content .intro-list .intro-item a,
    .ai-search-container .container-area .product-list .product-item .product-item-content .product-btn span,
    .ai-search-container .container-area .product-list .product-item .product-item-content .product-btn i,
    .ai-search-container .container-area .product-list .product-item .product-item-content .product-btn a,
    .about-ai-container .service-list .service-item .content-des span,
    .about-ai-container .service-list .service-item .content-des i,
    .about-ai-container .service-list .service-item .content-des a, .about-ai-container .service-list .service-item .img-intro .intro-detail-area .detail-item span, .about-ai-container .service-list .service-item .img-intro .intro-detail-area .detail-item i, .about-ai-container .service-list .service-item .img-intro .intro-detail-area .detail-item a,
    .more-service-btn span,
    .more-service-btn i,
    .more-service-btn a, .subpage-banner .banner-text .search-input-area .search-input span, .subpage-banner .banner-text .search-input-area .search-input i, .subpage-banner .banner-text .search-input-area .search-input a, .subpage-banner .banner-text .search-input-area .search-btn span, .subpage-banner .banner-text .search-input-area .search-btn i, .subpage-banner .banner-text .search-input-area .search-btn a,
    .product-intro .intro span,
    .product-intro .intro i,
    .product-intro .intro a, .product-config-container .config-list .config-item p span, .product-config-container .config-list .config-item p i, .product-config-container .config-list .config-item p a, .product-config-container .demo-list .demo-item .content .text span, .product-config-container .demo-list .demo-item .content .text i, .product-config-container .demo-list .demo-item .content .text a,
    .product-recommend-container .product-list .product-item .product-name span,
    .product-recommend-container .product-list .product-item .product-name i,
    .product-recommend-container .product-list .product-item .product-name a, .search-container .search-input-area .search-input span, .search-container .search-input-area .search-input i, .search-container .search-input-area .search-input a, .search-container .search-input-area .search-btn span, .search-container .search-input-area .search-btn i, .search-container .search-input-area .search-btn a,
    .speech-container .demo-container .text span,
    .speech-container .demo-container .text i,
    .speech-container .demo-container .text a, .speech-container .studio-intro-container .intro-list .content-des span, .speech-container .studio-intro-container .intro-list .content-des i, .speech-container .studio-intro-container .intro-list .content-des a,
    .speech-container .studio-intro-container .intro-list .intro-content-area .intro-nav-list .intro-nav-item span,
    .speech-container .studio-intro-container .intro-list .intro-content-area .intro-nav-list .intro-nav-item i,
    .speech-container .studio-intro-container .intro-list .intro-content-area .intro-nav-list .intro-nav-item a, .speech-container .studio-intro-container .intro-list .intro-content-area .intro-nav-list .device-nav-item span, .speech-container .studio-intro-container .intro-list .intro-content-area .intro-nav-list .device-nav-item i, .speech-container .studio-intro-container .intro-list .intro-content-area .intro-nav-list .device-nav-item a, .speech-container .studio-intro-container .intro-list .intro-content-area .device-nav-list .intro-nav-item span, .speech-container .studio-intro-container .intro-list .intro-content-area .device-nav-list .intro-nav-item i, .speech-container .studio-intro-container .intro-list .intro-content-area .device-nav-list .intro-nav-item a, .speech-container .studio-intro-container .intro-list .intro-content-area .device-nav-list .device-nav-item span, .speech-container .studio-intro-container .intro-list .intro-content-area .device-nav-list .device-nav-item i, .speech-container .studio-intro-container .intro-list .intro-content-area .device-nav-list .device-nav-item a,
    .speech-container .service-container .service-list .service-item .content .list p span,
    .speech-container .service-container .service-list .service-item .content .list p i,
    .speech-container .service-container .service-list .service-item .content .list p a {
      font-size: 13px !important; }

  .safe-rule-container .container .rule-content .content-top .rule-title {
    font-size: .5rem !important; }

  body .product-container table tbody tr td, body .search-container table tbody tr td {
    padding: .15rem .15rem;
    line-height: 1.5; }
    body .product-container table tbody tr td .btn, body .search-container table tbody tr td .btn {
      padding: 0.1rem 0.1rem;
      color: #fff;
      border-radius: 50px;
      background-image: linear-gradient(to right, #890001, #d70c19);
      white-space: nowrap;
      font-size: 13px; }
  body .product-container table tbody tr:nth-child(odd), body .search-container table tbody tr:nth-child(odd) {
    background-color: #000; }

  body .speech-container .mark-container .more-service-btn {
    width: 3.5rem; }

  .swiper-index-banner .swiper-pagination {
    bottom: 10px !important; }

  body .join-container .content .table .table-content .list {
    display: flex;
    align-items: center;
    overflow: scroll; }
    body .join-container .content .table .table-content .list ul {
      flex-wrap: nowrap; }
    body .join-container .content .table .table-content .list .detail-btn {
      white-space: nowrap;
      position: unset; }
    body .join-container .content .table .table-content .list::-webkit-scrollbar {
      display: none; }

  body .consult-container {
    padding: 0 15px .7rem;
    width: calc(100% - 30px); }
    body .consult-container form .input-list .form-item {
      margin: .5rem 0 0 !important;
      width: 100%;
      display: block; }
      body .consult-container form .input-list .form-item .input-item {
        width: 100%; }

  body .join-container .content .table .pagination-bottom {
    background: transparent !important;
    padding-bottom: 10px; }

  body .join-container .content .table .table-content .detail .detail-content {
    width: 100%; }

  body .join-container .content .table .table-content .detail .send-job-mail {
    position: unset;
    margin: 30px auto 0; }

  body .subpage-banner-new {
    height: auto; }
    body .subpage-banner-new .container {
      padding: 70px 0 20px;
      display: block;
      position: relative; }
      body .subpage-banner-new .container .left-content {
        position: relative;
        z-index: 100;
        padding: 0 15px; }
      body .subpage-banner-new .container .right-img {
        width: 100%;
        height: auto;
        position: absolute;
        right: 0;
        bottom: 0; }

  body .product-container {
    padding: .5rem 15px 1.3rem; }
    body .product-container .container .left-container {
      width: calc(100% - .5rem);
      margin-bottom: 20px; }
      body .product-container .container .left-container .product-screen-container .yuyan-area .yuyan-select-area .yuyan-input-area input {
        height: 40px;
        padding-left: .7rem;
        width: calc(100% - .9rem); }
      body .product-container .container .left-container .product-screen-container .yuyan-area .yuyan-select-area .yuyan-input-area .iconfont {
        line-height: 40px; }
      body .product-container .container .left-container .product-screen-container .yuyan-area .yuyan-select-area .yuyan-screen-result .result-list {
        height: 3.5rem; }
        body .product-container .container .left-container .product-screen-container .yuyan-area .yuyan-select-area .yuyan-screen-result .result-list .result-item {
          padding: .2rem; }
      body .product-container .container .left-container .product-screen-container .screen-area .title {
        font-size: 15px; }
    body .product-container .container .right-container .search-input-area input {
      height: 40px;
      padding-left: .7rem;
      width: calc(100% - 1.2rem); }
    body .product-container .container .right-container .search-input-area .iconfont {
      line-height: 40px; }
    body .product-container .container .right-container .product-tab-item-on .img-area {
      height: 2rem; }
    body .product-container .container .right-container .product-tab-item-on .img-product-list .product-item {
      width: calc(100% - .32rem); }
    body .product-container .container .right-container .product-tab-item-on .text-product-list .product-item {
      padding: 10px;
      display: block; }
      body .product-container .container .right-container .product-tab-item-on .text-product-list .product-item .img-area {
        display: none; }
      body .product-container .container .right-container .product-tab-item-on .text-product-list .product-item .consult-btn {
        right: 10px; }
      body .product-container .container .right-container .product-tab-item-on .text-product-list .product-item .product-left-item .product-info .product-id {
        margin-bottom: 15px; }
      body .product-container .container .right-container .product-tab-item-on .text-product-list .product-item .operation-list .operation-item {
        margin-right: .4rem;
        margin-left: 0;
        margin-top: 15px; }
    body .product-container .container .right-container .product-detail-container .detail-info-item .info-title-area .title {
      display: none; }
    body .product-container .container .right-container .product-detail-container .detail-info-item .info-title-area .title-on {
      display: block; }
    body .product-container .container .right-container .product-detail-container .detail-info-item .config-list .config-item {
      width: calc(100% - .48rem); }
    body .product-container .container .right-container .product-detail-container .detail-info-item .demo-list .demo-item {
      width: 100%; }
      body .product-container .container .right-container .product-detail-container .detail-info-item .demo-list .demo-item .img-area {
        height: 3rem; }

  body .account-banner {
    padding: 70px 15px 20px;
    background-size: cover; }

  body .account-banner .container .logout-btn {
    margin-top: 15px;
    width: calc(1.88rem - 0.3rem);
    text-align: center; }

  body .account-container .container {
    display: block;
    padding: 0 15px;
    width: calc(100% - 30px); }
    body .account-container .container .left-container {
      width: calc(100% - .5rem);
      margin: 0 0 20px; }
      body .account-container .container .left-container .account-nav-list .account-nav-item {
        margin-bottom: 10px; }
    body .account-container .container .right-container {
      width: 100%; }
      body .account-container .container .right-container .collection-list .collection-item a .time {
        font-size: 12px; }

  body .login-area {
    padding-top: 70px; }
    body .login-area .welcome-area {
      padding: 0 20px; }
    body .login-area .form-container {
      padding: 30px 20px 30px;
      background: none; }
      body .login-area .form-container .container .form-area {
        width: 100%; }
        body .login-area .form-container .container .form-area .input-item input {
          padding: .2rem .16rem .2rem .5rem; }
        body .login-area .form-container .container .form-area .input-item .code-btn {
          width: auto;
          padding: 0 10px;
          font-size: 12px; }
        body .login-area .form-container .container .form-area .checkbox-area .iconfont {
          font-size: .32rem; }
        body .login-area .form-container .container .form-area .submit-btn {
          height: 40px;
          line-height: 40px; }

  body .dialog .dialog-container {
    padding: .5rem 15px;
    width: calc(100% - 80px); }
    body .dialog .dialog-container .title {
      font-size: 16px; }
    body .dialog .dialog-container .form-area {
      width: 100%; }
      body .dialog .dialog-container .form-area .input-item .code-btn {
        width: auto;
        padding: 0 5px; }

  body .mj-index .swiper-fullpage {
    padding-top: 50px;
    height: calc(100vh - 50px); }
    body .mj-index .swiper-fullpage .swiper-wrapper > .swiper-slide {
      height: auto !important; }

  body .mj-index .advantage-container .advantage-list {
    padding: 0 15px;
    overflow-x: scroll; }
    body .mj-index .advantage-container .advantage-list .advantage-item {
      width: calc(60% - .6rem);
      background: #2d2d2d; }
      body .mj-index .advantage-container .advantage-list .advantage-item .ad-des {
        display: block !important; }
      body .mj-index .advantage-container .advantage-list .advantage-item .ad-title {
        font-size: 15px !important; }

  body .mj-index .news-container .news-list {
    padding: 0 15px; }
    body .mj-index .news-container .news-list .news-item {
      margin: 0 !important;
      width: 100%;
      padding: 20px 0; }
      body .mj-index .news-container .news-list .news-item .content .news-title {
        font-size: 15px !important; }

  body .mj-index .news-container .more-btn {
    text-align: center;
    margin-top: 10px; }

  body .mj-index .index-tab-area {
    display: none; }

  body .mj-index .index-service-item {
    display: block; }
    body .mj-index .index-service-item .index-service-img {
      width: 100% !important;
      height: auto;
      margin: 10px 0 !important;
      position: relative; }
    body .mj-index .index-service-item .service-item-content {
      margin: 0 !important;
      padding: 0 15px !important;
      width: calc(100% - 30px) !important; }
      body .mj-index .index-service-item .service-item-content .swiper .swiper-slide p, body .mj-index .index-service-item .service-item-content .swiper .swiper-slide a {
        font-size: 13px; }

  body .mj-index .img-area0, body .mj-index .img-area1, body .mj-index .img-area2, body .mj-index .img-area3, body .mj-index .img-area4, body .mj-index .img-area5 {
    display: none; }

  body .mj-index .index-service-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
    body .mj-index .index-service-item .index-service-img {
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1; }
    body .mj-index .index-service-item .service-item-content {
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2; }

  body .mj-index .index-service-item .service-item-content .title {
    padding-bottom: 5px !important; }

  body .mj-index .notice-area .notice {
    padding: 0 10px; }

  body .about-ai-container .service-list .service-item .img-intro .intro-detail-area .service-btn {
    width: 110px;
    height: 35px; }

  body .pagination-area .jump-area {
    display: none; }

  body .login-area .form-container .container .form-area .checkbox-area {
    width: 100%; }

  body .mj-register .login-area .form-container .container .form-area .link-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
    body .mj-register .login-area .form-container .container .form-area .link-list .link-item {
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1;
      margin-bottom: 5px; }
    body .mj-register .login-area .form-container .container .form-area .link-list .checkbox-area {
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2; }

  .news-container .content .content-news .news-wrapper .news-list {
    padding: 0; }
    .news-container .content .content-news .news-wrapper .news-list .news-img {
      width: 3rem; }
    .news-container .content .content-news .news-wrapper .news-list .news-content {
      width: calc(100% - 3rem - .56rem);
      padding: .2rem .28rem;
      height: 2.16rem; }

  .subpage-banner {
    height: calc(100vh - 50px) !important; }

  .index-banner .banner-img, .index-banner video {
    object-fit: contain; }

  .swiper-index-banner .swiper-pagination {
    display: none; }

  body .speech-container .demo-container .swiper .swiper-slide {
    width: 100%; }

  body .speech-container .demo-container .swiper .swiper-slide .audio-content audio {
    width: 85vw; }

  .toptips {
    top: 80px !important; } }
@media screen and (max-width: 1400px) and (min-width: 600px) {
  body .product-container .container .right-container .product-tab-item-on .img-product-list .product-item {
    width: calc(50% - .24rem - .32rem);
    margin-right: .48rem; }
    body .product-container .container .right-container .product-tab-item-on .img-product-list .product-item:nth-child(3n) {
      margin-right: .48rem; }
    body .product-container .container .right-container .product-tab-item-on .img-product-list .product-item:nth-child(even) {
      margin-right: 0; } }
@media screen and (min-width: 1800px) {
  body .footer .footer-top .footer-left .list li {
    font-size: 18px; }
    body .footer .footer-top .footer-left .list li a {
      font-size: 18px !important;
      white-space: nowrap; } }
.index-banner-text * {
  font-size: inherit; }

.jianbian-border {
  display: block;
  position: relative;
  border-radius: 50px; }
  .jianbian-border span {
    position: relative;
    z-index: 10;
    background-color: #000;
    border-radius: 50px;
    color: #fff;
    display: block; }
  .jianbian-border:after {
    content: '';
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
    background: linear-gradient(to right, #fff 1%, #d70c19 50%);
    border-radius: 50px; }

.container input::-webkit-outer-spin-button,
.container input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

.container input[type='number'] {
  -moz-appearance: textfield; }

body .dialog-img {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 50%;
  max-height: 50%;
  object-fit: contain;
  z-index: 1000;
  display: none; }

.product-img-dialog {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 100; }
  .product-img-dialog .img-area {
    width: 70%;
    height: 70%;
    display: block;
    z-index: 100;
    left: 62%;
    top: 50%;
    position: fixed;
    transform: translate(-50%, -50%); }
    .product-img-dialog .img-area .dialog-img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
      position: unset;
      transform: unset;
      max-width: unset;
      max-height: unset; }
    .product-img-dialog .img-area .iconfont {
      font-size: .4rem;
      color: #fff;
      position: absolute;
      bottom: -.5rem;
      left: 50%;
      transform: translate(-50%);
      cursor: pointer;
      line-height: 1; }

.float-right {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 10000;
  width: 55px;
  height: 268px; }
  .float-right .float-right-item {
    display: flex;
    align-items: center;
    height: 55px;
    border-radius: 5px;
    color: #fff;
    background: #333333;
    transition: all .4s;
    margin-left: calc(100% - 55px);
    margin-bottom: 12px;
    position: relative; }
    .float-right .float-right-item .item-left {
      width: 55px;
      height: 55px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      cursor: pointer;
      text-align: center; }
      .float-right .float-right-item .item-left p {
        font-size: 13px; }
      .float-right .float-right-item .item-left .iconfont {
        font-size: 24px; }
    .float-right .float-right-item .item-right {
      padding: 0 20px;
      height: 55px;
      display: flex;
      align-items: center;
      position: relative;
      flex-shrink: 0;
      white-space: nowrap; }
      .float-right .float-right-item .item-right:after {
        position: absolute;
        content: "";
        width: 1px;
        height: 40px;
        background: rgba(255, 255, 255, 0.2);
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto; }
      .float-right .float-right-item .item-right p {
        font-size: 13px; }
    .float-right .float-right-item .float-code {
      width: 100px;
      height: 100px;
      padding-right: 10px;
      position: absolute;
      top: 50%;
      right: 100%;
      transform: translate(0, -50%);
      display: none; }
      .float-right .float-right-item .float-code img {
        width: 100%;
        height: 100%;
        display: block; }

@media screen and (min-width: 600px) and (max-width: 1200px) {
  body .footer .footer-top .footer-left {
    width: 14rem;
    margin-right: .5rem; } }
@media screen and (max-width: 600px) {
  body .product-img-dialog .img-area {
    width: 90%;
    left: 50%; }

  /*.mj-index .index-service-item .service-item-content .swiper  .swiper-slide-on{
    p,a{color:#999 !important;}
    p:after,a:after{
     display: none;
    }
  }
  .mj-index .index-service-item .service-item-content .swiper  .swiper-slide-active{
    p,a{color:$mainColor !important;}
    p:after,a:after{
      position: absolute;
      content: '';
      width: 100%;
      height: 2px;
      background-image: linear-gradient(to right, transparent, $mainColor, transparent);
      left: 0;
      bottom: 0;
      display: block;
    }
  }*/
  .float-right {
    display: none !important; } }

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