.objectFit {
  -o-object-fit: cover;
  object-fit: cover;
}
@font-face {
  font-family: 'D-DIN';
  font-weight: 400;
  font-style: normal;
  src: url('../cross/font/D-DIN.TTF');
}
@font-face {
  font-family: 'D-DIN-B';
  font-weight: 400;
  font-style: normal;
  src: url('../cross/font/D-DINExp-Bold.ttf');
}
body {
  background: #F4F7FC;
  color: #1E1C1D;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}
#root,
.page-container {
  position: relative;
}
input:-moz-placeholder {
  color: #999999;
}
input::-moz-placeholder {
  color: #999999;
}
input:-ms-input-placeholder {
  color: #999999;
}
input::-webkit-input-placeholder {
  color: #999999;
}
.bgc-mobile {
  background-color: transparent;
}
.ellipsis {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.myLayer-wrapper {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99;
  width: 23.75rem;
  background: #fff;
  border-radius: 0.625rem;
  padding: 1.25rem 1.25rem 2.5rem;
  text-align: center;
  box-shadow: 0px 3px 30px 1px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.myLayer-wrapper.wrap-confirm {
  width: 280px;
  padding: 0;
}
.myLayer-close {
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  z-index: 1;
  width: 1.25rem;
  height: 1.25rem;
  background: url('../images/icon-close.png') no-repeat center;
  background-size: 0.625rem 0.625rem;
}
.myLayer-state {
  display: block;
  width: 5.625rem;
  height: 5.625rem;
  border-radius: 50%;
  margin: 1.125rem auto 1.5rem;
}
.myLayer-state img {
  vertical-align: top;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.myLayer-title {
  line-height: 1.5;
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-size: 18px;
  color: #1E1C1D;
}
.myLayer-des {
  line-height: 1.2;
  font-size: 14px;
  color: #999999;
}
.myLayer-conf {
  text-align: center;
}
.myLayer-conf .conftitle {
  line-height: 1.5;
  padding-top: 15px;
  font-size: 18px;
  font-weight: bold;
  color: #1E1C1D;
}
.myLayer-conf .confcontent {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  padding: 15px;
  font-size: 15px;
  color: #555555;
}
.myLayer-confbtn {
  display: flex;
  width: 100%;
  border-top: 1px solid #EEEEEE;
  overflow: hidden;
}
.myLayer-confbtn a {
  display: block;
  flex: 1;
  width: 1px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #0082FF;
  border-left: 1px solid #EEEEEE;
}
.myLayer-confbtn a:first-child {
  border-left: none;
}
.myLayer-tipsbox {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 50;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  padding: 20px 30px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#popcanclebtn {
  color: #999999;
}
.page-header {
  position: relative;
  height: 60px;
}
.page-header .header-content {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  background-color: #fff;
  border-bottom: 1px solid #E4E7EC;
  padding-left: 1.5rem;
  box-sizing: border-box;
}
.page-header .hd-logo {
  position: relative;
  z-index: 1;
  width: 220px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url('../images/head-logo.png');
  background-size: 100% 100%;
}
.page-header .hd-opera {
  display: flex;
  border-left: 1px solid #E4E7EC;
}
.page-header .hd-opera > a {
  position: relative;
  display: block;
  height: 100%;
  line-height: 60px;
  padding: 0 1rem;
  text-align: center;
  font-size: 13px;
  color: #1E1C1D;
}
.page-header .hd-opera > a:first-child {
  margin-left: 1.5rem;
}
.page-header .hd-opera > a:nth-child(2) {
  margin-right: 1.5rem;
}
.page-header .hd-opera > a.opera-register {
  width: 8rem;
  background: #2EC1CB;
  color: #fff;
  padding: 0;
}
.page-header .hd-opera > a.opera-register:hover {
  font-weight: bold;
  color: #fff;
}
.page-header .hd-opera > a.opera-register::after {
  display: none;
}
.page-header .hd-opera > a::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  width: 1.875rem;
  height: 3px;
  background: #2EC1CB;
  margin-left: -0.9375rem;
  opacity: 0;
  -webkit-transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transform-origin: 50% 0%;
  transform: scale(0.01, 1);
}
.page-header .hd-opera > a:hover {
  color: #2EC1CB;
  font-weight: bold;
}
.page-header .hd-opera > a:hover::after {
  transform: scale(1, 1);
  opacity: 1;
}
.header-menu-down {
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 60px;
  z-index: 5;
  width: 100%;
  height: 0px;
  will-change: height;
  transition: none 0s ease 0s;
}
.header-menu-down.menu-show {
  height: 300px;
  transition: height 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
}
.header-menu-down .menu-box {
  display: flex;
  height: 100%;
  background-color: #fff;
}
.header-menu-down .menu-box.menu-solution .menu-lt {
  background-image: url('../images/head-menu2-bg.png');
}
.header-menu-down .menu-box.menu-solution .menu-rt {
  padding: 30px 0 0 30px;
}
.header-menu-down .menu-box.menu-product .menu-lt {
  background-image: url('../images/head-menu3-bg.png');
}
.header-menu-down .menu-lt {
  width: 25.5%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
  background-color: #F3F6FD;
  padding-top: 4%;
  box-sizing: border-box;
}
.header-menu-down .menu-lt .tit {
  line-height: 1.2;
  margin-bottom: 10px;
  padding-left: 45%;
  font-size: 20px;
  color: #1E1C1D;
}
.header-menu-down .menu-lt .des {
  line-height: 1.2;
  padding-left: 45%;
  font-size: 13px;
  color: #999999;
}
.header-menu-down .menu-rt {
  flex: 1 1 1px;
  height: 100%;
  box-sizing: border-box;
}
.header-menu-down .solution-list {
  display: flex;
  flex-wrap: wrap;
}
.header-menu-down .solution-list .list-col {
  display: flex;
  align-items: center;
  width: calc(33% - 1.25rem);
  height: 70px;
  border-radius: 0.375rem;
  border: 1px solid #F4F6F9;
  background: linear-gradient(360deg, #F5F8FF 0%, #FEFEFE 100%);
  padding-left: 1.875rem;
  margin-right: 1rem;
  margin-bottom: 1.25rem;
  box-sizing: border-box;
}
.header-menu-down .solution-list .list-col > img {
  display: block;
  width: 24px;
  margin-right: 1rem;
}
.header-menu-down .solution-list .list-cont {
  flex: 1 1 1px;
  line-height: 1.2;
}
.header-menu-down .solution-list .list-cont .tit {
  margin-bottom: 5px;
  font-size: 14px;
  color: #1E1C1D;
}
.header-menu-down .solution-list .list-cont .des {
  font-size: 13px;
  color: #999999;
}
.header-menu-down .product-list {
  display: flex;
  justify-content: space-between;
  padding-top: 1.5rem;
}
.header-menu-down .product-list > li {
  flex: 1 1 1px;
  width: 18%;
  text-align: center;
}
.header-menu-down .product-list .list-icon {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  margin-right: 10px;
}
.header-menu-down .product-list .list-item {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.header-menu-down .product-list .list-item > p {
  line-height: 24px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #1E1C1D;
  cursor: default;
}
.header-menu-down .product-list .list-item > a {
  display: block;
  line-height: 1.5;
  margin-bottom: 20px;
  font-size: 13px;
  color: #555555;
}
.header-menu-down .product-list .list-item > a:last-child {
  margin-bottom: 0;
}
.header-menu-down .product-list .list-item > a:hover {
  color: #2EC1CB;
}
.page-menu {
  position: relative;
  z-index: 1;
  display: flex;
  height: 100%;
  flex: 1 1 1px;
  padding-left: 5.75rem;
}
.page-menu > li {
  position: relative;
  display: block;
  height: 100%;
}
.page-menu > li.sublist_show .menu-col {
  color: #2EC1CB;
  font-weight: bold;
}
.page-menu > li.sublist_show .menu-col::after {
  transform: scale(1, 1);
  opacity: 1;
}
.page-menu > li.sublist_show .menu-col .ico-arrow {
  background-image: url('../images/arrow-down-green.png');
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.page-menu > li.curr .menu-col {
  color: #2EC1CB;
  font-weight: bold;
}
.page-menu > li.curr .menu-col::after {
  transform: scale(1, 1);
  opacity: 1;
}
.page-menu .menu-col {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  margin-right: 2.5rem;
  font-size: 13px;
  color: #1E1C1D;
  -webkit-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
.page-menu .menu-col::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  width: 3.125rem;
  height: 3px;
  background: #2EC1CB;
  margin-left: -1.5625rem;
  opacity: 0;
  -webkit-transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transform-origin: 50% 0%;
  transform: scale(0.01, 1);
}
.page-menu .menu-col .ico-arrow {
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 0.375rem;
  background-image: url('../images/arrow-down-black.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.page-banner {
  position: relative;
  width: 100%;
  height: 440px;
}
.page-banner .banner-list {
  position: relative;
  width: 100%;
  height: 100%;
}
.page-banner .banner-list .banner-col {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0;
  transition: opacity 1.5s;
}
.page-banner .banner-list .banner-col.active {
  opacity: 1;
}
.page-banner .banner-list .banner-col .cont-box {
  padding-bottom: 2rem;
}
.page-banner .banner-list .banner-col .cont-box .tit {
  font-size: 40px;
  font-weight: bold;
}
.page-banner .banner-list .banner-col .cont-box .des {
  font-size: 18px;
  color: #32363C;
}
.page-banner .banner-list .banner-col .cont-box .bot {
  margin-top: 4rem;
}
.page-banner .banner-process {
  position: absolute;
  left: 50%;
  bottom: 1.5rem;
  transform: translateX(-50%);
  text-align: center;
}
.page-banner .banner-process li {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  margin: 0 0.325rem;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
.page-banner .banner-process li .tit {
  line-height: 1.5;
  margin-bottom: 0.75rem;
  font-size: 13px;
  color: #777777;
}
.page-banner .banner-process li.active .process-box i {
  animation: move 3s linear infinite both;
}
.page-banner .banner-process .process-box {
  position: relative;
  width: 100%;
  height: 0.1875rem;
  background: #CDD3DE;
}
.page-banner .banner-process .process-box > i {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 0;
  height: 100%;
  background: #2EC1CB;
}
.page-item-banner {
  position: relative;
}
.page-item-banner .item-img {
  display: block;
  width: 100%;
}
.page-item-banner .page-main {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.page-item-banner .banner-content {
  display: flex;
  align-items: center;
  height: 100%;
}
.page-item-banner .banner-content .cont-box {
  cursor: default;
}
.page-item-banner .banner-content .cont-box .tit {
  line-height: 1.2;
  margin-bottom: 1.875rem;
  font-size: 32px;
  font-weight: normal;
  color: #1E1C1D;
}
.page-item-banner .banner-content .cont-box .des {
  line-height: 1.65;
  font-size: 14px;
  color: #555555;
}
.page-item-banner .banner-content .cont-box .bot {
  margin-top: 2.25rem;
}
.page-item-banner .banner-content .cont-box .bot > a {
  display: inline-block;
  vertical-align: top;
  width: 155px;
  height: 48px;
  line-height: 48px;
  border-radius: 6px;
  margin-right: 12px;
  text-align: center;
  font-size: 14px;
}
.page-item-banner .banner-content .cont-box .bot > a.btn-green {
  background: #2EC1CB;
  color: #fff;
}
.page-item-banner .banner-content .cont-box .bot > a.btn-white {
  background: #fff;
  color: #1E1C1D;
}
.page-item-banner .banner-content .cont-taplist {
  display: flex;
  flex-wrap: wrap;
  width: 70%;
  margin-top: 1.875rem;
}
.page-item-banner .banner-content .cont-taplist.list-item4 {
  width: 100%;
}
.page-item-banner .banner-content .cont-taplist.list-item4 li {
  width: 25%;
  padding-right: 20px;
  box-sizing: border-box;
}
.page-item-banner .banner-content .cont-taplist.list-fullrow li {
  display: block;
  width: 100%;
}
.page-item-banner .banner-content .cont-taplist > li {
  width: 33.3%;
  margin-bottom: 1rem;
}
.page-item-banner .banner-content .cont-taplist > li .ico {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url('../images/index/icon-hook-1.png') no-repeat 0 0;
  background-size: 100% 100%;
  margin-right: 10px;
}
.page-item-banner .banner-content .cont-taplist > li > span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #888888;
}
.page-content {
  background: #fff;
  min-height: calc(100vh - 60px - 20vh);
}
.page-main {
  width: 75%;
  min-width: 90rem;
  margin: 0 auto;
}
.page-nodata {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2.1%;
}
.page-nodata .data-cont {
  width: 100%;
  margin: auto;
  text-align: center;
}
.page-nodata .data-cont > img {
  display: block;
  width: 32.3%;
  margin: 0 auto 15px;
}
.page-nodata .data-cont .tit {
  font-size: 16px;
  color: #555555;
}
.page-nodata .data-btn-row {
  margin-top: 25px;
  text-align: center;
}
.page-nodata .data-btn-row > a {
  display: inline-block;
  vertical-align: top;
  width: 8.125rem;
  height: 3rem;
  line-height: 3rem;
  background: #2EC1CB;
  border-radius: 6px;
  text-align: center;
  color: #FFF5F5;
  font-size: 1.25rem;
  box-sizing: border-box;
}
.page-footer {
  background: #F4F7FC;
}
.page-footer .ft-bot {
  line-height: 1.6;
  border-top: 1px solid #E4E7EC;
  padding: 1.25rem 0;
  text-align: center;
  font-size: 12px;
  color: #555555;
}
.page-footer .ft-content {
  display: flex;
  padding: 3.125rem 0;
}
.page-footer .ft-col2 {
  width: 20%;
}
.page-footer .ft-col3 {
  width: 30%;
}
.page-footer .ft-col5 {
  display: flex;
  justify-content: space-between;
  width: 50%;
  padding: 0 1.875rem 0 3.125rem;
  box-sizing: border-box;
}
.page-footer .ft-tit {
  line-height: 1.2;
  font-size: 14px;
  color: #1E1C1D;
}
.page-footer .ft-tel {
  line-height: 1.2;
  margin-top: 0.625rem;
  font-size: 15px;
  font-family: 'D-DIN-B';
  font-weight: bold;
  color: #1E1C1D;
}
.page-footer .ft-tel > span {
  margin-right: 1.25rem;
}
.page-footer .ft-tel > span:last-child {
  margin-right: 0;
}
.page-footer .ft-address {
  line-height: 1.6;
  font-size: 13px;
  color: #555555;
  margin-top: 0.575rem;
}
.page-footer .ft-codelist {
  display: flex;
  justify-content: space-around;
  margin-top: 0.75rem;
}
.page-footer .ft-codelist li {
  display: block;
  text-align: center;
}
.page-footer .ft-codelist .code-cont {
  display: inline-block;
  vertical-align: top;
  padding: 0.375rem;
  background: #fff;
  border-radius: 0.25rem;
  box-shadow: 0px 6px 20px 0px rgba(114, 118, 127, 0.1);
  margin: 0 auto 0.625rem;
}
.page-footer .ft-codelist .code-cont > img {
  vertical-align: top;
  width: 4.375rem;
  height: 4.375rem;
}
.page-footer .ft-codelist .code-tit {
  line-height: 1.5;
  font-size: 12px;
  color: #555555;
}
.page-footer .ft-midlist {
  flex: 1 1 1px;
}
.page-footer .ft-midlist .list-cont {
  margin-top: 1.875rem;
}
.page-footer .ft-midlist .list-cont li:last-child a {
  margin-bottom: 0;
}
.page-footer .ft-midlist .list-cont a {
  display: block;
  line-height: 1.2;
  margin-bottom: 1.7rem;
  font-size: 13px;
  color: #555555;
}
.page-footer .ft-midlist .list-cont a:hover {
  color: #2EC1CB;
}
.page-footer .ft-link {
  float: right;
  line-height: 1.2;
  font-size: 13px;
  color: #999999;
  background: url('../images/arrow-rt-gray.png') no-repeat right 70%;
  background-size: 12px 12px;
  padding-right: 1.25rem;
  font-weight: normal;
}
.page-footer .ft-newsbox {
  margin-top: 1.875rem;
  overflow: hidden;
  height: 180px;
}
.page-footer .ft-news li {
  margin-bottom: 0.9375rem;
}
.page-footer .ft-news .news-row {
  display: block;
  line-height: 1.4;
  font-size: 13px;
}
.page-footer .ft-news .news-row .tit {
  color: #1E1C1D;
}
.page-footer .ft-news .news-row .des {
  color: #999999;
}
.page-footer .ft-news .news-row:hover .tit {
  color: #2EC1CB;
}
.page-float-box {
  position: fixed;
  right: 4.75rem;
  bottom: 10%;
  z-index: 5;
  padding-left: 15px;
}
.page-float-box .float-top {
  width: 60px;
  background: #2EC1CB;
  border-radius: 3rem;
  padding: 1.25rem 0;
  margin-bottom: 1.625rem;
  text-align: center;
  color: #fff;
  box-shadow: 0px 6px 20px 0px rgba(114, 118, 127, 0.1);
  cursor: pointer;
}
.page-float-box .float-top .t-ico {
  display: inline-block;
  vertical-align: top;
  width: 26px;
  height: 28px;
  background: url('../images/float-btn-custom.png') no-repeat 0 0;
  background-size: 100% 100%;
  margin-bottom: 10px;
}
.page-float-box .float-top .t-tit {
  line-height: 1.3;
  font-size: 14px;
}
.page-float-box .float-opera {
  display: none;
  position: absolute;
  right: 100%;
  top: 0;
  width: 220px;
  background: #fff;
  border-radius: 0.375rem;
  padding: 0 16px;
  box-shadow: 0px 6px 30px 1px rgba(77, 90, 112, 0.1);
  box-sizing: border-box;
}
.page-float-box .float-opera.show {
  display: block;
  animation: floatShow 0.2s ease-out both;
}
.page-float-box .float-opera .opera-row {
  display: flex;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #E4E7EC;
}
.page-float-box .float-opera .opera-row:last-child {
  border-bottom: 0;
}
.page-float-box .float-opera .opera-row > img {
  display: block;
  width: 40px;
  margin-right: 10px;
}
.page-float-box .float-opera .opera-row .row-cont {
  flex: 1 1 1px;
}
.page-float-box .float-opera .opera-row .row-cont .tit {
  line-height: 1.2;
  font-size: 13px;
  color: #1E1C1D;
  margin-bottom: 6px;
}
.page-float-box .float-opera .opera-row .row-cont .tel {
  line-height: 1.2;
  color: #2EC1CB;
  font-size: 16px;
  font-weight: bold;
  font-family: 'D-DIN-B';
}
.page-float-goup {
  position: fixed;
  right: 4.75rem;
  bottom: 4%;
  z-index: 5;
  width: 60px;
  height: 60px;
  background: url('../images/float-btn-go.png') no-repeat center #fff;
  background-size: 20px 20px;
  border-radius: 50%;
  box-shadow: 0px 6px 20px 0px rgba(114, 118, 127, 0.1);
}
.index-box {
  background: #fff;
  padding: 2.5rem 0;
}
.index-box.pb0 {
  padding-bottom: 0;
}
.index-box.box-ai {
  background: url('../images/index/part2-bg.png') no-repeat left top #F4F7FC;
  background-size: 14.375rem 14.375rem;
}
.index-box.box-project {
  padding-bottom: 0;
}
.index-box.box-data {
  background: url('../images/index/part4-bg.png') no-repeat 0 0;
  background-size: 100% 100%;
}
.index-box.box-gray {
  background-color: #F4F7FC;
}
.index-box.box-lticon {
  background-image: url('../images/solution/common/bg-lt.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 25.75rem 25.625rem;
}
.index-box.box-special {
  background-image: url('../images/solution/common/special-bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.index-box.box-solve {
  background-image: url('../images/solution/common/solve-bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.index-box.box-advantage {
  background-image: url('../images/solution/common/advantage-bg.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 23.125rem 25.75rem;
}
.index-box.box-model {
  background-image: url('../images/model/model-bg.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
}
.index-box.box-star {
  position: relative;
  background: url('../images/solution/common/box-star.png') no-repeat center bottom;
  background-size: cover;
}
.index-box.box-star .indx-title {
  color: #fff;
}
.index-box.box-probox-1 {
  background-image: url('../images/product/common/bg1.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.index-box.box-probox-2 {
  background-image: url('../images/product/common/bg2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.index-box.product-search {
  background-image: url('../images/product/common/bg-search.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.index-box.box-manager {
  background-image: url('../images/product/common/bg3.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.index-box.box-course {
  background-image: url('../images/aboutUs/2-bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.index-box.box-care {
  background-image: url('../images/aboutUs/3-bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.index-box.box-honor {
  background: linear-gradient(31deg, #D4F4FF, #D9F5FF, #D0F1FF, #D0F1FF);
  padding-bottom: 0.5rem;
}
.indx-title {
  line-height: 1.2;
  text-align: center;
  font-size: 1.75rem;
  font-weight: bold;
  color: #1E1C1D;
  margin-bottom: 1rem;
}
.indx-title-des {
  margin-bottom: 3.125rem;
  text-align: center;
  line-height: 1.2;
  font-size: 14px;
  color: #1E1C1D;
}
.indx-title-des.des-gray {
  color: #999999;
}
.indx-model-list {
  border-bottom: 1px solid #E4E7EC;
  font-size: 0;
  padding: 0 3.25rem;
}
.indx-model-list li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 20%;
  padding: 1.25rem 0 1.5rem;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
.indx-model-list li::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: transparent;
  transition: all 0.3s ease-in-out;
}
.indx-model-list li > img {
  position: relative;
  z-index: 1;
  display: block;
  width: 5rem;
  margin: 0 auto 5px;
}
.indx-model-list li > p {
  position: relative;
  z-index: 1;
  line-height: 1.2;
  font-size: 16px;
  color: #1E1C1D;
}
.indx-model-list li.curr::after {
  height: 100%;
  background: linear-gradient(0deg, #E9EFFA, #FFFFFF);
}
.indx-model-tab {
  position: relative;
  height: 500px;
  margin: 3.75rem 0 2.5rem;
}
.indx-model-tab > li {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.indx-model-tab > li.show {
  z-index: 2;
}
.indx-model-tab > li.show .tab-lt {
  opacity: 1;
}
.indx-model-tab > li.show .tab-rt {
  opacity: 1;
  transform: translateY(0);
}
.indx-model-tab .tab-lt {
  flex: 1 1 1px;
  box-sizing: border-box;
  opacity: 0;
  transition: all 0.6s;
  padding-right: 4rem;
}
.indx-model-tab .tab-title {
  line-height: 1.2;
  margin-bottom: 3.125rem;
  font-size: 24px;
  font-weight: bold;
  color: #1E1C1D;
}
.indx-model-tab .tab-list {
  padding-right: 20%;
  box-sizing: border-box;
}
.indx-model-tab .tab-list li {
  display: flex;
  margin-bottom: 2.5rem;
}
.indx-model-tab .tab-list li .list-ico {
  display: inline-block;
  vertical-align: top;
  width: 1.5rem;
  height: 1.5rem;
  background: url('../images/index/icon-hook-1.png') no-repeat 0 0;
  background-size: 100% 100%;
  margin-right: 0.625rem;
}
.indx-model-tab .tab-list li .list-cont {
  flex: 1 1 1px;
}
.indx-model-tab .tab-list li .list-tit {
  line-height: 26px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #1E1C1D;
}
.indx-model-tab .tab-list li .list-des {
  line-height: 1.6;
  font-size: 14px;
  color: #4E5866;
}
.indx-model-tab .tab-btn {
  display: block;
  margin-left: calc(26px + .625rem);
  width: 154px;
  height: 48px;
  line-height: 48px;
  background: #2EC1CB;
  border-radius: 6px;
  text-align: center;
  color: #fff;
  font-size: 20px;
}
.indx-model-tab .tab-rt {
  width: 48%;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s;
}
.indx-model-tab .tab-rt > img {
  vertical-align: top;
  width: 100%;
}
.index-ai-content {
  display: flex;
  height: 585px;
}
.index-ai-content .ai-left {
  width: 16.7%;
  background: url('../images/index/part2-sidebar-bg.png') no-repeat right bottom #fff;
  background-size: contain;
  border-radius: 0.75rem;
  padding: 1.25rem 1rem 200px;
}
.index-ai-content .ai-left > a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  line-height: 60px;
  margin-bottom: 10px;
  border-radius: 10px;
  padding: 0 10px;
  box-sizing: border-box;
}
.index-ai-content .ai-left > a:nth-child(1) .lt-ico {
  background-image: url("../images/index/part2-sidebar-icon1.png");
}
.index-ai-content .ai-left > a:nth-child(2) .lt-ico {
  background-image: url("../images/index/part2-sidebar-icon2.png");
}
.index-ai-content .ai-left > a:nth-child(3) .lt-ico {
  background-image: url("../images/index/part2-sidebar-icon3.png");
}
.index-ai-content .ai-left > a:nth-child(4) .lt-ico {
  background-image: url("../images/index/part2-sidebar-icon4.png");
}
.index-ai-content .ai-left > a:nth-child(5) .lt-ico {
  background-image: url("../images/index/part2-sidebar-icon5.png");
}
.index-ai-content .ai-left > a.curr {
  background-color: #2EC1CB;
}
.index-ai-content .ai-left > a.curr:nth-child(1) .lt-ico {
  background-image: url("../images/index/part2-sidebar-icon1-curr.png");
}
.index-ai-content .ai-left > a.curr:nth-child(2) .lt-ico {
  background-image: url("../images/index/part2-sidebar-icon2-curr.png");
}
.index-ai-content .ai-left > a.curr:nth-child(3) .lt-ico {
  background-image: url("../images/index/part2-sidebar-icon3-curr.png");
}
.index-ai-content .ai-left > a.curr:nth-child(4) .lt-ico {
  background-image: url("../images/index/part2-sidebar-icon4-curr.png");
}
.index-ai-content .ai-left > a.curr:nth-child(5) .lt-ico {
  background-image: url("../images/index/part2-sidebar-icon5-curr.png");
}
.index-ai-content .ai-left > a.curr > div {
  color: #fff;
}
.index-ai-content .ai-left .lt-ico {
  display: block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  margin-right: 5px;
}
.index-ai-content .ai-left div {
  line-height: 1;
  font-size: 16px;
  color: #1E1C1D;
}
.index-ai-content .ai-right {
  flex: 1 1 1px;
  padding-left: 1.25rem;
}
.index-ai-content .ai-rt-box {
  height: 100%;
}
.indx-ai-cardlist {
  display: flex;
  justify-content: space-between;
  height: 100%;
  margin: 0 -0.625rem;
}
.indx-ai-cardlist > li {
  overflow: hidden;
  position: relative;
  flex: 1 1 1px;
  height: 100%;
  margin: 0 0.625rem;
  border-radius: 0.75rem;
  transition: all 0.2s ease-out;
}
.indx-ai-cardlist > li::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 8.75rem;
  height: 8.75rem;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.indx-ai-cardlist > li:hover {
  margin-top: -20px;
  box-shadow: 0px 6px 30px 0px rgba(77, 90, 112, 0.1);
}
.indx-ai-cardlist > li.list-bg1 {
  background: linear-gradient(to bottom, #2EC1CB 0%, #ffffff 40%, #ffffff 100%);
}
.indx-ai-cardlist > li.list-bg1::after {
  background-image: url('../images/index/part2-cont1-bg1.png');
}
.indx-ai-cardlist > li.list-bg1 .list-ico {
  background-image: url('../images/index/icon-hook-1.png');
}
.indx-ai-cardlist > li.list-bg1 .list-btn {
  color: #2EC1CB;
}
.indx-ai-cardlist > li.list-bg2 {
  background: linear-gradient(to bottom, #1C9FD5 0%, #ffffff 40%, #ffffff 100%);
}
.indx-ai-cardlist > li.list-bg2::after {
  background-image: url('../images/index/part2-cont1-bg2.png');
}
.indx-ai-cardlist > li.list-bg2 .list-ico {
  background-image: url('../images/index/icon-hook-3.png');
}
.indx-ai-cardlist > li.list-bg2 .list-btn {
  color: #1C9FD5;
}
.indx-ai-cardlist > li.list-bg3 {
  background: linear-gradient(to bottom, #1664FF 0%, #ffffff 40%, #ffffff 100%);
}
.indx-ai-cardlist > li.list-bg3::after {
  background-image: url('../images/index/part2-cont1-bg3.png');
}
.indx-ai-cardlist > li.list-bg3 .list-ico {
  background-image: url('../images/index/icon-hook-2.png');
}
.indx-ai-cardlist > li.list-bg3 .list-btn {
  color: #1A66FF;
}
.indx-ai-cardlist .list-head {
  position: relative;
  z-index: 2;
  padding: 1.5rem 0 1.625rem 1.875rem;
  color: #fff;
}
.indx-ai-cardlist .list-head .tit {
  line-height: 1.2;
  margin-bottom: 0.75rem;
  font-size: 18px;
  font-weight: bold;
}
.indx-ai-cardlist .list-head .des {
  line-height: 1.1;
  font-size: 14px;
}
.indx-ai-cardlist .list-content {
  position: relative;
  z-index: 2;
  margin-right: 0.875rem;
  background: #fff;
  border-radius: 0 2.5rem 0 0.75rem;
  padding: 1.5rem 1.25rem 4.25rem 1rem;
}
.indx-ai-cardlist .list-row {
  display: flex;
  margin-bottom: 1.75rem;
}
.indx-ai-cardlist .list-row > p {
  flex: 1 1 1px;
  line-height: 1.5;
  padding-top: 2px;
  font-size: 14px;
  color: #4E5866;
}
.indx-ai-cardlist .list-ico {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  margin-right: 0.625rem;
}
.indx-ai-cardlist .list-btn {
  position: absolute;
  left: 50%;
  bottom: 2.25rem;
  z-index: 2;
  width: 9.5rem;
  line-height: 2.9rem;
  border: 1px solid currentColor;
  border-radius: 0.375rem;
  margin-left: -4.75rem;
  text-align: center;
  font-size: 1rem;
}
.indx-ai-list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.indx-ai-list > li {
  display: flex;
  height: calc(25% - 1rem);
  border-radius: 0.75rem;
  box-shadow: 0px 6px 30px 0px rgba(77, 90, 112, 0.1);
}
.indx-ai-list > li.list-bg1 {
  background: linear-gradient(to right, #2EC1CB 0%, #ffffff 20%, #ffffff 100%);
}
.indx-ai-list > li.list-bg2 {
  background: linear-gradient(to right, #1C9FD5 0%, #ffffff 20%, #ffffff 100%);
}
.indx-ai-list > li.list-bg3 {
  background: linear-gradient(to right, #1664FF 0%, #ffffff 20%, #ffffff 100%);
}
.indx-ai-list > li.list-bg4 {
  background: linear-gradient(to right, #6E6EFB 0%, #ffffff 20%, #ffffff 100%);
}
.indx-ai-list .list-lt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 6.25rem;
  padding: 0 0.75rem;
  color: #fff;
}
.indx-ai-list .list-lt .lt-cont {
  line-height: 1.5;
  font-size: 18px;
  font-weight: bold;
  margin: auto;
  text-align: center;
}
.indx-ai-list .list-rt {
  flex: 1 1 1px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 0.875rem;
  background: #fff;
  border-radius: 2.5rem 0 0.75rem 0;
  padding: 0 3.25rem;
}
.indx-ai-list .list-rt .rt-cont {
  line-height: 1.5;
  font-size: 14px;
  color: #4E5866;
}
.indx-ai-list2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.indx-ai-list2 > li {
  display: flex;
  align-items: center;
  height: calc(20% - 1rem);
  border-radius: 0.75rem;
  background: #fff;
  padding: 0.625rem 0.75rem;
  box-shadow: 0px 6px 30px 0px rgba(77, 90, 112, 0.1);
  box-sizing: border-box;
}
.indx-ai-list2 > li.list-bg1 .list-lt {
  background-color: #3AC9AC;
}
.indx-ai-list2 > li.list-bg2 .list-lt {
  background-color: #2EC1CB;
}
.indx-ai-list2 > li.list-bg3 .list-lt {
  background-color: #1EA0D6;
}
.indx-ai-list2 > li.list-bg4 .list-lt {
  background-color: #1E69FF;
}
.indx-ai-list2 > li.list-bg5 .list-lt {
  background-color: #6060ED;
}
.indx-ai-list2 .list-lt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  border-radius: 6px;
  margin-right: 1.25rem;
}
.indx-ai-list2 .list-lt > p {
  line-height: 1.5;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.indx-ai-list2 .list-rt {
  flex: 1 1 1px;
  line-height: 1.5;
  padding-right: 1.875rem;
  font-size: 14px;
  color: #4E5866;
}
.indx-project-box {
  padding: 3.75rem 0;
  background: url('../images/index/part3-bg.png') no-repeat center;
  background-size: cover;
}
.indx-project-flex {
  display: flex;
}
.indx-project-flex .project-sidebar {
  margin: 0.75rem 2.125rem 0.75rem 0;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.indx-project-flex .project-sidebar li {
  position: relative;
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 1.5rem;
  margin-bottom: 3.1rem;
  font-size: 16px;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
}
.indx-project-flex .project-sidebar li:last-child {
  margin-bottom: 1rem;
}
.indx-project-flex .project-sidebar li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
  width: 3px;
  height: 1.625rem;
  margin-top: -0.8125rem;
  background: transparent;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.indx-project-flex .project-sidebar li::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 0;
  height: 100%;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.indx-project-flex .project-sidebar li.curr {
  font-weight: bold;
}
.indx-project-flex .project-sidebar li.curr::before {
  background: #fff;
}
.indx-project-flex .project-sidebar li.curr::after {
  width: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.indx-project-flex .project-content {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 1px;
  height: 428px;
  background: #fff;
  border-radius: 1.25rem;
  padding: 0.625rem;
  box-sizing: border-box;
  box-shadow: 0px 6px 30px 0px rgba(114, 118, 127, 0.1);
}
.indx-project-row {
  position: absolute;
  width: 100%;
  display: flex;
  opacity: 0;
  transform: translateY(50px);
  -webkit-transition: translateY 0.4s ease-in-out;
  transition: translateY 0.4s ease-in-out;
}
.indx-project-row.show {
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.indx-project-row .row-left {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 29.5%;
}
.indx-project-row .row-left::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 90%;
  background: #E4E7EC;
  transform: translateY(-50%);
}
.indx-project-row .row-left > img {
  display: inline-block;
  vertical-align: top;
  width: 7.5rem;
  margin-bottom: 1.5rem;
}
.indx-project-row .row-left > p {
  line-height: 1.4;
  font-size: 20px;
  color: #1E1C1D;
}
.indx-project-row .row-right {
  flex: 1 1 1px;
  padding: 0 5rem 0 6rem;
}
.indx-project-row .row-right .tit {
  line-height: 1.2;
  margin-bottom: 1.25rem;
  font-weight: bold;
  font-size: 24px;
  color: #1E1C1D;
}
.indx-project-row .row-right .des {
  line-height: 1.6;
  margin-bottom: 1.5rem;
  font-size: 14px;
  color: #4E5866;
}
.indx-project-row .row-step > li {
  position: relative;
  display: flex;
  align-items: center;
}
.indx-project-row .row-step > li::after {
  content: '';
  position: absolute;
  left: 1.375rem;
  top: 50%;
  width: 4px;
  height: 100%;
  background: url('../images/index/part3-1-line.png') no-repeat 0 0;
  background-size: 100% 100%;
  margin-left: -2px;
}
.indx-project-row .row-step > li:last-child::after {
  display: none;
}
.indx-project-row .row-step > li:last-child .rs-cont {
  border-bottom: 0;
}
.indx-project-row .row-step .rs-icon {
  position: relative;
  z-index: 2;
  width: 2.75rem;
  height: 2.75rem;
  margin-right: 1rem;
}
.indx-project-row .row-step .rs-icon > img {
  vertical-align: top;
  width: 100%;
  height: 100%;
}
.indx-project-row .row-step .rs-cont {
  flex: 1 1 1px;
  display: flex;
  align-items: center;
  min-height: 4.75rem;
  padding: 1rem 0;
  border-bottom: 1px solid #E4E7EC;
  box-sizing: border-box;
}
.indx-project-row .row-step .rs-tit {
  margin-right: 1.5rem;
  font-weight: bold;
  font-size: 16px;
  color: #1E1C1D;
}
.indx-project-row .row-step .info {
  flex: 1 1 1px;
  line-height: 1.6;
  font-size: 14px;
  color: #707070;
}
.indx-project-row .row-used li {
  display: flex;
  margin-bottom: 1.25rem;
}
.indx-project-row .row-used .used-lt {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F4F7FC;
  border-radius: 6px;
  padding: 0 0.75rem;
  margin-right: 1rem;
}
.indx-project-row .row-used .used-lt > img {
  display: block;
  width: 2rem;
  height: 2rem;
  -o-object-fit: cover;
  object-fit: cover;
  margin-right: 0.375rem;
}
.indx-project-row .row-used .used-lt > p {
  line-height: 1.1;
  font-size: 16px;
  font-weight: bold;
  color: #1E1C1D;
}
.indx-project-row .row-used .used-rt {
  position: relative;
  flex: 1 1 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 5.625rem;
  border: 1px dashed #E4E7EC;
  border-radius: 6px;
  padding: 1.75rem 1rem;
  font-size: 14px;
  color: #4E5866;
  box-sizing: border-box;
}
.indx-project-row .row-used .used-rt > i {
  position: absolute;
  left: -7px;
  top: 50%;
  z-index: 2;
  width: 8px;
  height: 8px;
  background: #fff;
  border-left: 1px dashed #E4E7EC;
  border-bottom: 1px dashed #E4E7EC;
  border-radius: 2px;
  margin-top: -5px;
  transform: rotate(45deg);
}
.indx-project-row .row-sign {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.indx-project-row .row-sign > li {
  display: flex;
  align-items: center;
  width: 50%;
  min-height: 6.25rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 2.5rem;
  box-sizing: border-box;
}
.indx-project-row .row-sign > li:nth-child(even) {
  border-left: 1px solid #E4E7EC;
  padding-left: 1.25rem;
  padding-right: 1.5rem;
}
.indx-project-row .row-sign > li:first-child,
.indx-project-row .row-sign > li:nth-child(2) {
  border-bottom: 1px solid #E4E7EC;
}
.indx-project-row .row-sign > li > img {
  display: block;
  width: 2.125rem;
  -o-object-fit: cover;
  object-fit: cover;
  margin-right: 1.25rem;
}
.indx-project-row .row-sign .sign-rt {
  flex: 1;
}
.indx-project-row .row-sign .sign-rt .s-tit {
  line-height: 1.1;
  margin-bottom: 0.625rem;
  font-size: 16px;
  font-weight: bold;
  color: #1E1C1D;
}
.indx-project-row .row-sign .sign-rt .s-des {
  line-height: 1.6;
  font-size: 14px;
  color: #707070;
}
.indx-project-row .row-introlist {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}
.indx-project-row .row-introlist li {
  display: flex;
  align-items: center;
  width: calc(40% - .75rem);
  height: 50px;
  background: #F4F7FC;
  border-radius: 0.375rem;
  padding-left: 1.25rem;
  margin: 0 0.75rem 0.75rem 0;
}
.indx-project-row .row-introlist li > p {
  font-size: 14px;
  color: #1E1C1D;
}
.indx-project-row .row-introlist li > i {
  display: block;
  width: 18px;
  height: 18px;
  background: url('../images/index/part3-li-icon.png') no-repeat 0 0;
  background-size: 100% 100%;
  margin-right: 0.75rem;
}
.indx-project-row .row-link {
  display: inline-block;
  vertical-align: top;
  padding: 1.25rem 0 1.25rem 0.625rem;
  font-size: 16px;
  color: #2EC1CB;
}
.indx-project-row .row-link > i {
  display: inline-block;
  width: 22px;
  height: 12px;
  background: url('../images/index/part3-icon-go.png') no-repeat 0 0;
  background-size: 100% 100%;
  margin-left: 1rem;
}
.indx-project-row .row-link:hover > i {
  -webkit-animation: arrow 1s linear infinite;
  animation: arrow 1s linear infinite;
}
.indx-marquee-box {
  overflow: hidden;
  width: 100%;
  padding: 2.5rem 0 3rem;
}
.indx-marquee-box .marquee-cont {
  display: flex;
}
.indx-marquee-box .marquee-cont > img {
  vertical-align: top;
  -o-object-fit: cover;
  object-fit: cover;
}
.indx-data-box {
  display: flex;
  background: #fff;
  border-radius: 0.625rem;
  padding: 3.75rem 0 3.125rem;
}
.indx-data-box li {
  flex: 1 1 1px;
  text-align: center;
}
.indx-data-box li .tit {
  line-height: 1.2;
  margin-bottom: 0.9375rem;
  font-size: 16px;
  color: #1E1C1D;
}
.indx-data-box .data-cont {
  display: flex;
  align-items: center;
  justify-content: center;
}
.indx-data-box .data-cont > img {
  display: block;
  width: 50px;
  margin-right: 0.375rem;
}
.indx-data-box .data-cont .num {
  line-height: 1.2;
  font-family: 'D-DIN-B';
  font-size: 16px;
  color: #1E1C1D;
}
.indx-data-box .data-cont .num > b {
  font-size: 48px;
}
.login-wrapper {
  height: 100vh;
  background: url('../images/login/bg.png') no-repeat center;
  background-size: cover;
  overflow: hidden;
}
.login-wrapper .page-main {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.login-logo {
  display: block;
  width: 13.75rem;
  margin: 1.5rem 0 0 3.125rem;
}
.login-logo > img {
  vertical-align: top;
  width: 100%;
}
.login-foot {
  position: absolute;
  left: 0;
  bottom: 1.875rem;
  z-index: 1;
  width: 100%;
  line-height: 1.5;
  text-align: center;
  font-size: 12px;
  color: #555555;
}
.login-main {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.login-left {
  width: 52%;
  align-self: center;
}
.login-left .lt-tit {
  line-height: 1.3;
  margin-bottom: 1.25rem;
  font-size: 1.875rem;
  font-weight: bold;
  color: #1E1C1D;
}
.login-left .lt-des {
  line-height: 1.2;
  font-size: 1rem;
  color: #555555;
}
.login-left .lt-des.deslist {
  display: flex;
  align-items: center;
}
.login-left .lt-des.deslist > p {
  width: 33%;
}
.login-left .lt-des.deslist .des-ico {
  display: inline-block;
  vertical-align: -0.25rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url('../images/index/icon-hook-1.png') no-repeat 0 0;
  background-size: 100% 100%;
  margin-right: 0.5rem;
}
.login-left .lt-pic {
  display: block;
  max-width: 100%;
  max-height: 37.5rem;
  margin: 2.375rem auto 0;
}
.login-right {
  width: 39%;
  background: #fff;
  border-radius: 12px;
  padding: 5rem 2.5rem 0;
  box-sizing: border-box;
}
.login-right .rt-title {
  line-height: 1.2;
  margin-bottom: 2rem;
  font-size: 1.5rem;
  color: #1E1C1D;
}
.login-right .rt-tab {
  margin-bottom: 1.875rem;
  font-size: 0;
}
.login-right .rt-tab li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: 1.5;
  padding: 1rem 1.125rem;
  margin-right: 2rem;
  font-size: 1rem;
  color: #999999;
  cursor: pointer;
  -webkit-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
.login-right .rt-tab li::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 3px;
  background: #2EC1CB;
  opacity: 0;
  -webkit-transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transform: scale(0.01, 1);
}
.login-right .rt-tab li.curr {
  color: #2EC1CB;
  font-weight: bold;
}
.login-right .rt-tab li.curr::after {
  transform: scale(1, 1);
  opacity: 1;
}
.login-right .rt-tab li:hover {
  color: #2EC1CB;
  font-weight: bold;
}
.login-hospital {
  padding-top: 2.75rem;
}
.login-hospital .hospt-list li {
  display: flex;
}
.login-hospital .hospt-list .list-tit {
  width: 8rem;
  line-height: 3.875rem;
  font-size: 1rem;
  color: #707070;
}
.login-hospital .hospt-list .list-address {
  width: calc(100% - 8rem);
  display: flex;
  justify-content: space-between;
}
.login-hospital .hospt-list .list-address .opera-row {
  margin-right: 0.625rem;
  box-sizing: border-box;
}
.login-hospital .hospt-list .list-address .opera-row:last-child {
  margin-right: 0;
}
.login-hospital .hospt-list .list-address .opera-row .r-edit {
  width: calc(100% - 1rem);
}
.login-hospital .hospt-list .opera-row {
  flex: 1 1 1px;
}
.login-hospital .hospt-list .list-arrow {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url('../images/arrow-down-black.png') no-repeat center;
  background-size: 0.75rem 0.75rem;
}
.login-hospital .hospt-list .list-select-down {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 101%;
  z-index: 2;
  width: 100%;
  height: 0;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0.625rem;
  padding: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.login-hospital .hospt-list .list-select-down.down {
  height: auto;
  padding: 1rem 0;
  border-color: #E1E5EB;
}
.login-hospital .hospt-list .list-select-down .type-ul {
  overflow: hidden;
  max-height: 10rem;
}
.login-hospital .hospt-list .list-select-down .type-ul > li {
  display: block;
  line-height: 2rem;
  padding: 0 1rem;
  margin-bottom: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  color: #1E1C1D;
  cursor: pointer;
}
.login-hospital .hospt-list .list-select-down .type-ul > li:last-child {
  margin-bottom: 0;
}
.login-hospital .hospt-list .list-select-down .type-ul > li:hover {
  color: #2EC1CB;
}
.login-hospital .hospt-list .list-select-down .address-ul {
  overflow: hidden;
  max-height: 16rem;
}
.login-hospital .hospt-list .list-select-down .address-ul > li {
  display: block;
  line-height: 1.5;
  padding: 0.5rem 1rem;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  color: #1E1C1D;
  cursor: pointer;
}
.login-hospital .hospt-list .list-select-down .address-ul > li:last-child {
  margin-bottom: 0;
}
.login-hospital .hospt-list .list-select-down .address-ul > li:hover {
  color: #2EC1CB;
}
.login-opera-box {
  margin-bottom: 0.625rem;
}
.login-opera-box .opera-row {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #E1E5EB;
  border-radius: 0.625rem;
  background: #fff;
  margin-bottom: 1.25rem;
  padding: 1rem;
}
.login-opera-box .opera-row.active {
  border-color: #2EC1CB;
  box-shadow: 0px 3px 10px 1px rgba(46, 193, 203, 0.3);
}
.login-opera-box .opera-row.disabled {
  background: #F4F6F9;
}
.login-opera-box .opera-row.disabled .r-edit {
  pointer-events: none;
}
.login-opera-box .opera-row.ready .r-edit {
  pointer-events: none;
}
.login-opera-box .opera-row.fail {
  border-color: #FF595A;
  box-shadow: 0px 3px 10px 1px rgba(255, 89, 90, 0.3);
  margin-bottom: 1.875rem;
}
.login-opera-box .opera-row.fail .r-fail {
  display: block;
}
.login-opera-box .opera-row .r-ico {
  display: block;
  width: 1.875rem;
  height: 1.875rem;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  margin-right: 1.5rem;
}
.login-opera-box .opera-row .r-ico.ico-tel {
  background-image: url('../images/login/icon-tel.png');
}
.login-opera-box .opera-row .r-ico.ico-password {
  background-image: url('../images/login/icon-password.png');
}
.login-opera-box .opera-row .r-ico.ico-code {
  background-image: url('../images/login/icon-code.png');
}
.login-opera-box .opera-row .r-edit {
  display: block;
  flex: 1 1 1px;
  background: transparent;
  height: 1.875rem;
  font-size: 1rem;
  color: #1E1C1D;
}
.login-opera-box .opera-row .r-eye {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 1rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.125rem 1.125rem;
  background-image: url('../images/login/icon-eye-off.png');
}
.login-opera-box .opera-row .r-eye.open {
  background-image: url('../images/login/icon-eye-on.png');
}
.login-opera-box .opera-row .r-code {
  display: block;
  height: 1.75rem;
  line-height: 1.75rem;
  padding-left: 1.5rem;
  border-left: 1px solid #E1E5EB;
  text-align: right;
  font-size: 0.875rem;
  color: #2EC1CB;
}
.login-opera-box .opera-row .r-code.disabled {
  color: #1E1C1D;
}
.login-opera-box .opera-row .r-imgCode {
  display: block;
  width: 6rem;
  height: 1.75rem;
}
.login-opera-box .opera-row .r-imgCode > img {
  vertical-align: top;
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
}
.login-opera-box .opera-row .r-fail {
  display: none;
  position: absolute;
  left: 0;
  top: 110%;
  width: 100%;
  line-height: 1.3;
  padding-bottom: 0.625rem;
  font-size: 0.8125rem;
  color: #FF595A;
}
.login-opera-box .opera-bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.125rem;
}
.login-opera-box .opera-bot .bot-lt {
  display: flex;
  align-items: center;
}
.login-opera-box .opera-bot .bot-lt > span {
  line-height: 1.1;
  font-size: 0.875rem;
  color: #555555;
}
.login-opera-box .opera-bot .bot-lt.curr .bot-radio {
  background: #2EC1CB;
  border-color: #2EC1CB;
}
.login-opera-box .opera-bot .bot-radio {
  display: block;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  border: 1px solid #E4E7EC;
  border-radius: 0.25rem;
  margin-right: 0.5rem;
  text-align: center;
}
.login-opera-box .opera-bot .bot-radio > i {
  display: inline-block;
  vertical-align: 1px;
  width: 0.75rem;
  height: 0.6rem;
  background: url('../images/login/ico-hook.png') no-repeat center;
  background-size: 100% 100%;
}
.login-opera-box .opera-bot .bot-rt {
  font-size: 0.875rem;
  color: #999999;
}
.login-btn {
  display: block;
  height: 4rem;
  line-height: 4rem;
  background: #2EC1CB;
  border-radius: 0.625rem;
  margin-top: 2rem;
  margin-bottom: 1.8rem;
  text-align: center;
  color: #fff;
  font-size: 1.125rem;
}
.login-btn:hover {
  background-color: #2AB7C1;
}
.login-rule {
  line-height: 1.8;
  font-size: 0.875rem;
  color: #999999;
}
.login-rule > a {
  color: #555555;
}
.login-rule > a:hover {
  color: #2EC1CB;
}
.login-set-tit {
  line-height: 1.2;
  margin-bottom: 2.5rem;
  font-size: 1rem;
  color: #999999;
}
.pop-login-rule {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99;
  width: 34%;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 0.75rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 0px 3px 30px 1px rgba(0, 0, 0, 0.1);
}
.pop-login-rule .rule-close {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 5;
  width: 1.25rem;
  height: 1.25rem;
  background: url('../images/icon-close.png') no-repeat center;
  background-size: 0.65rem 0.65rem;
}
.pop-login-rule .rule-head {
  display: flex;
  align-items: center;
  height: 9.25rem;
  background: url('../images/login/pop-rule-top.png') no-repeat 0 0;
  background-size: 100% 100%;
  border-radius: 0.75rem 0.75rem 0 0;
}
.pop-login-rule .rule-head .hd-cont {
  width: 100%;
  padding-left: 1.875rem;
}
.pop-login-rule .rule-head .hd-tit {
  line-height: 1.2;
  margin-bottom: 1rem;
  font-size: 1.75rem;
  font-weight: bold;
  color: #1E1C1D;
}
.pop-login-rule .rule-head .hd-des {
  line-height: 1.2;
  font-size: 14px;
  color: #999999;
}
.pop-login-rule .rule-main {
  overflow: hidden;
  height: 60vh;
  padding: 1.875rem 0;
  box-sizing: border-box;
}
.pop-login-rule .rule-main > article {
  overflow: hidden;
  height: 100%;
  padding: 0 1.875rem;
}
.pop-login-rule .rule-main p {
  line-height: 1.5;
  margin-bottom: 15px;
  font-size: 14px;
  color: #1E1C1D;
}
.news-wrapper {
  padding: 3.125rem 0;
}
.news-list-box {
  margin: 0 0 3.75rem;
}
.news-list-box .list-item {
  display: flex;
  align-items: center;
}
.news-list-box .list-item .item-pic {
  overflow: hidden;
  position: relative;
  width: 47.7%;
  padding-top: 19.7%;
  margin-right: 4.5rem;
}
.news-list-box .list-item .item-pic > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.news-list-box .list-item .item-cont {
  position: relative;
  flex: 1 1 1px;
  padding-right: 6.875rem;
  padding-bottom: 3.125rem;
}
.news-list-box .list-item .item-cont::before,
.news-list-box .list-item .item-cont::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
}
.news-list-box .list-item .item-cont::before {
  z-index: 1;
  width: 0;
  background: #2EC1CB;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.news-list-box .list-item .item-cont::after {
  width: 100%;
  background: #E1E5EB;
}
.news-list-box .list-item .item-tit {
  line-height: 1.2;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  color: #1E1C1D;
  font-weight: bold;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.news-list-box .list-item .item-des {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.65;
  font-size: 1rem;
  color: #999999;
}
.news-list-box .list-item .item-time {
  position: absolute;
  right: 0;
  top: -1.25rem;
  text-align: right;
}
.news-list-box .list-item .item-time .i-day {
  line-height: 1.2;
  font-family: 'D-DIN-B';
  font-size: 3rem;
  font-weight: bold;
  color: #555555;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.news-list-box .list-item .item-time .i-month {
  line-height: 1.1;
  margin-bottom: 0.625rem;
  font-family: 'D-DIN';
  font-size: 1.125rem;
  color: #999999;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.news-list-box .list-item .item-time .i-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: -6px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  background-image: url('../images/news/arrow-gray.png');
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.news-list-box:hover .list-item .item-cont::before {
  width: 100%;
}
.news-list-box:hover .list-item .item-tit {
  color: #2EC1CB;
}
.news-list-box:hover .list-item .item-time > p {
  color: #2EC1CB;
}
.news-list-box:hover .list-item .item-time .i-icon {
  background-image: url('../images/news/arrow-green.png');
}
.news-detail-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.news-detail-float {
  width: 21.25rem;
}
.news-detail-float .float-head {
  height: 3.125rem;
  line-height: 3.125rem;
  background: url('../images/news/float-topbg.png') no-repeat 0 0;
  background-size: 100% 100%;
  border-radius: 6px 6px 0 0;
  padding: 0 1.25rem;
}
.news-detail-float .float-head .tit {
  font-size: 1.25rem;
  color: #fff;
}
.news-detail-float .float-head .tag {
  display: inline-block;
  margin-left: 2px;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.5);
}
.news-detail-float .float-cont {
  border: 1px solid #E1E5EB;
  border-radius: 0 0 6px 6px;
  border-top: 0;
  padding: 1.875rem 1.25rem 0;
}
.news-detail-float .float-list li {
  margin-bottom: 1.875rem;
}
.news-detail-float .float-list .list-row {
  display: block;
  font-size: 0;
}
.news-detail-float .float-list .list-row:hover .list-info .tit {
  color: #2EC1CB;
}
.news-detail-float .float-list .list-row .list-ico {
  display: inline-block;
  vertical-align: top;
  width: 6px;
  height: 6px;
  background: #2EC1CB;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 8px;
}
.news-detail-float .float-list .list-row .list-info {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 16px);
  font-size: 0.875rem;
}
.news-detail-float .float-list .list-row .list-info .tit {
  line-height: 1.5;
  margin-bottom: 0.325rem;
  color: #1E1C1D;
}
.news-detail-float .float-list .list-row .list-info .des {
  line-height: 1.2;
  color: #999999;
}
.news-detail-float .float-more {
  border-top: 1px solid #E1E5EB;
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 13px;
  color: #707070;
}
.news-detail-float .float-more:hover {
  color: #2EC1CB;
}
.news-detail-main {
  width: calc(100% - 21.25rem - 6.25rem);
}
.news-detail-main .detail-title {
  line-height: 1.3;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #E1E5EB;
  font-size: 1.75rem;
  font-weight: bold;
  color: #1E1C1D;
}
.news-detail-main .detail-intro {
  display: flex;
  justify-content: space-between;
  padding: 1.875rem 0;
}
.news-detail-main .detail-intro .intro-time {
  font-family: 'D-DIN-B';
  font-size: 1.25rem;
  font-weight: bold;
  color: #555555;
}
.news-detail-main .detail-intro .intro-des {
  width: 58%;
  line-height: 1.8;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 0.875rem;
  color: #999999;
}
.news-detail-main .detail-article {
  padding-bottom: 5rem;
}
.news-detail-main .detail-article > p {
  margin-bottom: 1.25rem;
  line-height: 1.6;
  font-size: 14px;
  color: #555555;
}
.news-detail-main .detail-article > img {
  vertical-align: top;
  width: 100%;
  margin-bottom: 2.5rem;
}
.detail-btn {
  display: flex;
}
.detail-btn .btn-col {
  display: flex;
  align-items: center;
  width: 50%;
  height: 5rem;
  background: #F4F7FC;
  padding: 0 1.625rem;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.detail-btn .btn-col:first-child {
  justify-content: flex-start;
}
.detail-btn .btn-col:first-child .btn-ico {
  border-right: 1px solid #E1E5EB;
}
.detail-btn .btn-col:first-child .btn-ico::before,
.detail-btn .btn-col:first-child .btn-ico::after {
  background-image: url('../images/arrow-lt-gray-big.png');
}
.detail-btn .btn-col:first-child .btn-ico::before {
  left: 0;
}
.detail-btn .btn-col:first-child .btn-ico::after {
  opacity: 0;
  left: 100%;
}
.detail-btn .btn-col:last-child {
  justify-content: flex-end;
}
.detail-btn .btn-col:last-child .btn-ico {
  border-left: 1px solid #E1E5EB;
}
.detail-btn .btn-col:last-child .btn-ico::before,
.detail-btn .btn-col:last-child .btn-ico::after {
  background-image: url('../images/arrow-rt-gray-big.png');
}
.detail-btn .btn-col:last-child .btn-ico::before {
  right: 0;
}
.detail-btn .btn-col:last-child .btn-ico::after {
  opacity: 0;
  right: 100%;
}
.detail-btn .btn-col:hover {
  background: #2EC1CB;
}
.detail-btn .btn-col:hover .btn-ico {
  border-color: transparent;
}
.detail-btn .btn-col:hover:first-child .btn-ico::before,
.detail-btn .btn-col:hover:first-child .btn-ico::after {
  background-image: url('../images/arrow-lt-white-big.png');
}
.detail-btn .btn-col:hover:first-child .btn-ico::before {
  left: -100%;
}
.detail-btn .btn-col:hover:first-child .btn-ico::after {
  opacity: 1;
  left: 0%;
}
.detail-btn .btn-col:hover:last-child .btn-ico::before,
.detail-btn .btn-col:hover:last-child .btn-ico::after {
  background-image: url('../images/arrow-rt-white-big.png');
}
.detail-btn .btn-col:hover:last-child .btn-ico::before {
  right: -100%;
}
.detail-btn .btn-col:hover:last-child .btn-ico::after {
  opacity: 1;
  right: 0%;
}
.detail-btn .btn-col:hover .btn-tit {
  color: #fff;
}
.detail-btn .btn-ico {
  position: relative;
  overflow: hidden;
  display: block;
  width: 1.875rem;
  height: 1rem;
}
.detail-btn .btn-ico::before,
.detail-btn .btn-ico::after {
  content: '';
  position: absolute;
  top: 0;
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-size: 1rem 100%;
  background-position: 0 0;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.detail-btn .btn-tit {
  width: 65%;
  line-height: 1.2;
  margin-left: 2.375rem;
  font-size: 1rem;
  color: #707070;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.solution-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.solution-row .row-lt,
.solution-row .row-rt {
  width: 48%;
}
.solution-row .row-tit {
  line-height: 1.4;
  margin-bottom: 3.125rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: #1E1C1D;
}
.solution-row .row-list > li {
  display: block;
  margin-bottom: 2.5rem;
  font-size: 0;
}
.solution-row .row-list > li > p {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 1.25rem - .625rem);
  line-height: 1.65;
  font-size: 1rem;
  color: #4E5866;
}
.solution-row .row-list > li > p b {
  display: block;
  font-size: 1.2rem;
  color: #1E1C1D;
  line-height: 1;
  margin-bottom: 0.7rem;
}
.solution-row .row-list .r-ico {
  display: inline-block;
  vertical-align: top;
  width: 1.25rem;
  height: 1.25rem;
  background: url('../images/index/icon-hook-1.png') no-repeat 0 0;
  background-size: 100% 100%;
  margin-right: 0.625rem;
  margin-top: 2px;
}
.solution-row .row-ad {
  vertical-align: top;
  width: 100%;
}
.solution-stepline {
  width: 42.5rem;
  height: 5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: 1.25rem auto;
}
.solution-stepline.line-lt {
  background-image: url('../images/solution/common/line-lt.png');
}
.solution-stepline.line-rt {
  background-image: url('../images/solution/common/line-rt.png');
}
.solution-picbox {
  padding: 1.5rem 0;
}
.solution-picbox > img {
  vertical-align: top;
  width: 100%;
}
.solution-func {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 0;
}
.solution-func > li {
  display: block;
  width: 22.5rem;
}
.solution-func > li:not(:nth-child(2)) {
  width: calc((100% - 22.5rem) / 2 - 1rem);
}
.solution-func .func-mid {
  width: 100%;
}
.solution-func .func-mid > img {
  vertical-align: top;
  width: 100%;
}
.solution-func .func-box {
  display: flex;
  height: 12.25rem;
  background: linear-gradient(180deg, #F3FAFE 0%, #EBF5FD 100%);
  border-radius: 0.75rem;
  padding: 1.875rem 1.25rem 0;
  margin-bottom: 1.875rem;
  box-sizing: border-box;
}
.solution-func .func-ico {
  display: block;
  width: 3.25rem;
  height: 3.25rem;
  background: #fff;
  border-radius: 0.625rem;
  box-shadow: 0px 3px 20px 1px rgba(10, 27, 62, 0.04);
  box-sizing: border-box;
  padding: 0.25rem;
  margin-right: 1.25rem;
}
.solution-func .func-ico > img {
  vertical-align: top;
  width: 100%;
  height: 100%;
}
.solution-func .func-cont {
  flex: 1 1 1px;
}
.solution-func .func-cont .tit {
  line-height: 1.4;
  font-size: 1.375rem;
  color: #1E1C1D;
  margin-bottom: 0.75rem;
}
.solution-func .func-cont .des {
  line-height: 1.65rem;
  font-size: 1rem;
  color: #4E5866;
}
.solution-sum {
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 0;
}
.solution-sum > li {
  display: block;
  width: 28%;
  text-align: center;
}
.solution-sum > li > img {
  display: block;
  width: 15.625rem;
  margin: 0 auto 1.875rem;
}
.solution-sum > li .tit {
  line-height: 1.2;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: bold;
  color: #1E1C1D;
}
.solution-sum > li .des {
  line-height: 1.65;
  font-size: 1rem;
  color: #4E5866;
}
.solution-tab {
  display: flex;
  justify-content: center;
  padding: 1.25rem 0;
}
.solution-tab.tab-type2 > li:nth-child(1) .tab-icon {
  background-image: url("../images/solution/6/tab-icon1.png");
}
.solution-tab.tab-type2 > li:nth-child(2) .tab-icon {
  background-image: url("../images/solution/6/tab-icon2.png");
}
.solution-tab.tab-type2 > li:nth-child(3) .tab-icon {
  background-image: url("../images/solution/6/tab-icon3.png");
}
.solution-tab.tab-type2 > li:nth-child(4) .tab-icon {
  background-image: url("../images/solution/6/tab-icon4.png");
}
.solution-tab.tab-type2 > li.curr:nth-child(1) .tab-icon {
  background-image: url("../images/solution/6/tab-icon1-curr.png");
  transition: background 0.1s linear;
}
.solution-tab.tab-type2 > li.curr:nth-child(2) .tab-icon {
  background-image: url("../images/solution/6/tab-icon2-curr.png");
  transition: background 0.1s linear;
}
.solution-tab.tab-type2 > li.curr:nth-child(3) .tab-icon {
  background-image: url("../images/solution/6/tab-icon3-curr.png");
  transition: background 0.1s linear;
}
.solution-tab.tab-type2 > li.curr:nth-child(4) .tab-icon {
  background-image: url("../images/solution/6/tab-icon4-curr.png");
  transition: background 0.1s linear;
}
.solution-tab > li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14.375rem;
  height: 3.625rem;
  background: transparent;
  border-radius: 50px;
  margin: 0 1.5rem;
  cursor: default;
}
.solution-tab > li:nth-child(1) .tab-icon {
  background-image: url("../images/solution/3/tab-icon1.png");
}
.solution-tab > li:nth-child(2) .tab-icon {
  background-image: url("../images/solution/3/tab-icon2.png");
}
.solution-tab > li:nth-child(3) .tab-icon {
  background-image: url("../images/solution/3/tab-icon3.png");
}
.solution-tab > li:nth-child(4) .tab-icon {
  background-image: url("../images/solution/3/tab-icon4.png");
}
.solution-tab > li > p {
  font-size: 1.125rem;
  color: #1E1C1D;
}
.solution-tab > li.curr {
  background: #2EC1CB;
  transition: background 0.2s linear;
}
.solution-tab > li.curr:nth-child(1) .tab-icon {
  background-image: url("../images/solution/3/tab-icon1-curr.png");
  transition: background 0.1s linear;
}
.solution-tab > li.curr:nth-child(2) .tab-icon {
  background-image: url("../images/solution/3/tab-icon2-curr.png");
  transition: background 0.1s linear;
}
.solution-tab > li.curr:nth-child(3) .tab-icon {
  background-image: url("../images/solution/3/tab-icon3-curr.png");
  transition: background 0.1s linear;
}
.solution-tab > li.curr:nth-child(4) .tab-icon {
  background-image: url("../images/solution/3/tab-icon4-curr.png");
  transition: background 0.1s linear;
}
.solution-tab > li.curr > p {
  color: #fff;
  transition: color 0.1s linear;
}
.solution-tab .tab-icon {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  margin-right: 1rem;
}
.mode-tab > li:nth-child(1) .tab-icon {
  background-image: url("../images/model/tab-icon1.png");
}
.mode-tab > li:nth-child(2) .tab-icon {
  background-image: url("../images/model/tab-icon2.png");
}
.mode-tab > li:nth-child(3) .tab-icon {
  background-image: url("../images/model/tab-icon3.png");
}
.mode-tab > li:nth-child(4) .tab-icon {
  background-image: url("../images/model/tab-icon4.png");
}
.mode-tab > li.curr:nth-child(1) .tab-icon {
  background-image: url("../images/model/tab-icon1-curr.png");
  transition: background 0.1s linear;
}
.mode-tab > li.curr:nth-child(2) .tab-icon {
  background-image: url("../images/model/tab-icon2-curr.png");
  transition: background 0.1s linear;
}
.mode-tab > li.curr:nth-child(3) .tab-icon {
  background-image: url("../images/model/tab-icon3-curr.png");
  transition: background 0.1s linear;
}
.mode-tab > li.curr:nth-child(4) .tab-icon {
  background-image: url("../images/model/tab-icon4-curr.png");
  transition: background 0.1s linear;
}
.item-tab-common > li {
  align-items: center;
}
.item-tab-common .tab-list {
  padding-right: 1.25rem;
}
.solution-tab-cont {
  margin: 2.5rem 0 0;
}
.solution-tab-cont > li {
  align-items: center;
}
.solution-tab-cont .tab-list {
  padding-right: 1.25rem;
}
.solution-tab-cont .tab-rt {
  width: 55%;
}
.solution-tab-big {
  margin: 1rem 0 0;
  height: 640px;
}
.solution-tab-big > li {
  align-items: center;
}
.solution-tab-big .tab-list {
  padding-right: 1.25rem;
}
.solution-tab-big .tab-rt {
  width: 55%;
}
.solution-func-pic {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.875rem 0;
}
.solution-func-pic .func-lt {
  width: 36.25rem;
  margin-right: 13.375rem;
}
.solution-func-pic .func-lt img {
  vertical-align: top;
  width: 100%;
}
.solution-func-pic .func-rt {
  width: 19.75rem;
}
.solution-func-pic .func-rt img {
  vertical-align: top;
  width: 100%;
}
.solution-card {
  display: flex;
  justify-content: space-between;
  margin: 1.875rem 0;
}
.solution-card.other-product > li {
  border: 1px solid #fff;
}
.solution-card.other-product > li:hover {
  border: 1px solid #2EC1CB;
}
.solution-card > li {
  display: block;
  width: calc(33.3% - 1.75rem);
  background: #fff;
  border-radius: 0.75rem;
  box-shadow: 0px 3px 30px 1px rgba(5, 18, 59, 0.08);
}
.solution-card .card-head {
  position: relative;
}
.solution-card .card-head > img {
  display: block;
  width: 100%;
  border-radius: 0.75rem 0.75rem 0 0;
}
.solution-card .card-head .hd-tit {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  line-height: 1.3;
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
  color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.solution-card .card-cont {
  background: #fff;
  border-radius: 0 0 0.75rem 0.75rem;
  padding: 2.75rem 1.5rem 2.5rem;
}
.solution-card .card-list li {
  display: flex;
  margin-bottom: 2.5rem;
}
.solution-card .card-list li:last-child {
  margin-bottom: 1.875rem;
}
.solution-card .card-list li .list-ico {
  display: inline-block;
  vertical-align: top;
  width: 1.5rem;
  height: 1.5rem;
  background: url('../images/index/icon-hook-1.png') no-repeat 0 0;
  background-size: 100% 100%;
  margin-right: 0.625rem;
  margin-top: 2px;
}
.solution-card .card-list li .list-cont {
  flex: 1 1 1px;
}
.solution-card .card-list li .list-des {
  line-height: 1.6;
  font-size: 1rem;
  color: #4E5866;
}
.solution-card-star {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  margin: 40px 0;
}
.solution-card-star > li {
  width: calc(33.3% - 1.875rem);
  background: #fff;
  padding: 0 1.625rem 2.5rem 2.25rem;
  border-radius: 0.75rem;
  box-sizing: border-box;
}
.solution-card-star .star-top {
  display: flex;
  align-items: center;
}
.solution-card-star .star-top > img {
  display: block;
  width: 7.625rem;
  margin-left: 2.5rem;
}
.solution-card-star .star-top .tit {
  flex: 1 1 1px;
  line-height: 1.65;
  font-weight: bold;
  font-size: 1.125rem;
  color: #1E1C1D;
}
.solution-card-star .star-des {
  line-height: 1.65;
  font-size: 1rem;
  color: #707070;
}
.solution-get {
  display: flex;
  justify-content: space-between;
  margin: 2.5rem 0;
}
.solution-get > li {
  position: relative;
  display: block;
  width: calc(33.3% - 1.875rem);
  height: 10rem;
  background: #F4F7FC;
  border-radius: 0.625rem;
  padding: 2rem 1.25rem 0 5.625rem;
  box-sizing: border-box;
}
.solution-get > li .tit {
  line-height: 1.2;
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  font-weight: bold;
  color: #1E1C1D;
}
.solution-get > li .des {
  line-height: 1.65;
  font-size: 1rem;
  color: #4E5866;
}
.solution-get .get-icon {
  position: absolute;
  left: 1rem;
  top: -1.25rem;
  z-index: 1;
  width: 4rem;
  height: 4rem;
}
.solution-get .get-icon > img {
  vertical-align: top;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.solution-quadrant {
  display: flex;
  flex-wrap: wrap;
  padding: 1.25rem 0;
}
.solution-quadrant > li {
  overflow: hidden;
  position: relative;
  display: flex;
  width: 50%;
  height: 12.5rem;
  border-right: 1px solid #E1E5EB;
  border-top: 1px solid #E1E5EB;
  box-sizing: border-box;
  cursor: pointer;
}
.solution-quadrant > li:nth-child(odd) {
  justify-content: flex-end;
}
.solution-quadrant > li:nth-child(even) {
  border-right: 0;
}
.solution-quadrant > li:first-child,
.solution-quadrant > li:nth-child(2) {
  border-top: 0;
}
.solution-quadrant > li .quadrant-hover {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(1.05);
  transition: all 0.2s ease-in-out;
}
.solution-quadrant > li:hover .quadrant-hover {
  opacity: 1;
  transform: scale(1);
}
.solution-quadrant .quadrant-box {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 37.5%;
  min-width: 45rem;
  height: 100%;
  padding-right: 7.5rem;
  padding-left: 1rem;
  box-sizing: border-box;
}
.solution-quadrant .quadrant-box .qb-cont {
  width: 100%;
  margin: auto;
}
.solution-quadrant .quadrant-box .qb-row {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.solution-quadrant .quadrant-box .qb-row > img {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  margin-right: 0.875rem;
}
.solution-quadrant .quadrant-box .qb-row > span {
  display: block;
  font-size: 1.125rem;
  font-weight: bold;
  color: #1E1C1D;
}
.solution-quadrant .quadrant-box .qb-des {
  line-height: 1.8;
  font-size: 1rem;
  color: #707070;
}
.solution-func-tower {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.solution-func-tower .tower-mid {
  display: block;
  width: 50%;
}
.solution-func-tower .tower-col {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 23.75rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.solution-func-tower .tower-col.col-lt {
  left: 0;
}
.solution-func-tower .tower-col.col-rt {
  right: 0;
}
.solution-func-tower .tower-card {
  overflow: hidden;
  border-radius: 0.375rem;
  background: #F4F7FC;
  margin-bottom: 4.875rem;
}
.solution-func-tower .tower-card:last-child {
  margin-bottom: 0;
}
.solution-func-tower .tower-card .tit {
  height: 3.4375rem;
  line-height: 3.4375rem;
  background: linear-gradient(90deg, #2EC1CB 0%, #D2F4F6 100%);
  padding-left: 1.25rem;
  font-size: 1.25rem;
  color: #fff;
}
.solution-func-tower .tower-card .des {
  padding: 1.25rem;
}
.solution-func-tower .tower-card .des .d-tit {
  line-height: 1.2;
  margin-bottom: 0.625rem;
  font-size: 1.125rem;
  color: #1E1C1D;
}
.solution-func-tower .tower-card .des .d-des {
  line-height: 1.65;
  font-size: 0.875rem;
  color: #707070;
}
.solution-func-tower.towertype-2 {
  padding-top: 5rem;
}
.solution-func-tower.towertype-2 .tower-mid {
  display: block;
  width: 68.75%;
}
.solution-func-tower.towertype-2 .tower-col {
  top: 45%;
  border-radius: 1.25rem;
}
.solution-func-tower.towertype-2 .tower-card {
  height: 9rem;
  background: linear-gradient(180deg, #FFFFFF 0%, #ECF3F8 100%);
  border: 2px solid #FFFFFF;
  margin-bottom: 1.875rem;
  box-sizing: border-box;
}
.solution-func-tower.towertype-2 .tower-card .des {
  padding: 1.5rem 2.5rem 0;
}
.solution-func-tower.towertype-2 .tower-card .des .d-tit {
  font-size: 1.3rem;
}
.solution-func-tower.towertype-2 .tower-card .des .d-pre {
  font-size: 1rem;
  color: #707070;
  line-height: 1.7;
}
.solution-func-tower.towertype-3 .tower-mid {
  display: block;
  width: 36.11%;
}
.solution-func-tower.towertype-3 .tower-col {
  top: 45%;
  width: 30%;
}
.solution-func-tower.towertype-3 .tower-col.col-lt .tower-card .des {
  padding-right: 3.125rem;
}
.solution-func-tower.towertype-3 .tower-col.col-lt .tower-card:nth-child(1) .des::after {
  background-image: url('../images/product/5-2/2-line-lt.png');
}
.solution-func-tower.towertype-3 .tower-col.col-lt .tower-card:nth-child(2) .des::after {
  bottom: 100%;
  top: auto;
  background-image: url('../images/product/5-2/2-line-lt.png');
  transform: rotateX(180deg);
}
.solution-func-tower.towertype-3 .tower-col.col-rt .tower-card .tit,
.solution-func-tower.towertype-3 .tower-col.col-rt .tower-card .des {
  padding-left: 3.125rem;
}
.solution-func-tower.towertype-3 .tower-col.col-rt .tower-card:nth-child(1) .des::after {
  background-image: url('../images/product/5-2/2-line-rt.png');
}
.solution-func-tower.towertype-3 .tower-col.col-rt .tower-card:nth-child(2) .des::after {
  bottom: 100%;
  top: auto;
  background-image: url('../images/product/5-2/2-line-rt.png');
  transform: rotateX(180deg);
}
.solution-func-tower.towertype-3 .tower-card {
  height: 10rem;
  background: transparent;
  box-sizing: border-box;
}
.solution-func-tower.towertype-3 .tower-card .tit {
  background: none;
  padding-left: 0;
  font-weight: bold;
  color: #2EC1CB;
}
.solution-func-tower.towertype-3 .tower-card .des {
  line-height: 1.4;
  position: relative;
  padding: 1rem 0 0;
}
.solution-func-tower.towertype-3 .tower-card .des::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 2.5rem;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.solution-func-tower.towertype-3 .tower-card .des .d-pre {
  position: relative;
  z-index: 2;
  font-size: 1rem;
  color: #707070;
}
.solution-accordion {
  display: flex;
  justify-content: center;
  margin: 2.5rem 0;
}
.solution-accordion > li {
  position: relative;
  overflow: hidden;
  flex: 0 0 220px;
  height: 530px;
  padding: 44px 32px 0;
  margin-right: 20px;
  border-radius: 24px;
  box-sizing: border-box;
  transition: flex 0.3s ease-in-out;
  cursor: pointer;
  visibility: visible;
}
.solution-accordion > li.liHover {
  flex: 3;
  background: #F4F7FC;
}
.solution-accordion > li.liHover .acc-def {
  opacity: 0;
}
.solution-accordion > li.liHover .acc-open {
  opacity: 1;
}
.solution-accordion > li.liHover .acc-tit {
  display: none;
  transform: scale(1, 0);
  opacity: 0;
}
.solution-accordion > li.liHover .acc-tit2 {
  display: block;
  visibility: visible;
  transform: translateY(1%);
  opacity: 1;
}
.solution-accordion > li.liHover .acc-des {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: scale(1, 1);
}
.solution-accordion > li .acc-def {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: all 0.1s ease-in-out;
  pointer-events: none;
}
.solution-accordion > li .acc-open {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.1s ease-in-out;
  pointer-events: none;
}
.solution-accordion > li .acc-tit {
  position: relative;
  z-index: 2;
  line-height: 1.65;
  text-align: center;
  font-size: 1.375rem;
  color: #fff;
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
}
.solution-accordion > li .acc-tit2 {
  display: none;
  visibility: hidden;
  line-height: 1.65;
  text-align: left;
  font-size: 1.375rem;
  font-weight: bold;
  color: #1E1C1D;
  opacity: 0;
  transform: scale(1, 0.1);
  transition: transform 0.1s ease-in, opacity 0.1s ease-in;
}
.solution-accordion > li .acc-des {
  display: none;
  position: relative;
  z-index: 2;
  line-height: 1.65;
  margin-top: 5px;
  font-size: 1rem;
  color: #555555;
  opacity: 0;
  transform: scale(1, 0.1);
  transition: transform 0.1s ease-in, opacity 0.1s ease-in;
}
.box-scence {
  background: #F4F7FC;
}
.model-card {
  display: flex;
  justify-content: space-between;
  margin: 1.875rem 0;
}
.model-card > li {
  background-repeat: no-repeat;
  background-position: right 0.6rem bottom 0.6rem;
  background-size: 8.75rem 8.75rem;
  font-size: 1rem;
  color: #707070;
  background-color: #F4F7FC;
  border: 2px solid #fff;
  border-radius: 12px;
  height: 13.75rem;
  padding: 2.8rem 2rem;
  box-sizing: border-box;
  flex: 1;
  margin: 0 1rem;
}
.model-card > li:nth-child(1) {
  background-image: url("../images/model/card-1.png");
}
.model-card > li:nth-child(2) {
  background-image: url("../images/model/card-2.png");
}
.model-card > li:nth-child(3) {
  background-image: url("../images/model/card-3.png");
}
.model-card > li:hover {
  border: 2px solid #2EC1CB;
  background-color: #fff;
}
.model-card > li:hover h3 {
  color: #2EC1CB;
}
.model-card > li h3 {
  font-size: 1.5rem;
  color: #1E1C1D;
  margin-bottom: 0.5rem;
}
.model-card > li p {
  margin-bottom: 1.6rem;
}
.model-card > li a {
  display: inline-block;
  font-size: 1.25rem;
  color: #FFF5F5;
  background: #2EC1CB;
  line-height: 3rem;
  width: 9.7rem;
  text-align: center;
  border-radius: 6px;
}
.product-core {
  display: flex;
  flex-wrap: wrap;
  height: 37.5rem;
  margin: 3.75rem 0 1.25rem;
}
.product-core > li {
  position: relative;
  flex-shrink: 0;
  width: 33.3%;
  height: 18.75rem;
  cursor: pointer;
}
.product-core > li:hover .core-txt {
  top: -2rem;
  bottom: -2rem;
  padding-top: 3.75rem;
}
.product-core > li:hover .core-txt-bg {
  opacity: 1;
  z-index: 1;
  background: url('../images/product/common/core-active.png') no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.product-core > li:hover .bd-tit::after {
  opacity: 1;
}
.product-core > li:hover .bd-intro {
  display: block;
  opacity: 1;
}
.product-core .core-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  overflow: hidden;
}
.product-core .core-img > img {
  vertical-align: top;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.product-core .core-txt {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5.625rem 2.5rem 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transition: all 0.5s ease 0.1s;
  transition: all 0.5s ease 0.1s;
}
.product-core .core-txt-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.product-core .core-txt-bd {
  position: relative;
  z-index: 2;
}
.product-core .core-txt-bd .bd-top {
  position: relative;
}
.product-core .core-txt-bd .bd-icon {
  display: block;
  width: 4.25rem;
  height: 4.25rem;
  margin: 0 auto 9px;
}
.product-core .core-txt-bd .bd-icon > img {
  vertical-align: top;
  max-width: 100%;
}
.product-core .core-txt-bd .bd-tit {
  position: relative;
  line-height: 1.2;
  padding-bottom: 1.5rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.product-core .core-txt-bd .bd-tit::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  width: 50px;
  height: 6px;
  background-color: hsla(0, 0%, 100%, 0.5);
  margin-left: -25px;
  opacity: 0;
  -webkit-transition: all 0.4s ease 0.1s;
  transition: all 0.4s ease 0.1s;
}
.product-core .core-txt-bd .bd-intro {
  line-height: 1.65;
  margin-top: 1.5rem;
  text-align: left;
  opacity: 0;
  -webkit-transition: all 0.4s ease 0.1s;
  transition: all 0.4s ease 0.1s;
  font-size: 1rem;
  color: #fff;
}
.product-card {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2.5rem -0.5rem 0;
}
.product-card > li {
  position: relative;
  flex: 1 1 30%;
  background: linear-gradient(180deg, #FFFFFF 0%, #ECF3F8 100%);
  border-radius: 0.75rem;
  border: 2px solid #FFFFFF;
  margin: 0 0.5rem 1.875rem;
  overflow: hidden;
}
.product-card > li .card-icon {
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  z-index: 1;
  width: 8.125rem;
  height: 8.125rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.product-card > li .card-cont {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 2.5rem 1.25rem 3.125rem;
  box-sizing: border-box;
}
.product-card > li .card-cont .tit {
  line-height: 1.3;
  margin-bottom: 1.5rem;
  font-size: 1.375rem;
  color: #1E1C1D;
}
.product-card > li .card-cont .des {
  line-height: 1.5;
  background: url(../images/index/icon-hook-1.png) no-repeat top 1px left 0;
  background-size: 1.5rem 1.5rem;
  margin-bottom: 1rem;
  padding-left: 2rem;
  font-size: 1rem;
  color: #707070;
}
.product-tab-tit {
  display: flex;
  justify-content: center;
  width: 75%;
  min-width: 90rem;
  margin: 1rem auto 2.5rem;
  border-bottom: 1px solid #E1E5EB;
}
.product-tab-tit li {
  position: relative;
  display: block;
  width: 15%;
  height: 3.75rem;
  line-height: 3.75rem;
  margin: 0 1.5rem;
  text-align: center;
  font-size: 1rem;
  color: #1E1C1D;
  transition: color 0.5s ease-in-out;
  cursor: pointer;
}
.product-tab-tit li::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  width: 0;
  height: 4px;
  background: #2EC1CB;
  transform: translateX(-50%);
  transition: width 0.5s ease-in-out;
}
.product-tab-tit li.curr {
  color: #2EC1CB;
  font-weight: bold;
}
.product-tab-tit li.curr::after {
  width: 6.25rem;
}
.product-tab-tbd {
  position: relative;
}
.product-tab-tbd .tbd-hidden {
  display: block;
  width: 50%;
  opacity: 1;
}
.product-tab-tbd > li {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  background: #2EC1CB;
  align-items: center;
  justify-content: space-between;
}
.product-tab-tbd > li.show {
  z-index: 2;
}
.product-tab-tbd > li.show .tbd-lt {
  opacity: 1;
  transform: translateX(0);
}
.product-tab-tbd > li.show .tbd-rt {
  opacity: 1;
  transform: translateY(0);
}
.product-tab-tbd .tbd-lt {
  width: 50%;
  height: 100%;
  opacity: 0;
  transform: translateX(-100px);
  transition: all 0.5s linear;
}
.product-tab-tbd .tbd-lt > img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.product-tab-tbd .tbd-rt {
  width: 50%;
  padding-left: 5rem;
  box-sizing: border-box;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.5s linear;
}
.product-tab-tbd .tbd-rt .rt-tit {
  line-height: 1.3;
  margin-bottom: 3.125rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
}
.product-tab-tbd .tbd-rt .rt-row {
  width: 80%;
  margin-bottom: 2rem;
  font-size: 0;
}
.product-tab-tbd .tbd-rt .rt-row:last-child {
  margin-bottom: 0;
}
.product-tab-tbd .tbd-rt .rt-row > p {
  display: inline-block;
  vertical-align: top;
  line-height: 1.25rem;
  width: calc(100% - 2.25rem);
  color: #fff;
  font-size: 1rem;
}
.product-tab-tbd .tbd-rt .rt-ico {
  display: inline-block;
  vertical-align: top;
  width: 1.25rem;
  height: 1.25rem;
  background: url('../images/product/common/icon-hook.png') no-repeat 0 0;
  background-size: 100% 100%;
  margin-right: 1rem;
}
.product-other {
  display: flex;
  justify-content: space-between;
  margin-top: 2.5rem 0 1.875rem;
}
.product-other.other-type2 li {
  flex-direction: column;
  align-items: initial;
  padding: 0;
}
.product-other.other-type2 .type2-tit {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 7.5rem;
  background: url('../images/product/1-2/other-box-tit.png') no-repeat 0 0;
  background-size: 100% 100%;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
}
.product-other.other-type2 .type2-cont {
  position: relative;
  display: flex;
  align-items: flex-start;
  height: 12.5rem;
  padding: 2.8rem 35% 0 2.375rem;
  box-sizing: border-box;
}
.product-other.other-type2 .type2-cont .other-rt {
  position: absolute;
  right: 0;
  top: -3.25rem;
  z-index: 1;
}
.product-other li {
  width: calc(50% - .625rem);
  display: flex;
  align-items: center;
  background: #F4F7FC;
  border-radius: 1.25rem;
  padding: 2.5rem 2rem;
  box-sizing: border-box;
}
.product-other li .other-lt {
  flex: 1 1 1px;
  padding-right: 1.5rem;
}
.product-other li .other-lt .tit {
  line-height: 1.4;
  margin-bottom: 2rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: #1E1C1D;
}
.product-other li .other-lt .des {
  line-height: 1.8;
  font-size: 1rem;
  color: #707070;
}
.product-other li .other-rt {
  width: 33.3%;
}
.product-other li .other-rt > img {
  vertical-align: top;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.produc-search-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 220px;
}
.produc-search-box .box-tit {
  line-height: 1.65;
  margin-bottom: 5px;
  font-size: 2rem;
  font-weight: bold;
  color: #1E1C1D;
}
.produc-search-box .box-des {
  line-height: 1.3;
  font-size: 1rem;
  color: #707070;
}
.produc-search-box .box-edit {
  display: flex;
  margin-top: 2rem;
  width: 480px;
  height: 52px;
  border-radius: 10px;
  font-size: 16px;
}
.produc-search-box .box-edit .e-cont {
  width: 350px;
  height: 100%;
  background: #fff;
  padding: 0 20px;
  border-radius: 10px 0 0 10px;
  color: #1E1C1D;
}
.produc-search-box .box-edit .e-cont > input {
  display: block;
  width: 100%;
  height: 100%;
}
.produc-search-box .box-edit .e-btn {
  display: block;
  width: 130px;
  line-height: 52px;
  border-radius: 0 10px 10px 0;
  background: #2EC1CB;
  text-align: center;
  color: #fff;
}
.product-intro-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2.5rem 0 1.25rem;
}
.product-intro-list li {
  display: flex;
  align-items: center;
  width: calc(50% - .625rem);
  border: 1px solid #E1E5EB;
  border-left: 0.375rem solid #D1F0F2;
  border-radius: 0 0.625rem 0.625rem 0;
  padding: 0.625rem 1.875rem 0.625rem 2.5rem;
  margin-bottom: 1.25rem;
  box-sizing: border-box;
}
.product-intro-list .intro-info {
  flex: 1 1 1px;
  padding-right: 3.25rem;
}
.product-intro-list .intro-info .tit {
  line-height: 1.2;
  margin-bottom: 2rem;
  font-size: 1.5rem;
  color: #1E1C1D;
}
.product-intro-list .intro-info .des {
  line-height: 1.65;
  font-size: 1rem;
  color: #555555;
}
.product-intro-list .intro-icon {
  width: 15rem;
  height: 15rem;
}
.product-intro-list .intro-icon > img {
  vertical-align: top;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.product-other-AI {
  position: relative;
  height: 25rem;
  background: #fff;
  border-radius: 1.25rem;
  margin: 3.125rem 0 1.5rem;
  padding: 5rem 36.8% 0 6.25rem;
  box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.product-other-AI .ai-pic {
  position: absolute;
  right: 0;
  top: -0.625rem;
  z-index: 1;
  width: 36.8%;
  height: 26.875rem;
}
.product-other-AI .ai-pic > img {
  vertical-align: top;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.product-other-AI .tit {
  line-height: 1.3;
  margin-bottom: 2rem;
  font-weight: bold;
  font-size: 1.5rem;
  color: #1E1C1D;
}
.product-other-AI .des {
  width: 70%;
  line-height: 1.65;
  font-size: 1rem;
  color: #707070;
}
.product-other-AI .ai-btn {
  display: block;
  width: 8.125rem;
  height: 3.25rem;
  line-height: 3.25rem;
  background: #2EC1CB;
  border-radius: 0.5rem;
  margin-top: 2rem;
  text-align: center;
  color: #fff;
  font-size: 1rem;
}
.product-table {
  display: flex;
}
.product-table.mt20 {
  margin-top: 2.5rem;
}
.product-table .product-table-l {
  width: 21.25rem;
}
.product-table .product-table-l li {
  background: url(../images/product/3-1/tit-bg.png) no-repeat center center;
  background-size: 100% 100%;
  -webkit-transition: all 0.5s ease 0.1s;
  transition: all 0.5s ease 0.1s;
  cursor: pointer;
  position: relative;
  height: 12.5rem;
  overflow: hidden;
}
.product-table .product-table-l li .product-item {
  display: flex;
  align-items: center;
  height: 12.5rem;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 0 1.88rem;
  width: calc(100% + 5.35rem);
  box-sizing: border-box;
}
.product-table .product-table-l li .service-ico {
  width: 4.6rem;
  height: 4.6rem;
  margin-right: 0.75rem;
}
.product-table .product-table-l li h5 {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: normal;
  color: #1E1C1D;
}
.product-table .product-table-l li p {
  font-size: 1.125rem;
  color: #1E1C1D;
}
.product-table .product-table-l li .service-curr {
  width: 8.125rem;
  height: 8.125rem;
  position: absolute;
  right: 1rem;
  bottom: 0;
  opacity: 0;
}
.product-table .product-table-l li.curr {
  background: #2EC1CB;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.product-table .product-table-l li.curr .product-item {
  left: -5.35rem;
}
.product-table .product-table-l li.curr h5,
.product-table .product-table-l li.curr p {
  color: #fff;
}
.product-table .product-table-l li.curr .service-ico {
  opacity: 0;
}
.product-table .product-table-l li.curr .service-curr {
  opacity: 1;
}
.product-table .product-table-r {
  flex: 1;
  background: #fff;
}
.product-table .product-table-r section {
  display: none;
}
.product-table .product-table-r section.show {
  display: block;
}
.product-table .product-table-r .r-flex-con {
  padding: 2.6rem 1.3rem 0.4rem;
  border: 1px solid #E1E5EB;
  height: 100%;
  box-sizing: border-box;
  width: 100%;
  border-left: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.product-table .product-table-r .r-flex-con li {
  width: 50%;
  padding: 0 1.3rem 2.2rem;
  box-sizing: border-box;
}
.product-table .product-table-r .r-flex-con li > div {
  background: #F4F7FC url(../images/product/3-1/con-bg.png) no-repeat center right;
  background-size: auto 100%;
  height: 15rem;
  box-sizing: border-box;
  padding: 3.9rem 0 0 2.1rem;
}
.product-table .product-table-r .r-flex-con li > div h5 {
  font-size: 1.4rem;
  color: #1E1C1D;
  margin-bottom: 1rem;
}
.product-table .product-table-r .r-flex-con li > div p {
  font-size: 1rem;
  color: #707070;
  width: 17.5rem;
  line-height: 2;
}
.product-table .product-table-r .r-flex-con li.flex-1 {
  width: 100%;
}
.product-robot {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5.75rem 0 1.25rem;
}
.product-robot > li {
  position: relative;
  z-index: 1;
  width: 33%;
  border-radius: 1.25rem;
  cursor: pointer;
}
.product-robot > li:first-child {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}
.product-robot > li.active {
  z-index: 2;
  width: 40%;
  box-shadow: 0px 3px 20px 1px rgba(46, 193, 203, 0.4);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.product-robot > li.active .robot-head {
  height: 8.125rem;
  line-height: 8.125rem;
  background-image: url('../images/product/2-1/card-top-curr.png');
  color: #fff;
  padding-left: 1.875rem;
}
.product-robot > li.active .robot-head::after {
  content: '';
  position: absolute;
  right: 0.75rem;
  bottom: 0;
  z-index: 1;
  width: 12.5rem;
  height: 12.5rem;
  background: url('../images/product/2-1/icon-robot.png') no-repeat 0 0;
  background-size: 100% 100%;
}
.product-robot > li.active .robot-deslist {
  padding-left: 1.875rem;
}
.product-robot > li.disabled {
  -webkit-transform: scale(0.96) translateX(-10px);
  transform: scale(0.96) translateX(-10px);
}
.product-robot > li.disabled .robot-head {
  background-image: url('../images/product/2-1/card-top-dis.png');
}
.product-robot > li.disabled .robot-deslist {
  background: #F4F6F9;
  border-color: #999999;
}
.product-robot > li.disabled .ico {
  background: url('../images/product/common/icon-hook-gray.png') no-repeat 0 0;
  background-size: 100% 100%;
}
.product-robot .robot-head {
  position: relative;
  height: 6.25rem;
  line-height: 6.25rem;
  background-image: url('../images/product/2-1/card-top-def.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  border-radius: 1.25rem 1.25rem 0 0;
  padding-left: 2.125rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: #1E1C1D;
}
.product-robot .robot-deslist {
  background: #fff;
  border: 1px solid #2EC1CB;
  border-top: none;
  border-radius: 0 0 1.25rem 1.25rem;
  padding: 1.25rem 0;
  padding-left: 2.125rem;
}
.product-robot .robot-deslist > li {
  line-height: 1.5;
  padding: 1.5rem 0;
  font-size: 1.25rem;
  color: #555555;
}
.product-robot .ico {
  display: inline-block;
  vertical-align: top;
  width: 1.25rem;
  height: 1.125rem;
  background: url('../images/product/common/icon-hook-green.png') no-repeat 0 0;
  background-size: 100% 100%;
  margin-right: 16px;
  margin-top: 0.35rem;
}
.follow-text {
  position: absolute;
  left: 2.5rem;
  top: 3.7rem;
}
.follow-text h6 {
  font-size: 1.25rem;
  color: #000000;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.follow-text p {
  font-size: 14px;
  color: #6889AC;
}
.follow-des {
  font-size: 0.95rem;
  color: #4E5866;
  line-height: 1.8;
}
.card-follow {
  padding: 2.25rem 2.5rem;
}
.product-func .func-box {
  height: 10rem;
}
.product-intro {
  display: flex;
  margin-top: 6rem;
}
.product-intro > li {
  flex: 1;
  background: #F3F6FC;
  position: relative;
  padding: 8.4rem 1.5rem 2.2rem;
  margin-right: 1.25rem;
  border-radius: 0.7rem;
}
.product-intro > li:last-child {
  margin-right: 0;
}
.product-intro > li img {
  width: 10rem;
  height: 10rem;
  position: absolute;
  top: -3.6rem;
  left: 50%;
  transform: translateX(-50%);
}
.product-intro > li h5 {
  font-size: 1.4rem;
  font-weight: normal;
  color: #1E1C1D;
  text-align: center;
  margin-bottom: 1.8rem;
}
.product-intro > li p {
  font-size: 1rem;
  color: #707070;
}
.product-adv {
  font-size: 1rem;
  color: #707070;
}
.product-adv > li {
  width: 40rem;
}
.product-adv > li:not(:nth-child(2)) {
  width: calc((100% - 40rem) / 2 - 1rem);
}
.product-adv > li .adv-item {
  margin: 5rem 0;
}
.product-adv > li .adv-item h3 {
  font-size: 1.5rem;
  color: #2EC1CB;
}
.product-adv > li .adv-item h3 i {
  font-size: 2.2rem;
  font-weight: bold;
  font-family: D-DIN;
  vertical-align: middle;
}
.product-adv > li .adv-item .adv-line {
  width: 100%;
  height: 2px;
  background: linear-gradient(57deg, #1966FF 0%, #00EAF8 87%, #00EAF8 100%);
  margin: 0.9rem 0 2rem;
}
.product-scence > li {
  width: calc(25% - 1rem);
  background: #2EC1CB;
}
.product-scence > li .card-follow {
  text-align: center;
  padding: 2rem 1.4rem 2.3rem;
}
.product-scence > li .card-follow h6 {
  font-size: 1.4rem;
  color: #FFFFFF;
  margin-bottom: 1.3rem;
}
.product-scence > li .card-follow .follow-des {
  font-size: 1rem;
  color: #FFFFFF;
}
.product-step-intro {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2.5rem 0 1.25rem;
}
.product-step-intro > li {
  display: block;
  width: calc(25% - .625rem);
  border: 1px solid #E4E7EC;
  border-top: none;
  border-radius: 1.25rem;
  margin-bottom: 1.25rem;
}
.product-step-intro .step-head {
  position: relative;
  height: 5.625rem;
  line-height: 5.625rem;
  background: url('../images/product/2-2/card-bg.png') no-repeat 0 0;
  background-size: 100% 100%;
  border-radius: 1.25rem 1.25rem 0 0;
  margin: 0 -1px;
  text-align: center;
}
.product-step-intro .step-head > span {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
}
.product-step-intro .step-head > img {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.product-step-intro .step-cont {
  padding: 1.5rem 1.25rem;
}
.product-step-intro .step-item-list {
  position: relative;
}
.product-step-intro .step-item-list::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 0.5rem;
  z-index: 1;
  width: 1px;
  height: 100%;
  background: #E4E7EC;
}
.product-step-intro .step-item-list > li {
  position: relative;
  z-index: 2;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  padding-left: 1.5rem;
  font-size: 1rem;
  color: #707070;
}
.product-step-intro .step-item-list > li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 8px;
  height: 8px;
  background: #2EC1CB;
  border-radius: 50%;
  margin-right: 0.875rem;
}
.swiper-banner {
  position: relative;
  overflow: hidden;
}
.swiper-banner .swiper-slide {
  position: relative;
}
.swiper-banner .swiper-slide > img {
  display: block;
  width: 100%;
}
.swiper-banner .swiper-pagination-bullet {
  width: 2.25rem;
  height: 0.25rem;
  border-radius: 1px;
  background: #fff;
  opacity: 1;
}
.swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #2EC1CB;
}
.swiper-banner .banner-con-center {
  position: absolute;
  width: 36rem;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.swiper-banner .banner-con-center .banner-logo {
  display: block;
  height: 5rem;
  margin: 0 auto 1.1rem;
}
.swiper-banner .banner-con-center h1 {
  font-size: 2.25rem;
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 1rem;
}
.swiper-banner .banner-con-center p {
  font-size: 1rem;
  color: #FFFFFF;
  margin-bottom: 2.5rem;
}
.swiper-banner .banner-con-center .look-detail {
  display: inline-block;
  font-size: 1.25rem;
  color: #FFF5F5;
  background: #2EC1CB;
  width: 9.7rem;
  line-height: 3rem;
  border-radius: 6px;
}
.case-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -1rem;
}
.case-list > li {
  padding: 1rem;
  width: 33.33%;
  box-sizing: border-box;
}
.case-list > li .case-item {
  border: 2px solid #FFFFFF;
  border-radius: 14px;
  box-shadow: 0 3px 30px 1px rgba(5, 18, 59, 0.08);
  height: 100%;
}
.case-list > li .case-item .case-top {
  position: relative;
  border-radius: 12px;
}
.case-list > li .case-item .hos-img {
  width: 100%;
  border-radius: 12px;
}
.case-list > li .case-item .case-intro {
  padding: 2.5rem 1.5rem;
}
.case-list > li .case-item .case-intro h5 {
  font-size: 1.5rem;
  color: #1E1C1D;
  font-weight: bold;
  margin-bottom: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.case-list > li .case-item .case-intro p {
  font-size: 1rem;
  color: #707070;
  margin-bottom: 1rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.case-list > li .case-item .case-intro a {
  display: inline-block;
  font-size: 1.25rem;
  color: #2EC1CB;
  border: 1px solid #2EC1CB;
  width: 8.2rem;
  line-height: 3rem;
  border-radius: 6px;
  text-align: center;
}
.case-list > li .case-item .hos-logo {
  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.96) 54%, rgba(255, 255, 255, 0.8) 100%);
  padding: 0.8rem 1.6rem;
  height: 4.25rem;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-radius: 0 0 10px 10px;
  left: 0;
}
.case-list > li .case-item .hos-logo img {
  height: 100%;
  max-width: 100%;
}
.case-list > li .case-item:hover {
  border: 2px solid #2EC1CB;
}
.case-open {
  font-size: 14px;
  color: #2EC1CB;
  text-align: center;
  padding: 2rem 0;
  cursor: pointer;
}
.case-open .open-ico {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../images/case/down.png) no-repeat center center;
  background-size: 100% 100%;
  margin-left: 3px;
}
.product-other-thin {
  flex-wrap: wrap;
}
.product-other-thin > li {
  background: #fff;
  box-shadow: 0px 3px 30px 1px rgba(5, 18, 59, 0.08);
  padding: 1.25rem;
  margin-bottom: 2.5rem;
  width: calc(50% - 1rem);
}
.product-other-thin > li .other-lt .tit {
  font-size: 1.25rem;
  margin-bottom: 0.6rem;
}
.product-other-thin > li .other-lt .tit-sub {
  font-size: 14px;
  color: #6889AC;
  margin-bottom: 0.6rem;
}
.product-other-thin > li .other-lt .des {
  color: #4E5866;
}
.product-model-list > li {
  width: 16.66%;
}
.product-model-tab > li {
  align-items: center;
}
.product-table-new section {
  height: 100%;
}
.product-table-new .product-table-item {
  height: 100%;
  display: flex;
  padding: 3rem 0;
  border: 1px solid #E1E5EB;
  box-sizing: border-box;
  border-left: none;
}
.product-table-new .product-table-item .product-item-pic {
  flex: 1;
}
.product-table-new .product-table-item .product-item-pic img {
  display: block;
  width: 100%;
  height: auto;
}
.product-table-new .product-table-item .knowledge-l {
  padding-left: 4.3rem;
  position: relative;
  width: 25rem;
  box-sizing: border-box;
}
.product-table-new .product-table-item .knowledge-l h3 {
  margin-bottom: 0.75rem;
  font-size: 1.4rem;
  color: #1E1C1D;
  font-weight: normal;
}
.product-table-new .product-table-item .knowledge-l p {
  font-size: 1rem;
  color: #707070;
  line-height: 2;
}
.product-table-new .product-table-item .knowledge-l .knowledge-t {
  position: absolute;
  top: 3rem;
}
.product-table-new .product-table-item .knowledge-list {
  display: flex;
  align-items: center;
  font-size: 1.13rem;
  color: #999999;
  position: absolute;
  bottom: 5.5rem;
  width: 100%;
}
.product-table-new .product-table-item .knowledge-list li {
  flex: 1;
}
.product-table-new .product-table-item .knowledge-list li h2 {
  font-size: 1.25rem;
  color: #1E1C1D;
  font-weight: bold;
  margin-bottom: 0.8rem;
}
.product-table-new .product-table-item .knowledge-list li h2 b {
  font-size: 2.5rem;
  font-family: D-DIN-B;
}
.product-table-new .product-table-item .text-l {
  font-size: 1rem;
  color: #707070;
  padding: 0 3rem 0 4.3rem;
  width: 25rem;
  box-sizing: border-box;
}
.product-table-new .product-table-item .text-l h3 {
  margin-bottom: 0.75rem;
  font-size: 1.4rem;
  color: #1E1C1D;
}
.product-table-new .product-table-item.product-ai-c {
  align-items: center;
}
.intro-table {
  border: 1px solid #E4E7EC;
  border-radius: 16px;
}
.intro-table .intro-table-header {
  background: url(../images/product/4-1/bg.png) no-repeat center center;
  background-size: 100% 100%;
  margin-top: 2.5rem;
  font-size: 1.25rem;
  color: #FFFFFF;
  font-weight: bold;
  line-height: 3.75rem;
}
.intro-table .intro-table-header > th {
  flex: 1;
  text-align: center;
}
.intro-table td {
  font-size: 1rem;
  color: #555555;
  vertical-align: middle;
  border-left: 1px solid #E4E7EC;
  border-top: 1px solid #E4E7EC;
  line-height: 3.1rem;
}
.intro-table td.bg-green {
  background: #E1F5F6;
}
.intro-table td.table-tit {
  font-size: 1rem;
  color: #1E1C1D;
  font-weight: bold;
}
.intro-table tbody tr:first-child td {
  border-top: none;
}
.intro-table tbody tr td.bl-none {
  border-left: none;
}
.case-con {
  background: #fff url(../images/case/bg.png) no-repeat top center;
  background-size: 100% auto;
}
.case-con .case-detail {
  background: #fff;
  box-shadow: 0px 3px 30px 1px rgba(5, 18, 59, 0.08);
  margin: 12.5rem auto 1rem;
  border-radius: 1.5rem;
  display: flex;
}
.case-con .case-detail .case-l {
  padding-left: 2rem;
  flex: 1;
}
.case-con .case-detail .case-l .case-logo-header {
  padding: 2.4rem 0 1.75rem;
  border-bottom: 1px solid #E1E5EB;
}
.case-con .case-detail .case-l .case-logo-header img {
  height: 5rem;
  width: auto;
}
.case-con .case-detail .case-l .case-text {
  padding: 1.5rem 2.7rem 2rem 0;
}
.case-con .case-detail .case-l .case-text .case-view {
  margin-bottom: 2.6rem;
}
.case-con .case-detail .case-l .case-text .case-view h2 {
  font-size: 2.25rem;
  color: #1E1C1D;
  margin-bottom: 1rem;
}
.case-con .case-detail .case-l .case-text .case-view p {
  font-size: 1rem;
  color: #555555;
  margin-bottom: 1.8rem;
}
.case-con .case-detail .case-l .case-text .case-view img {
  display: block;
  width: 100%;
  margin-bottom: 1.8rem;
}
.case-con .case-detail .case-r {
  border-left: 1px solid #E1E5EB;
  width: 25rem;
}
.case-con .case-detail .case-r .case-recommend {
  padding: 2rem 0 1.25rem 2.8rem;
  font-size: 1.75rem;
  color: #1E1C1D;
}
.case-con .case-detail .case-r .case-list {
  display: block;
  padding: 0 2rem;
  margin: 0;
}
.case-con .case-detail .case-r .case-list > li {
  width: 100%;
  padding: 0;
  margin-bottom: 1.75rem;
}
.case-con .case-detail .case-r .case-list > li .case-item {
  border: 1px solid #E1E5EB;
}
.case-con .case-detail .case-r .case-list > li .case-item .hos-logo {
  height: 3.2rem;
}
.case-con .case-detail .case-r .case-list > li .case-item .case-intro {
  padding: 1.8rem 1.1rem;
}
.case-con .case-detail .case-r .case-list > li .case-item .case-intro h5 {
  font-size: 1.2rem;
}
.aboutUs-banner .banner-content .cont-box .des {
  height: 3rem;
  line-height: 3rem;
  background: url('../images/aboutUs/banner-txt.png') no-repeat 0 0;
  background-size: 100% 100%;
  padding: 0 3.75rem;
  font-size: 1.125rem;
  color: #fff;
}
.aboutUs-title {
  text-align: center;
  padding: 1.875rem 0 1.25rem;
}
.aboutUs-title .tit-top {
  position: relative;
  line-height: 1.2;
  font-size: 1.75rem;
  font-weight: 400;
  color: #1E1C1D;
}
.aboutUs-title .tit-top::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -2px;
  z-index: 0;
  width: 3.1rem;
  height: 0.5rem;
  background: #2EC1CB;
  margin-left: -1.55rem;
}
.aboutUs-title .tit-top > span {
  position: relative;
  z-index: 1;
  font-weight: bold;
}
.aboutUs-title .tit-en {
  overflow: hidden;
  line-height: 1.1;
  height: 1.65rem;
  margin-top: 10px;
  font-size: 1.875rem;
  font-weight: bold;
  font-family: 'D-DIN-B';
  color: rgba(30, 28, 29, 0.1);
  text-transform: uppercase;
}
.aboutUs-company {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1.25rem 0;
}
.aboutUs-company .company-lt {
  width: 50%;
  padding-right: 6.25rem;
  box-sizing: border-box;
}
.aboutUs-company .company-lt > p {
  line-height: 1.65;
  margin-bottom: 3.125rem;
  font-size: 14px;
  color: #4E5866;
}
.aboutUs-company .company-lt > p:last-child {
  margin-bottom: 0;
}
.aboutUs-company .company-rt {
  width: 50%;
}
.aboutUs-company .company-rt > img {
  vertical-align: top;
  width: 100%;
}
.aboutUs-course {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0;
}
.aboutUs-course > li {
  overflow: hidden;
  position: relative;
  display: block;
  width: calc(33.3% - 1rem);
  background: #fff;
  border-radius: 1.25rem;
}
.aboutUs-course > li > img {
  position: absolute;
  right: 0;
  top: 0;
  width: 72.3%;
}
.aboutUs-course .ac-box {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 2.5rem 1.875rem 1.5rem;
  box-sizing: border-box;
}
.aboutUs-course .ac-box .box-top {
  height: 7.25rem;
  position: relative;
  color: #1E1C1D;
}
.aboutUs-course .ac-box .box-top .tit {
  line-height: 1.1;
  margin-bottom: 1rem;
  font-family: 'D-DIN-B';
  font-size: 1.75rem;
  font-weight: bold;
}
.aboutUs-course .ac-box .box-top .des {
  line-height: 1.1;
  font-size: 1.125rem;
}
.aboutUs-course .ac-box .box-top .bot {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 0.875rem;
}
.aboutUs-course .ac-item {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.aboutUs-course .ac-item > li {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
}
.aboutUs-course .ac-item > li > i {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background: url('../images/product/common/icon-hook-green.png') no-repeat 0 0;
  background-size: 100% 100%;
  margin-right: 3px;
}
.aboutUs-course .ac-item > li > p {
  flex: 1 1 1px;
  font-size: 0.875rem;
  white-space: nowrap;
}
.milestone-box {
  position: relative;
  overflow: hidden;
  padding: 0 1.875rem 2rem;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 1.25rem;
  width: 100%;
  box-sizing: border-box;
}
.milestone-box::after {
  content: '';
  position: absolute;
  left: 44px;
  right: 44px;
  top: 99px;
  height: 4px;
  background: #E4E7EC;
}
.milestone-swiper-time {
  position: relative;
}
.milestone-swiper-time.swiper {
  margin: 0 60px;
}
.milestone-swiper-time .swiper-slide.swiper-slide-thumb-active > a .time {
  color: #2EC1CB;
  font-size: 28px;
}
.milestone-swiper-time .swiper-slide.swiper-slide-thumb-active > a .mid {
  border-color: #2EC1CB;
  background: #2EC1CB;
}
.milestone-swiper-time .swiper-slide.swiper-slide-thumb-active > a .mid > i {
  background: #fff;
}
.milestone-swiper-time .swiper-slide > a {
  display: block;
  text-align: center;
}
.milestone-swiper-time .swiper-slide .time {
  height: 64px;
  line-height: 64px;
  font-size: 20px;
  font-weight: bold;
  font-family: 'D-DIN-B';
  color: #1E1C1D;
}
.milestone-swiper-time .swiper-slide .time > span {
  display: inline-block;
  vertical-align: bottom;
  line-height: 1;
}
.milestone-swiper-time .swiper-slide .circle {
  height: 70px;
  line-height: 70px;
  position: relative;
  z-index: 1;
}
.milestone-swiper-time .swiper-slide .mid {
  display: inline-block;
  vertical-align: -5px;
  border-radius: 50%;
  background: #AFE7EB;
  padding: 5px;
}
.milestone-swiper-time .swiper-slide .mid > i {
  display: block;
  height: 8px;
  width: 8px;
  background: #fff;
  border-radius: 50%;
}
.milestone-btn {
  position: absolute;
  top: 76px;
  z-index: 2;
  width: 48px;
  height: 48px;
  line-height: 48px;
  background-color: #E7FEFF;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../images/aboutUs/arrow.png');
  background-size: 24px 24px;
  border: 1px solid #2EC1CB;
  border-radius: 100%;
  box-sizing: border-box;
  box-shadow: 0px 6px 20px 0px rgba(114, 118, 127, 0.1);
}
.milestone-btn.swiper-button-disabled {
  background-color: #F2FEFF;
  border-color: rgba(159, 222, 231, 0.4);
  background-image: url('../images/aboutUs/arrow-gray.png');
  box-shadow: 0px 6px 20px 0px rgba(114, 118, 127, 0.1);
}
.milestone-btn.btn-prev {
  left: 1.875rem;
}
.milestone-btn.btn-next {
  right: 1.875rem;
  transform: rotate(180deg);
}
.milestone-swiper-intro.swiper {
  overflow: hidden;
  margin: 10px auto;
}
.milestone-swiper-intro .swiper-slide {
  height: 150px;
  line-height: 150px;
  padding: 0 3rem;
  text-align: center;
  background: #fff;
  border-radius: 1.25rem;
  box-shadow: 0px 6px 20px 0px rgba(114, 118, 127, 0.06);
  box-sizing: border-box;
}
.milestone-swiper-intro .swiper-slide > p {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.8;
  font-size: 16px;
  color: #555555;
}
.aboutUs-care {
  margin: 1rem 0;
  height: 600px;
}
.aboutUs-care .care-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  padding: 1.875rem 0;
  box-sizing: border-box;
}
.aboutUs-care .care-list li {
  display: flex;
  height: calc(50% - 2.5rem);
  background-color: #fff;
  border-radius: 0.75rem;
  margin-bottom: 1.25rem;
  padding: 1.875rem 1.5rem;
  box-sizing: border-box;
  transition: background 0.3s linear, transform 0.3s linear;
  cursor: pointer;
}
.aboutUs-care .care-list li:nth-child(3n) {
  margin-right: 0;
}
.aboutUs-care .care-list li:hover {
  background: url('../images/aboutUs/3-active.png') no-repeat 0 0 #fff;
  background-size: 100% 100%;
  transform: translateY(-10px);
}
.aboutUs-care .care-list li:hover .list-lt .lt-time,
.aboutUs-care .care-list li:hover .list-lt .lt-day {
  color: #2EC1CB;
}
.aboutUs-care .care-list li:hover .list-lt ::before {
  width: 100%;
}
.aboutUs-care .care-list li:hover .list-lt ::after {
  opacity: 0;
}
.aboutUs-care .care-list .list-lt {
  position: relative;
  height: 5.5rem;
  margin-right: 2rem;
}
.aboutUs-care .care-list .list-lt .lt-time {
  line-height: 1.1;
  font-size: 13px;
  color: #1E1C1D;
  transition: color 0.3s ease-in-out;
}
.aboutUs-care .care-list .list-lt .lt-time > b {
  font-size: 1.75rem;
  font-family: 'D-DIN';
  margin-right: 0.25rem;
}
.aboutUs-care .care-list .list-lt .lt-day {
  line-height: 1.1;
  margin-top: 0.7rem;
  font-family: 'D-DIN';
  font-weight: bold;
  font-size: 1rem;
  color: #777777;
  transition: color 0.3s ease-in-out;
}
.aboutUs-care .care-list .list-lt ::before,
.aboutUs-care .care-list .list-lt ::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
}
.aboutUs-care .care-list .list-lt ::before {
  z-index: 2;
  width: 0;
  background: #2EC1CB;
  transition: width 0.3s ease-in-out;
}
.aboutUs-care .care-list .list-lt ::after {
  width: 100%;
  background: rgba(157, 160, 166, 0.7);
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.aboutUs-care .care-list .list-rt {
  flex: 1 1 1px;
}
.aboutUs-care .care-list .list-rt .tit {
  line-height: 2rem;
  margin-bottom: 1rem;
  font-weight: 400;
  font-size: 16px;
  color: #1E1C1D;
}
.aboutUs-care .care-list .list-rt .des {
  line-height: 1.65;
  text-align: justify;
  font-size: 13px;
  color: #777777;
}
.aboutUs-care .care-bot {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  text-align: center;
}
.aboutUs-care .care-bot > a {
  display: inline-block;
  vertical-align: top;
  width: 48px;
  height: 48px;
  line-height: 48px;
  background-color: #E7FEFF;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../images/aboutUs/arrow.png');
  background-size: 24px 24px;
  border: 1px solid #2EC1CB;
  border-radius: 100%;
  margin: 0 1rem;
  box-sizing: border-box;
  box-shadow: 0px 6px 20px 0px rgba(114, 118, 127, 0.1);
}
.aboutUs-care .care-bot > a.swiper-button-disabled {
  background-color: #F2FEFF;
  border-color: rgba(159, 222, 231, 0.4);
  background-image: url('../images/aboutUs/arrow-gray.png');
  box-shadow: 0px 6px 20px 0px rgba(114, 118, 127, 0.1);
}
.aboutUs-care .care-bot > a.next-btn {
  transform: rotate(180deg);
}
.aboutUs-honor {
  position: relative;
  line-height: 2;
  background: url('../images/aboutUs/4-box-bg.png') no-repeat 0 0;
  background-size: 100% 100%;
  border-radius: 1.25rem;
  padding: 2.25rem 310px 2.25rem 2rem;
  margin: 3.125rem 0 0;
  font-size: 0.875rem;
  color: #fff;
  box-sizing: border-box;
}
.aboutUs-honor .honor-flag {
  position: absolute;
  right: 0.625rem;
  top: -13.25rem;
  bottom: 0;
  z-index: 1;
  width: 18.2rem;
  height: calc(100% + 13.25rem);
  background: url('../images/aboutUs/4-flag-bot.png') no-repeat center bottom, url('../images/aboutUs/4-flag.png') no-repeat center 0;
  background-size: 100% 27%, 100% auto;
}
.aboutUs-resources {
  display: flex;
  margin: 1.25rem 0 0.625rem;
}
.aboutUs-resources > li {
  flex: 1 1 1px;
  padding: 1.375rem 0 0.625rem;
  border-right: 1px solid #E4E7EC;
  text-align: center;
}
.aboutUs-resources > li:last-child {
  border-right: 0;
}
.aboutUs-resources .res-top {
  position: relative;
  line-height: 1.1;
  margin-bottom: 0.5rem;
}
.aboutUs-resources .res-top > b {
  font-size: 2.75rem;
  font-family: 'D-DIN-B';
  color: #2EC1CB;
}
.aboutUs-resources .res-top > span {
  position: absolute;
  top: 50%;
  margin-left: 0.625rem;
  margin-top: -0.625rem;
  font-size: 1.25rem;
  color: #1E1C1D;
}
.aboutUs-resources .res-tit {
  line-height: 1.1;
  font-size: 0.875rem;
  color: #777777;
}
.aboutUs-resources-pic {
  position: relative;
}
.aboutUs-resources-pic > img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.aboutUs-resources-pic .res-box {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.aboutUs-resources-pic .res-col {
  position: absolute;
}
.aboutUs-resources-pic .res-col:nth-child(1) {
  left: 10.42%;
  padding-top: 4.72%;
}
.aboutUs-resources-pic .res-col:nth-child(2) {
  left: 7.78%;
  padding-top: 11.6%;
}
.aboutUs-resources-pic .res-col:nth-child(3) {
  left: 5.2%;
  padding-top: 18.54%;
}
.aboutUs-resources-pic .res-col:nth-child(4) {
  left: 7.7%;
  padding-top: 25.55%;
}
.aboutUs-resources-pic .res-col:nth-child(5) {
  left: 10.28%;
  padding-top: 32.36%;
}
.aboutUs-resources-pic .res-col:nth-child(6) {
  right: 10.42%;
  padding-top: 4.72%;
}
.aboutUs-resources-pic .res-col:nth-child(7) {
  right: 7.78%;
  padding-top: 11.6%;
}
.aboutUs-resources-pic .res-col:nth-child(8) {
  right: 5.2%;
  padding-top: 18.54%;
}
.aboutUs-resources-pic .res-col:nth-child(9) {
  left: 85%;
  padding-top: 25.55%;
}
.aboutUs-resources-pic .res-col:nth-child(10) {
  left: 83.19%;
  padding-top: 32.36%;
}
.aboutUs-resources-pic .res-col > img {
  display: inline-block;
  vertical-align: top;
  width: 1.75rem;
  height: 1.75rem;
  margin-right: 0.25rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.aboutUs-resources-pic .res-col .rc-cont {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.aboutUs-resources-pic .res-col .rc-cont .tit {
  line-height: 1.75rem;
  margin-bottom: 0.25rem;
  color: #1E1C1D;
}
.aboutUs-resources-pic .res-col .rc-cont .tit > b {
  font-weight: 32px;
  font-weight: bold;
  margin-right: 0.5rem;
}
.aboutUs-resources-pic .res-col .rc-cont .des {
  line-height: 1.1;
  color: #777777;
}
.product-swiper {
  background: #fff;
  box-shadow: 0px 3px 30px 1px rgba(5, 18, 59, 0.06);
  border-radius: 0.75rem;
  padding: 2.5rem 4.25rem 0 6.25rem;
  box-sizing: border-box;
  margin: 4rem 0 3rem;
}
.product-swiper .product-tab-tit {
  min-width: 9rem;
  margin: 0;
  margin-right: 12.5rem;
  width: 47rem;
  justify-content: space-between;
}
.product-swiper .product-tab-tit li {
  margin: 0;
  width: auto;
}
.product-swiper .card-cont {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 2.5rem 1.25rem;
  box-sizing: border-box;
  min-height: 18rem;
}
.product-swiper .card-cont .tit {
  line-height: 1.3;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  color: #1E1C1D;
}
.product-swiper .card-cont .des {
  line-height: 1.5;
  background: url(../images/index/icon-hook-1.png) no-repeat 0 0;
  background-size: 1.5rem 1.5rem;
  margin-bottom: 1rem;
  padding-left: 1.9rem;
  font-size: 1rem;
  color: #707070;
  max-width: 42rem;
}
.product-swiper .product-swiper-b li {
  position: relative;
  display: none;
}
.product-swiper .product-swiper-b li.show {
  display: block;
}
.product-swiper .product-swiper-b li img {
  display: block;
  width: 20rem;
  height: 20rem;
  position: absolute;
  bottom: -1.25rem;
  right: 1.7rem;
}
.product-card > li.width-change {
  width: calc(66.66% - 2rem - 10px);
  flex: auto;
}
.product-card > li.width-change .card-icon {
  width: 11.25rem;
  height: 11.25rem;
  top: 1.6rem;
}
.solution-card .card-pro {
  font-size: 1rem;
  color: #4E5866;
  padding: 2rem 1.5rem 3.5rem;
}
.solution-card .card-pro li:last-child {
  margin-bottom: 0;
}
.pop-exp-bg {
  background: transparent;
}
.pop-exp-mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background: rgba(0, 0, 0, 0.7);
}
.pop-exp-wrapper {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 10;
  width: 75%;
  max-width: 1440px;
  height: 90%;
  border-radius: 12px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.pop-exp-wrapper.wrapper-white .pop-exp-title {
  height: 49px;
  line-height: 49px;
  background: #fff;
  border-bottom: 1px solid #EEEEEE;
  font-size: 14px;
  color: #333333;
}
.pop-exp-wrapper.wrapper-white .exp-close {
  background: url('../images/icon-close.png') no-repeat center;
  background-size: 14px 14px;
}
.pop-exp-wrapper .exp-close {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
  width: 36px;
  height: 36px;
  background: url('../images/icon-close-white.png') no-repeat center;
  background-size: 16px 16px;
}
.pop-exp-wrap-def {
  width: 500px;
  height: auto;
  z-index: 12;
}
.pop-exp-wrap-def .pop-exp-main {
  padding: 20px;
  background: #fff;
}
.pop-exp-wrap-def .pop-exp-box {
  min-height: 200px;
  padding: 0;
}
.pop-exp-wrap-def .pop-exp-btn {
  padding-left: 0;
}
.pop-exp-title {
  position: relative;
  z-index: 1;
  height: 55px;
  line-height: 55px;
  background: #0082FF;
  border-radius: 12px 12px 0 0;
  padding: 0 1.375rem;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.pop-exp-main {
  overflow: hidden;
  height: calc(100% - 55px);
  background: #F4F7FC;
  border-radius: 0 0 12px 12px;
  padding: 1rem 0;
  box-sizing: border-box;
}
.pop-exp-tab {
  display: flex;
  padding: 0 1.25rem;
  margin-bottom: 1.25rem;
}
.pop-exp-tab li {
  position: relative;
  display: block;
  width: 120px;
  height: 64px;
  background: #fff;
  border-radius: 6px;
  margin-right: 10px;
  cursor: pointer;
  padding: 13px 10px 0;
  box-sizing: border-box;
}
.pop-exp-tab li.curr {
  background: #0082FF;
}
.pop-exp-tab li.curr .t-tit,
.pop-exp-tab li.curr .t-des {
  color: #fff;
}
.pop-exp-tab .t-tit {
  line-height: 1.2;
  margin-bottom: 5px;
  font-family: 'D-DIN';
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}
.pop-exp-tab .t-des {
  line-height: 1.1;
  font-size: 12px;
  color: #555555;
}
.pop-exp-tab .t-tab {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  height: 18px;
  line-height: 18px;
  background: #31C3CE;
  border-radius: 0 6px 0 12px;
  padding: 0 0.625rem;
  text-align: center;
  font-size: 10px;
  color: #fff;
}
.pop-exp-content {
  height: calc(100% - 64px - 1.25rem - 1.25rem - 48px);
  padding: 0 1.25rem;
  margin-bottom: 1.25rem;
}
.pop-exp-box {
  background: #fff;
  border-radius: 12px;
  padding: 10px 20px;
  margin-bottom: 1.25rem;
}
.pop-exp-box:last-child {
  margin-bottom: 0;
}
.pop-exp-box .box-title {
  line-height: 1.5;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
  color: #0A2445;
}
.form-inline {
  display: flex;
}
.form-inline .form-group {
  margin-right: 35px;
}
.form-inline .form-group .group-tit {
  width: auto;
  margin-right: 15px;
}
.form-group {
  display: flex;
  margin-bottom: 15px;
  font-size: 14px;
}
.form-group .group-tit {
  width: 70px;
  line-height: 38px;
  text-align: left;
  font-size: 14px;
  color: #1E1C1D;
}
.form-group .group-box {
  position: relative;
  flex: 1 1 1px;
  font-size: 14px;
}
.form-select-box {
  display: flex;
  align-items: center;
  height: 36px;
  border: 1px solid #C1CAD4;
  border-radius: 4px;
  padding: 0 10px;
  cursor: pointer;
}
.form-select-box.active {
  border-color: #0082FF;
}
.form-select-box > input {
  display: block;
  flex: 1;
  width: 184px;
  height: 100%;
  background: transparent;
  color: #1E1C1D;
  cursor: pointer;
}
.form-select-box > input.sml {
  width: 158px;
}
.icon-select {
  display: block;
  width: 14px;
  height: 14px;
  background: url('../images/arrow-down-gray.svg') no-repeat 0 0;
  background-size: 100% 100%;
}
.icon-search {
  display: block;
  width: 15px;
  height: 15px;
  background: url('../images/icon-search.png') no-repeat 0 0;
  background-size: 100% 100%;
  margin-right: 10px;
}
.form-select-down {
  overflow: hidden;
  height: 0;
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  z-index: 5;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  border: 0 solid #E9EFF4;
  padding: 0;
  -webkit-transition: height 0.1s linear, padding 0.1s linear;
  transition: height 0.1s linear, padding 0.1s linear;
}
.form-select-down.open {
  height: auto;
  padding: 5px 0;
  border-width: 1px;
  box-shadow: 0px 5px 15px 1px rgba(69, 94, 185, 0.1);
}
.form-select-down .down-row {
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0 20px;
  color: #5E6B7A;
}
.form-select-down .down-row:hover,
.form-select-down .down-row.curr {
  background: #0081FF;
  color: #fff;
}
.form-input {
  display: block;
  height: 36px;
  border: 1px solid #C1CAD4;
  border-radius: 4px;
  padding: 0 10px;
  background: #fff;
  color: #1E1C1D;
}
.form-input:focus {
  border-color: #0082FF;
}
.form-input.input-w500 {
  width: 500px;
}
.form-radio-group {
  display: flex;
  flex-wrap: wrap;
}
.form-radio-group > a {
  display: flex;
  align-items: center;
  height: 38px;
  margin-right: 40px;
}
.form-radio-group > a.curr .radio-circle {
  background-image: url('../images/login/ico-hook.png');
  background-color: #3888FF;
  border-color: #3888FF;
}
.form-radio-group > a:last-child {
  margin-right: 0;
}
.form-radio-group > a > span {
  display: block;
  font-size: 14px;
  color: #0A2445;
}
.form-radio-group .radio-circle {
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #C1CAD4;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 10px;
  margin-right: 8px;
}
.form-inline-flex {
  display: flex;
}
.form-diag-tit {
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
  font-size: 14px;
  color: #1E1C1D;
}
.form-diag-tit::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 12px;
  background: #ccc;
  margin-top: -6px;
}
.pop-exp-medhistory {
  display: flex;
  margin-bottom: 10px;
}
.pop-exp-medhistory .md-title {
  width: 70px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  color: #1E1C1D;
}
.pop-medhistory-list {
  flex: 1 1 1px;
  display: flex;
  flex-wrap: wrap;
}
.pop-medhistory-list > li {
  display: flex;
  align-items: center;
  height: 38px;
  background: #E9F0F5;
  border-radius: 4px;
  padding: 0 12px;
  margin: 0 10px 10px 0;
  cursor: default;
}
.pop-medhistory-list > li.list-add {
  width: 38px;
  background: url('../images/icon-add-sml.svg') no-repeat center #D5E9FC;
  background-size: 12px 12px;
  padding: 0;
  margin-right: 0;
  cursor: pointer;
}
.pop-medhistory-list .col-tit {
  min-width: 57px;
  margin-right: 10px;
  font-size: 14px;
  color: #5E6B7A;
}
.pop-medhistory-list .col-del {
  display: block;
  width: 14px;
  height: 14px;
  background: url('../images/icon-close-sml.svg') no-repeat 0 0;
  background-size: 100% 100%;
}
.pop-ext-prtitle {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.pop-ext-prtitle .tit {
  margin-right: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #1E1C1D;
}
.pop-ext-prtitle .tit::before {
  content: '';
  display: inline-block;
  vertical-align: -1px;
  width: 3px;
  height: 14px;
  background: #0082FF;
  border-radius: 4px;
  margin-right: 6px;
}
.pop-ext-prtitle .pr-addbtn {
  display: block;
  width: 98px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #0082FF;
  border-radius: 4px;
  text-align: center;
}
.pop-ext-prtitle .pr-addbtn > span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  padding: 5px 0;
  background: url('../images/icon-add-sml-line.svg') no-repeat left center;
  background-size: 10px 10px;
  padding-left: 18px;
  font-size: 14px;
  color: #0082FF;
}
.pop-exp-table {
  overflow: hidden;
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  margin-bottom: 10px;
}
.pop-exp-table table {
  width: 100%;
  table-layout: fixed;
  text-align: left;
}
.pop-exp-table th {
  background: #F4F7FC;
  line-height: 1.5;
  padding: 13px 10px 13px 10px;
  font-size: 14px;
  color: #0A2445;
}
.pop-exp-table th:first-child {
  padding-left: 20px;
}
.pop-exp-table th:last-child {
  width: 100px;
  text-align: center;
}
.pop-exp-table tbody td {
  position: relative;
  width: 100%;
  line-height: 30px;
  padding: 10px 0 10px 10px;
  border-top: 1px solid #EEEEEE;
  font-size: 13px;
  color: #5E6B7A;
  box-sizing: border-box;
}
.pop-exp-table tbody td:first-child {
  padding-left: 20px;
}
.pop-exp-table tbody td:last-child {
  text-align: center;
}
.pop-exp-table tbody .td-name {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pop-exp-table .td-del {
  display: inline-block;
  color: #0082FF;
}
.pop-exp-btn {
  padding-left: 3.125rem;
}
.pop-exp-btn .btn-submit {
  display: inline-block;
  width: 160px;
  height: 48px;
  line-height: 48px;
  background: #0082FF;
  border-radius: 4px;
  text-align: center;
  font-size: 20px;
  color: #fff;
}
.pop-exp-btn .btn-def {
  display: inline-block;
  vertical-align: top;
  width: 88px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #E1E5EB;
  border-radius: 4px;
  margin-right: 11px;
  text-align: center;
  font-size: 14px;
  color: #707070;
}
.pop-exp-btn .btn-def:last-child {
  margin-right: 0;
}
.pop-exp-btn .btn-def.def-blue {
  background: #0082FF;
  border-color: #0082FF;
  color: #fff;
}
.pop-exp-btn .btn-def.def-blue-line {
  border-color: #0082FF;
  color: #0082FF;
}
.pop-selec-box,
.pop-selec-search {
  position: relative;
  display: block;
  width: 100%;
}
.pop-table-input {
  background-color: #E9F0F5;
  border: 1px solid #E9F0F5;
  border-radius: 4px;
  padding: 0 6px;
}
.pop-table-input input {
  display: block;
  width: 100%;
  height: 30px;
  background: #E9F0F5;
  color: #5E6B7A;
  font-size: 13px;
}
.pop-exp-auxi {
  display: flex;
  margin-bottom: 15px;
}
.pop-exp-auxi.auxi-red .auxi-tit {
  background-color: #FF4633;
}
.pop-exp-auxi.auxi-purple .auxi-tit {
  background-color: #634BE3;
}
.pop-exp-auxi.auxi-org .auxi-tit {
  background-color: #FF8100;
}
.pop-exp-auxi .auxi-tit {
  width: 64px;
  height: 22px;
  line-height: 22px;
  border-radius: 4px;
  margin-right: 10px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
.pop-exp-auxi .auxi-cont {
  width: calc(100% - 74px);
  font-size: 14px;
  color: #1E1C1D;
}
.pop-moblie-wrapper {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.pop-moblie-wrapper .moblie-bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.pop-moblie-wrapper .moblie-cont {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 2;
  background: url('../images/moblie/temp.svg') no-repeat 0 0;
  background-size: 100% 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-sizing: border-box;
}
@media screen {
}
@media screen and (min-width: 1920px) {
  .pop-moblie-wrapper .moblie-cont {
    padding: 16px 18px;
    width: 414px;
    height: 834px;
  }
}
@media screen and (max-width: 1910px) and (min-width: 1670px) {
  .pop-moblie-wrapper .moblie-cont {
    padding: 12px 15px;
    width: 375px;
    height: 764px;
  }
}
@media screen and (max-width: 1680px) {
  .pop-moblie-wrapper .moblie-cont {
    padding: 18px 20px;
    width: 446px;
    height: 908px;
    transform: scale(0.65);
    top: -10%;
    left: 35%;
  }
}
.pop-moblie-wrapper .moblie-iframe {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pop-moblie-wrapper .moblie-close {
  position: absolute;
  right: -60px;
  top: 10px;
  z-index: 2;
  width: 40px;
  height: 40px;
  background: url('../images/moblie/del.svg') no-repeat 0 0;
  background-size: 100% 100%;
  margin-left: -20px;
}
.pop-moblie-wrapper .moblie-guide {
  position: absolute;
  bottom: -7%;
  left: 20px;
  z-index: 10;
}
.pop-moblie-box {
  position: relative;
  height: 100%;
}
.pop-moblie-box .box-header {
  height: 100px;
  background: url('../images/moblie/iphone-camera.svg') no-repeat center top, url('../images/moblie/head.svg') no-repeat 0 0;
  background-color: #0B0F1A;
  background-size: auto 52px,100% 100%;
  border-radius: 30px 30px 0 0;
  padding-top: 54px;
  box-sizing: border-box;
}
.pop-moblie-box .box-header .hd-row {
  position: relative;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
}
.pop-moblie-box .box-header .hd-row::after {
  content: '';
  position: absolute;
  right: 5px;
  top: 0;
  z-index: 1;
  width: 92px;
  height: 100%;
  background: url('../images/moblie/icon-state.svg') no-repeat 0 0;
  background-size: 100% 100%;
}
.pop-moblie-box .box-cont {
  overflow: hidden;
  height: calc(100vh - 100px - 115px);
  background: url('../images/moblie/bg.png') no-repeat 0 bottom;
  background-size: 100% auto;
  background-color: #000000;
  padding: 15px 15px 0;
  box-sizing: border-box;
}
.pop-moblie-box .box-footer {
  position: relative;
  height: 115px;
  background: #000;
  border-radius: 0 0 30px 30px;
}
.pop-moblie-box .box-footer::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 10px;
  z-index: 1;
  width: 142px;
  height: 5px;
  background: #fff;
  border-radius: 5px;
  margin-left: -71px;
}
.pop-moblie-artlist {
  width: calc(100% - 58px);
  margin-bottom: 20px;
  box-sizing: border-box;
}
.pop-moblie-artlist .artlist-title {
  height: 58px;
  line-height: 58px;
  background: url('../images/moblie/tit-bg.png') no-repeat 0 0;
  background-size: 100% 100%;
  padding-left: 17px;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
}
.pop-moblie-artlist .artlist-cont {
  border: 2px solid #326FFF;
  border-top: none;
  border-radius: 0 0 20px 20px;
  box-sizing: border-box;
  padding: 0 17px;
}
.pop-moblie-artlist .artlist-col {
  display: flex;
  align-items: center;
  height: 50px;
  border-bottom: 1px solid #212121;
}
.pop-moblie-artlist .artlist-col:last-child {
  border-bottom: 0;
}
.pop-moblie-artlist .artlist-col > i {
  display: block;
  width: 7px;
  height: 12px;
  background: url('../images/arrow-rt-white-sml.png') no-repeat 0 0;
  background-size: 100% 100%;
  margin-left: 5px;
}
.pop-moblie-artlist .artlist-col > span {
  display: block;
  width: calc(100% - 12px);
  font-size: 14px;
  color: #fff;
}
.pop-moblie-askbox {
  text-align: right;
  margin-bottom: 20px;
  font-size: 0;
}
.pop-moblie-askbox > p {
  display: inline-block;
  vertical-align: top;
  max-width: calc(100% - 58px);
  line-height: 1.8;
  background: #326FFF;
  border-radius: 20px 4px 20px 20px;
  padding: 11px 15px;
  margin-right: 10px;
  text-align: left;
  font-size: 14px;
  color: #fff;
  box-sizing: border-box;
  word-break: break-all;
}
.pop-moblie-resbox {
  margin-bottom: 20px;
  font-size: 0;
}
.pop-moblie-resbox > p {
  display: inline-block;
  vertical-align: top;
  max-width: calc(100% - 58px);
  border: 2px solid #326FFF;
  border-radius: 4px 20px 20px 20px;
  line-height: 1.8;
  padding: 11px 15px;
  margin-left: 10px;
  font-size: 14px;
  color: #fff;
  box-sizing: border-box;
  word-break: break-all;
}
.pop-moblie-avatar {
  display: inline-block;
  vertical-align: top;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid #fff;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  box-sizing: border-box;
}
.pop-moblie-avatar.at-doct {
  background-image: url('../images/moblie/avatar-doctor.png');
}
.pop-moblie-avatar.at-patient {
  background-image: url('../images/moblie/avatar-patient.png');
}
.pop-moblie-ft-opera {
  display: flex;
  align-items: center;
  height: 76px;
  padding: 0 15px;
}
.pop-moblie-ft-opera .fo-editbox {
  flex: 1 1 1px;
  height: 48px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
  padding: 0 15px;
}
.pop-moblie-ft-opera .fo-editbox > input {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 16px;
  color: #fff;
}
.pop-moblie-ft-opera .fo-btn {
  display: block;
  width: 48px;
  height: 48px;
  background: url('../images/moblie/icon-send.png') no-repeat center;
  background-size: 100% 100%;
  margin-left: 10px;
}
.pop-exp-success {
  width: 120px;
  text-align: center;
}
.pop-exp-success > img {
  display: block;
  width: 48px;
  margin: 0 auto 10px;
}
.pop-exp-success > p {
  line-height: 1.1;
  font-size: 16px;
  color: #fff;
}
.pop-exp-demobox {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
}
.pop-exp-demobox .box-iframe {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}