.ant-back-top {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, .65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: "tnum", "tnum";
  font-feature-settings: "tnum", "tnum";
  position: fixed;
  right: 100px;
  bottom: 50px;
  z-index: 10;
  width: 40px;
  height: 40px;
  cursor: pointer
}

.ant-back-top-content {
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, .45);
  border-radius: 20px
}

.ant-back-top-content,
.ant-back-top-content:hover {
  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-back-top-content:hover {
  background-color: rgba(0, 0, 0, .65)
}

.ant-back-top-icon {
  width: 14px;
  height: 16px;
  margin: 12px auto;
  background: url(../fonts/cfb0cc4c328a4384b5be82bd011e99f1.woff);
}

@media screen and (max-width:768px) {
  .ant-back-top {
    right: 60px
  }
}

@media screen and (max-width:480px) {
  .ant-back-top {
    right: 20px
  }
}

.kMf8Rp6T {
  position: fixed;
  right: 10px;
  bottom: 78px;
  z-index: 1000;
  display: flex;
  flex-direction: column
}

.kMf8Rp6T .KkuktEE9 {
  cursor: pointer;
  background-size: 100%
}

.kMf8Rp6T .KkuktEE9 .xEmAs9IN {
  position: relative;
  box-sizing: border-box;
  width: 60px;
  height: 168px;
  background: linear-gradient(180deg, #fe5b43, #fba35b);
  box-shadow: 0 4px 8px 0 rgba(0, 7, 81, .12);
  border-radius: 29px;
  border: 2px solid #fff;
  display: flex;
  flex-direction: column;
  align-items: center
}

.kMf8Rp6T .KkuktEE9 .xEmAs9IN:hover .WtOdsbdC {
  display: block
}

.kMf8Rp6T .KkuktEE9 .xEmAs9IN .iJkpIgJN {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
  margin-top: 3px
}

.kMf8Rp6T .KkuktEE9 .xEmAs9IN .__0iYiMFZB {
  margin-top: 8px;
  width: 16px;
  height: 88px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #fff;
  line-height: 22px
}

.kMf8Rp6T .KkuktEE9 .xEmAs9IN .WtOdsbdC {
  display: none;
  box-sizing: border-box;
  padding: 24px 20px;
  position: absolute;
  right: 68px;
  top: 0;
  width: 188px;
  height: 208px;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 7, 81, .12);
  border-radius: 4px;
  border: 1px solid #fff
}

.kMf8Rp6T .KkuktEE9 .xEmAs9IN .WtOdsbdC .Ap8wm8fn {
  text-align: center;
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #37456b;
  line-height: 20px;
  margin-bottom: 16px
}

.kMf8Rp6T .KkuktEE9 .xEmAs9IN .WtOdsbdC .r7EPkTz4 {
  margin: 0 auto;
  width: 125px;
  height: 125px;
  background: #d8d8d8
}

.kMf8Rp6T .KkuktEE9 .xEmAs9IN .WtOdsbdC .r7EPkTz4 img {
  width: 100%;
  height: 100%
}

.kMf8Rp6T .KkuktEE9 .__5KmopdQd {
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin-top: 10px;
  background: linear-gradient(#f4f5f8, #fdfefe);
  box-shadow: 4px 4px 14px 0 rgba(0, 43, 112, .12);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.kMf8Rp6T .KkuktEE9 .__5KmopdQd:hover .trF7U2A_ svg g {
  fill: #006aff
}

.kMf8Rp6T .KkuktEE9 .__5KmopdQd .trF7U2A_ {
  width: 24px;
  height: 25px;
  cursor: pointer
}

.kMf8Rp6T .KkuktEE9 .ant-back-top {
  margin-top: 10px;
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: linear-gradient(#f4f5f8, #fdfefe);
  box-shadow: 4px 4px 14px 0 rgba(0, 43, 112, .12);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  cursor: pointer
}

.kMf8Rp6T .KkuktEE9 .ant-back-top .back-top-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 13px
}

.kMf8Rp6T .KkuktEE9 .ant-back-top:hover .back-top-btn svg g {
  fill: #006aff
}

.footer-wrapper-container .footer-top {
  width: 100%;
  background: #2e3033
}

.footer-wrapper-container .footer-bottom {
  background: #2e3033;
  border-top: 1px solid rgba(237, 240, 247, .1)
}

.footer-wrapper-container .footer-bottom .cm-inner {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 11px 0;
  width: 1200px;
  height: 48px;
  font-size: 14px;
  color: #fff;
  line-height: 26px;
  text-align: center
}

.footer-wrapper-container .footer-bottom .span-tel,
.footer-wrapper-container .footer-bottom span:nth-child(2) {
  margin-left: 20px
}

.footer-wrapper-container .footer-bottom a {
  font-family: PingFangSC-Regular, PingFang SC;
  margin-right: 20px;
  color: #fff;
  font-size: 14px
}

.footer-wrapper-container .footer-bottom a:hover {
  color: #006aff
}

.footer-wrapper-container .footer-bottom a:last-child {
  margin-right: 0
}

.footer-wrapper-container .footer-wrapper-section {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: 0 auto;
  padding: 50px 0 60px
}

.footer-wrapper-container .footer-wrapper-section .footer-left-links {
  display: inline-flex;
  padding-top: 5px
}

.footer-wrapper-container .footer-wrapper-section .footer-left-qr img {
  width: 80px
}

.footer-wrapper-container .footer-wrapper-section .footer-link-list:first-child {
  margin-right: 20px
}

.footer-wrapper-container .footer-wrapper-section .footer-link-list:nth-child(2) {
  /* padding-right: 60px; */
  margin-right: 20px;
  /* border-right: 1px solid #e4e8ec */
}

.footer-wrapper-container .footer-wrapper-section .footer-link-list:nth-child(3) {
  margin-right: 20px
}

.footer-wrapper-container .footer-wrapper-section .footer-link-list:nth-child(4) {
  margin-right: 0
}

.footer-wrapper-container .footer-wrapper-section .footer-link-list dt {
  margin-bottom: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 500;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 21px
}
.footer-wrapper-container .footer-wrapper-section .footer-link-list{
  width: 130px;
  display: inline-block;
}

.footer-wrapper-container .footer-wrapper-section .footer-link-list dd {
  height: 20px;
  margin-bottom: 8px;
  position: relative
}

.footer-wrapper-container .footer-wrapper-section .footer-link-list dd a {
  display: inline-block;
  padding: 0 5px 0 0;
  font-family: HiraginoSansGB-W3;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  line-height: 20px
}

.footer-wrapper-container .footer-wrapper-section .footer-link-list dd a:visited {
  color: #fff
}

.footer-wrapper-container .footer-wrapper-section .footer-link-list dd a:hover {
  opacity: 1;
  color: #006aff
}

.footer-wrapper-container .footer-wrapper-section .footer-link-list dd img {
  left: 67px;
  position: absolute;
  width: 80px
}

.footer-wrapper-container .footer-wrapper-section .footer-left-infos {
  margin-top: 5px;
  margin-right: 60px
}

.footer-wrapper-container .footer-wrapper-section .footer-left-infos>h6 {
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #2c2e2e
}

.footer-wrapper-container .footer-wrapper-section .footer-left-infos p.telphone {
  display: inline-block;
  position: relative;
  opacity: 1;
  line-height: 30px;
  font-size: 27px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 700;
  color: #fff !important
}
.footer-wrapper-container .footer-wrapper-section .footer-left-infos ul li{
  width: 100%;
  margin-top: 30px;
}
.footer-wrapper-container .footer-wrapper-section .footer-left-infos ul li .ico{
  width: 25px;
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
}
.footer-wrapper-container .footer-wrapper-section .footer-left-infos ul li .text{
  display: inline-block;
  font-size: 14px;
  color: #ffffff;
  width: 70%;
  vertical-align: top;
}

.footer-wrapper-container .footer-wrapper-section .footer-left-infos p.time {
  margin-top: 3px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 17px;
  opacity: .6
}

.footer-wrapper-container .footer-wrapper-section .footer-left-infos p.tag {
  display: inline-block;
  box-sizing: border-box;
  padding: 2px 6px;
  margin-top: 9px;
  font-size: 14px;
  background: #316fef;
  border-radius: 2px;
  font-weight: 300;
  color: #fff;
  margin-top: 20px;
  line-height: 21px
}

.footer-wrapper-container .footer-wrapper-section .footer-left-infos p.email {
  margin-top: 25px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  line-height: 17px
}

.footer-wrapper-container .footer-wrapper-section .footer-left-infos .qrcode {
  width: 91px;
  height: 91px;
  margin-top: 8px;
  padding: 5px
}

.footer-wrapper-container .footer-wrapper-section .footer-left-infos .qrcode img {
  display: block;
  width: 100%
}

.footer-wrapper-container .footer-wrapper-section .footer-right-info {
  padding-left: 0;
  display: flex;
  align-items: inherit;
  flex-wrap: nowrap;
  
}
.footer-wrapper-container .footer-wrapper-section .footer-right-info .erweima{
  margin-right: 20px;
}

.footer-wrapper-container .footer-wrapper-section .footer-right-info .cm-logo {
  width: 105px
}
.footer-wrapper-container .footer-wrapper-section .footer-right-info p{
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  margin-top: 25px;
  text-align: center;
}

.cfc-container-wrap {
  position: relative
}

.cfc-container-wrap>video {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2560px;
  height: 260px;
  z-index: 10
}

.contact-footer-container {
  position: relative;
  width: 100%;
  min-height: 260px;
  padding: 50px 0;
  box-sizing: border-box;
  background: #014ce0 url(../images/contact-banner.png) no-repeat 50%;
  background-size: cover
}

.contact-footer-container>.cm-inner {
  position: relative;
  margin: 0 auto;
  width: 1200px;
  color: #fff
}

.contact-footer-container>.cm-inner .cm-title {
  position: relative;
  height: 48px;
  font-size: 34px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #030303;
  line-height: 48px;
  font-weight: 700;
  z-index: 30
}

.contact-footer-container>.cm-inner .cm-sub-title {
  position: relative;
  z-index: 30;
  margin-top: 12px;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #323942;
  line-height: 28px;
  white-space: pre-wrap
}

.contact-footer-container>.cm-inner .college-footer-contact {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.contact-footer-container>.cm-inner .college-footer-contact span:nth-child(2) {
  color: gray;
  margin: 0 20px;
  opacity: .3
}

.contact-footer-container>.cm-inner .cm-contact-boxs {
  position: relative;
  z-index: 20;
  margin-top: 32px
}

.contact-footer-container>.cm-inner .cm-contact-boxs .cm-contact-btn {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  line-height: 40px;
  background: #0062ff;
  border-radius: 4px;
  font-weight: 500;
  letter-spacing: 3px;
  color: #fff;
  cursor: pointer
}

.contact-footer-container>.cm-inner .cm-contact-boxs .cm-contact-btn .anticon {
  margin-left: 4px;
  font-size: 10px
}

.contact-footer-container>.cm-inner .cm-contact-boxs .cm-contact-btn:hover {
  opacity: .9
}

.contact-footer-container .qrcode-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0
}

.contact-footer-container .qrcode-container .cm-qrcode {
  width: 143px;
  height: 143px
}

.contact-footer-container .qrcode-container p {
  margin-top: 10px !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #000 !important;
  line-height: 28px !important
}

.reserve-modal .ant-modal {
  padding-bottom: 0
}

.reserve-modal .ant-modal-content {
  transform: none;
  background-color: transparent
}

.reserve-modal .ant-modal-close {
  top: 36px;
  right: 38px
}

.reserve-modal .ant-modal-close span {
  position: relative;
  height: 20px;
  width: 20px;
  background-image: url(/static/images/close2.png);
  background-size: 100% auto;
  background-position: 50%;
  background-repeat: no-repeat
}

.reserve-modal .ant-modal-close span:after {
  content: "";
  position: absolute;
  width: calc(100% + 28px);
  height: calc(100% + 28px);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%
}

.reserve-modal .ant-modal-close .anticon {
  display: none
}

.reserve-modal .ant-modal-body {
  padding: 48px 65px 54px;
  height: 570px;
  z-index: 999991;
  background: #fff;
  box-shadow: 0 0 8px 0 rgba(44, 0, 255, .16), 0 0 4px 0 rgba(44, 0, 255, .32);
  border-radius: 8px
}

.reserve-modal .top-header-text .cm-desc {
  font-size: 32px;
  font-weight: 600;
  color: #0a0a0a;
  line-height: 36px
}

.reserve-modal .top-header-text .cm-title {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #939599;
  line-height: 20px
}

.reserve-modal .cm-img-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  padding: 10px 8px;
  border: 2px solid #e9ebfe;
  border-radius: 6px
}

.reserve-modal .cm-img {
  width: 200px;
  height: 204px
}

.reserve-modal .cm-reserve-bottom {
  position: absolute;
  width: 100%;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%)
}

.reserve-modal .cm-reserve-title {
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  color: #0a0a0a;
  line-height: 20px;
  margin-bottom: 22px
}

.reserve-modal .cm-reserve {
  text-align: center;
  cursor: pointer;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #006aff;
  line-height: 14px
}

.reserve-modal .cm-reserve .anticon-right-circle {
  margin-left: 9px
}

.reserve-modal1 .ant-modal {
  padding-bottom: 0
}

.reserve-modal1 .ant-modal-content {
  transform: none;
  background-color: transparent
}

.reserve-modal1 .ant-modal-close {
  top: 36px;
  right: 38px
}

.reserve-modal1 .ant-modal-close span {
  position: relative;
  height: 20px;
  width: 20px;
  background-image: url(/static/images/close2.png);
  background-size: 100% auto;
  background-position: 50%;
  background-repeat: no-repeat
}

.reserve-modal1 .ant-modal-close span:after {
  content: "";
  position: absolute;
  width: calc(100% + 28px);
  height: calc(100% + 28px);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%
}

.reserve-modal1 .ant-modal-close .anticon {
  display: none
}

.reserve-modal1 .ant-modal-body {
  padding: 48px 65px 54px;
  height: 570px;
  z-index: 999991;
  background: #fff;
  box-shadow: 0 0 8px 0 rgba(44, 0, 255, .16), 0 0 4px 0 rgba(44, 0, 255, .32);
  border-radius: 8px
}

.reserve-modal1 .top-header-text .cm-desc {
  font-size: 32px;
  font-weight: 600;
  color: #0a0a0a;
  line-height: 36px
}

.reserve-modal1 .top-header-text .cm-title {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #939599;
  line-height: 20px
}

.reserve-modal1 .cm-img-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  padding: 10px 8px;
  border: 2px solid #e9ebfe;
  border-radius: 6px
}

