body,
html,
h1,
h2,
h3 {
  margin: 0px;
  padding: 0px;
}
.customer_case_new_container {
  box-sizing: border-box;
  width: 100%;
  min-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: 'PingFang SC';
}
.customer_case_new_container .content-one {
  width: 100%;
  display: flex;
  padding: 80px 0 60px;
  justify-content: center;
  align-items: center;
  background: #1ababd;
}
.customer_case_new_container .content-one .content-box {
  width: 1105px;
  height: 350px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.customer_case_new_container .content-one .content-box .left .title {
  color: #fff;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 60px */
  margin-bottom: 19px;
}
.customer_case_new_container .content-one .content-box .left .desc {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21.6px */
  margin-bottom: 42px;
}
.customer_case_new_container .content-one .content-box .left .btns {
  display: flex;
}
.customer_case_new_container .content-one .content-box .left .btns a {
  width: 120px;
  height: 48px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.customer_case_new_container .content-one .content-box .left .btns .btn-try {
  background: #fff;
  color: #1ababd;
  margin-right: 12px;
}
.customer_case_new_container .content-one .content-box .left .btns .btn-try:hover {
  background-color: rgba(255, 255, 255, 0.85);
}
.customer_case_new_container .content-one .content-box .left .btns .btn-book {
  color: #fff;
  border: 1px solid #fff;
}
.customer_case_new_container .content-one .content-box .left .btns .btn-book:hover {
  background-color: #07aeb4;
}
.customer_case_new_container .content-one .content-box .right {
  height: 100%;
}
.customer_case_new_container .content-one .content-box .right img {
  width: auto;
  height: 100%;
}
.customer_case_new_container .content-two {
  width: 100%;
  padding: 100px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.customer_case_new_container .content-two .title {
  color: #1a2233;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 50.4px */
}
.customer_case_new_container .content-two .dropdown-box {
  margin: 60px 0 30px;
  display: flex;
  justify-content: center;
}
.customer_case_new_container .content-two .dropdown-box .dropdown {
  border-radius: 8px;
  border: 1px solid #1a2233;
  position: relative;
  margin-right: 60px;
}
.customer_case_new_container .content-two .dropdown-box .dropdown:last-child {
  margin-right: 0;
}
.customer_case_new_container .content-two .dropdown-box .dropdown .dropdown-button {
  box-sizing: border-box;
  cursor: pointer;
  width: 200px;
  height: 37px;
  padding: 0 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.customer_case_new_container .content-two .dropdown-box .dropdown .dropdown-button .text {
  color: #1a2233;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
}
.customer_case_new_container .content-two .dropdown-box .dropdown .dropdown-button .icon {
  width: 19px;
  height: 19px;
  transition: transform 0.3s;
}
.customer_case_new_container .content-two .dropdown-box .dropdown .dropdown-button .icon svg {
  fill: #1a2233;
  width: 100%;
  height: 100%;
}
.customer_case_new_container .content-two .dropdown-box .dropdown .dropdown-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  cursor: pointer;
}
.customer_case_new_container .content-two .dropdown-box .dropdown .dropdown-menu ul {
  box-sizing: border-box;
  margin-top: 55px;
  list-style: none;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid rgba(63, 76, 90, 0.2);
  background: #fff;
  z-index: 10;
}
.customer_case_new_container .content-two .dropdown-box .dropdown .dropdown-menu ul li {
  padding: 8px;
  cursor: pointer;
  color: #3f4c5a;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.customer_case_new_container .content-two .dropdown-box .dropdown .dropdown-menu ul li .box {
  box-sizing: border-box;
  width: 19px;
  height: 19px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid #3f4c5a;
}
.customer_case_new_container .content-two .dropdown-box .dropdown .dropdown-menu ul li svg {
  display: none;
  width: 19px;
  height: 19px;
  flex-shrink: 0;
  fill: #1ababd;
}
.customer_case_new_container .content-two .dropdown-box .dropdown .dropdown-menu ul li.active .box {
  display: none;
}
.customer_case_new_container .content-two .dropdown-box .dropdown .dropdown-menu ul li.active svg {
  display: block;
}
.customer_case_new_container .content-two .dropdown-box .dropdown .dropdown-menu ul li:hover {
  background: #f0f0f0;
  background: rgba(26, 186, 189, 0.1);
}
.customer_case_new_container .content-two .dropdown-box .dropdown.open {
  border: 1px solid #1ababd;
}
.customer_case_new_container .content-two .dropdown-box .dropdown.open .dropdown-button .text {
  color: #1ababd;
}
.customer_case_new_container .content-two .dropdown-box .dropdown.open .dropdown-button .icon {
  transform: rotate(180deg);
}
.customer_case_new_container .content-two .dropdown-box .dropdown.open .dropdown-button .icon svg {
  fill: #1ababd;
}
.customer_case_new_container .content-two .filter-tags {
  width: 1110px;
  margin: 0 auto 20px;
  display: flex;
  flex-wrap: wrap;
}
.customer_case_new_container .content-two .filter-tags .filter-tag {
  display: none;
  height: 29px;
  padding: 0 10px;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  border-radius: 61px;
  border: 1px solid #1ababd;
  background: rgba(26, 186, 189, 0.1);
  color: #1ababd;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
  margin-bottom: 10px;
  margin-right: 10px;
}
.customer_case_new_container .content-two .filter-tags .filter-tag:last-child {
  margin-right: 0;
}
.customer_case_new_container .content-two .filter-tags .filter-tag .close-icon {
  cursor: pointer;
  width: 8px;
  height: 8px;
  margin-left: 10px;
  margin-bottom: 13px;
}
.customer_case_new_container .content-two .filter-tags .filter-tag .close-icon svg {
  width: 100%;
  height: auto;
}
.customer_case_new_container .content-two .filter-tags .filter-tag.yellow {
  color: #1a2233;
  background: rgba(255, 188, 0, 0.1);
  border: 1px solid #ffbc00;
}
.customer_case_new_container .content-two .content-box {
  width: 1155px;
  margin-right: -45px;
  display: flex;
  flex-wrap: wrap;
}
.customer_case_new_container .content-two .content-box .card {
  width: 340px;
  height: 439px;
  flex-shrink: 0;
  margin-right: 45px;
  margin-bottom: 45px;
}
.customer_case_new_container .content-two .content-box .card .card-img {
  width: 100%;
  margin-bottom: 10px;
}
.customer_case_new_container .content-two .content-box .card .card-img img {
  width: 100%;
  height: auto;
  transition: all 0.3s ease-in-out;
}
.customer_case_new_container .content-two .content-box .card .card-logo {
  height: 45px;
  margin-bottom: 12px;
}
.customer_case_new_container .content-two .content-box .card .card-logo img {
  height: 100%;
  width: auto;
}
.customer_case_new_container .content-two .content-box .card .card-desc {
  color: #1a2233;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  margin-bottom: 12px;
}
.customer_case_new_container .content-two .content-box .card .tags {
  display: flex;
  flex-wrap: wrap;
}
.customer_case_new_container .content-two .content-box .card .tags .tag {
  padding: 0 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 47px;
  color: #1a2233;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 19.2px */
  margin-top: 12px;
  margin-right: 12px;
}
.customer_case_new_container .content-two .content-box .card .tags .tag:last-child {
  margin-right: 0;
}
.customer_case_new_container .content-two .content-box .card .tags.yellow .tag {
  border: 1px solid #ffbc00;
  background: rgba(255, 188, 0, 0.1);
}
.customer_case_new_container .content-two .content-box .card .tags.blue .tag {
  color: #1ababd;
  border: 1px solid #2ad3d3;
  background: rgba(26, 186, 189, 0.1);
}
.customer_case_new_container .content-two .content-box .card:hover .card-img img {
  transform: scale(1.1);
}
.customer_case_new_container .content-two .learn-more-btn {
  margin: 0 auto;
  margin-top: 15px;
  width: 196px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: #1ababd;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}
.customer_case_new_container .content-two .learn-more-btn:hover {
  background-color: #07aeb4;
}
.customer_case_new_container .content-three {
  width: 100%;
  padding: 100px 0;
  background: #f6f7f8;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.customer_case_new_container .content-three .title {
  color: #1a2233;
  text-align: center;
  font-family: MiSans;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 50.4px */
  margin-bottom: 60px;
}
.customer_case_new_container .content-three ul.scroll-outer-ul {
  width: 1110px;
  height: 354px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  list-style-position: inside;
  position: relative;
  cursor: pointer;
}
.customer_case_new_container .content-three ul.scroll-outer-ul:after {
  content: ' ';
  display: block;
  height: 1px;
  clear: both;
  visibility: hidden;
}
.customer_case_new_container .content-three ul.scroll-outer-ul li {
  width: 792px;
  height: 354px;
  border-radius: 20px;
  border: 1px solid rgba(26, 186, 189, 0.1);
  background: #fff;
  position: absolute;
  transition:
    opacity 0.3s ease-in-out,
    transform 0.3s ease-in-out,
    left 0.3s ease-in-out,
    margin-left 0.3s ease-in-out;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 24px;
}
.customer_case_new_container .content-three ul.scroll-outer-ul li.index_1 {
  left: -11%;
  z-index: 50;
  transform: scale(0.8, 0.8);
  opacity: 0.5;
}
.customer_case_new_container .content-three ul.scroll-outer-ul li.index_2 {
  z-index: 105;
  left: 14%;
  opacity: 1;
}
.customer_case_new_container .content-three ul.scroll-outer-ul li.index_3 {
  left: 38.5%;
  z-index: 50;
  transform: scale(0.8, 0.8);
  opacity: 0.5;
}
.customer_case_new_container .content-three ul.scroll-outer-ul li .content .logo {
  height: 55px;
  width: auto;
  margin-bottom: 8px;
}
.customer_case_new_container .content-three ul.scroll-outer-ul li .content .logo.logo-2 {
  height: 39px;
  margin-bottom: 10px;
}
.customer_case_new_container .content-three ul.scroll-outer-ul li .content .tags {
  display: flex;
}
.customer_case_new_container .content-three ul.scroll-outer-ul li .content .tags .tag {
  height: 20px;
  padding: 0px 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 47px;
  border: 1px solid #2ad3d3;
  background: rgba(26, 186, 189, 0.1);
  color: #1ababd;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin-right: 10px;
}
.customer_case_new_container .content-three ul.scroll-outer-ul li .content .tags .tag:last-child {
  margin-right: 0;
}
.customer_case_new_container .content-three ul.scroll-outer-ul li .content .text-box {
  width: 457px;
}
.customer_case_new_container .content-three ul.scroll-outer-ul li .content .text-box .text {
  margin-top: 30px;
  color: #3f4c5a;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
}
.customer_case_new_container .content-three ul.scroll-outer-ul li .content .text-box .text-author {
  margin-top: 45px;
  text-align: right;
  color: #3f4c5a;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
}
.customer_case_new_container .content-three ul.scroll-outer-ul li .banner {
  height: 100%;
  width: auto;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.customer_case_new_container .content-three ul.dot-outer-ul {
  margin: 0 auto;
  margin-top: 30px;
}
.customer_case_new_container .content-three ul.dot-outer-ul li {
  width: 12px;
  height: 12px;
  float: left;
  border-radius: 50%;
  border: 1px solid #1ababd;
  margin-right: 12px;
  cursor: pointer;
}
.customer_case_new_container .content-three ul.dot-outer-ul li.active {
  background-color: #1ababd;
}
.customer_case_new_container .content-three ul.dot-outer-ul li:last-child {
  margin-right: 0;
}
.customer_case_new_container .content-four {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}
.customer_case_new_container .content-four .title {
  color: #1a2233;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 43.2px */
}
.customer_case_new_container .content-four .cus-nav {
  height: 60px;
  width: 1110px;
  margin: 60px auto 30px;
  border-bottom: 1px solid #e5e5e5;
}
.customer_case_new_container .content-four .cus-nav li {
  min-width: 123px;
  height: 100%;
  float: left;
  box-sizing: border-box;
}
.customer_case_new_container .content-four .cus-nav li a {
  font-size: 18px;
  display: inline-block;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  line-height: 60px;
  box-sizing: border-box;
  cursor: pointer;
  color: #545d69;
  text-decoration: none;
}
.customer_case_new_container .content-four .cus-nav li:hover a {
  border-bottom: 2px solid #3dbdbf;
  color: #3dbdbf;
}
.customer_case_new_container .content-four .cus-nav li.active a {
  border-bottom: 2px solid #3dbdbf;
  color: #3dbdbf;
}
.customer_case_new_container .content-four .companies-box {
  width: 1110px;
  margin: auto;
  min-height: 30px;
  margin-top: 40px;
  padding-bottom: 60px;
}
.customer_case_new_container .content-four .companies-box .grid-cell {
  width: 125px;
  height: 84px;
  cursor: default;
  float: left;
  box-sizing: border-box;
}
.customer_case_new_container .content-four .companies-box .grid-cell a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.customer_case_new_container .content-four .companies-box .grid-cell:hover {
  width: 125px;
  height: 84px;
  box-shadow: 0px 0px 18px 0px rgba(155, 155, 155, 0.18);
  border-radius: 5px;
  box-sizing: border-box;
}
.customer_case_new_container .content-four .companies-box .grid-cell.link {
  cursor: pointer;
}
.customer_case_new_container .content-four .economics {
  background: url(/images/insure/logo.png) no-repeat;
  background-size: 1110px 373.515px;
  height: 373.515px;
  box-sizing: border-box;
  margin-top: 20px;
}
.customer_case_new_container .content-four .education {
  background: url(/images/solutions/education-logo.jpg) no-repeat;
  background-size: 1110px 372.405px;
  box-sizing: border-box;
  height: 372.405px;
  margin-top: 20px;
}
.customer_case_new_container .content-four .business {
  background: url(/images/customers/content-four/business.png) no-repeat;
  background-size: 1110px 270.53px;
  box-sizing: border-box;
  height: 270.53px;
  width: 1110px;
}
.customer_case_new_container .content-four .business .grid-cell {
  width: 138.75px;
  height: 67.631px;
}
.customer_case_new_container .content-four .business .grid-cell:hover {
  width: 138.75px;
  height: 67.631px;
  box-shadow: 0px 0px 18px 0px rgba(155, 155, 155, 0.18);
  border-radius: 5px;
  box-sizing: border-box;
}
.customer_case_new_container .content-four .life {
  background: url(/images/customers/content-four/life.png) no-repeat;
  background-size: 1110px 203px;
  box-sizing: border-box;
  height: 203px;
  width: 1110px;
}
.customer_case_new_container .content-four .life .grid-cell {
  width: 138.75px;
  height: 67.631px;
}
.customer_case_new_container .content-four .life .grid-cell:hover {
  width: 138.75px;
  height: 67.631px;
  box-shadow: 0px 0px 18px 0px rgba(155, 155, 155, 0.18);
  border-radius: 5px;
  box-sizing: border-box;
}
.customer_case_new_container .content-four .companies {
  background: url(/images/customers/company-logo.jpg) no-repeat;
  background-size: 1110px 372.96px;
  box-sizing: border-box;
  height: 372.96px;
  margin-top: 20px;
}
.customer_case_new_container .content-four .game {
  background: url(/images/customers/content-four/game.png) no-repeat;
  background-size: 1110px 270.53px;
  box-sizing: border-box;
  height: 270.53px;
  width: 1110px;
}
.customer_case_new_container .content-four .game .grid-cell {
  width: 138.75px;
  height: 67.631px;
}
.customer_case_new_container .content-four .game .grid-cell:hover {
  width: 138.75px;
  height: 67.631px;
  box-shadow: 0px 0px 18px 0px rgba(155, 155, 155, 0.18);
  border-radius: 5px;
  box-sizing: border-box;
}
.customer_case_new_container .content-four .cross {
  background: url(/images/customers/content-four/cross.png) no-repeat;
  background-size: 1110px 136px;
  box-sizing: border-box;
  height: 136px;
  width: 1110px;
}
.customer_case_new_container .content-four .cross .grid-cell {
  width: 138.75px;
  height: 67.631px;
}
.customer_case_new_container .content-four .cross .grid-cell:hover {
  width: 138.75px;
  height: 67.631px;
  box-shadow: 0px 0px 18px 0px rgba(155, 155, 155, 0.18);
  border-radius: 5px;
  box-sizing: border-box;
}
.customer_case_new_container .content-four .doctors {
  background: url(/images/customers/doctors-logo.png) no-repeat;
  background-size: 1110px 280.275px;
  box-sizing: border-box;
  height: 280.275px;
  margin-top: 20px;
}
.customer_case_new_container .content-four .intelligentManufacturing {
  background: url(/images/customers/content-four/intelligentManufacturing.png) no-repeat;
  background-size: 1110px 270.53px;
  box-sizing: border-box;
  height: 270.53px;
  width: 1110px;
}
.customer_case_new_container .content-four .intelligentManufacturing .grid-cell {
  width: 138.75px;
  height: 67.631px;
}
.customer_case_new_container .content-four .intelligentManufacturing .grid-cell:hover {
  width: 138.75px;
  height: 67.631px;
  box-shadow: 0px 0px 18px 0px rgba(155, 155, 155, 0.18);
  border-radius: 5px;
  box-sizing: border-box;
}