/************************* 全局公共样式 *****************************/
.flex {
  display: flex;
  align-items: center;
}

.justify {
  text-align: justify !important;
}

.between {
  justify-content: space-between;
}

.around {
  justify-content: space-around;
}

.flex.center {
  justify-content: center;
}

.flex.vertical-start {
  align-items: flex-start;
}

.flex.vertical-center {
  align-items: center;
}

.flex.stretch {
  align-items: stretch
}

.flex.column {
  flex-direction: column;
  align-items: flex-start;
}

.flex.wrap {
  flex-wrap: wrap;
}
.br{
  display: block;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}

.ellipsis.line-4 {
  display: -webkit-box;
  white-space: pre-wrap;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 4;
}
.ellipsis.line-5 {
  display: -webkit-box;
  white-space: pre-wrap;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 5;
}

.ellipsis.line-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: pre-wrap;
  -webkit-line-clamp: 2;
}

.ellipsis.normal {
  white-space: normal;
}

.m0 {
  margin: 0 !important;
}

.mr0{
  margin-right: 0 !important;
}

.mb16 {
  margin-bottom: 0.16rem !important;
}

.g-width {
  /*width: 1440px;*/
  width: 14.40rem;
  margin: 0 auto;
}

.link {
  color: #1C81F8;
  cursor: pointer;
  margin-left: 0.02rem;
}

/*@media screen and (max-width: 1440px) {*/
/*  .g-width {*/
/*    width: 1200px;*/
/*    !*width: 12rem;*!*/
/*    margin: 0 auto;*/
/*  }*/
/*}*/

/*@media screen and (max-width: 1600px) and (min-width: 1441px) {*/
/*  .g-width {*/
/*    width: 1300px;*/
/*    !*width: 13rem;*!*/
/*    margin: 0 auto;*/
/*  }*/
/*}*/