.reserve-modal1 .cm-img {
  width: 200px;
  height: 204px
}

.reserve-modal1 .cm-reserve-bottom {
  position: absolute;
  width: 100%;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%)
}

.reserve-modal1 .cm-reserve-title {
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  color: #0a0a0a;
  line-height: 20px;
  margin-bottom: 22px
}

.reserve-modal1 .cm-reserve {
  text-align: center;
  cursor: pointer;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #006aff;
  line-height: 14px
}

.reserve-modal1 .cm-reserve .anticon-right-circle {
  margin-left: 9px
}

.cm-list-srhs {
  width: 100%;
  overflow: hidden
}

.cm-list-srhs.srhs-common-thumbs {
  margin-top: 40px;
  border-radius: 6px
}

.cm-cases-block {
  position: relative
}

.cm-cases-block,
.cm-cases-block .cm-cases-top {
  width: 1200px;
  margin: 0 auto
}

.cm-cases-block .cm-cases-top .cm-cases-title {
  height: 42px;
  font-size: 42px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  letter-spacing: 3px;
}

.cm-cases-block .cm-cases-top .cm-cases-desc1 {
  margin-top: 10px;
  font-size: 22px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 400;
  color: #fff;
  line-height: 45px;
  letter-spacing: 3px;
  margin-top: 20px;
  margin-bottom: 15px;
}

.cm-cases-block .cm-cases-top .cm-cases-desc2 {
  height: 26px;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  line-height: 26px;
  margin-top: 10px
}

.cm-100-srhs.cm-100-srhs-common {
  width: 1200px;
  margin: 0 auto
}

.cm-100-srhs>.cm-or-box {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.cm-100-srhs>.cm-or-box .cm-inner-all {
  width: 160px;
  height: 40px;
  background: #006aff;
  border-radius: 4px;
  border: 1px solid #006aff;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 14px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  margin-top: 40px
}

.cm-100-srhs>.cm-or-box .cm-inner-all:hover {
  opacity: .8;
  cursor: pointer
}

.cm-list-block-srhs {
  margin-top: 71px;
  display: flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
  height: 170px;
  transform: translatex(0) translateZ(0);
  will-change: transform
}

.cm-list-block-srhs.srhs-common {
  margin-top: 0;
}

.cm-list-block-srhs .swiper-slide-srhs {
  cursor: pointer;
  padding: 25px 30px 30px 37px;
  width: 508px !important;
  min-width: 508px;
  height: 156px;
  background: #fff;
  border-radius: 2px !important;
  margin-right: 20px
}

.cm-list-block-srhs .swiper-slide-srhs:hover {
  height: 170px;
  transition: all .4s ease 0s
}

.cm-list-block-srhs .swiper-slide-srhs:hover .cm-desc-srhs {
  font-size: 14px;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-user-select: none !important;
  user-select: none !important
}

.cm-list-block-srhs .swiper-slide-srhs .cm-title-srhs {
  margin-bottom: 18px;
  font-size: 18px;
  font-weight: 600
}

.cm-list-block-srhs .swiper-slide-srhs .cm-icon-srhs {
  max-width: 162px;
  max-height: 45px;
  object-fit: cover;
  margin-bottom: 18px
}

.cm-list-block-srhs .swiper-slide-srhs .cotton-height {
  height: 45px;
  line-height: 45px;
  margin-bottom: 14px
}

.cm-list-block-srhs .swiper-slide-srhs .cotton-height .cm-icon-srhs {
  margin-bottom: 0
}

.cm-list-block-srhs .swiper-slide-srhs .cm-desc-srhs {
  font-size: 14px;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-user-select: none !important;
  user-select: none !important
}

.cm-list-block-srhs .swiper-slide-srhs-new {
  position: relative;
  border-radius: 6px !important;
  margin-right: 20px;
  overflow: hidden;
  cursor: pointer
}

.cm-list-block-srhs .swiper-slide-srhs-new:hover .cm-link {
  color: #006aff;
  opacity: .9
}

.cm-list-block-srhs .swiper-slide-srhs-new:hover .cm-link>.cm-click {
  color: #006aff !important
}



.cm-list-block-srhs .swiper-slide-srhs-new .srhs-new-img {
  
}

.cm-list-block-srhs .swiper-slide-srhs-new .srhs-new-img img {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
  transition: all .3s ease-in-out
}

.cm-list-block-srhs .swiper-slide-srhs-new .cm-icon-srhs {
  max-width: 162px;
  max-height: 34px;
  object-fit: cover;
  margin-bottom: 14px
}

.cm-list-block-srhs .swiper-slide-srhs-new .cotton-height {
  height: 34px;
  line-height: 34px;
  margin-bottom: 14px
}

.cm-list-block-srhs .swiper-slide-srhs-new .cotton-height .cm-icon-srhs {
  margin-bottom: 0
}

.cm-list-block-srhs .swiper-slide-srhs-new .cm-desc-srhs {
  font-size: 17px;
  font-weight: 700;
  color: #323942;
  line-height: 24px;
  height: 34px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-user-select: none !important;
  user-select: none !important
}
.cm-list-block-srhs .swiper-slide-srhs-new p{
  color: #686868;
  font-size: 12px;
  line-height: 17px;
}

.cm-list-block-srhs .swiper-slide-srhs-new>.srhs-new-content {
  box-sizing: border-box;
  padding: 20px 30px 30px;
  border-radius: 0 0 5px 5px;
  background: #fff;
}

.cm-list-block-srhs .swiper-slide-srhs-new>.srhs-new-content .cm-link {
  position: absolute;
  bottom: 30px;
  left: 40px;
  display: flex;
  align-items: center
}

.cm-list-block-srhs .swiper-slide-srhs-new>.srhs-new-content .cm-link .cm-click {
  display: inline-block;
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #323942;
  line-height: 20px;
  vertical-align: top
}

.cm-list-block-srhs .swiper-slide-srhs-new>.srhs-new-content .cm-link .cm-click-arrow {
  position: relative;
  vertical-align: top;
  display: inline-block;
  width: 17px;
  height: 14px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-left: 6px;
  background-image: url(/static/images/arrowRight.png)
}

.cm-100-srhs {
  width: 100%
}

.cm-100-srhs .lecturer-button-srhs {
  display: flex;
  margin-left: -6px;
  align-items: center;
  margin-top: 20px
}

.cm-100-srhs .lecturer-button-srhs .lecturer-button-next-srhs,
.cm-100-srhs .lecturer-button-srhs .lecturer-button-prev-srhs {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  outline: none
}

.cm-100-srhs .lecturer-button-srhs .lecturer-button-next-srhs:hover,
.cm-100-srhs .lecturer-button-srhs .lecturer-button-prev-srhs:hover {
  color: #006aff
}

.cm-100-srhs .lecturer-button-srhs .lecturer-button-next-srhs:hover svg,
.cm-100-srhs .lecturer-button-srhs .lecturer-button-prev-srhs:hover svg {
  fill: #006aff
}

.cm-100-srhs .lecturer-button-srhs .lecturer-button-next-srhs svg,
.cm-100-srhs .lecturer-button-srhs .lecturer-button-prev-srhs svg {
  fill: #fff
}

.cm-100-srhs .lecturer-button-srhs .lecturer-button-prev-srhs {
  margin-right: 20px;
  transform: rotate(180deg)
}

.blocks-cases {
  margin: 0 auto;
}

.blocks-cases .block-title-container {
  margin-top: 60px
}

.blocks-cases .blocks-inner {
  margin-top: 40px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-backface-visibilty: hidden;
  -webkit-transform: translateZ(0);
  -webkit-perspective: 1000
}

.blocks-cases .blocks-inner .cm-inner-item {
  height: 100%;
  padding-top: 90px;
  padding-bottom: 100px;
}

.blocks-cases .blocks-inner .cm-inner-block {
  width: 1200px;
  margin: 0 auto
}

.blocks-cases .blocks-inner .cm-inner-special {
  width: 660px;
  height: 380px;
  position: relative
}

.blocks-cases .blocks-inner .cm-inner-top {
  width: 1200px;
  margin: 0 auto
}

.blocks-cases .blocks-inner .cm-inner-top .cm-inner-title {
  height: 26px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  line-height: 26px
}

.blocks-cases .blocks-inner .cm-inner-top .cm-inner-desc1 {
  margin-top: 30px;
  height: 34px;
  font-size: 34px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #fff;
  line-height: 34px
}

.blocks-cases .blocks-inner .cm-inner-top .cm-inner-desc {
  height: 26px;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  line-height: 26px;
  margin-top: 30px
}

.blocks-cases .blocks-inner .cm-dataSource {
  position: absolute;
  bottom: 4px;
  right: 5px;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  line-height: 14px
}

.blocks-cases .blocks-inner .cm-statistics {
  width: 660px;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.blocks-cases .blocks-inner .cm-statistics .cm-block {
  width: 33%;
  margin-bottom: 30px;
  justify-content: left
}

.blocks-cases .blocks-inner .cm-statistics .cm-block .cm-value {
  font-size: 32px;
  font-family: DINAlternate-Bold, DINAlternate;
  font-weight: 700;
  color: #fff;
  line-height: 26px
}

.blocks-cases .blocks-inner .cm-statistics .cm-block .cm-value .cm-unit {
  display: inline-block;
  font-size: 16px
}

.blocks-cases .blocks-inner .cm-statistics .cm-block .cm-value .cm-unit1 {
  display: inline-block;
  font-size: 8px
}

.blocks-cases .blocks-inner .cm-statistics .cm-block .cm-name {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 26px
}

.blocks-cases .blocks-inner .cm-list {
  width: 100%;
  overflow: hidden
}

.blocks-cases .blocks-inner .cm-list-special {
  margin: 0 auto;
  width: 1200px;
  overflow: hidden
}

.blocks-cases .blocks-inner .cm-list-block {
  transform: translate3d(0)
}

.blocks-cases .blocks-inner .cm-list-block .swiper-slide {
  -webkit-user-select: none;
  user-select: none;
  transform: translate3d(0)
}

.blocks-cases .blocks-inner .cm-list-block {
  margin-top: 71px;
  display: flex;
  height: 170px;
  -webkit-transform-style: preserve-3d
}

.blocks-cases .blocks-inner .cm-list-block .swiper-slide {
  cursor: pointer;
  padding: 25px 30px 30px 37px;
  width: 508px !important;
  height: 156px;
  background: #fff;
  border-radius: 2px !important;
  margin-right: 20px;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0)
}

.blocks-cases .blocks-inner .cm-list-block .swiper-slide:hover {
  height: 170px;
  transition: all .4s ease 0s
}

.blocks-cases .blocks-inner .cm-list-block .swiper-slide:hover .cm-desc {
  font-size: 14px;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.blocks-cases .blocks-inner .cm-list-block .swiper-slide .cm-icon {
  max-width: 162px;
  max-height: 45px;
  object-fit: cover;
  margin-bottom: 18px
}

.blocks-cases .blocks-inner .cm-list-block .swiper-slide .cm-desc {
  font-size: 14px;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.blocks-cases .blocks-inner .swiper-slide-more {
  cursor: pointer;
  padding: 25px 30px 30px 37px;
  width: 508px !important;
  height: 156px;
  background: #fff;
  border-radius: 2px !important;
  margin-right: 20px
}

.blocks-cases .blocks-inner .swiper-slide-more:hover {
  height: 250px;
  transition: height .4s ease 0s;
  overflow: hidden
}

.blocks-cases .blocks-inner .swiper-slide-more:hover .cm-desc {
  font-size: 14px;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.blocks-cases .blocks-inner .swiper-slide-more .cm-icon {
  max-width: 162px;
  max-height: 45px;
  object-fit: cover;
  margin-bottom: 18px
}

.blocks-cases .blocks-inner .swiper-slide-more .cm-desc {
  font-size: 14px;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.blocks-cases .blocks-inner .cm-100 {
  width: 100%
}

.blocks-cases .blocks-inner .cm-100 .lecturer-button {
  display: flex;
  margin-left: -6px;
  align-items: center;
  margin-top: 20px
}

.blocks-cases .blocks-inner .cm-100 .lecturer-button .lecturer-button-next,
.blocks-cases .blocks-inner .cm-100 .lecturer-button .lecturer-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  outline: none
}

.blocks-cases .blocks-inner .cm-100 .lecturer-button .lecturer-button-next svg,
.blocks-cases .blocks-inner .cm-100 .lecturer-button .lecturer-button-prev svg {
  fill: #fff
}

.blocks-cases .blocks-inner .cm-100 .lecturer-button .lecturer-button-prev {
  margin-right: 20px;
  transform: rotate(180deg)
}

.index-banner-container {
  position: relative;
  z-index: 9;
  margin: 0 auto;
  width: 100%;
  height: 100vh;
  padding: 0;
}

.index-banner-container .cm-title {
  font-size: 48px;
  font-weight: 600;
  color: #fff;
  line-height: 46px;
  letter-spacing: 6px;
  display: none;
}

.index-banner-container .cm-title.cm-title-shadow {
  display: inline-block;
  text-shadow: 0 2px 20px rgba(0, 0, 0, .25)
}

.index-banner-container .cm-sub-title {
  margin-top: 32px;
  font-size: 26px;
  color: #fff;
  display: none;
  line-height: 26px
}

.index-banner-container .cm-sub-title.cm-desc-shadow {
  text-shadow: 0 2px 15px rgba(0, 0, 0, .25)
}

.white-paper-wrap {
  position: relative;
  z-index: 9;
  width: 1200px;
  height: 102px;
  margin: -126px auto 0
}

.white-paper-wrap .cm-inner .white-paper-list {
  display: flex;
  align-items: center;
  height: 104px;
  padding: 0;
  background: hsla(0, 0%, 100%, .9);
  border-radius: 6px;
  border: 2px solid #fff;
  box-shadow: 4px 4px 14px 0 rgba(0, 43, 112, .12)
}

.white-paper-wrap .cm-inner .white-paper-list .cm-item {
  padding: 24px 0 24px 24px
}

.white-paper-wrap .cm-inner .white-paper-list .cm-item:hover .cm-name {
  color: #006aff
}

.white-paper-wrap .cm-item {
  position: relative;
  flex: 1;
  cursor: pointer
}

.white-paper-wrap .cm-item:first-child .white-paper-dib>p.cm-name,
.white-paper-wrap .cm-item:nth-child(2) .white-paper-dib>p.cm-name,
.white-paper-wrap .cm-item:nth-child(3) .white-paper-dib>p.cm-name {
  left: -6px
}

.white-paper-wrap .cm-item .white-paper-dib {
  position: relative;
  display: inline-block
}

.white-paper-wrap .cm-item .cm-right-split {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 48px;
  line-height: 48px;
  background: #fff;
  z-index: 10
}

.white-paper-wrap .cm-item .cm-desc,
.white-paper-wrap .cm-item .cm-name {
  display: inline-block;
  max-width: 360px;
  overflow-x: hidden;
  overflow-y: visible;
  white-space: nowrap;
  text-overflow: ellipsis
}

.white-paper-wrap .cm-item .cm-name {
  position: relative;
  height: 25px;
  font-size: 16px;
  font-weight: 700;
  color: #555c66;
  line-height: 25px;
  max-width: 360px
}

.white-paper-wrap .cm-item .cm-name-special {
  content: "";
  width: 39px;
  height: 24px;
  position: absolute;
  background-size: 39px 24px;
  background-image: url(/static/images/new.png);
  top: -10px;
  right: -32px;
  cursor: pointer
}

.white-paper-wrap .cm-item .cm-desc {
  font-size: 12px;
  color: #798093;
  line-height: 17px;
  overflow-y: hidden
}

.white-paper-wrap .cm-item .download-btn {
  width: 17px;
  height: 14px;
  position: absolute;
  background-size: 17px 14px;
  background-image: url(/static/images/wp-right.png);
  top: 19px;
  right: 24px;
  cursor: pointer
}

.more-btn-container {
  display: inline-flex;
  align-items: center;
  color: #006aff;
  cursor: pointer
}

.more-btn-container.banner-btn-shadow {
  text-shadow: 0 2px 10px rgba(0, 0, 0, .25)
}

.more-btn-container.banner-btn-shadow .icon-arrow-right {
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .25);
  border-radius: 50%
}

.more-btn-container .icon-arrow-right {
  content: " ";
  display: inline-block;
  margin: 0 0 0 7px;
  width: 38px;
  height: 38px;
  background: url(/static/images/jump-icon.png) no-repeat;
  background-size: 100%
}

.more-btn-container.blue-btn .icon-arrow-right {
  background-image: url(/static/images/jump-icon.png)
}

.more-btn-container.white {
  color: #fff
}

.more-btn-container.white .icon-arrow-right {
  background-image: url(/static/images/jump-icon-white.png)
}

.more-btn-container.text-right .icon-arrow-right {
  margin: 0 7px 0 0
}

.more-btn-container:hover {
  opacity: .9
}

.platform-container {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 33px 22px 0 31px;
  width: 1200px;
  height: 510px;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 7, 81, .12);
  border-radius: 6px;
  border: 1px solid rgba(75, 84, 112, .6)
}

.platform-container .cm-inner {
  height: 100%;
  overflow: hidden;
  margin: 0
}

.platform-container>.cm-left {
  width: 480px
}

.platform-container>.cm-left .platform-title {
  margin-left: 19px;
  font-size: 28px;
  font-weight: 500;
  color: #555c66;
  line-height: 28px
}

.platform-container>.cm-left .platform-subtitle {
  font-size: 18px;
  font-weight: 600;
  color: #555c66
}

.platform-container>.cm-left .platform-desc {
  margin: 16px 0 12px 19px;
  font-size: 16px;
  color: #555c66;
  line-height: 22px
}

.platform-container>.cm-right {
  width: 649px
}

.platform-container>.cm-right img {
  width: 100%;
  border-radius: 6px
}

.platform-container>.cm-right .cm-desc>img.cm-desc-img {
  width: 649px;
  height: 431px
}

.platform-container .cm-list {
  height: 354px;
  overflow: hidden
}

.platform-container .cm-list .ant-collapse-item {
  position: relative;
  padding: 0 20px 8px;
  height: 67px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 0
}

.platform-container .cm-list .ant-collapse-item:first-of-type {
  border-top: 1px solid #fff
}

.platform-container .cm-list .ant-collapse-item .ant-collapse-header {
  padding: 24px 0 12px;
  font-size: 18px;
  font-weight: 600;
  color: #555c66
}

.platform-container .cm-list .ant-collapse-item .ant-collapse-content-box {
  padding: 0;
  z-index: 1
}

.platform-container .cm-list .ant-collapse-item .anticon {
  font-size: 14px;
  right: 0;
  opacity: .4
}

.platform-container .cm-list .ant-collapse-item .cm-desc {
  font-size: 14px;
  color: #798093;
  line-height: 17px;
  width: 100%;
  height: 34px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.platform-container .cm-list .ant-collapse-item .cm-desc>img.cm-desc-img {
  width: 649px;
  height: 431px
}

.platform-container .cm-list .ant-collapse-item .cm-desc:hover {
  cursor: pointer
}

.platform-container .cm-list .ant-collapse-item .item-progress {
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 2px;
  background: #798093
}

.platform-container .cm-list .ant-collapse-item .item-progress:after {
  content: " ";
  display: block;
  width: 0;
  height: 100%;
  background: #006aff
}

.platform-container .cm-list .ant-collapse-item-active {
  height: 155px;
  background: rgba(224, 229, 240, .39)
}

.platform-container .cm-list .ant-collapse-item-active .ant-collapse-arrow {
  opacity: 1
}

.platform-container .cm-list .ant-collapse-item-active .item-progress:after {
  content: " ";
  display: block;
  width: 0;
  height: 100%;
  background: #006aff;
  animation: platformProgress 6s linear
}

.platform-container .cm-list .cm-view {
  margin-top: 14px;
  text-align: right;
  font-size: 12px
}

@keyframes platformProgress {
  0% {
    width: 0
  }

  to {
    width: 100%
  }
}

.block-title-container {
  text-align: center
}

.block-title-container.title-small {
  text-align: left
}

.block-title-container.title-small .block-title {
  font-size: 24px
}

.block-title-container .block-title {
  font-size: 34px;
  font-weight: 500;
  line-height: 34px;
  color: #555c66
}

.block-title-container .block-desc {
  margin-top: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #555c66
}

.index-our-products {
  margin-top: 90px;
  min-height: 582px
}

.index-our-products>.cm-inner {
  margin: 0 auto;
  width: 1200px
}

.index-our-products>.cm-inner .block-title-container .block-title {
  color: #030303
}

.index-our-products>.cm-inner .block-title-container .block-desc {
  color: #5d6a7f
}

.our-products-content {
  margin-top: 63px;
  border: 1px solid #ddd;
  text-align: left;
  border-radius: 6px
}

.our-products-content .products-tabs {
  display: flex;
  background-color: rgba(224, 229, 240, .39);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px
}

.our-products-content .products-tabs .products-tab-item {
  display: flex;
  position: relative;
  width: 400px;
  height: 120px;
  color: #555c66;
  cursor: pointer;
  overflow: hidden
}

.our-products-content .products-tabs .products-tab-item>div {
  padding: 16px 134px 0 40px;
  width: 100%;
  transform: translateY(7px)
}

.our-products-content .products-tabs .products-tab-item .name {
  max-width: 230px;
  font-weight: 700;
  font-size: 22px
}

.our-products-content .products-tabs .products-tab-item .desc {
  margin-top: 8px;
  max-width: 230px;
  color: #555c66
}

.our-products-content .products-tabs .products-tab-item:first-child .tab-icon {
  background-image: url(/static/images/product-tab-01.png)
}

.our-products-content .products-tabs .products-tab-item:nth-child(2) .tab-icon {
  background-image: url(/static/images/product-tab-02.png)
}

.our-products-content .products-tabs .products-tab-item:nth-child(3) .tab-icon {
  background-image: url(/static/images/product-tab-03.png)
}

.our-products-content .products-tabs .products-tab-item.selected {
  background: #fff;
  overflow: visible;
  box-shadow: 0 -6px 15px 2px rgba(0, 7, 81, .12);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px
}

.our-products-content .products-tabs .products-tab-item.selected>div {
  background: #fff
}

.our-products-content .products-tabs .products-tab-item.selected .name {
  color: #282828
}

.our-products-content .products-tabs .products-tab-item.selected .desc {
  color: #74778b
}

.our-products-content .products-tabs .products-tab-item.selected .tab-icon {
  bottom: 7px;
  top: auto;
  right: 0;
  width: 156px;
  height: 156px
}

.our-products-content .products-tabs .products-tab-item.selected:first-child .tab-icon {
  background-image: url(/static/images/product-tab-selected-01.png)
}

.our-products-content .products-tabs .products-tab-item.selected:nth-child(2) .tab-icon {
  background-image: url(/static/images/product-tab-selected-02.png)
}

.our-products-content .products-tabs .products-tab-item.selected:nth-child(3) .tab-icon {
  background-image: url(/static/images/product-tab-selected-03.png)
}

.our-products-content .products-tabs .tab-icon {
  position: absolute;
  top: 3px;
  right: 14px;
  display: inline-block;
  width: 100px;
  height: 100px;
  background-position: 50%;
  background-size: cover;
  transition: height 1s
}

.our-products-content .products-tab-panel {
  display: none;
  padding: 30px 0 0 30px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 8px 5px rgba(0, 7, 81, .12)
}

.our-products-content .products-tab-panel.selected {
  display: flex;
  flex-wrap: wrap
}

.our-products-content .products-tab-panel .only-sub,
.our-products-content .products-tab-panel .sub-list {
  display: inline-block;
  margin: 0 30px 0 0;
  vertical-align: top
}

.our-products-content .products-tab-panel .only-sub a,
.our-products-content .products-tab-panel .sub-title {
  margin-bottom: 15px;
  padding-bottom: 12px;
  border-bottom: 1.5px solid #eaeef5;
  font-weight: 600;
  font-size: 18px;
  color: #555c66
}

.our-products-content .products-tab-panel .sub-title {
  margin-bottom: 7px;
  width: 176px;
  color: #555c66;
  font-weight: 500
}

.our-products-content .products-tab-panel .sub-item {
  display: block
}

.our-products-content .products-tab-panel .sub-item .cm-name {
  display: inline-flex;
  align-items: center;
  color: #282828;
  cursor: pointer
}

.our-products-content .products-tab-panel .sub-item .cm-name>.cm-name-pname {
  display: inline-flex;
  align-items: center;
  color: #282828;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-variant: tabular-nums;
  font-feature-settings: "tnum", "tnum", "tnum"
}

.our-products-content .products-tab-panel .sub-item p {
  color: #798093;
  font-size: 12px
}

.our-products-content .products-tab-panel .sub-item p:hover {
  cursor: pointer
}

.our-products-content .products-tab-panel .sub-item:hover .cm-name,
.our-products-content .products-tab-panel .sub-item:hover .cm-name>.cm-name-pname {
  color: #006aff
}

.our-products-content .products-tab-panel .third-list {
  display: flex;
  flex-wrap: wrap
}

.our-products-content .products-tab-panel .third-list .sub-item {
  margin-bottom: 30px;
  width: 256px
}

.our-products-content .products-tab-panel .third-list .sub-item:not(:last-child) {
  margin-right: 28px
}

.our-products-content .products-tab-panel .third-list p {
  margin-top: 7px
}

.our-products-content .products-tab-panel .hot {
  display: inline-block;
  margin-left: 8px;
  width: 37px;
  height: 14px;
  line-height: 14px;
  background: #006aff;
  border-radius: 2px;
  text-align: center;
  font-size: 0
}

.our-products-content .products-tab-panel .hot:before {
  content: "HOT";
  display: inline-block;
  font-size: 12px;
  color: #fff;
  transform: scale(.83)
}

.index-our-new-products {
  margin-top: 140px
}
.kechuan{
  margin-top: 80px;
}

.index-our-new-products>.ionp-box {
  position: relative;
  z-index: 91;
}

.index-our-new-products>.ionp-box>.ionp-box-inner {
  margin: 0 auto;
  width: 1200px
}

.index-our-new-products>.ionp-box>.ionp-box-inner>.title-box {
  text-align: center;
  padding-bottom: 40px;
}

.index-our-new-products>.ionp-box>.ionp-box-inner>.title-box>h3 {
  height: 45px;
  font-size: 42px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  color: #030303;
  line-height: 45px
}

.index-our-new-products>.ionp-box>.ionp-box-inner>.title-box>.desc-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px
}

.index-our-new-products>.ionp-box>.ionp-box-inner>.title-box>.desc-box>p {
  height: 25px;
  font-size: 23px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 34px
}

.index-our-new-products>.ionp-box>.ionp-box-inner>.title-box>.desc-box>.more-link-service {
  margin-left: 16px;
  height: 25px;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #006aff;
  line-height: 25px;
  cursor: pointer;
  transition: all .3s ease-in-out
}

.index-our-new-products>.ionp-box>.ionp-box-inner>.title-box>.desc-box>.more-link-service:hover {
  opacity: .9
}

.index-our-new-products>.ionp-box>.ionp-box-inner>.title-box>.desc-box>.more-link-service>.right-link {
  color: #006aff;
  display: flex;
  align-items: center
}

.index-our-new-products>.ionp-box>.ionp-box-inner>.title-box>.desc-box>.more-link-service>.right-link>.cm-icon {
  margin-left: 6px;
  display: inline-block;
  width: 10px;
  height: 8px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(/static/images/arrowRight.png)
}

.index-our-new-products>.ionp-box>.ionp-box-inner>.our-products-content-new {
  margin-top: 36px
}

.index-our-new-products>.ionp-box>.ionp-box-inner>.our-products-content-new>.product-opt-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff
}

@keyframes style_enter__oDWNr-1 {
  0% {
    background-position: 0 -10980px
  }

  to {
    background-position: 0 0
  }
}

.index-our-new-products>.ionp-box>.ionp-box-inner>.our-products-content-new>.product-opt-tabs>.product-opt-tab {
  position: relative;
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-sizing: border-box;
  padding-bottom: 22px
}


.index-our-new-products>.ionp-box>.ionp-box-inner>.our-products-content-new>.product-opt-tabs>.product-opt-tab:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 180px;
  height: 3px
}

.index-our-new-products>.ionp-box>.ionp-box-inner>.our-products-content-new>.product-opt-tabs>.product-opt-tab.active>.inner-opt>.group {
  color: #006aff
}

.index-our-new-products>.ionp-box>.ionp-box-inner>.our-products-content-new>.product-opt-tabs>.product-opt-tab.active:after {
  background: #1961f7
}