.checkbox-wrap {
  width: 0.16rem;
  height: 0.16rem;
  background: linear-gradient(180deg, #F3F9FA 0%, #FFFFFF 100%);
  box-shadow: 8px 8px 20px rgba(55, 99, 170, 0.1);
  cursor: pointer;
  position: relative;
  border: 1px solid #D9D9D9;
  border-radius: 0.02rem;
}

.checkbox-wrap.checked input {
  display: block;
}

.checkbox[type=checkbox] {
  position: absolute;
  left: -0.02rem;
  top: -0.02rem;
  display: none;
  width: 0.16rem;
  height: 0.16rem;
  border: none;
  margin: 0;
  border-radius: 0.02rem;
}

.privacy-wrap {
  margin: 0.40rem auto 0.30rem;
}

.privacy {
  font-size: 0.16rem;
  margin: 0 0.02rem 0 0.08rem;
  color: #8C99A0;
}

.try-submit-button {
  width: 3.24rem;
  height: 0.42rem;
  font-size: 0.16rem;
  background: linear-gradient(90deg, #358CF3 0%, #29A9F0 100%);
  box-shadow: 0px 8px 16px -4px rgba(28, 92, 152, 0.4);
  border-radius: 0.24rem;
  color: #FFFFFF;
  text-shadow: 0px 2px 4px rgba(42, 133, 206, 0.3);
  margin: 0.30rem auto 0;
}

.try-submit-button:hover {
  background: linear-gradient(90deg, #5DA3F7 0%, #53BBF4 100%);
}

.common-header {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 2000;
  box-shadow: 0px 2px 6px rgba(55, 99, 170, 0.1);
}

.common-header,
.common-apply-try,
.common-news,
.banner-wrapper,
.common-footer,
.description,
.bread-crumbs,
.carousel {
  /*min-width: 1366px;*/
}

/********************首页模块内容**************************/
.module-warp {
  padding: 0.60rem 0;
  /*min-width: 1366px;*/
}

.module-title {
  font-weight: 500;
  font-size: 0.28rem;
  line-height: 0.48rem;
  text-align: center;
  color: #060809;
}

.module-sub-title {
  font-size: 0.14rem;
  line-height: 0.20rem;
  text-align: center;
  margin-top: 0.12rem;
  color: #8C99A0;
}

.module-content {
  margin-top: 0.40rem;
}

/************************* header样式 ******************** */
.header {
  height: 0.62rem;
  background: rgba(255, 255, 255, 1);
  position: relative;
  z-index: 2;
}

/*.header:hover+.menu-wrap {*/
/*  display: block;*/
/*  top: 65px;*/
/*}*/

.header-content {
  padding: 0 0.40rem;
  z-index: 2;
  position: relative;
  background: #fff;

}

.header-l {
  font-size: 0.20rem;
  line-height: 0.28rem;
  height: 0.62rem;
  color: #1C2730;
  display: flex;
  align-items: center;
}

.header-r {
  height: 0.62rem;
}

.register-btn {
  width: 1.24rem;
  height: 0.40rem;
  background: linear-gradient(90deg, #358CF3 0%, #29A9F0 100%);
  border-radius: 0.34rem;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #FFFFFF;
  cursor: pointer;
}

.register-btn:hover {
  color: #ffffff;
  background: linear-gradient(90deg, #5DA3F7 0%, #53BBF4 100%);
}

.nav {
  height: 0.62rem;
  margin-left: 1rem;
}

.nav-item {
  margin: 0 0.45rem;
  font-size: 0.16rem;
  /*line-height: 28px;*/
  height: 0.62rem;
  color: #060809;
  position: relative;
}

@media screen and (max-width: 1440px) {
  .nav-item {
    margin: 0 0.30rem;
  }
}

.nav-item a {
  color: #060809;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-weight: 400;
}

.nav-item:not(.no-sub-menu) a::after {
  content: "";
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  margin-left: 0.12rem;
  background-image: url("../imgs/menu-more-icon@2x.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

.nav-item.nav-current:not(.no-sub-menu) a::after,
.nav-item:not(.no-sub-menu):hover a::after {
  transform: rotate(180deg);
}

.nav-item.nav-current::after,
.nav-item:hover::after {
  content: "";
  display: block;
  background: #29A9F0;
  height: 0.03rem;
  position: absolute;
  bottom: 0;
  left: -10%;
  width: 120%;
  /*transform: translate(-10%, 0);*/
}

.logo-img {
  /*margin-right: 8px;*/
  position: relative;
  top: 0.04rem;
  width:1.22rem;
}

/***********************menu******************************/
.menu-wrap {
  position: absolute;
  /*z-index: -2;*/
  left: 0;
  right: 0;
  width: 100%;
  /*height: 456px;*/
  /*display: none;*/
  background: linear-gradient(180deg, #F7FAFD 0%, #FFFFFF 100%);
  box-shadow: 6px 6px 16px rgba(55, 99, 170, 0.3);
  transition: all 0.5s;
  /*top: -100%;*/
  top: -5.00rem;
  opacity: 0;
  /*display: block !important;*/
}

.menu-content {
  position: relative;
  z-index: 5;
}

.menu-wrap.fade-in {
  opacity: 1;
  top: 0.62rem;
}

.menu-img-bg {
  position: absolute;
  right: 0.20rem;
  bottom: 0.20rem;
  z-index: 0;
}

.menu-left {
  display: inline-block;
  width: 3.00rem;
  /*flex: 1 1;*/
  /*height: 456px;*/
  padding: 0.40rem 0.58rem;
  left: 0;
  top: 0.62rem;
  background: linear-gradient(180deg, rgba(189, 218, 255, 0.31) -2.74%, rgba(207, 229, 255, 0.21966) 30.76%, rgba(175, 252, 251, 0.0986735) 52.38%, rgba(175, 253, 173, 0.0841113) 76.41%, rgba(188, 255, 171, 0.07) 100%);
}

.menu-icon {
  width: 0.80rem;
  height: 0.80rem;
}

.menu-module-title {
  font-weight: 600;
  font-size: 0.18rem;
  line-height: 0.27rem;
  color: #060809;
  margin: 0.18rem 0 0.12rem;
}

.menu-module-desc {
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #8C99A0;
  /* text-align: justify; */
}

.menu-module-more {
  margin-top: 0.36rem;
  font-size: 0.14rem;
  line-height: 0.20rem;
  color: #8C99A0;
}

.menu-module-more a {
  color: inherit;
}

.menu-module-more img {
  margin-left: 0.12rem;
  display: inline-block;
  vertical-align: middle;
}

.sub-menu {
  flex: 1;
}

.second-sub-menu {
  width: 2.40rem;
  min-height: 4.56rem;
  padding: 0.30rem 0.20rem 0.30rem 0;
  background: #F0F8FF;
  display: none;
}

.second-sub-menu-col {
  display: none;
}

.third-row-hide {
  display: none;
}

.second-sub-menu-item {
  height: 0.44rem;
  font-style: normal;
  font-weight: 400;
  font-size: 0.16rem;
  color: #283437;
  cursor: pointer;
  position: relative;
  padding-left: 0.30rem;
}

.second-sub-menu-item.current-sub,
.second-sub-menu-item:hover {
  font-weight: 500;
  color: #0A9FF3;
}

.second-sub-menu-item.current-sub.current-select::before {
  background: #0A9FF3;
}

.second-sub-menu-item.current-sub:after,
.second-sub-menu-item:hover::after {
  position: absolute;
  right: 0;
  content: "";
  background-image: url("../imgs/more-icon-blue@2x.png");
  display: block;
  fill: #0A9FF3;
  width: 0.07rem;
  height: 0.12rem;
  background-size: 100% 100%;
}

.sub-menu-item {
  font-weight: 400;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #283437;
}

.third-sub-menu {
  min-height: 4.56rem;
  padding: 0.30rem 0;
  display: none;
  width: calc(100% - 2.40rem);
}

.third-sub-menu-row {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}

.third-sub-menu-col {
  width: 33%;
  max-width: 33%;
  display: inline-block;
}

.third-sub-menu-title {
  padding: 0.12rem 0.30rem 0.12rem;
  height: 0.46rem;
  font-weight: 500;
  font-size: 0.16rem;
  color: #283437;
}

.third-sub-menu-item {
  font-style: normal;
  font-weight: 400;
  font-size: 0.14rem;
  color: #4F636E;
  padding: 0.12rem 0.30rem 0.12rem 0.30rem;
  line-height: 1.5;
  display: block;
  /* height: 46px; */
}

.current-select {
  position: relative;
}

.current-select::before {
  content: "";
  display: inline-block;
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background: #BCCFE0;
  left: 0.16rem;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

@media screen and (max-width: 1440px) {

  .third-sub-menu-title,
  .third-sub-menu-item {
    padding: 0.12rem;
  }
}

.third-sub-menu-item:hover {
  color: #0A9FF3;
}

.about-sub-menu {
  align-items: center;
  padding: 0.40rem 0.30rem;
  display: none;
  width: 100%;
}

.about-sub-menu-content {
  -webkit-flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.about-sub-menu-title {
  display: none;
}


.about-sub-menu-item {
  width: 3.46rem;
  padding: 0.16rem 0.20rem;
  background: linear-gradient(180deg, #F2F8FC 0%, #FFFFFF 100%);
  border: 2px solid #FFFFFF;
  box-shadow: 6px 6px 16px rgba(55, 99, 170, 0.1);
  border-radius: 0.06rem;
  margin: 0 0.20rem 0.20rem 0;
}
.about-sub-menu-item.about-current {
  background: linear-gradient(180deg, #EBF7FF 0%, #FFFFFF 100%);
  box-shadow: 6px 6px 16px rgba(55, 99, 170, 0.3);
}

.about-sub-menu-item .about-menu-icon {
  /* width: 28px; */
  height: 0.36rem;
  margin-right: 0.12rem;
  font-size: 0.16rem;
}

.about-item {
  width: calc(100% - 0.28rem);
}

.about-item h1 {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #4F636E;
}

.about-item p {
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #8C99A0;
}


/********************footer样式*********************/
.footer {
  background: #EDF5FF;
  padding-top: 0.60rem;
}

.footer-content {
  /*height: 246px;*/

}

.divide-line {
  border-left: 1px solid rgba(140, 153, 160, 0.14);
  margin: 0 1.20rem;
}

.footer-top {
  border-bottom: 1px solid rgba(140, 153, 160, 0.14);
  padding-bottom: 0.40rem;
  margin-bottom: 0.30rem;
}

.divide {
  margin-right: 1.20rem;
}

@media screen and (max-width: 1600px) {
  .divide {
    margin-right: 0.90rem;
  }

  .divide-line {
    margin: 0 0.90rem;
  }
}

@media screen and (max-width: 1460px) {
  .divide {
    margin-right: 0.65rem;
  }

  .divide-line {
    margin: 0 0.65rem;
  }
}

.footer-qr {
  /* margin-left: 177px; */
}

.assistant-box {
  margin-left: 0.78rem;
}

.assistant-box .title-sub .title-text {
  margin-left: 0;
}

.footer-content .title {
  margin-bottom: 0.16rem;
}

.footer-content .title .footer-icon {
  margin-right: 0.10rem;
}

.footer-content .title .title-text {
  font-weight: 600;
  font-size: 0.18rem;
  line-height: 0.25rem;
  color: #060809;
}

.title-sub {
  margin-bottom: 0.10rem;
}

.flex.title-sub.perch {
  height: 0.28rem;
  margin-bottom: 0.16rem;
}

.footer-card {
  background: #EDF5FF;
  border: 2px solid #F4F9FF;
  box-shadow: 6px 6px 16px rgba(55, 99, 170, 0.1);
  border-radius: 0.06rem;
  padding: 0.16rem 0.24rem 0.24rem 0.20rem;
  margin-right: 0.40rem;
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.20rem;
  color: #4F636E;
  position: relative;
}

.footer-card:last-child {
  margin-right: 0;
}

.footer-card.line {
  width: 3.50rem;
}

.footer-card.email {
  width: 2.60rem;
}

.footer-card.address {
  width: 3.47rem;
}

.footer-card .card-title {
  margin-bottom: 0.16rem;
}

.footer-card-icon {
  position: absolute;
  right: 0.24rem;
  top: -0.06rem;
}

.footer-card-text {
  font-weight: 400;
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: justify;
  color: #4F636E;
}

.title-sub .title-text {
  font-size: 0.14rem;
  line-height: 0.20rem;
  color: #4F636E;
  margin-left: 0.38rem;
  cursor: pointer;
}

.title-sub .title-text:hover {
  color: #0A9FF3;
}

.footer-bottom {
  height: 0.60rem;
  font-size: 0.14rem;
  line-height: 0.20rem;
  color: #4F636E;
  border-top: 1px solid rgba(140, 153, 160, 0.14);
}

.fil {
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #060809;
}

.QR-code {
  background: linear-gradient(180deg, #F7FAFD 0%, #FFFFFF 100%);
  box-shadow: 6px 6px 16px rgba(55, 99, 170, 0.1);
  border-radius: 0.06rem;
  margin-right: 0.20rem;
}

.QR-code.big {
  width: 0.90rem;
  height: 0.90rem;
  padding: 0.08rem;
}

.QR-code img {
  width: 100%;
}

.emphasize {
  font-weight: 600;
  color: #060809;
}

/****************************浮动工具**************************/
.fixed-tools {
  position: fixed;
  right: 0.17rem;
  bottom: 2.52rem;
  z-index: 1000;
}

.fixed-tools .fixed-item {
  width: 0.50rem;
  height: 0.50rem;
  cursor: pointer;
  border-radius: 50%;
  margin-bottom: 0.20rem;
  position: relative;
  background: rgba(235, 240, 244, 0.2);
  box-shadow: 0 1px 2px rgba(136, 182, 216, 0.2), inset 1px 1px 2px rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(242, 250, 255, 0.1);
  border-image-source: linear-gradient(294.61deg, rgba(0, 139, 244, 0.24) 6.04%, rgba(242, 250, 255, 0.1) 70.28%);
  overflow: hidden;
}

.fixed-item .QR-code {
  bottom: 0;
}

.fixed-item .zoom {
  /*display: none;*/
  position: absolute;
  z-index: 0;
  right: 0.37rem;
  transition: all 0.3s;
  opacity: 0;
  /*right: 58px;*/
  margin: 0;
}

.fixed-item:hover {
  overflow: visible;
}

.fixed-item:hover .zoom {
  /*display: block;*/
  right: 0.58rem;
  opacity: 1;
  z-index: 1;
}

.hot-line {
  width: 1.88rem;
  height: 1.04rem;
  padding: 0.16rem 0.16rem 0.16rem 0.40rem;
  background: linear-gradient(180deg, #F7FAFD 0%, #FFFFFF 100%);
  border: 2px solid #FFFFFF;
  box-shadow: 8px 8px 16px rgba(55, 99, 170, 0.1);
  border-radius: 0.04rem;
}

.icon-hot-line {
  position: absolute;
  left: 0.16rem;
}

.hot-line-title.hot-line-text {
  font-weight: 500;
  color: #4F636E;
  margin-bottom: 0.08rem;
}

.hot-line-text {
  font-weight: 600;
  font-size: 0.14rem;
  line-height: 0.20rem;
  color: #060809;
  margin-bottom: 0.04rem;
}

/************************申请使用弹窗样式*****************************/
.dialog-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -2;
  left: 0;
  top: 0;
}

.dialog-wrap.shade-in {
  z-index: 2100;
}

.dialog-wrap .dialog-container {
  opacity: 0;
  transform: scale(0.7) translate(-50%, -50%);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.dialog-wrap.shade-in .dialog-container {
  opacity: 1;
  transform: scale(1, 1) translate(-50%, -50%);
}

.dialog-wrap.mask.shade-in:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
}

.dialog-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9.96rem;
  height: 6.00rem;
  margin: 0 auto;
  background: #FFFFFF;
  box-shadow: 0 40px 80px -10px rgba(20 46 77, 0.4);
  border-radius: 0.10rem;
  transform: translate(-50%, -50%);
  overflow: hidden;
}

.dialog-container .close-icon {
  position: absolute;
  z-index: 2;
  right: 0.20rem;
  top: 0.20rem;
  width: 0.24rem;
  cursor: pointer;
}

@media screen and (max-width: 1600px) {
  .dialog-container {
    width: 8.50rem;
    height: 4.80rem;
  }

  .dialog-container .try-dialog-left,
  .dialog-container .try-dialog-right {
    height: 4.80rem;
  }
}

.try-dialog-left {
  width: 3.04rem;
  height: 6.00rem;
  background: linear-gradient(180deg, rgba(189, 218, 255, 0.31) -2.74%, rgba(207, 229, 255, 0.21966) 30.76%, rgba(175, 252, 251, 0.0986735) 52.38%, rgba(175, 253, 173, 0.0841113) 76.41%, rgba(188, 255, 171, 0.07) 100%);
}

.try-log-outer {
  background: #E2F1FF;
  width: 100%;
  height: 100%;
}

.try-log {
  margin-top: -1.14rem;
  text-align: center;
  flex-direction: column;
}

.try-log img {
  width: 1.02rem;
  height: 1.28rem;
}

.try-log p {
  margin-top: 0.36rem;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #4F636E;
}

.try-dialog-right {
  width: calc(100% - 3.04rem);
  height: 6.00rem;
}

.try-dialog-title {
  font-size: 0.24rem;
  line-height: 0.34rem;
  color: #0A9FF3;
  margin-bottom: 0.24rem;
}

.must .label:after {
  display: inline-block;
  content: "*";
  color: #FA0101;
  margin-left: 0.04rem;
}

.must .is-error {
  color: #FA0101;
}

.dialog-input-row .label {
  display: inline-block;
  width: 1.00rem;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #4F636E;
  text-align: left;
}

.dialog-input-row {
  width: 3.80rem;
  height: 0.56rem;
  border-bottom: 1px solid #EBEEF5;
}

.dialog-input-row input {
  width: calc(100% - 1.00rem);
  height: 0.22rem;
  padding: 0.02rem;
  box-shadow: none;
  outline: 0;
  border: 0;
  background: transparent;
  font-size: 0.16rem;
  line-height: 0.20rem;
}

.try-dialog-right-content {
  width: 3.80rem;
  margin: 0 auto;
  text-align: center;
}

/**********************试用*********************/
.try {
  height: 2.80rem;
  background-image: url("../imgs/module-try.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.try-desc {
  display: block;
  margin: 0.12rem 0 0.37rem 0.1rem;
  width: 2.72rem;
  font-size: 0.16rem;
  line-height: 0.21rem;
  color: #FDFEFF;
  /*text-shadow: 0px 2px 4px rgba(68, 153, 239, 0.3);*/
}

.try .module-content {
  margin-top: 0;
}

.try-content .try-title {
  width: 1.44rem;
}

.try-content h1 {
  color: #0A9FF3;
  /*border: 2px solid #DFF1FF;*/
  text-shadow: 0 4px 8px rgba(106, 180, 253, 0.4);
}

.try-content .try-btn {
  margin-top: 0.24rem;
  width: 1.84rem;
  height: 0.44rem;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #FFFFFF;
  text-align: center;
  background: linear-gradient(90deg, #358CF3 0%, #29A9F0 100%);
  box-shadow: 0 8px 16px -4px rgba(28, 92, 152, 0.4);
  border-radius: 0.04rem;
  cursor: pointer;
}

.try-btn:hover {
  box-shadow: 0 8px 16px -4px rgba(28, 92, 152, 0.6);
}


/*********************资讯动态***********************/
.company-news-content {
  margin-top: 0.40rem;
  align-items: flex-start;
}

.company-news-l,
.company-news-r {
  width: calc((100% - 0.40rem)/2);
}

.company-news-l {
  margin-right: 0.40rem;
}

.new-top {}

.new-top h1 {
  font-size: 0.20rem;
  font-weight: 500;
  color: #283437;
  line-height: 0.23rem;
}

.more {
  font-size: 0.16rem;
  color: #8C99A0;
  line-height: 0.19rem;
}

.more-icon {
  width: 0.16rem;
  height: 0.16rem;
}

.new-list {
  margin-top: 0.16rem;
}

.new-item {
  margin-top: 0.16rem;
  padding: 0.16rem 0.20rem;
  background: linear-gradient(180deg, #F7FAFD 0%, #FFFFFF 100%);
  box-shadow: 6px 6px 16px 0 rgba(55, 99, 170, 0.1);
  border-radius: 0.06rem;
  opacity: 1;
  /*border: 2px solid #FFFFFF;*/
  transition: all 0.5s;
}

.new-item:hover {
  box-shadow: 0px 0px 16px rgba(55, 99, 170, 0.3);
  transform: scale(1.05);
}

.new-img {
  width: 1.30rem;
  height: 0.90rem;
  margin-right: 0.15rem;
}

.new-content {
  flex-direction: column;
  align-items: flex-start;
  width: calc(100% - 1.30rem - 0.15rem);
}

.new-title {
  font-weight: 600;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #283437;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  width: calc(100%);
}

.new-desc {
  font-size: 0.14rem;
  line-height: 0.20rem;
  color: #768A95;
  margin: 0.14rem 0 0.10rem;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  width: calc(100%);
  /*flex: 1;*/
  /*width: 0;*/
}

.new-time {
  font-size: 0.14rem;
  line-height: 0.20rem;
  color: #8C99A0;
}

/************************swiper样式重置*********************************/
.swiper-button-next,
.swiper-button-prev {
  width: 0.40rem;
  height: 0.40rem;
  background: linear-gradient(180deg, #F7FAFD 0%, #FFFFFF 100%);
  border: 2px solid #FFFFFF;
  box-shadow: 2px 2px 8px rgba(55, 99, 170, 0.1);
  border-radius: 50%;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  box-shadow: 2px 2px 8px rgba(55, 99, 170, 0.3);
}


.swiper-button-prev {
  /*减去的第一个数 代表的上下翻页按钮的宽度，减去的第二个数代表的是距离右侧播放区域的距离*/
  left: calc((100% - 14.40rem) / 2 - 0.40rem - 0.40rem);
}

.swiper-button-next {
  /*减去的第一个数 代表的上下翻页按钮的宽度，减去的第二个数代表的是距离左侧播放区域的距离*/
  right: calc((100% - 14.40rem) / 2 - 0.40rem - 0.40rem);
}

@media screen and (max-width: 1600px) and (min-width: 1441px) {

  /*减去的第一个数 代表的上下翻页按钮的宽度，减去的第二个数代表的是距离右侧播放区域的距离*/
  .swiper-button-prev {
    left: calc((100% - 13.00rem) / 2 - 0.40rem - 0.70rem);
  }

  /*减去的第一个数 代表的上下翻页按钮的宽度，减去的第二个数代表的是距离右侧播放区域的距离*/
  .swiper-button-next {
    right: calc((100% - 13.00rem) / 2 - 0.40rem - 0.70rem);
  }
}

@media screen and (max-width: 1440px) {

  /*减去的第一个数 代表的上下翻页按钮的宽度，减去的第二个数代表的是距离右侧播放区域的距离*/
  .swiper-button-prev {
    left: calc((100% - 12.00rem) / 2 - 0.40rem - 1.20rem);
  }

  /*减去的第一个数 代表的上下翻页按钮的宽度，减去的第二个数代表的是距离右侧播放区域的距离*/
  .swiper-button-next {
    right: calc((100% - 12.00rem) / 2 - 0.40rem - 1.20rem);
  }
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 0.24rem;
  color: #B6C9D6;
}

/******************************面包屑**************************************/
.bread-crumbs {
  position: absolute;
  /*transform: translate(-50%, 0);*/
  /*left: 50%;*/
  width: 100%;
  text-align: center;
}

.bread-crumbs .bread-crumbs-content {
  height: 0.72rem;
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-weight: 400;
}

.bread-crumbs .item {
  /*color: #060809;*/
  /*opacity: 0.45;*/
}

.bread-crumbs .item:last-child:after {
  content: none;
}

.bread-crumbs .item:after {
  content: ">";
  margin: 0 0.08rem;
  font-size: 0.16rem;
  color: #060809;
  opacity: 0.45;
}

.bread-crumbs .item a {
  font-weight: 400;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: #060809;
  opacity: 0.45;
}

.bread-crumbs .item.current-bread a {
  opacity: 1;
}

/************************************浮动导航**************************************************/
.float-navigation {
  position: fixed;
  left: 0;
  top: 50%;
  padding: 0.32rem 0.37rem 0.32rem 0.16rem;
  background: rgba(244, 247, 255, 0.5);
  box-shadow: 0 1px 4px rgba(136, 163, 216, 0.4), inset -1px 0 2px rgba(255, 255, 255, 0.7);
  border-radius: 0px 0.08rem 0.08rem 0px;
}

.float-navigation-mini {
  display: none;
  font-weight: 400;
  width: 0.16rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  color: #0059F9;
}

/*.float-navigation-mini img{*/
/*  width: 11px;*/
/*  height: 6px;*/
/*}*/

.float-navigation-content {
  position: relative;
  margin-left: 0.30rem;
}

.float-navigation-content:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  position: absolute;
  right: -0.16rem;
  top: 0;
  background: #E6E6E6;
}

@media screen and (max-width: 1440px) {
  .float-navigation {
    left: 0.24rem;
    border-radius: 0.50rem;
    padding: 0.16rem;
  }

  .float-navigation:hover {
    border-radius: 0px 0.08rem 0.08rem 0px;
    padding: 0.32rem 0.37rem 0.32rem 0.16rem;
  }

  .float-navigation:hover .float-navigation-content {
    display: block;
  }

  .float-navigation:hover .float-navigation-mini {
    display: none;
  }

  .float-navigation-content {
    display: none;
  }

  .float-navigation-mini {
    display: block;
  }
}

.float-navigation .navigation-item {
  position: relative;
  z-index: 2;
  margin: 0.16rem 0;
  font-style: normal;
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.24rem;
  text-align: right;
  color: #283437;
  cursor: pointer;
}

.float-navigation .navigation-item.current-item {
  color: #0059F9;
}

.float-navigation .navigation-item.current-item:before {
  content: "";
  display: inline-block;
  position: absolute;
  right: -0.20rem;
  top: 50%;
  transform: translate(0, -50%);
  width: 0.09rem;
  height: 0.09rem;
  background: linear-gradient(90deg, #145DFF 0%, #299EFE 100%);
  border-radius: 50%;
}

.float-navigation .navigation-item.current-item:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: -0.18rem;
  width: 0.05rem;
  height: 0.05rem;
  background: #FFFFFF;
  border-radius: 50%;
}

.float-navigation .navigation-item:first-child {
  margin-top: 0;
}

.float-navigation .navigation-item:last-child {
  margin-bottom: 0;
}

/* *********************banner样式*************************** */
.banner-wrapper,
.description,
.testing-warp,
.solution-industry-warp {
  height: 4.74rem;
  padding-top: 0.72rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.banner-wrapper>div,
.description>div,
.testing-warp>div,
.solution-industry-warp>div {
  margin-top: -0.62rem;
}

.banner-wrapper .banner-title {
  margin-bottom: 0.24rem;
  font-weight: 500;
  font-size: 0.36rem;
  line-height: 0.50rem;
  color: #060809;
}

.banner-wrapper .desc {
  width: 7.50rem;
  font-weight: 400;
  font-size: 0.20rem;
  line-height: 0.35rem;
  /* 二级（副标题） */
  color: #283437;
}

/* *********************公共动画样式*************************** */

/* 卡片上移过渡动画效果 */
.hvr-float {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-float:hover {
  -webkit-transform: translateY(-0.08rem);
  transform: translateY(-0.08rem);
}


.hvr-wobble-top {
  -webkit-transform: perspective(0.01rem) translateZ(0);
  transform: perspective(0.01rem) translateZ(0);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%
}

.hvr-wobble-horizontal {

  -webkit-transform: perspective(0.01rem) translateZ(0);
  transform: perspective(0.01rem) translateZ(0);
  box-shadow: 0 0 1px rgb(0 0 0 / 0%);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-wobble-horizontal:hover img {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.hvr-wobble-horizontal img {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* 左侧图标来回抖动过渡动画*/
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(0.06rem);
    transform: translateX(0.06rem);
  }

  33.3% {
    -webkit-transform: translateX(-0.05rem);
    transform: translateX(-0.05rem);
  }

  49.95% {
    -webkit-transform: translateX(0.04rem);
    transform: translateX(0.04rem);
  }

  66.6% {
    -webkit-transform: translateX(-0.02rem);
    transform: translateX(-0.02rem);
  }

  83.25% {
    -webkit-transform: translateX(0.01rem);
    transform: translateX(0.01rem);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(0.06rem);
    transform: translateX(0.06rem);
  }

  33.3% {
    -webkit-transform: translateX(-0.05rem);
    transform: translateX(-0.05rem);
  }

  49.95% {
    -webkit-transform: translateX(0.04rem);
    transform: translateX(0.04rem);
  }

  66.6% {
    -webkit-transform: translateX(-0.02rem);
    transform: translateX(-0.02rem);
  }

  83.25% {
    -webkit-transform: translateX(0.01rem);
    transform: translateX(0.01rem);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-ms-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(0.06rem);
    transform: translateX(0.06rem);
  }

  33.3% {
    -webkit-transform: translateX(-0.05rem);
    transform: translateX(-0.05rem);
  }

  49.95% {
    -webkit-transform: translateX(0.04rem);
    transform: translateX(0.04rem);
  }

  66.6% {
    -webkit-transform: translateX(-0.02rem);
    transform: translateX(-0.02rem);
  }

  83.25% {
    -webkit-transform: translateX(0.01rem);
    transform: translateX(0.01rem);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(0.06rem);
    transform: translateX(0.06rem);
  }

  33.3% {
    -webkit-transform: translateX(-0.05rem);
    transform: translateX(-0.05rem);
  }

  49.95% {
    -webkit-transform: translateX(0.04rem);
    transform: translateX(0.04rem);
  }

  66.6% {
    -webkit-transform: translateX(-0.02rem);
    transform: translateX(-0.02rem);
  }

  83.25% {
    -webkit-transform: translateX(0.01rem);
    transform: translateX(0.01rem);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.hvr-wobble-horizontal:hover {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.hvr-wobble-horizontal {
  -webkit-transform: perspective(0.01rem) translateZ(0);
  transform: perspective(0.01rem) translateZ(0);
  box-shadow: 0 0 1px rgb(0 0 0 / 0%);
}


/* 左右来回抖动过渡动画*/
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(0.08rem);
    transform: translateX(0.08rem);
  }

  33.3% {
    -webkit-transform: translateX(-0.06rem);
    transform: translateX(-0.06rem);
  }

  49.95% {
    -webkit-transform: translateX(0.04rem);
    transform: translateX(0.04rem);
  }

  66.6% {
    -webkit-transform: translateX(-0.02rem);
    transform: translateX(-0.02rem);
  }

  83.25% {
    -webkit-transform: translateX(0.01rem);
    transform: translateX(0.01rem);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(0.08rem);
    transform: translateX(0.08rem);
  }

  33.3% {
    -webkit-transform: translateX(-0.06rem);
    transform: translateX(-0.06rem);
  }

  49.95% {
    -webkit-transform: translateX(0.04rem);
    transform: translateX(0.04rem);
  }

  66.6% {
    -webkit-transform: translateX(-0.02rem);
    transform: translateX(-0.02rem);
  }

  83.25% {
    -webkit-transform: translateX(0.01rem);
    transform: translateX(0.01rem);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-ms-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(0.08rem);
    transform: translateX(0.08rem);
  }

  33.3% {
    -webkit-transform: translateX(-0.06rem);
    transform: translateX(-0.06rem);
  }

  49.95% {
    -webkit-transform: translateX(0.04rem);
    transform: translateX(0.04rem);
  }

  66.6% {
    -webkit-transform: translateX(-0.02rem);
    transform: translateX(-0.02rem);
  }

  83.25% {
    -webkit-transform: translateX(0.01rem);
    transform: translateX(0.01rem);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(0.08rem);
    transform: translateX(0.08rem);
  }

  33.3% {
    -webkit-transform: translateX(-0.06rem);
    transform: translateX(-0.06rem);
  }

  49.95% {
    -webkit-transform: translateX(0.04rem);
    transform: translateX(0.04rem);
  }

  66.6% {
    -webkit-transform: translateX(-0.02rem);
    transform: translateX(-0.02rem);
  }

  83.25% {
    -webkit-transform: translateX(0.01rem);
    transform: translateX(0.01rem);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* 放大过渡动画效果 */
.hvr-grow:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.hvr-grow {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.movement-box {
  height: 1.00rem;
  line-height: 0.20rem;
  overflow: hidden;
}

.movement-box:hover .movement {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 0;
  overflow: visible;
  position: relative;
  animation: movement 5s linear 1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  /* Safari 和 Chrome */
}

@keyframes movement {
  0% {
    /*scroll-padding-bottom: 100%;*/
    transform: translateY(0%);
    /*top: 0;*/
  }

  100% {
    /*scroll-padding-bottom: 100px;*/
    transform: translateY(-70%);
    /*top: -100%;*/
  }
}