.index-our-new-products>.ionp-box>.ionp-box-inner>.our-products-content-new>.product-opt-tabs>.product-opt-tab>.inner-opt {
  display: flex;
  flex-direction: column;
  align-items: center
}

.index-our-new-products>.ionp-box>.ionp-box-inner>.our-products-content-new>.product-opt-tabs>.product-opt-tab>.inner-opt:hover>.group {
  color: #006aff
}

.index-our-new-products>.ionp-box>.ionp-box-inner>.our-products-content-new>.product-opt-tabs>.product-opt-tab>.inner-opt:hover>.opt-group-icon:after {
  display: none
}

.index-our-new-products>.ionp-box>.ionp-box-inner>.our-products-content-new>.product-opt-tabs>.product-opt-tab>.inner-opt>.opt-group-icon {
  position: relative;
  width: 90px;
  height: 90px;
  will-change: transform;
  background-size: cover
}
.index-our-new-products>.ionp-box>.ionp-box-inner>.our-products-content-new>.product-opt-tabs>.product-opt-tab>.inner-opt>.opt-group-icon img{
  width: 100%;
}

.index-our-new-products>.ionp-box>.ionp-box-inner>.our-products-content-new>.product-opt-tabs>.product-opt-tab>.inner-opt>.opt-group-icon:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-size: cover
}

.index-our-new-products>.ionp-box>.ionp-box-inner>.our-products-content-new>.product-opt-tabs>.product-opt-tab>.inner-opt>.group {
  color: #323942;
  height: 25px;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  line-height: 25px;
  margin-top: 10px;
  transition: all .2s ease-in-out
}

.index-our-new-products>.product-tab-box {
  display: flex;
  background: #f8f8f9;
  box-sizing: border-box;
  padding-top: 60px;
  padding-bottom: 60px;
}

.index-our-new-products>.product-tab-box>.ptb-inner {
  display: none;
  width: 1200px;
  margin: 0 auto
}
.index-our-new-products>.product-tab-box>.ptb-inner.active{
  display: inline-block;
  transition: all 0.3s linear;
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-l {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-l>.ptb-l-list-box {
  display: inline-block;
  flex-direction: column;
  width: 558px
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-l>.ptb-l-list-box>.ptb-l-list {
  border: 2px solid #fff;
  border-radius: 2px;
  box-sizing: border-box;
  box-shadow: 0 0 12px 0 rgba(0, 85, 254, .16), 0 0 4px 0 rgba(0, 85, 254, .08);
  padding: 35px 30px;
  height: 246px;
  margin-bottom: 20px;
  background-image: url(/static/images/l-recp-bg.png);
  cursor: pointer
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-l>.ptb-l-list-box>.ptb-l-list:hover>.ptb-l-list-title {
  color: #006aff
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-l>.ptb-l-list-box>.ptb-l-list>.ptb-l-list-title {
  height: 26px;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #030303;
  line-height: 26px
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-l>.ptb-l-list-box>.ptb-l-list>.ptb-l-list-desc {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 26px;
  margin-top: 10px;
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-l>.ptb-l-list-box>.ptb-l-list>.ptb-l-list-btns {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 25px;
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-l>.ptb-l-list-box>.ptb-l-list>.ptb-l-list-btns>button {
  width: 130px;
  height: 42px;
  border-radius: 5px
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-l>.ptb-l-list-box>.ptb-l-list>.ptb-l-list-btns>button:hover {
  opacity: .8
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-l>.ptb-l-list-box>.ptb-l-list>.ptb-l-list-btns>button:hover.ant-btn.subscribe>span {
  color: #006aff
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-l>.ptb-l-list-box>.ptb-l-list>.ptb-l-list-btns>button.ant-btn.subscribe {
  background: #fff;
  border-radius: 5px;
  border: none
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-l>.ptb-l-list-box>.ptb-l-list>.ptb-l-list-btns>button.ant-btn>span {
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #323942;
  line-height: 20px
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-l>.ptb-l-list-box>.ptb-l-list>.ptb-l-list-btns>button.ant-btn-primary {
  background: #006aff
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-l>.ptb-l-list-box>.ptb-l-list>.ptb-l-list-btns>button.ant-btn-primary>span {
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #fff;
  line-height: 20px
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-r {
  margin-left: 0;
  box-sizing: border-box;
  padding: 10px 0;
  flex: 1;
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-r>.p-tab-box-r-i {
  display: grid;
  grid-row-gap: 10px;
  row-gap: 10px;
  grid-column-gap: 10px;
  column-gap: 10px;
  grid-template-columns: repeat(6, 1fr)
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-r>.p-tab-box-r-i>.ptbr-product-item {
  width: 192px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  background: #fff;
  border-radius: 6px;
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-r>.p-tab-box-r-i>.ptbr-product-item:hover>.ptbr-product-title {
  color: #006aff
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-r>.p-tab-box-r-i>.ptbr-product-item>.ptbr-product-title {
  width: 192px;
  height: 22px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000;
  line-height: 22px;
  transition: all .2s ease-in-out;
  margin-bottom: 20px;
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-r>.p-tab-box-r-i>.ptbr-product-item>.ptbr-product-title>.ptbr-product-hot {
  display: flex;
  align-items: center;
  margin-left: 8px;
  border-radius: 2px;
  border: 1px solid #ff004d;
  height: 16px;
  line-height: 16px
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-r>.p-tab-box-r-i>.ptbr-product-item>.ptbr-product-title>.ptbr-product-hot>span {
  display: inline-block;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ff004d;
  padding: 4px
}

.index-our-new-products>.product-tab-box>.ptb-inner>.p-tab-box-r>.p-tab-box-r-i>.ptbr-product-item>.ptbr-product-desc {
  width: 232px;
  margin-top: 8px;
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.tabs-complex-wrap-new {
  position: relative;
  height: 835px
}

.tabs-complex-wrap-new .tabs-complex-left-video {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0
}

.tabs-complex-wrap-new .tabs-complex-left-video>video#tcl-video {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.tabs-complex-wrap-new .tabs-complex-left-video::-webkit-media-controls {
  display: none !important
}

.tabs-complex-wrap-new .tabs-complex-left {
  position: relative;
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner {
  position: relative;
  z-index: 10;
  margin: 0 auto;
  width: 1200px;
  box-sizing: border-box;
  padding: 95px 0 110px
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.title-box {
  text-align: center;
  color: #fff
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.title-box>h3 {
  height: 45px;
  font-size: 42px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 700;
  color: #fff;
  line-height: 45px
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.title-box>.desc-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.title-box>.desc-box>p {
  height: 25px;
  font-size: 23px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  line-height: 34px;
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.title-box>.desc-box>.more-link-service {
  margin-left: 16px;
  height: 25px;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #006aff;
  line-height: 25px;
  cursor: pointer;
  transition: all .3s ease-in-out
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.title-box>.desc-box>.more-link-service:hover {
  opacity: .9
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.title-box>.desc-box>.more-link-service>.right-link {
  color: #006aff;
  display: flex;
  align-items: center
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.title-box>.desc-box>.more-link-service>.right-link>.cm-icon {
  margin-left: 6px;
  display: inline-block;
  width: 10px;
  height: 8px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(/static/images/arrowRight.png)
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box {
  display: flex;
  align-items: center;
  margin-top: 100px;
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.types-box {
  width: 240px;
  height: 100%
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.types-box>.type-desc-box {
  box-sizing: border-box;
  padding: 40px 32px 26px
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.types-box>.type-desc-box>p:first-child {
  height: 25px;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  line-height: 25px
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.types-box>.type-desc-box>p:last-child {
  height: 30px;
  font-size: 22px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #fff;
  line-height: 30px;
  margin-top: 10px
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.types-box>.types-items-box {
  box-sizing: border-box;
  padding: 0 16px
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.types-box>.types-items-box>.type-item {
  display: flex;
  align-items: center;
  height: 52px;
  line-height: 52px;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 17px 0 17px 16px;
  transition: all .1s ease-in-out;
  cursor: pointer
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.types-box>.types-items-box>.type-item.cm-active {
  background: #006aff
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.types-box>.types-items-box>.type-item>h4 {
  height: 18px;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #fff;
  line-height: 18px
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.lists-box {
  position: relative;
  box-sizing: border-box;
  padding: 40px 30px;
  width: 720px;
  height: 100%;
  overflow: hidden;
  z-index: 1
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.lists-box.solutions-index-swiper-container>.solutions-index-swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 22px
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.lists-box.solutions-index-swiper-container>.solutions-index-swiper-pagination .swiper-pagination-bullet {
  width: 3px;
  height: 3px;
  background: #fff;
  border-radius: 2px;
  opacity: .5
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.lists-box.solutions-index-swiper-container>.solutions-index-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 8px;
  opacity: 1
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.lists-box:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: -1;
  background-color: hsla(0, 0%, 100%, .05)
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.lists-box>.swiper-wrapper>.list-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  height: 100%;
  margin-bottom: 50px;
  overflow: hidden
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.lists-box>.swiper-wrapper>.list-item:last-child {
  margin-bottom: 0
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.lists-box>.swiper-wrapper>.list-item .cm-item {
  position: relative;
  width: 310px;
  height: 125px;
  cursor: pointer
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.lists-box>.swiper-wrapper>.list-item .cm-item:hover>.cm-item-name>.cm-name {
  color: #006aff
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.lists-box>.swiper-wrapper>.list-item .cm-item>.cm-item-name {
  display: flex;
  align-items: center
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.lists-box>.swiper-wrapper>.list-item .cm-item>.cm-item-name>.cm-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100% 100%
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.lists-box>.swiper-wrapper>.list-item .cm-item>.cm-item-name>.cm-name {
  margin-left: 12px;
  height: 25px;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #fff;
  line-height: 25px
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.lists-box>.swiper-wrapper>.list-item .cm-item>.cm-icon-banks {
  height: 21px
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.lists-box>.swiper-wrapper>.list-item .cm-item>.cm-desc {
  margin-top: 10px;
  padding-left: 32px;
  height: 40px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  opacity: .7
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.lists-box>.swiper-wrapper>.list-item .cm-item>.cm-jump {
  display: inline-flex;
  align-items: center;
  margin-top: 30px;
  padding-left: 32px;
  height: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  line-height: 12px;
  font-size: 12px;
  opacity: .8;
  transition: all .1s
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.lists-box>.swiper-wrapper>.list-item .cm-item>.cm-jump:hover {
  color: #006aff;
  opacity: 1
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.lists-box>.swiper-wrapper>.list-item .cm-item>.cm-jump:hover svg {
  fill: #006aff
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.lists-box>.swiper-wrapper>.list-item .cm-item>.cm-jump svg {
  margin-left: 6px;
  fill: #fff;
  font-size: 10px
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.lists-box>.swiper-wrapper>.list-item .cm-item:hover>.cm-name {
  color: #006aff
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.cases-box {
  overflow: hidden;
  width: 240px;
  height: 100%;
  flex: 1;
  box-sizing: border-box;
  padding: 40px 32px 0
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.cases-box>h4 {
  height: 25px;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #fff;
  line-height: 25px;
  text-align: center
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.cases-box>.cases-box-bottom {
  margin-top: 16px;
  width: 100%;
  overflow: hidden;
  border-radius: 6px
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.cases-box>.cases-box-bottom .cases-index-swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 22px
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.cases-box>.cases-box-bottom .cases-index-swiper-pagination .swiper-pagination-bullet {
  width: 3px;
  height: 3px;
  background: #fff;
  border-radius: 2px;
  opacity: .5
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.cases-box>.cases-box-bottom .cases-index-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 8px;
  opacity: 1
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.cases-box>.cases-box-bottom .cases-box-bottom-inner {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: repeat(2, 1fr)
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.cases-box>.cases-box-bottom .cases-box-bottom-inner>.case-bottom-items {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 76px;
  background: #fff;
  border-radius: 6px;
  cursor: pointer;
  overflow: hidden
}

.tabs-complex-wrap-new .tabs-complex-left>.cm-inner>.content-box>.cases-box>.cases-box-bottom .cases-box-bottom-inner>.case-bottom-items>.case-bottom-item {
  width: 100%;
  display: inline-block
}

.lp-img-parterners-container {
  background: #f5f9ff;
  padding: 0 0 60px;
  min-height: 387px;
  -webkit-user-select: none !important;
  user-select: none !important
}

.lp-img-parterners-container.automatic-delivery-partner-container,
.lp-img-parterners-container.automatic-test-partner-container,
.lp-img-parterners-container.monitor-partner-container,
.lp-img-parterners-container.project-management-partner-container {
  background: none
}

.lp-img-parterners-container::selection {
  background-color: #fff
}

.lp-img-parterners-container .cm-none {
  display: none
}

.lp-img-parterners-container .cm-inner {
  margin: 0 auto;
  width: 100%;
  overflow: hidden
}

.lp-img-parterners-container .cm-line {
  display: inline-block;
  flex: 1;
  height: 1px;
  background: #d0dbf5;
  opacity: .55
}

.lp-img-parterners-container .cm-header {
  text-align: center
}

.lp-img-parterners-container .cm-header .cm-title {
  display: flex;
  align-items: center;
  padding: 0 10px
}

.lp-img-parterners-container .cm-header .cm-title span {
  margin: 0 8px;
  font-size: 16px;
  font-weight: 500;
  color: #555c66
}

.lp-img-parterners-container .cm-header .cm-sub-title {
  display: none;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #59697d;
  line-height: 16px
}

.lp-img-parterners-container .cm-header.has-sub-title .cm-title {
  font-size: 34px
}

.lp-img-parterners-container .cm-header.has-sub-title .cm-sub-title {
  display: block
}

.lp-img-parterners-container .cm-container {
  position: relative;
  z-index: 30;
  margin-top: 40px;
  -webkit-user-select: none !important;
  user-select: none !important
}

.lp-img-parterners-container .cm-container .cm-img-container {
  display: flex;
  height: 206px;
  margin-top: 25px;
  position: relative
}

.lp-img-parterners-container .cm-container .cm-img-container,
.lp-img-parterners-container .cm-container .cm-img-container .cm-img {
  -webkit-user-select: none !important;
  user-select: none !important;
  transform: translateZ(0);
  backface-visibility: hidden;
  -ms-perspective: 1000;
  perspective: 1000
}

.lp-img-parterners-container .cm-container .cm-img-container .cm-img {
  height: 100%;
  transform-style: preserve-3d;
  will-change: transform;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor
}

.lp-img-parterners-container .cm-container .cm-img-container .cm-img:first-child {
  animation: scroll-frame1 100s linear infinite normal;
  -webkit-animation: scroll-frame1 100s linear infinite normal
}

.lp-img-parterners-container .cm-container .cm-img-container .cm-img:nth-child(2) {
  margin-left: -16px;
  animation: scroll-frame2 100s linear infinite normal;
  -webkit-animation: scroll-frame2 100s linear infinite normal
}

.lp-img-parterners-container .cm-container .cm-img-container .cm-img:nth-child(3) {
  animation: scroll-frame3 100s linear infinite normal;
  -webkit-animation: scroll-frame3 100s linear infinite normal
}

.lp-img-parterners-container .cm-container .cm-img-container .cm-img-qq {
  animation-play-state: running;
  animation-delay: .1s;
  -webkit-animation-play-state: running !important;
  -webkit-animation-delay: .1s !important;
  backface-visibility: hidden;
  -ms-perspective: 1000;
  perspective: 1000;
  animation: scroll-frame 100s linear infinite normal;
  -webkit-animation: scroll-frame 100s linear infinite normal;
  position: relative;
  height: 100%;
  transform-style: flat !important;
  transform: none !important
}

.lp-img-parterners-container .cm-container .cm-img-container .cm-agency:nth-of-type(2),
.lp-img-parterners-container .cm-container .cm-img-container .cm-scrm:nth-of-type(2) {
  margin-left: -16px
}

.lp-img-parterners-container .cm-footer {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  margin-top: 40px
}

.lp-img-parterners-container .cm-footer .cm-link {
  margin-top: -10px;
  display: flex;
  align-items: center
}

.lp-img-parterners-container .cm-footer .cm-link:hover {
  opacity: .8
}

.lp-img-parterners-container .cm-footer .cm-link .cm-click {
  display: inline-block;
  height: 16px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #006aff;
  line-height: 16px;
  vertical-align: top
}

.lp-img-parterners-container .cm-footer .cm-link .cm-click-arrow {
  position: relative;
  top: 1px;
  vertical-align: top;
  display: inline-block;
  width: 17px;
  height: 14px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-left: 4px;
  background-image: url(/static/images/arrowRight.png)
}

.lp-img-parterners-container .cm-footer p {
  display: inline-block;
  cursor: pointer;
  width: 205px;
  height: 48px;
  background: linear-gradient(184deg, #3865ff, #408bfa);
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  line-height: 48px
}

.lp-img-parterners-container .cm-footer p .cm-icon {
  width: 6px;
  height: 10px;
  margin-left: 10px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: inline-block;
  background-image: url(/static/images/icon-arrow.png)
}

.lp-img-parterners-container .all-img {
  margin-top: 30px
}

.lp-img-parterners-container .all-img img {
  width: 100%
}

@keyframes scroll-frame {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(-100%)
  }
}

@keyframes scroll-frame1 {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(-100%)
  }
}

@keyframes scroll-frame2 {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(-100%)
  }
}

@keyframes scroll-frame3 {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(-100%)
  }
}

.spliter-box {
  margin: 100px 0 180px;
  text-align: center
}

.spliter-box>h2 {
  height: 34px;
  font-size: 34px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #030303;
  line-height: 34px
}

.spliter-box h3 {
  height: 16px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 16px;
  margin-top: 16px
}

.full-service-box {
  position: relative;
  z-index: 100;
  margin: 100px auto;
  width: 1200px;
  height: 464px
}

.full-service-box .full-service-title-new {
  text-align: center
}

.full-service-box .full-service-title-new>h2 {
  height: 34px;
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #030303;
  line-height: 34px
}

.full-service-box .full-service-title-new>h3 {
  height: 16px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 16px;
  margin-top: 16px
}

.full-service-box .new-service-boxs {
  display: flex;
  align-items: center;
  height: 340px;
  margin-top: 60px;
  box-shadow: 4px 4px 14px 0 rgba(0, 43, 112, .12);
  border-radius: 8px;
  overflow: hidden
}

.full-service-box .new-service-boxs>.left-service {
  position: relative;
  box-sizing: border-box;
  padding: 40px 30px;
  width: 330px;
  height: 100%;
  background-size: auto 100%;
  transition: all .3s ease-in-out;
  background-image: url(/static/images/i-servic-left-n1.png)
}

.full-service-box .new-service-boxs>.left-service>div {
  position: absolute;
  box-sizing: border-box;
  bottom: 40px;
  padding: 10px 16px;
  border-radius: 4px;
  cursor: pointer;
  transition: all .3s;
  display: flex;
  align-items: center;
  z-index: 20;
  border: 1px solid #fff;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px)
}

.full-service-box .new-service-boxs>.left-service>div:after {
  visibility: hidden;
  transition: all .1s ease-in-out;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: rgba(0, 106, 255, .4);
  border-radius: 4px
}

.full-service-box .new-service-boxs>.left-service>div:hover:after {
  visibility: visible
}

.full-service-box .new-service-boxs>.left-service>div>span {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  transition: all .3s;
  margin-right: 6px
}

.full-service-box .new-service-boxs>.left-service>div>div {
  width: 14px;
  height: 14px;
  background-image: url(/static/images/i-servic-btn-b.png);
  background-image: url(/static/images/i-servic-btn-w.png);
  background-repeat: no-repeat;
  background-size: 100% 100%
}

.full-service-box .new-service-boxs>.left-service p:first-of-type {
  height: 22px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #fff;
  line-height: 22px
}

.full-service-box .new-service-boxs>.left-service p:last-of-type {
  height: 56px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #edf0f7;
  line-height: 28px;
  margin-top: 4px
}

.full-service-box .new-service-boxs>.left-service>.more-link-service {
  margin-top: 24px;
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #006aff;
  line-height: 20px
}

.full-service-box .new-service-boxs>.left-service>.more-link-service>.right-link {
  color: #006aff;
  display: flex;
  align-items: center
}

.full-service-box .new-service-boxs>.left-service>.more-link-service>.right-link>.cm-icon {
  margin-left: 6px;
  display: inline-block;
  width: 10px;
  height: 8px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(/static/images/arrowRight.png)
}

.full-service-box .new-service-boxs>.right-service {
  flex: 1;
  display: flex;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-left: none
}

.full-service-box .new-service-boxs>.right-service>.full-service-item {
  position: relative;
  flex: 1;
  width: 290px;
  box-sizing: border-box;
  border: 1px solid #eaeef5;
  padding: 40px 30px
}

.full-service-box .new-service-boxs>.right-service>.full-service-item>img {
  position: absolute;
  right: -16px;
  bottom: 0;
  width: 171px;
  height: 171px;
  z-index: -1
}

.full-service-box .new-service-boxs>.right-service>.full-service-item>.more-link-service {
  height: 25px;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #006aff;
  line-height: 25px;
  cursor: pointer;
  transition: all .3s ease-in-out
}

.full-service-box .new-service-boxs>.right-service>.full-service-item>.more-link-service.right-card {
  position: absolute;
  bottom: 30px;
  left: 66px
}

.full-service-box .new-service-boxs>.right-service>.full-service-item>.more-link-service:hover,
.full-service-box .new-service-boxs>.right-service>.full-service-item>.more-link-service:hover>.right-link {
  opacity: .9
}

.full-service-box .new-service-boxs>.right-service>.full-service-item>.more-link-service:hover>.right-link>span {
  color: #006aff
}

.full-service-box .new-service-boxs>.right-service>.full-service-item>.more-link-service>.right-link {
  color: #006aff;
  display: flex;
  align-items: center;
  transition: all .3s
}

.full-service-box .new-service-boxs>.right-service>.full-service-item>.more-link-service>.right-link>span {
  display: inline-block;
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #323942;
  line-height: 20px
}

.full-service-box .new-service-boxs>.right-service>.full-service-item>.more-link-service>.right-link>.cm-icon {
  margin-left: 6px;
  display: inline-block;
  width: 14px;
  height: 12px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(/static/images/arrowRight.png)
}

.full-service-box .new-service-boxs>.right-service>.full-service-item:hover {
  cursor: pointer
}

.full-service-box .new-service-boxs>.right-service>.full-service-item:hover .top>.name {
  color: #006aff
}

.full-service-box .new-service-boxs>.right-service>.full-service-item .top {
  display: flex;
  align-items: center
}

.full-service-box .new-service-boxs>.right-service>.full-service-item .top>img {
  display: block;
  width: 24px;
  height: 25px;
  margin-right: 12px
}

.full-service-box .new-service-boxs>.right-service>.full-service-item .top>.name {
  margin-right: 10px;
  height: 25px;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #323942;
  line-height: 25px
}

.full-service-box .new-service-boxs>.right-service>.full-service-item .top>.hot-box {
  width: 37px;
  height: 18px;
  border-radius: 2px;
  border: 1px solid #ff004d;
  display: flex;
  align-items: center;
  justify-content: center
}

.full-service-box .new-service-boxs>.right-service>.full-service-item .top>.hot-box>span {
  height: 17px;
  font-size: 12px;
  line-height: 17px;
  font-weight: 600;
  color: #ff004d
}

.full-service-box .new-service-boxs>.right-service>.full-service-item .bottom {
  box-sizing: border-box;
  padding-left: 36px;
  margin-top: 14px;
  height: 42px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 21px;
  text-align: justify
}

.full-service-box .new-service-boxs>.right-service>.full-service-item:first-of-type {
  border-left: none;
  border-top: none;
  border-bottom: none
}

.full-service-box .new-service-boxs>.right-service>.full-service-item:nth-of-type(2) {
  border-top: none;
  border-bottom: none
}

.full-service-box .new-service-boxs>.right-service>.full-service-item:nth-of-type(3) {
  border-right: none;
  border-top: none;
  border-bottom: none
}

.full-service-box .full-service-title {
  padding-top: 60px;
  margin-bottom: 60px
}

.full-service-box .full-service-title>h2 {
  text-align: center;
  height: 34px;
  font-size: 34px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #fff;
  line-height: 34px
}

.full-service-box .full-service-title h3 {
  text-align: center;
  height: 16px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  line-height: 16px;
  margin-top: 16px
}

.full-service-box .full-service-menu {
  box-sizing: border-box;
  padding: 0 82px;
  display: flex
}

.full-service-box .full-service-menu dl:first-child {
  margin-right: 92px
}

.full-service-box .full-service-menu dl:nth-child(2) {
  margin-right: 139px
}

.full-service-box .full-service-menu a {
  color: inherit;
  transition: opacity .3s linear
}

.full-service-box .full-service-menu a:hover {
  opacity: .8
}

.full-service-box .full-service-menu .full-service-menu-subtitle {
  height: 16px;
  margin-bottom: 48px
}

.full-service-box .full-service-menu .full-service-menu-subtitle,
.full-service-box .full-service-menu .full-service-menu-subtitle>h3 {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  line-height: 16px
}

.full-service-box .full-service-menu .full-service-submenu,
.full-service-box .full-service-menu .full-service-submenu .full-service--submenu-wrap {
  position: relative
}

.full-service-box .full-service-menu .full-service-submenu .full-service-submenu-title .full-service-submenu-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 12px
}

.full-service-box .full-service-menu .full-service-submenu .full-service-submenu-title>h4 {
  height: 25px;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #fff;
  line-height: 25px
}

.full-service-box .full-service-menu .full-service-submenu:hover {
  cursor: pointer
}

.full-service-box .full-service-menu .full-service-submenu:hover .full-service-submenu-bg {
  background-position: 0 100%;
  visibility: visible
}

.full-service-box .full-service-menu .full-service-submenu:hover .full-service-submenu-bg .fssb-line {
  visibility: visible;
  top: 0
}

.full-service-box .full-service-menu .full-service-submenu .full-service-submenu-bg {
  position: absolute;
  box-sizing: border-box;
  width: 340px;
  height: 120px;
  left: -32px;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(transparent 50%, hsla(0, 0%, 100%, .16) 0);
  background-size: 100% 200%;
  visibility: hidden;
  transition: all .2s ease-out;
  background-position: 0 0
}

.full-service-box .full-service-menu .full-service-submenu .full-service-submenu-bg .fssb-line {
  position: absolute;
  left: 0;
  right: 0;
  height: 5px;
  background-color: #006aff;
  top: 100%;
  visibility: hidden;
  transition: all .2s ease-out
}

.full-service-box .full-service-menu .full-service-submenu .full-service-submenu-title {
  display: flex;
  align-items: center;
  height: 25px;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #fff;
  line-height: 25px
}

.full-service-box .full-service-menu .full-service-submenu .full-service-submenu-title .fsst-unonline {
  display: inline-block;
  width: 48px;
  height: 16px;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  line-height: 16px;
  text-align: center;
  background: url(/static/images/unline.png) no-repeat;
  background-size: cover;
  margin-top: 3px;
  margin-left: 6px;
  padding-left: 4px;
  padding-right: 4px
}

.full-service-box .full-service-menu .full-service-submenu .full-service-submenu-desc {
  width: 240px;
  height: 40px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  line-height: 20px;
  opacity: .6;
  margin: 12px 0 48px 2px
}

.achievement-container-new {
  min-height: 588px
}

.achievement-container-new.devops-lp-achievement {
  min-height: 548px
}

.achievement-container-new.devops-lp-achievement>.cm-inner {
  padding-top: 0
}

.achievement-container-new.automatic-delivery-lp-achievement>.cm-inner,
.achievement-container-new.automatic-test-lp-achievement>.cm-inner,
.achievement-container-new.monitor-lp-achievement>.cm-inner,
.achievement-container-new.project-management-lp-achievement>.cm-inner {
  padding-top: 30px
}

.achievement-container-new>.cm-inner {
  padding-top: 60px;
  margin: 0 auto;
  width: 1200px
}

.achievement-container-new>.cm-inner .achievement-accordion {
  margin-top: 50px;
  display: flex
}

.achievement-container-new>.cm-inner .achievement-accordion li {
  margin-right: 20px;
  width: 224px;
  height: 444px;
  transition: all .5s ease;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 4px 4px 18px 0 rgba(0, 7, 81, .17)
}

.achievement-container-new>.cm-inner .achievement-accordion li .cm-li-block {
  width: 100%;
  height: 444px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%
}

.achievement-container-new>.cm-inner .achievement-accordion li:last-of-type {
  margin-right: 0
}

.achievement-container-new>.cm-inner .achievement-accordion li .cm-li {
  height: 100%;
  background-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.achievement-container-new>.cm-inner .achievement-accordion li .cm-li .cm-img {
  width: 60px;
  height: 60px;
  margin-bottom: 12px
}

.achievement-container-new>.cm-inner .achievement-accordion li .cm-li .cm-name {
  font-size: 20px;
  font-weight: 500;
  color: #030303;
  line-height: 28px
}

.achievement-container-new>.cm-inner .achievement-accordion li .cm-content {
  opacity: 0;
  font-size: 14px;
  font-weight: 400;
  color: #0e1621;
  line-height: 25px;
  margin-bottom: 20px
}

.achievement-container-new>.cm-inner .achievement-accordion li.cm-active {
  width: 724px;
  height: 444px;
  flex-shrink: 0;
  box-shadow: 4px 4px 18px 0 rgba(0, 7, 81, .17);
  transition: all .5s ease
}

.achievement-container-new>.cm-inner .achievement-accordion li.cm-active .cm-li-block {
  padding-top: 74px;
  padding-left: 40px;
  width: 724px;
  height: 444px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%
}

.achievement-container-new>.cm-inner .achievement-accordion li.cm-active .cm-content {
  opacity: 1;
  width: 400px
}

.achievement-container-new>.cm-inner .achievement-accordion li.cm-active .cm-content .cm-name {
  font-size: 24px;
  font-weight: 600;
  color: #0e1621;
  line-height: 28px;
  margin-bottom: 20px
}

.achievement-container-new>.cm-inner .achievement-accordion li.cm-active .cm-jump {
  cursor: pointer;
  margin-top: 22px;
  font-size: 14px;
  font-weight: 500;
  color: #1961f7;
  line-height: 20px;
  display: inline-flex;
  align-items: center
}

.achievement-container-new>.cm-inner .achievement-accordion li.cm-active .cm-jump svg {
  margin-left: 6px;
  fill: #006aff
}

.achievement-container-service .cm-inner .achievement-accordion li {
  margin-right: 20px;
  width: 240px;
  height: 500px;
  transition: all .5s ease;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 4px 4px 18px 0 rgba(0, 7, 81, .17)
}

.achievement-container-service .cm-inner .achievement-accordion li .cm-li-block {
  width: 100%;
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%
}

.achievement-container-service .cm-inner .achievement-accordion li:last-of-type {
  margin-right: 0
}

.achievement-container-service .cm-inner .achievement-accordion li .cm-li {
  height: 100%;
  background-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.achievement-container-service .cm-inner .achievement-accordion li .cm-li .cm-img {
  width: 49px;
  height: 44px;
  margin-bottom: 12px
}

.achievement-container-service .cm-inner .achievement-accordion li .cm-li .cm-name {
  font-size: 20px;
  font-weight: 500;
  color: #030303;
  line-height: 28px
}

.achievement-container-service .cm-inner .achievement-accordion li .cm-content {
  opacity: 0;
  font-size: 14px;
  font-weight: 400;
  color: #0e1621;
  line-height: 25px;
  margin-bottom: 20px
}

.achievement-container-service .cm-inner .achievement-accordion li.cm-active {
  width: 468px;
  height: 500px;
  flex-shrink: 0;
  box-shadow: 4px 4px 18px 0 rgba(0, 7, 81, .17);
  transition: all .5s ease
}

.achievement-container-service .cm-inner .achievement-accordion li.cm-active .cm-li-block {
  padding-top: 40px;
  padding-left: 40px;
  width: 468px;
  height: 500px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%
}

.achievement-container-service .cm-inner .achievement-accordion li.cm-active .cm-content {
  opacity: 1;
  width: 300px
}

.achievement-container-service .cm-inner .achievement-accordion li.cm-active .cm-content .cm-name {
  font-size: 24px;
  font-weight: 600;
  color: #0e1621;
  line-height: 28px;
  margin-bottom: 20px
}

.achievement-container-service .cm-inner .achievement-accordion li.cm-active .cm-jump {
  display: none
}

.wcu-box {
  height: 960px;
  box-sizing: border-box;
  padding-top: 100px
}

.wcu-box .wcu-title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center
}

.wcu-box .wcu-title>h2 {
  display: inline-block;
  height: 34px;
  font-size: 34px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #030303;
  line-height: 34px
}

.wcu-box .wcu-main {
  width: 1200px;
  margin: 0 auto
}

.wcu-box .wcu-main .wcu-spliter {
  position: relative;
  bottom: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.wcu-box .wcu-main .wcu-spliter span {
  display: inline-block
}

.wcu-box .wcu-main .wcu-spliter .wcu-split {
  width: 500px;
  height: 1px;
  background: #d8d9dc
}

.wcu-box .wcu-main .wcu-spliter .wcu-split-content {
  text-align: center;
  height: 34px;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #030303;
  line-height: 34px
}

.wcu-box .wcu-main .wcu-certification {
  height: 116px;
  box-sizing: border-box;
  padding: 0 80px 0 110px
}

.wcu-box .wcu-main .wcu-certification .wcu-certification-img {
  width: 1010px;
  height: 100%;
  background: url(/static/images/certifications.png) no-repeat;
  background-size: cover
}

.achievement-container-newer {
  min-height: 574px;
  height: 574px;
  background: url(/static/images/i-about-bg.jpg) no-repeat;
  background-size: cover
}

.achievement-container-newer>.cm-inner {
  padding-top: 100px;
  margin: 0 auto;
  width: 1200px
}

.achievement-container-newer>.cm-inner .block-title-container h2.block-title {
  height: 34px;
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #fff;
  line-height: 34px
}

.achievement-container-newer>.cm-inner .achievement-accordion {
  margin-top: 50px;
  display: flex
}

.achievement-container-newer>.cm-inner .achievement-accordion li {
  flex: 0 0 322px;
  display: inline-block;
  height: 280px;
  transition: all .3s cubic-bezier(.4, 0, 1, 1);
  overflow: hidden;
  background: transparent;
  cursor: pointer
}

.achievement-container-newer>.cm-inner .achievement-accordion li .cm-li-block {
  width: 100%;
  height: 280px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%
}

.achievement-container-newer>.cm-inner .achievement-accordion li:last-of-type {
  margin-right: 0
}

.achievement-container-newer>.cm-inner .achievement-accordion li .cm-li {
  position: relative;
  box-sizing: border-box;
  padding: 40px 30px 30px;
  height: 100%;
  background-size: 100%
}

.achievement-container-newer>.cm-inner .achievement-accordion li .cm-li .cm-lister {
  margin-top: 20px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 22px;
  text-align: justify;
  width: 262px
}

.achievement-container-newer>.cm-inner .achievement-accordion li .cm-li .cm-name {
  font-size: 20px;
  font-weight: 500;
  color: #030303;
  line-height: 28px;
  text-align: left;
  height: 25px;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #fff;
  line-height: 25px
}

.achievement-container-newer>.cm-inner .achievement-accordion li .cm-li .cm-jump {
  cursor: pointer;
  margin-top: 22px;
  font-size: 14px;
  font-weight: 500;
  color: #1961f7;
  line-height: 20px;
  display: inline-flex;
  align-items: center;
  position: absolute;
  bottom: 30px;
  left: 30px
}

.achievement-container-newer>.cm-inner .achievement-accordion li .cm-li .cm-jump svg {
  margin-left: 6px;
  fill: #006aff
}

.achievement-container-newer>.cm-inner .achievement-accordion li .cm-content {
  opacity: 0;
  font-size: 14px;
  font-weight: 400;
  color: #0e1621;
  line-height: 25px;
  margin-bottom: 20px
}

.achievement-container-newer>.cm-inner .achievement-accordion li.cm-active {
  box-sizing: border-box;
  border: 1px solid #3d4153;
  flex: 0 0 556px;
  height: 280px;
  flex-shrink: 0;
  transition: all .3s cubic-bezier(.4, 0, 1, 1);
  background: #090f1d
}

.achievement-container-newer>.cm-inner .achievement-accordion li.cm-active .cm-li-block {
  position: relative;
  padding: 40px 0 0 30px;
  width: 556px;
  height: 280px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%
}

.achievement-container-newer>.cm-inner .achievement-accordion li.cm-active .cm-content {
  opacity: 1;
  text-align: justify
}

.achievement-container-newer>.cm-inner .achievement-accordion li.cm-active .cm-content>.cm-lister {
  width: 262px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 22px;
  text-align: justify;
  margin-top: 20px
}

.achievement-container-newer>.cm-inner .achievement-accordion li.cm-active .cm-content .cm-name {
  height: 25px;
  font-size: 18px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  color: #fff !important;
  line-height: 25px
}

.achievement-container-newer>.cm-inner .achievement-accordion li.cm-active .cm-jump {
  cursor: pointer;
  margin-top: 22px;
  font-size: 14px;
  font-weight: 500;
  color: #1961f7;
  line-height: 20px;
  display: inline-flex;
  align-items: center;
  position: absolute;
  bottom: 30px;
  left: 30px
}

.achievement-container-newer>.cm-inner .achievement-accordion li.cm-active .cm-jump svg {
  margin-left: 6px;
  fill: #006aff
}

.wcu-box-new {
  box-sizing: border-box
}

.wcu-box-new .wcu-title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center
}

.wcu-box-new .wcu-title>h2 {
  display: inline-block;
  height: 34px;
  font-size: 34px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #030303;
  line-height: 34px
}

.wcu-box-new .wcu-main>.cm-inner>.wcu-bottom-box>.cm-inner {
  width: 1200px;
  margin: 40px auto 0
}

.wcu-box-new .wcu-main .wcu-spliter {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.wcu-box-new .wcu-main .wcu-spliter span {
  display: inline-block
}

.wcu-box-new .wcu-main .wcu-spliter .wcu-split {
  width: 500px;
  height: 1px;
  background: #d8d9dc
}

.wcu-box-new .wcu-main .wcu-spliter .wcu-split-content {
  text-align: center;
  height: 34px;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #030303;
  line-height: 34px
}

.wcu-box-new .wcu-main .wcu-certification {
  height: 116px;
  box-sizing: border-box;
  padding: 0 80px 0 110px;
  margin-top: 40px
}

.wcu-box-new .wcu-main .wcu-certification .wcu-certification-img {
  width: 1010px;
  height: 100%;
  background: url(/static/images/certifications.png) no-repeat;
  background-size: cover
}

.share-create-box {
  height: 716px;
  background: url(/static/images/share-create-bg-n.png) no-repeat;
  background-size: cover;
  background-position: 50%;
  -webkit-user-select: auto;
  user-select: auto
}

.share-create-box>.cm-inner {
  padding-top: 80px;
  width: 1200px;
  margin: 0 auto
}

.share-create-box>.cm-inner .share-create-box-titler .share-create-title {
  text-align: center;
  height: 34px;
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #030303;
  line-height: 34px
}

.share-create-box>.cm-inner .share-create-info-first {
  height: 34px;
  font-size: 26px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #323942;
  line-height: 34px;
  margin-top: 82px
}

.share-create-box>.cm-inner .share-create-info-second {
  height: 34px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #323942;
  line-height: 34px;
  margin-top: 14px
}

.share-create-box>.cm-inner .share-create-more-link {
  width: 160px;
  height: 40px;
  margin-top: 30px;
  border-radius: 4px;
  border: 1px solid #006aff;
  display: flex;
  align-items: center;
  justify-content: center
}

.share-create-box>.cm-inner .share-create-more-link:hover {
  cursor: pointer
}

.share-create-box>.cm-inner .share-create-more-link:hover>.scml-content {
  opacity: .8
}

.share-create-box>.cm-inner .share-create-more-link>.scml-content {
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #006aff;
  line-height: 20px
}

.share-create-box>.cm-inner .share-create-link-box {
  margin-top: 90px;
  display: flex;
  justify-content: space-between;
  height: 198px;
  background: #fff;
  border-radius: 6px
}

.share-create-box>.cm-inner .share-create-link-box .sclb-item {
  box-sizing: border-box;
  padding: 32px 0 0 40px;
  flex: 1;
  border-right: 1px solid #e4e8ec
}

.share-create-box>.cm-inner .share-create-link-box .sclb-item:last-child {
  border-right: 0
}

.share-create-box>.cm-inner .share-create-link-box .sclb-item .sclb-item-inner .sclb-item-tag {
  height: 34px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 700;
  color: #030303;
  line-height: 34px
}

.share-create-box>.cm-inner .share-create-link-box .sclb-item .sclb-item-inner .sclb-item-intro {
  text-align: justify;
  margin-top: 8px;
  height: 40px;
  width: 320px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 20px
}

.share-create-box>.cm-inner .share-create-link-box .sclb-item .sclb-item-inner .sclb-item-links {
  margin-top: 20px;
  display: flex;
  align-items: center
}

.share-create-box>.cm-inner .share-create-link-box .sclb-item .sclb-item-inner .sclb-item-links .sclb-item-links-tag {
  margin-right: 12px;
  display: inline-block;
  height: 34px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 700;
  color: #323942;
  line-height: 34px
}

.share-create-box>.cm-inner .share-create-link-box .sclb-item .sclb-item-inner .sclb-item-links .sclb-item-links-tag>a {
  transition: color .3s ease-in-out;
  color: #323942
}

.share-create-box>.cm-inner .share-create-link-box .sclb-item .sclb-item-inner .sclb-item-links .sclb-item-links-tag:hover {
  color: #006aff;
  cursor: pointer
}

.share-create-box>.cm-inner .share-create-link-box .sclb-item .sclb-item-inner .sclb-item-links .sclb-item-links-tag:hover>a {
  color: #006aff
}

.share-create-box>.cm-inner .share-create-link-box .sclb-item .sclb-item-inner .sclb-item-links .sclb-item-links-tag.sclbi-lt-split {
  width: 1px;
  height: 14px;
  font-weight: 400;
  background: #323942
}

.share-create-box>.cm-inner .share-create-link-box .sclb-item .sclb-item-inner .sclb-item-links .sclb-item-links-tag:last-child {
  margin-right: 0
}

.c-about-news-wrapper {
  height: 1100px
}

.about-news-container {
  box-sizing: border-box;
  padding-top: 100px;
  -webkit-user-select: none;
  user-select: none;
  min-height: 588px
}

.about-news-container .block-title {
  color: #030303;
  font-weight: 700
}

.about-news-container .more-btn-container {
  position: absolute;
  bottom: -74px;
  left: 50%;
  transform: translateX(-50%);
  flex-direction: row-reverse
}

.about-news-container .more-btn-container .icon-arrow-right {
  margin-right: 10px;
  margin-left: 0
}

.about-news-container>.cm-inner {
  position: relative;
  margin: 0 auto;
  width: 1200px
}

.about-news-container>.cm-inner .about-news-block-link {
  display: block
}

.about-news-container>.cm-inner .about-news-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding-top: 64px;
  height: 840px
}

.about-news-container>.cm-inner .about-news-content .about-news-content-block {
  transition: all .3s ease-in-out;
  height: 378px;
  display: flex;
  box-sizing: border-box;
  border: 2px solid #fff;
  background-image: linear-gradient(180deg, #f4f5f8, #fdfefe);
  box-shadow: 4px 4px 18px 0 rgba(23, 52, 97, .17)
}

.about-news-container>.cm-inner .about-news-content .about-news-content-block:hover {
  box-shadow: 0 4px 8px 4px rgba(0, 0, 0, .15);
  transform: translateY(-5px) translateZ(10px)
}

.about-news-container>.cm-inner .about-news-content .about-news-content-block:nth-child(-n+2) {
  margin-bottom: 20px
}

.about-news-container>.cm-inner .about-news-content .about-news-content-block:hover {
  cursor: pointer
}

.about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-normal-left {
  position: relative;
  width: 380px;
  height: 380px;
  box-sizing: border-box;
  padding: 30px;
  display: flex;
  flex-direction: column
}

.about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-normal-left .about-news-left-tag {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0071ff;
  height: 30px;
  line-height: 30px;
  margin-bottom: 50px
}

.about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-normal-left .about-news-left-title {
  height: 56px;
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #323942;
  line-height: 28px;
  margin-bottom: 2px
}

.about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-normal-left .about-news-left-time {
  height: 30px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 30px;
  margin-bottom: 30px
}

.about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-normal-left .about-news-left-content {
  height: 84px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 21px;
  text-align: justify
}

.about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-specail-left:after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  right: -16px;
  top: 20px;
  border-color: transparent transparent transparent #f5f6f9;
  border-style: solid;
  border-width: 16px 0 16px 16px
}

.about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-specail-right {
  width: 410px;
  height: 100%
}

.about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-specail-right>img {
  display: inline-block;
  width: 100%;
  height: 100%
}

.about-news-container>.cm-inner .cm-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -120px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  margin-top: 40px
}

.about-news-container>.cm-inner .cm-footer .cm-link {
  margin-top: -10px;
  display: flex;
  align-items: center
}

.about-news-container>.cm-inner .cm-footer .cm-link:hover {
  opacity: .8
}

.about-news-container>.cm-inner .cm-footer .cm-link .cm-click {
  display: inline-block;
  height: 16px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #006aff;
  line-height: 16px;
  vertical-align: top
}

.about-news-container>.cm-inner .cm-footer .cm-link .cm-click-arrow {
  position: relative;
  top: 1px;
  vertical-align: top;
  display: inline-block;
  width: 17px;
  height: 14px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  margin-left: 4px;
  background-image: url(/static/images/arrowRight.png)
}

.c-about-news-wrapper {
  background: #f3f5fa;
  height: 950px
}

.c-about-news-wrapper .about-news-container>.cm-inner .block-title-container {
  display: flex;
  justify-content: center;
  align-items: center
}

.c-about-news-wrapper .about-news-container>.cm-inner .block-title-container>h2 {
  display: inline-block;
  text-align: center;
  font-weight: 500
}

.c-about-news-wrapper .about-news-container>.cm-inner .about-news-content {
  height: 600px
}

.c-about-news-wrapper .about-news-container>.cm-inner .about-news-content .about-news-content-block {
  box-sizing: border-box;
  height: 280px
}

.c-about-news-wrapper .about-news-container>.cm-inner .about-news-content .about-news-content-block:nth-child(-n+2) {
  margin-bottom: 12px
}

.c-about-news-wrapper .about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-normal-left {
  box-sizing: border-box;
  position: relative;
  width: 450px;
  height: 280px
}

.c-about-news-wrapper .about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-normal-left .about-news-left-tag {
  margin-bottom: 20px
}

.c-about-news-wrapper .about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-normal-left .about-news-left-title {
  height: auto;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #323942;
  line-height: 25px
}

.c-about-news-wrapper .about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-normal-left .about-news-left-content {
  margin-top: 10px;
  width: 380px;
  height: 21px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.c-about-news-wrapper .about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-normal-left .about-news-left-time {
  position: absolute;
  left: 30px;
  bottom: 0;
  height: 30px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 30px
}

.c-about-news-wrapper .about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-specail-right {
  width: 280px;
  height: 100%
}

.c-about-news-wrapper .about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-specail-right>img {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  height: 100%
}

.c-about-news-wrapper .about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-content-s-mac>img {
  box-sizing: border-box
}

.normal-shadow {
  box-shadow: 0 30px 30px 8px rgba(0, 7, 81, .12);
  margin-bottom: 60px;
  background: #fff no-repeat
}

.normal-radius {
  border-radius: 16px
}

.cm-form-item .ant-form-item {
  margin-bottom: 20px;
  border-bottom: 1px solid #e6e6e6
}

.cm-form-item .ant-form-item:last-of-type {
  margin-bottom: 0;
  border-bottom: none
}

.cm-form-item .ant-form-item .ant-form-item-control,
.cm-form-item .ant-form-item .ant-form-item-label {
  line-height: 32px
}

.cm-form-item .ant-form-item .ant-form-item-label label {
  color: #616161
}

.cm-form-item .ant-form-item .ant-input {
  border: none;
  vertical-align: top
}

.cm-form-item .ant-form-item .ant-input:focus {
  border: none;
  box-shadow: none
}

.cm-form-item-new .ant-form-item {
  margin-bottom: 16px;
  border-radius: 4px;
  border: 1px solid #dee0e3
}

.cm-form-item-new .ant-form-item:last-of-type {
  margin-bottom: 0;
  border: none
}

.cm-form-item-new .ant-form-item .ant-form-item-control,
.cm-form-item-new .ant-form-item .ant-form-item-label {
  line-height: 32px
}

.cm-form-item-new .ant-form-item .ant-form-item-label label {
  color: #939599
}

.cm-form-item-new .ant-form-item .ant-input {
  border: none;
  vertical-align: top;
  padding: 10px 12px
}

.cm-form-item-new .ant-form-item .ant-input:focus {
  border: none;
  box-shadow: none
}

.apply-modal :global input:focus::-webkit-contacts-auto-fill-button {
  opacity: 0
}

.apply-modal :global input::-webkit-credentials-auto-fill-button {
  display: none !important;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0
}

.apply-modal .ant-modal {
  padding-bottom: 0
}

.apply-modal .ant-modal-content {
  border-radius: 8px;
  background-color: transparent
}

.apply-modal .ant-modal-close {
  top: 36px;
  right: 38px
}

.apply-modal .ant-modal-close span {
  position: relative;
  height: 20px;
  width: 20px;
  background-image: url(/static/images/close2.png);
  background-size: 100% auto;
  background-position: 50%;
  background-repeat: no-repeat
}

.apply-modal .ant-modal-close span:after {
  content: "";
  position: absolute;
  width: calc(100% + 28px);
  height: calc(100% + 28px);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%
}

.apply-modal .ant-modal-close .anticon {
  display: none
}

.apply-modal .ant-modal-body {
  padding: 48px 65px 54px;
  z-index: 999991;
  background: #fff;
  box-shadow: 0 0 8px 0 rgba(44, 0, 255, .16), 0 0 4px 0 rgba(44, 0, 255, .32);
  border-radius: 8px
}

.apply-modal .top-header-text .cm-desc {
  font-size: 32px;
  font-weight: 600;
  color: #0a0a0a;
  line-height: 36px
}

.apply-modal .top-header-text .cm-title {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #939599;
  line-height: 20px
}

.apply-modal .error-tips {
  display: flex;
  align-items: center;
  margin: 12px 0 7px;
  height: 32px;
  line-height: 32px;
  background: #fff0f2;
  color: #ff5050;
  border-radius: 4px;
  font-size: 12px
}

.apply-modal .error-tips .anticon {
  margin: 0 10px 0 12px
}

.apply-modal .ant-form-item {
  margin-bottom: 16px;
  border-radius: 4px;
  border: 1px solid #dee0e3
}

.apply-modal .ant-form-item:last-of-type {
  margin-bottom: 0;
  border: none
}

.apply-modal .ant-form-item .ant-form-item-control,
.apply-modal .ant-form-item .ant-form-item-label {
  line-height: 32px
}

.apply-modal .ant-form-item .ant-form-item-label label {
  color: #939599
}

.apply-modal .ant-form-item .ant-input {
  border: none;
  vertical-align: top;
  padding: 10px 12px
}

.apply-modal .ant-form-item .ant-input:focus {
  border: none;
  box-shadow: none
}

.apply-modal .c-form-btn {
  margin-top: 16px;
  width: 100%;
  height: 40px;
  line-height: 40px
}

.apply-modal .c-form-btn.ant-btn[disabled] {
  background: #e0e5f0;
  border-color: #e0e5f0;
  font-weight: 600;
  color: #8893a9
}

.apply-modal .cm-reserve {
  cursor: pointer;
  text-align: right;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #006aff;
  line-height: 14px
}

.apply-modal .cm-reserve .anticon-right-circle {
  margin-left: 9px
}

.apply-modal .ant-col-17 {
  width: 100% !important
}

.apply-modal .ant-checkbox-wrapper {
  font-size: 12px;
  font-weight: 400;
  color: #939599;
  line-height: 22px
}

.apply-modal .ant-checkbox-wrapper a {
  color: #006aff;
  margin-left: 8px
}

.apply-modal .ant-checkbox-inner:after {
  top: 40%
}

.home-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden
}

.home-wrapper.home-wrapper-static:before {
  background: url(/static/images/ibs-kj.png) no-repeat top;
  z-index: 1
}

.home-wrapper.home-wrapper-static:before,
.home-wrapper:after {
  content: "";
  position: absolute;
  width: 2560px;
  height: 100vh;
  top: 0;
  left: 50%;
  transform: translateX(-50%)
}

/* .home-wrapper:after {
  background: url(/static/images/index-banner-sider.png) no-repeat top;
  z-index: 3
} */

.home-wrapper .index-banner-video {
  position: relative;
  z-index: 9;
  margin: 0 auto;
  width: 100%;
  height: 100vh;
}
.index-waves {
  pointer-events: none;
}
.index-waves .waves {
  position: absolute;
  width: 100%;
  max-height: 150px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
.index-waves .waves .parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.index-waves .waves .parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
.home-wrapper .platform-container {
  position: relative;
  z-index: 9;
  margin-top: 8px
}

.home-wrapper .about-news-content-s-mac>img,
.home-wrapper .about-news-specail-right>img {
  box-sizing: border-box;
  border-bottom: 2px solid #fff
}

.home-wrapper .img-parterners-container {
  padding-bottom: 160px;
  height: 542px;
  background: url(/static/images/parterner-bg.png) no-repeat;
  background-size: cover
}

.home-wrapper .tabs-complex-left {
  background: url(/static/images/youshibg.png) no-repeat;
  background-size: 100%;
}

.home-wrapper .blocks-cases-container>.blocks-cases>.cm-inner>.blocks-inner {
  margin-top: 0
}

.home-wrapper .blocks-cases-container>.blocks-cases>.cm-inner>.block-title-container .block-title {
  color: #030303
}

.home-wrapper .blocks-cases-container>.blocks-cases>.cm-inner>.block-title-container .block-desc {
  color: #5d6a7f
}

.home-wrapper .c-about-news-wrapper {
  background: #f3f5fa;
  height: 950px
}

.home-wrapper .c-about-news-wrapper .about-news-container>.cm-inner .block-title-container {
  display: flex;
  justify-content: center;
  align-items: center
}

.home-wrapper .c-about-news-wrapper .about-news-container>.cm-inner .block-title-container>h2 {
  display: inline-block;
  text-align: center;
  font-weight: 500;
  font-size: 32px
}

.home-wrapper .c-about-news-wrapper .about-news-container>.cm-inner .about-news-content {
  height: 600px
}

.home-wrapper .c-about-news-wrapper .about-news-container>.cm-inner .about-news-content .about-news-content-block {
  box-sizing: border-box;
  height: 280px
}

.home-wrapper .c-about-news-wrapper .about-news-container>.cm-inner .about-news-content .about-news-content-block:nth-child(-n+2) {
  margin-bottom: 12px
}

.home-wrapper .c-about-news-wrapper .about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-normal-left {
  box-sizing: border-box;
  position: relative;
  width: 450px;
  height: 280px
}

.home-wrapper .c-about-news-wrapper .about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-normal-left .about-news-left-tag {
  margin-bottom: 20px
}

.home-wrapper .c-about-news-wrapper .about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-normal-left .about-news-left-title {
  height: auto;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #323942;
  line-height: 25px
}

.home-wrapper .c-about-news-wrapper .about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-normal-left .about-news-left-content {
  margin-top: 10px;
  width: 380px;
  height: 21px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.home-wrapper .c-about-news-wrapper .about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-normal-left .about-news-left-time {
  position: absolute;
  left: 30px;
  bottom: 0;
  height: 30px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5d6a7f;
  line-height: 30px
}

.home-wrapper .c-about-news-wrapper .about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-specail-right {
  width: 280px;
  height: 280px;
  box-sizing: border-box
}

.home-wrapper .c-about-news-wrapper .about-news-container>.cm-inner .about-news-content .about-news-content-block .about-news-specail-right>img {
  display: inline-block;
  width: 100%;
  height: 278px
}

.home-wrapper .lp-img-parterners-container {
  background: none;
  -webkit-user-select: none !important;
  user-select: none !important;
  padding: 80px 0 100px;
  min-height: auto
}

.home-wrapper .lp-img-parterners-container::selection {
  background-color: #fff
}

.home-wrapper .lp-img-parterners-container .cm-img-container .cm-img.cm-service {
  -webkit-user-select: none;
  user-select: none
}

.home-wrapper .wcu-box .wcu-main .achievement-container-new>.cm-inner {
  padding-top: 60px
}

.home-wrapper .wcu-box .wcu-main .achievement-container-new>.cm-inner .block-title-container {
  display: none
}

.home-wrapper .wcu-box .wcu-main .achievement-container-new>.cm-inner .achievement-accordion {
  margin-top: 0
}

.home-wrapper .wcu-box .wcu-main .achievement-container-new>.cm-inner .achievement-accordion>li {
  transition: width .5s ease
}

.home-wrapper .wcu-box .wcu-main .achievement-container-new>.cm-inner .achievement-accordion li.cm-active .cm-li-block {
  border: 2px solid #fff;
  padding-top: 40px
}

.home-wrapper .wcu-box .wcu-main .achievement-container-new>.cm-inner .achievement-accordion li.cm-active .cm-li-block .cm-content {
  width: 430px
}

.home-wrapper .wcu-box .wcu-main .achievement-container-new>.cm-inner .achievement-accordion li.cm-active .cm-li-block .cm-content .cm-name {
  margin-bottom: 12px
}

.home-wrapper .wcu-box .wcu-main .achievement-container-new>.cm-inner .achievement-accordion li.cm-active .cm-li-block .cm-content p.cm-lister {
  font-size: 16px;
  text-align: justify;
  line-height: 30px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5d6a7f
}

.clearfix {
  *zoom: 1
}

.clearfix:after,
.clearfix:before {
  display: table;
  content: " "
}

.clearfix:after {
  clear: both
}
.service-section.three .service-item {
  background-color: #3249B3;
  border: 0
}

.service-section.three .service-item .service-content .title {
  color: #fff
}

.service-section.three .service-item .service-content .title a {
  color: #fff;
  -webkit-transition: all .3s;
  transition: all .3s
}

.service-section.three .service-item .service-content p {
  color: #fff
}

.service-section.three .service-item .service-content .service-btn a {
  color: #fff
}

.service-section.three .service-item:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.18);
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.18)
}

.service-section.three .service-item:hover .service-content .title {
  color: #1C1C1C
}

.service-section.three .service-item:hover .service-content .title a {
  color: #1C1C1C
}

.service-section.three .service-item:hover .service-content .title a:hover {
  color: #3249B3
}

.service-section.three .service-item:hover .service-content p {
  color: #4B4B4B
}

.service-section.three .service-item:hover .service-content .service-btn a {
  color: #3249B3
}
.service-item {
  background-color: #fff;
  -webkit-box-shadow: 0 20px 30px rgb(0 0 0 / 18%);
  box-shadow: 0 20px 30px rgb(0 0 0 / 18%);
  border-radius: 10px;
  padding: 25px;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.service-item {
  background-color: #fff;
  -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.18);
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.18);
  border-radius: 10px;
  padding: 25px;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.service-item.two {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  margin-top: 0 !important
}

.service-item.two:hover {
  -webkit-transform: none;
  transform: none
}

.service-item.two .service-btn a {
  color: #4B4B4B
}

.service-item.two .service-btn a:hover {
  color: #3249B3
}

.service-item.three {
  margin-top: 0 !important;
  border: 1px solid rgba(50, 73, 179, 0.14);
  -webkit-box-shadow: none;
  box-shadow: none
}

.service-item.three .service-content .title a {
  color: #1C1C1C
}

.service-item.three:hover {
  background-color: #3249B3;
  -webkit-box-shadow: 0 20px 30px rgba(50, 73, 179, 0.2);
  box-shadow: 0 20px 30px rgba(50, 73, 179, 0.2)
}

.service-item.three:hover .service-content .title {
  color: #fff
}

.service-item.three:hover .service-content .title a {
  color: #fff
}

.service-item.three:hover .service-content p {
  color: #fff
}

.service-item.three:hover .service-content .service-btn a {
  color: #fff
}

.service-item.four {
  border-radius: 10px;
  padding: 50px 20px
}

.service-item.four:hover {
  -webkit-box-shadow: 0 15px 30px rgba(50, 73, 179, 0.2);
  box-shadow: 0 15px 30px rgba(50, 73, 179, 0.2)
}

.service-item.four .service-icon {
  margin-bottom: 40px
}

.service-item.five {
  background-color: #F5F8FF;
  border-radius: 10px;
  padding: 40px 20px
}

.service-item.five .service-icon {
  margin-bottom: 30px
}

.service-item.details {
  border: 0;
  padding: 0
}

@media only screen and (max-width:400px) {
  .service-item.details .service-thumb {
      height: 230px;
      border-radius: 5px;
      overflow: hidden
  }
}

.service-item.details .service-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.service-item.details .service-content {
  padding-top: 30px
}

.service-item.details .service-content .title {
  font-size: 40px;
  font-weight: 700
}

@media only screen and (max-width:991px) {
  .service-item.details .service-content .title {
      font-size: 28px
  }
}

.service-item.details .service-content.two .title {
  font-size: 32px
}

@media only screen and (max-width:991px) {
  .service-item.details .service-content.two .title {
      font-size: 24px
  }
}

.service-item.details .service-content.two blockquote.two {
  padding: 30px
}

.service-item.details .service-bottom-content .title {
  font-size: 28px !important
}

@media only screen and (max-width:991px) {
  .service-item.details .service-bottom-content .title {
      font-size: 18px
  }
}

.service-item.details:hover {
  -webkit-transform: none;
  transform: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.service-item.details:hover .service-content .title {
  color: #1C1C1C
}

.service-item.details:hover .service-content p {
  color: #1C1C1C
}

.service-item.details:hover .service-content .service-btn a {
  color: #fff
}

.service-item.details .service-widget-item-area {
  background-color: #F5F8FF;
  border-radius: 6px;
  padding: 30px 40px;
  margin-top: 30px;
  margin-bottom: 30px
}

@media only screen and (max-width:991px) {
  .service-item.details .service-widget-item-area {
      padding: 30px
  }
}

.service-item.details .service-widget-item-area div[class*=col]:nth-of-type(4n+4) .service-widget-item::after {
  display: none
}

@media only screen and (max-width:991px) {
  .service-item.details .service-widget-item-area div[class*=col]:nth-of-type(4n+2) .service-widget-item::after {
      display: none
  }
}

.service-item.details .service-widget-item-area.two div[class*=col]:nth-of-type(3n+3) .service-widget-item::after {
  display: none
}

@media only screen and (max-width:991px) {
  .service-item.details .service-widget-item-area.two div[class*=col]:nth-of-type(3n+2) .service-widget-item::after {
      display: block
  }
}

@media only screen and (max-width:575px) {
  .service-item.details .service-widget-item-area.two div[class*=col]:nth-of-type(3n+2) .service-widget-item::after {
      display: none
  }
}

.service-item.details .service-bottom-content .title {
  font-size: 30px;
  font-weight: 600
}

@media only screen and (max-width:991px) {
  .service-item.details .service-bottom-content .title {
      font-size: 22px
  }
}

.service-item.details .service-widget-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

.service-item.details .service-widget-item::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-right: 1px dashed #535353
}

@media only screen and (max-width:575px) {
  .service-item.details .service-widget-item::after {
      display: none
  }
}

.service-item.details .service-widget-item .service-widget-icon {
  width: 30px
}

.service-item.details .service-widget-item .service-widget-content {
  width: calc(100% - 30px);
  padding-left: 15px
}

.service-item.details .service-widget-item .service-widget-content .title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 3px
}

@media only screen and (max-width:991px) {
  .service-item.details .service-widget-item .service-widget-content .title {
      font-size: 16px
  }
}

.service-item.details .service-widget-item .service-widget-content .sub-title {
  font-size: 14px
}

.service-item.details .sevice-inner-item-area {
  margin-top: 30px;
  margin-bottom: 40px
}

.service-item.details .sevice-inner-item-area .service-inner-item {
  background-color: #fff;
  border: 1px solid rgba(251, 205, 33, 0.5);
  padding: 30px;
  border-radius: 6px;
  -webkit-transition: all .5s;
  transition: all .5s
}

.service-item.details .sevice-inner-item-area .service-inner-item:hover {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06)
}

.service-item.details .sevice-inner-item-area .service-inner-item .service-inner-icon {
  margin-bottom: 30px;
  position: relative;
  display: inline-block;
  height: 60px
}

.service-item.details .sevice-inner-item-area .service-inner-item .service-inner-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.service-item.details .sevice-inner-item-area .service-inner-item .service-inner-icon::after {
  position: absolute;
  content: "";
  top: -5px;
  right: -28px;
  width: 80px;
  height: 80px;
  background-color: rgba(251, 205, 33, 0.16);
  border-radius: 50%
}

.service-item.details .sevice-inner-item-area .service-inner-item .service-inner-content .title {
  font-size: 20px !important;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 0
}

@media only screen and (max-width:991px) {
  .service-item.details .sevice-inner-item-area .service-inner-item .service-inner-content .title {
      font-size: 18px !important
  }
}

.service-item.details .contact-section {
  margin-top: 60px
}

.service-item:hover {
  -webkit-transform: translateY(-7px);
  transform: translateY(-7px)
}

.service-item:hover .service-icon img {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.service-icon {
  margin-bottom: 25px
}

.service-icon img {
  -webkit-transition: all .5s;
  transition: all .5s
}

.service-content .title {
  font-weight: 700;
  margin-bottom: 15px;
 
  font-size: 22px;
  -webkit-transition: all .5s;
  transition: all .5s
}

.service-content .title a {
  -webkit-transition: all .5s;
  transition: all .5s;
  color: #000;
}

.service-content .title a:hover {
  color: #3249B3;
  text-decoration: none;
}

.service-content p {
  -webkit-transition: all .5s;
  transition: all .5s;
  font-size: 14px;
    color: #686868;
    line-height: 24px;
}

.service-btn {
  margin-top: 30px
}

@media only screen and (max-width:991px) {
  .service-btn {
      margin-top: 20px
  }
}

.service-btn a {
  -webkit-transition: all .5s;
  transition: all .5s;color: #3249b3;
  font-weight: 700;
}

div[class*=col]:nth-of-type(4n+2) .service-item {
  margin-top: 80px
}

@media only screen and (max-width:1199px) {
  div[class*=col]:nth-of-type(4n+2) .service-item {
      margin-top: 0
  }
}

div[class*=col]:nth-of-type(4n+4) .service-item {
  margin-top: 80px
}

@media only screen and (max-width:1199px) {
  div[class*=col]:nth-of-type(4n+4) .service-item {
      margin-top: 0
  }
}
.service-btn a img{
  height: 15px;
}

/* 主图下方 */


.content {
  position: relative;
  display: flex;
  justify-content: space-between;

}



.line {
  margin-top: 130px;

}

.content {
  /* height: 2000px; */
  /* background-color: #f04; */
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}

.content .items {
  width: 100%;
  height: 240px;
  display: flex;
  padding: 35px 55px;
  border-radius: 30px;
  border: 1px solid rgba(200,200,200,.18);
  box-sizing: border-box;
  justify-content: space-between;
  cursor: pointer;
  transition: transform 0.5s linear;
  -webkit-transition: transform 0.5s linear;
  -moz-transition: transform 0.5s linear;
  -ms-transition: transform 0.5s linear;
  -o-transition: transform 0.5s linear;
  margin-bottom: 45px;
}


.content .items .left {
  width: 200px;
}

.content .items .left img {
  width: 200px;
}

.content .items .middle {
  width: 602px;
}

.content .items .middle .title {
  font-size: 26px;
  color: #000;
  letter-spacing: 3px;
  margin-bottom: 10px;
  font-weight: 600;
}

.content .items .middle .title button {
  height: 26px;
  background: #3b45ff;
  border: 1px solid #3b45ff;
  border-radius: 4px;
  outline: none;
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding: 0 10px;
  line-height: 24px;
  margin-left: 10px;
  margin-top: 5px;
  font-weight: 300;
  vertical-align: text-top;
  letter-spacing: 1px;
}

/*.content .items:nth-of-type(4) .middle .title button,*/
/*.content .items:nth-of-type(6) .middle .title button {*/
/*  background: rgba(0,147,255,0.10);*/
/*  height: 26px;*/
/*  border: 1px solid #0093FF;*/
/*  border-radius: 4px;*/
/*  outline: none;*/
/*  font-size: 16px;*/
/*  color: #0093FF;*/
/*  text-align: center;*/
/*  padding: 0 7px ;*/
/*}*/
/*.content .items:nth-of-type(8) .middle .title button{*/
/*  height: 26px;*/
/*  background: rgba(142,130,227,0.10);*/
/*  border: 1px solid #8E82E3;*/
/*  border-radius: 4px;*/
/*  outline: none;*/
/*  font-size: 16px;*/
/*  color: #8E82E3;*/
/*  text-align: center;*/
/*  padding: 0 7px;*/
/*}*/

.content .items .middle .discribe p {
  font-size: 14px;
  color: #A5A5A5;
  margin-bottom: 10px;
}

.content .items .middle .discribe p img {
  width: 15px;
  height: 14px;
  margin-right: 5px;
  vertical-align: middle;
}

.content .items .middle .discribe p span {
  display: inline-block;
  margin-right: 15px;
  font-size: 14px;
  color: #5a5a5a;
  letter-spacing: 1px;
}

.content .items .middle .discribe .mainContent {
  width: 84%;
  height: 72px;
  font-size: 14px;
  color: #5a5a5a;
  letter-spacing: 1px;
  line-height: 24px;
  margin-top: 10px;
}

.content .items .right .rightList:nth-of-type(1) .name {
  font-size: 14px;
  color: #3b45ff;
  margin-bottom: 10px;

}

.content .items .right .rightList:nth-of-type(2) .name {
  font-size: 14px;
  color: #ff0707;
  margin-bottom: 10px;

}



.content .items .right .rightList:nth-of-type(1) img,
.content .items .right .rightList:nth-of-type(2) img {
  width: 16px;
}

.content .items .right .rightList:nth-of-type(2) {
  margin-top: 25px;

}

.content .items .right .rightList:nth-of-type(1) span {
  font-size: 16px;
  color: #3b45ff;
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}

.content .items .right .rightList:nth-of-type(2) span {
  font-size: 16px;
  color: #ff0707;
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;

}
.content .items:hover{
  background-color: #3b45ff;
}
.content .items:hover .middle .title{
  color: #fff;
}
.content .items:hover .middle .title button{
  background-color: #fff;
  color: #3b45ff;
  font-weight: 600;
}
.content .items:hover .middle .discribe p span{
  color: #fff;
}
.content .items:hover .middle .discribe .mainContent{
  color: #fff;
}
.content .items:hover .right .rightList:nth-of-type(1) .name{
  color: #fff;
}
.content .items:hover .right .rightList:nth-of-type(1) span{
  color: #fff;
}
.content .items:hover .right .rightList:nth-of-type(2) .name{
  color: #fff;
}
.content .items:hover .right .rightList:nth-of-type(2) span{
  color: #fff;
}
.content .items:hover .right .rightList:nth-of-type(1) img, .content .items:hover .right .rightList:nth-of-type(2) img{
  -webkit-filter: grayscale(100%) brightness(600%);
  filter: grayscale(100%) brightness(600%)
}
.content .items:hover .middle .discribe p img{
  -webkit-filter: grayscale(100%) brightness(600%);
  filter: grayscale(100%) brightness(600%)
}