nav.title_box.headerActive {
  display: block !important;
}

.dimBlack .navTitleMainBox .navbar {
  filter: invert(0%);
}

.navTitleMainBox .navbar {
  filter: invert(100%);
}

.dimBlack .InquiryBtn {
  filter: invert(0%);
  background-color: #fff;
}

.dimBlack .InquiryBtn span {
  color: #000000;
}

.InquiryBtn {
  filter: invert(100%);
  transition: background 0.3s;
  background-color: #000;
}

.InquiryBtn span {
  color: #ffffff;
}

.dimBlack .aboutusList {
  filter: invert(0%);
}

.aboutusList {
  filter: invert(100%);
}

/* 十二行业样式   */
.kejiaobangong {
  background: #fff2ee;
  color: #ff4610;
}

.xinnengyuan {
  background: #ffedf1;
  color: #ff0035;
}

.jiajujiadian {
  background: #fff8ee;
  color: #ff9b10;
}

.jiancaizhuangshi {
  background: #eef9ff;
  color: #10adff;
}

.qichezhizao {
  background: #f0fffb;
  color: #21cc9a;
}

.kongtiaonuantong {
  background: #f3edff;
  color: #5a00ff;
}

.guanggaobiaoshi {
  background: #fffef0;
  color: #ccbe21;
}

.gangcaishichangwaijiagong {
  background: #efffde;
  color: #199974;
}

.jianshenqicai {
  background: #ffe7d4;
  color: #dd7801;
}

.gongchengjixie {
  background: #fff4d7;
  color: #e1a734;
}

.gangjiegou {
  background: #dfedff;
  color: #5ba5ff;
}
/* .head_l{
  height: 322px ;
  background: red;
} */
.chuanbozhizao {
  background: #fce5ed;
  color: #e87ba5;
}

#Banner {
  background-image: url(../img/banner/banner.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* grid */
.client_case_content_ul {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(356px, 1fr));
}

/* 大轮播分页器 */
.Banner-mySwiper-pagination li {
  background: #e6e7ea;
}

.Banner-mySwiper-pagination li>div {
  background-color: hsla(0, 0%, 100%, 0.3);
  overflow: hidden;
  position: relative;
}

.Banner-mySwiper-pagination li .rail {
  background-color: hsla(0, 0%, 100%, 0.3) !important;
  left: -4px;
  width: 4px;
}

.Banner-mySwiper-pagination li .rail.pagination-active {
  background-color: #000 !important;
  height: 100%;
  -webkit-transition: width 5.5s ease-out;
  -moz-transition: width 5.5s ease-out;
  transition: width 5.5s ease-out;
  width: -webkit-calc(100% + 4px);
  width: -moz-calc(100% + 4px);
  width: calc(100% + 4px);
}

/* 大轮播箭头 */
.Banner-swiper-button-prev,
.Banner-swiper-button-next {
  height: 96px;
  width: 48px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center center;
  transition: 0.3s all ease-in-out;
  background-color: rgba(0, 0, 0, 0.3);
}

.Banner-swiper-button-next:hover,
.Banner-swiper-button-prev:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.Banner-swiper-button-prev {
  left: 0;
  background-image: url(../img/l.svg);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.Banner-swiper-button-next {
  right: 0;
  background-image: url(../img/r.svg);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* 服务万里行 */
.serveBehaviour_content_li {
  box-shadow: 0 3px 14px 2px #0000000d, 0 8px 10px 1px #0000000f,
    0 5px 5px -3px #0000001a;
}

.serveBehaviour_content_li:hover {
  transform: translateY(-10px);
}

/* 客户案例 */
.client_case_option {
  box-shadow: 0 5px 5px -3px #0000001a;
}

.client_case_content_li:hover {
  box-shadow: 0 3px 14px 2px #0000000d, 0 8px 10px 1px #0000000f,
    0 5px 5px -3px #0000001a;
}

.client_case_option_more svg {
  transform: rotate(90deg);
}

.client_case_option_more.active svg {
  transform: rotate(270deg);
}

.client_case_option ul.active0 {
  height: 125px;
}

.client_case_option ul.active1 {
  height: 165px;
}

/* 更多客户使用 */
.CasePlay--casePlay_main--RrNl78l {
  margin: 0 auto;
  max-width: 1200px;
  min-width: 680px;
}

.CasePlay--sliderPlay--KR9eKRp {
  overflow: hidden;
  position: relative;
}

.CasePlay--sliderPlay--KR9eKRp:before {
  background-image: -webkit-linear-gradient(left,
      #f6f7f8 20%,
      rgba(235, 237, 240, 0));
  content: "";
  height: 120%;
  left: -15px;
  position: absolute;
  top: -10px;
  width: 100px;
  z-index: 2;
}

.CasePlay--sliderPlay--KR9eKRp:after {
  background-image: -webkit-linear-gradient(right,
      #f6f7f8 20%,
      rgba(235, 237, 240, 0));
  content: "";
  height: 120%;
  position: absolute;
  right: -15px;
  top: -10px;
  width: 100px;
  z-index: 2;
}

.CasePlay--sliderPlay--KR9eKRp .CasePlay--sliderPlay_box--iHV10np {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.CasePlay--sliderPlay--KR9eKRp .CasePlay--animationBox--pNvzWdV {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-animation: CasePlay--move--zgwQAZu 10s linear infinite;
  -moz-animation: CasePlay--move--zgwQAZu 10s linear infinite;
  animation: CasePlay--move--zgwQAZu 10s linear infinite;
  -webkit-flex: 0 0 1296px;
  -ms-flex: 0 0 1296px;
  flex: 0 0 1296px;
}

.CasePlay--sliderPlay--KR9eKRp .CasePlay--sliderPlay_box--iHV10np .CasePlay--sliderPlay_item--FFV287v {
  padding-bottom: 16px;
  padding-right: 16px;
}

element.style {}

.CasePlay--sliderPlay--KR9eKRp .CasePlay--sliderPlay_box--iHV10np .CasePlay--sliderPlay_item_box--CcmNEfq,
.CasePlay--sliderPlay--KR9eKRp .CasePlay--sliderPlay_box--iHV10np .CasePlay--sliderPlay_item_box_NOData--_8moMJ6 {
  background-color: #fff;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.CasePlay--sliderPlay--KR9eKRp .CasePlay--sliderPlay_box--iHV10np .CasePlay--sliderPlay_item_box_img--HA7BsoC,
.CasePlay--sliderPlay--KR9eKRp .CasePlay--sliderPlay_box--iHV10np .CasePlay--sliderPlay_item_box_NOData_img--aduiim2 {
  height: 100px;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  width: 200px;
}

@keyframes CasePlay--move--zgwQAZu {
  0% {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    transform: translate(0);
  }

  to {
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
    transform: translate(-100%);
  }
}

.client_case_content_li:nth-child(3n) {
  /* margin-right: 0; */
}

.client_case_content_ul {
  margin-bottom: 24px;
}

.serveBehaviour_content_li_textBox {
  height: 220px;
  position: relative;
}

.serveBehaviour_content_li_textBox ul {
  position: absolute;
  left: 16px;
  bottom: 22px;
}

.client_case_content_li_text {
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0.01%, #FFF 100%);
  backdrop-filter: blur(13.5px);
  -webkit-backdrop-filter: blur(13.5px);
}

.client_case_content_li_text p {
  display: -webkit-box;
  /* 将容器以弹性盒子形式布局 */
  -webkit-line-clamp: 3;
  /* 限制文本显示为两行 */
  -webkit-box-orient: vertical;
  /* 将弹性盒子的主轴方向设置为垂直方向 */
  overflow: hidden;
  /* 隐藏容器中超出部分的内容 */
  text-overflow: ellipsis;
  /* 超出容器范围的文本显示省略号 */
}

.client_case_content_li .client_case_content_li_text.activeTop {
  top: 0;
}

.client_case_content_li .client_case_content_li_text.activeBg {
  background-color: #fff;
}

.client_case_content_li .client_case_content_li_text p.active {
  -webkit-line-clamp: 30;
}

.client_case_content_li {}

#Insight{
  background-color: #fff;
}

/* pad断点*/
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .navTitleMainBox .navbar {
    filter: invert(0%);
  }
  .client_case_option_more_message {
    margin-top: 48px;
  }
  section {
    padding-left: 16px;
    padding-right: 16px;
  }

  #Banner {
    padding-left: 0;
    padding-right: 0;
  }

  .head {}

  .head .head_l {
    width: 45%;
  }

  .head .head_r {
    width: 50%;
  }

  .head .head_r img {
    width: 100%;
  }

  .serveBehaviour_content {
    overflow: scroll;
  }

  .serveBehaviour_content_list {
    width: 1152px;
  }

  .client_case_content_li {}

  .w-368 {
    width: 31.8%;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  #Banner{
    margin-top: 64px;
  }
  .head {
    width: 100%;
    padding-left: 68px;
    padding-right: 68px;
    padding-top: 48px;
  }

  .client_case_content_li {
    height: 500px;
  }

  .client_case_content_li_imgBox {
    height: 300px;
  }

  .client_case_content_li_text {
    top: 300px;
  }

  #client_case {
    padding: 68px;
  }
  .client_case_content_ul{
    gap: 20px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .client_case_content_ul{
    grid-template-columns: repeat(auto-fill, minmax(354px, 1fr));
  }
  #Banner{
    margin-top: 64px;
  }
  .Banner-swiper-button-prev, .Banner-swiper-button-next{
    display: none;
  }
  .head {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 48px;
  }
  .client_case_option_more_message:hover{
    border-radius: 6px;
      border: 1px solid #E5E6EB;
      background: #FFF;
      padding: 11px 16px;
      height: 44px;
      transition: all 0.3s;
  }
  .client_case_option_more_message span {
    color: #414960 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }
  .client_case_content_li {
    height: 450px;
  }

  .client_case_content_li_imgBox {
    height: 240px;
  }

  .client_case_content_li_text {
    top: 240px;
  }

  #client_case {
    padding-left: 20px;
    padding-right: 20px;
  }

  .client_case_content_ul {
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .LearnMore {
    position: initial;
    margin-top: 24px;
    padding: 0;
  }

  .client_case_content_li:hover .client_case_content_li_text {
    top: 0;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .9) .33%, #fff 22.5%);
  }

  .client_case_content_li:hover .client_case_content_li_text p {
    -webkit-line-clamp: 3;
  }

  .client_case_content_li_imgBox {}

  .client_case_content_ul {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }

  .client_case_option_more_message span {
    color: #414960 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }
  .navTitleMainBox .navbar {
    filter: invert(0%);
  }

  .client_case_content_li_imgBox {
    height: 64vw;
  }

  .client_case_content_li_text {
    position: inherit;
  }

  /* 移动端导航栏 */
  .md_title {
    padding: 0 4.267vw;
    height: 14.933vw;
  }

  .md_title h3 {
    font-size: 5.6vw !important;
    line-height: normal !important;
    margin-bottom: 0 !important;
  }

  .md_title ul {
    top: 14.933vw;
  }

  .md_title.active svg {
    transform: rotate(180deg);
  }

  .md_title.active ul {
    height: 59.733vw;
  }

  .md_title ul li {
    height: 14.933vw;
    padding-left: 4.267vw;
    background: var(--400, #1a1b1e);
    font-size: 4.267vw;
    line-height: normal;
    border: 1px solid#1a1b1e;
  }

  /* 移动端导航栏END */
  .serveBehaviour_content_li_textBox {
    height: 45.667vw;
    position: relative;
  }

  .serveBehaviour_content_li_textBox p.fs-20 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .serveBehaviour_content_li_textBox ul {
    position: absolute;
    left: 2.667vw;
    bottom: 5.333vw;
  }

  /* banner */
  /* #md-Banner .Banner-mySwiper {
    height: 66.66vw;
  } */

  .md-Banner-content {
    padding: 0 ;
    bottom: 8vw;
    left: 0;
  }

  .md-Banner-content .tag {
    margin-bottom: 2.133vw;
  }

  .md-Banner-content .tag span {
    padding: 1.067vw 2.133vw;
    border-radius: 0.533vw;
    margin-right: 1.067vw;
  }

  .md-Banner-content h1 {
    font-weight: 600;
    font-size: 4.267vw;
    margin-bottom: 3.2vw;
    line-height: 5.867vw;
  }

  .md-Banner-content a {
    background: #ff4610;
    border-radius: 4px;
    cursor: pointer;
    padding: 1.333vw 2.667vw;
  }

  .md-Banner-content a span {
    font-size: 3.2vw;
    line-height: normal;
  }

  /* 服务万里行 */
  .serveBehaviour {
    padding: 10vw 0 8vw;
    overflow: hidden;
  }

  .serveBehaviour_content {
    overflow: auto;
  }

  .serveBehaviour_content_list {
    width: 200vw;
    padding-right: 16px;
    padding-bottom: 10.667vw;
  }

  .serveBehaviour_content_li {
    min-width: 56.267vw;
    margin-right: 2.133vw;
  }

  .serveBehaviour_content_li .w-368 {
    width: 56.267vw;
  }

  .serveBehaviour_content_li .h-222 {
    height: 33.6vw;
  }

  .serveBehaviour_content_li .fs-20 {
    font-size: 4.267vw;
    line-height: normal;
  }

  .serveBehaviour_content_li .fs-12 {
    font-size: 3.2vw;
    line-height: normal;
  }

  .serveBehaviour_content_li ul li img {
    width: 3.73vw;
  }

  .serveBehaviour_content_li .tag {
    padding: 1.067vw 2.133vw;
  }

  .serveBehaviour_content_li p {
    margin: 1.6vw 0 4.267vw;
  }

  /* 客户案例 */
  #Client {
    padding-left: 4.267vw;
    padding-right: 4.267vw;
  }

  .Client-nav {
    padding-bottom: 6vw;
  }

  .client_case_nav {
    padding: 4.267vw;
  }

  .client_case_content {
    width: 100vw;
  }

  /* 超出容器隐藏 */
  .client_case_option {
    border-radius: 0;
  }

  .client_case_option ul {
    margin-left: 7.467vw;
    padding-left: 0;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
  }

  .serveBehaviour_content {
    padding-left: 16px;
  }

  .serveBehaviour_nav {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 6px;
    align-items: center;
  }

  .serveBehaviour_nav a {
    color: #ff4610;
  }
  .client_case_option_more_message {
    margin-bottom: 24px;
  }
  .client_case_option_more_message:hover {
    /* border-radius: 6px; */
    border: 1px solid #E5E6EB;
    background: #FFF;
    padding: 11px 16px;
    height: 44px;
    transition: background, border 0.3s;
    border-radius: 99999px !important;
    width: 180px;
}

  .serveBehaviour_content::-webkit-scrollbar {
    display: none;
  }

  .serveBehaviour_content_list::-webkit-scrollbar {
    display: none;
  }

  .client_case_option ul::-webkit-scrollbar {
    display: none;
  }

  .client_case_option li {
    min-width: 16vw;
    padding: 1.067vw 3.733vw;
    width: auto;
    margin-right: 2.667vw;
    display: inline-block;
  }

  .client_case_option li span {}

  .client_case_content ul {
    /* display: block; */
  }

  .client_case_content_li ul {
    margin-top: 2vw;
  }

  .client_case_content_li {}

  .client_case_content_li_text {
    position: relative;
  }

  .client_case_content_li_text ul {
    position: absolute;
    left: 2.667vw;
    bottom: 5.333vw;
  }

  #client_case {
    padding-top: 0;
    padding-bottom: 0;
  }

  .client_case_content_li {
    min-width: 44.8vw;
  }

  .client_case_content_li .w-368 {
    width: 44.8vw;
  }

  .client_case_content_li .h-222 {
    height: 55.467vw;
  }

  .client_case_content_li .fs-20 {
    font-size: 4.333vw;
    font-weight: 600;
    line-height: normal;
  }

  .client_case_content_li .fs-12 {
    font-size: 3.2vw;
    line-height: normal;
  }

  .client_case_content_li .tag {
    padding: 1.867vw 5.333vw;
    font-size: 3.2vw;
    line-height: normal;
    margin-right: 1.067vw;
  }

  .client_case_content_li p {
    margin: 2.133vw 0 2.667vw;
    font-size: 3.2vw;
    line-height: normal;
  }

  .client_case_content_li_text {
    padding: 5.33vw 4.267vw;
    height: auto;
    top: 0;
    position: initial;
  }

  .client_case_content_li p.fs-20 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* 内容 */
  .client_case_content {
    padding: 0 4.267vw;
  }

  .client_case_content li {
    width: 100%;
    height: auto;
    /* margin-right: 0; */
  }

  .pb-108 {
    padding-bottom: 8vw;
  }

  /* 更多客户 */
  .media h2 {
    font-size: 6.4vw;
    line-height: normal;
  }

  .media_nav {
    padding: 10.667vw 0;
  }

  .client_case_nav_select div {
    margin-right: 10px;
  }

  #video_shade_main p {
    font-size: 3.2vw;
  }

  .serveBehaviour_content_li:hover {
    transform: translateY(0px);
  }

  .client_case_content_li ul li {
    margin-right: 1.333vw;
  }

  .client_case_content_li li {
    width: auto;
  }

  .client_case_content_li img {}

  .client_case_content_li .series_tag img {
    width: 3.73vw;
    height: 3.73vw;
  }

  .client_case_content_li .series_tag span {
    font-size: 3.2vw;
  }

  .CasePlay--casePlay_main--RrNl78l {
    max-width: 100%;
    min-width: 100%;
  }

  #Client {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .Client-content {
    height: auto;
  }

  h2 {
    font-size: 5.33vw !important;
    font-weight: 500 !important;
  }
}
.titleInfo{
  height: 56px;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 44px;
  font-family: "RedHatDisplay-Semibold";
  font-weight: 550;
}
.info-message{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 44px;
  font-family: "RedHatDisplay-Semibold";
  font-weight: 400;

}
.bannner-design{
  height: 88px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  font-family: "RedHatDisplay-Regular";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  text-overflow: ellipsis;
}
.bannner-title{
  height: 80px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "RedHatDisplay-Semibold";
font-weight: 550;
}
.bannerBtn{
  margin-top: 40px;
}
.Bannerindustry{
  display: inline-block;
  text-align: center;
padding: 4px 22px;
justify-content: center;
align-items: center;
gap: var(--Space-X, 4px);
border-radius: 999px;
border: 0.5px solid var(--Color-Fill-3, #E5E6EB);
background: var(--Color-Background-2, #FFF);
/* XS */
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
color: var(--Color-Text-T1, #414960);
/* 14_T2/🔺EN-400 */
font-family: "RedHatDisplay-Regular";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 157.143% */
margin-bottom: 24px;
}

.item-tipLabel{
  display: flex;
padding: 4px 12px;
justify-content: center;
align-items: center;
gap: 10px;
flex: 1 0 0;
border-radius: 24px;
background: var(--VR-Hover, radial-gradient(101.08% 100% at 50% 100%, rgba(94, 94, 94, 0.14) 0%, rgba(94, 94, 94, 0.00) 73.85%), radial-gradient(100.02% 100% at 50% 100%, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.00) 55.59%), linear-gradient(0deg, rgba(94, 94, 94, 0.18) 0%, rgba(94, 94, 94, 0.18) 100%), rgba(255, 255, 255, 0.06));
background-blend-mode: color-dodge, lighten, color-dodge, lighten;
box-shadow: 0px -0.5px 1px 0px rgba(255, 255, 255, 0.25) inset, 0px 0.5px 1px 0px rgba(255, 255, 255, 0.25) inset, 0px 8px 6px 0px rgba(0, 0, 0, 0.05);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
position: absolute;
top: 24px;
left: 24px;
color: #FFF;

text-align: center;
/* 12_Footnote/🔹CN-400 */
font-size: 12px;
font-style: normal;
line-height: 20px; /* 166.667% */
z-index: 999;
}
.BodorRecom{
  border-top:1px solid var(--Color-Fill-3, #E5E6EB);
  margin-top: 16px;

  padding: 8px 0;
  /* display: flex; */
}
.tag{
  margin-right: 16px;
  margin-top: 8px;
}

.tiplist{
  flex-wrap: wrap;
}
.tiosp{
  font-family: "RedHatDisplay-Regular";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 157.143% */;
padding-left: 4px;
}
.client_case_option_more_message{
  /* border-radius: 6px; */
border: 1px solid #E5E6EB;
background: #FFF;
padding: 11px 16px;
height: 44px;
transition: background,border 0.3s;
border-radius: 99999px !important;
width: 180px;
transition: all 0.3s;
}

.client_case_option_more_message span{

  color: #414960;

/* 14-Body/🔹CN-Regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 157.143% */
}
.client_case_option_more_message:hover{
  border: 1px solid var(--Color-Brand-Normal, #FF4610);
  background: var(--Color-Brand-Normal, #FF4610);
  
}
.client_case_option_more_message:hover span{
  color: #fff;
  
}
.Banner-mySwiper-pagination li .rail.pagination-active{
  background: #ff4610 !important;
}
/* .Banner-mySwiper-pagination li>div{
  width: 20px;
height: 8px;
border-radius: 9999px;

}
.Banner-mySwiper-pagination li{
  width: 20px;
height: 8px;
border-radius: 9999px;

} */



@media screen and (max-width: 767px)  {
  #md-Banner{
    padding: 8.533vw 4.267vw;
    border-radius: 2.133vw;
  }
  .imghsj{
    width: 91.467vw;
    height: 59.467vw;
    border-radius: 2.133vw;

  }
  .mybistjkl{
    border-radius: 1.600vw;
border: 0.133vw solid var(--Color-Fill-3, #E5E6EB);
background: var(--Color-Background-2, #FFF);
/* XS */
box-shadow: 0.000vw 0.267vw 0.533vw 0.000vw rgba(16, 24, 40, 0.05);
display: inline-block;
padding: 1.067vw 3.200vw;
justify-content: center;
align-items: center;
gap: var(--Space-X, 1.067vw);
color: var(--Color-Text-T1, #414960);
/* 14_T2/🔺EN-400 */
font-family: "RedHatDisplay-Regular";
font-size: 3.733vw;
font-style: normal;
font-weight: 400;
line-height: 5.867vw; /* 157.143% */
margin-top: 7.467vw;
margin-bottom: 3.200vw;
  }
  .md-Banner-content h1 {
    font-size: 6.400vw !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 8.533vw !important;
    height: 17.067vw !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.md-Banner-content p {
  font-size: 3.733vw !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 5.867vw !important;
  height: 11.733vw !important;
  overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.info-message{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 11.733vw;
  font-family: "RedHatDisplay-Semibold";
  font-weight: 400;

}
.learnBtn{
  display: flex;
height: 11.733vw;
padding: 2.667vw var(--Space-6X, 6.400vw);
justify-content: center;
align-items: center;
gap: var(--Space-X, 1.067vw);
align-self: stretch;
border-radius: var(--Corner-4X, 2.133vw);
background: var(--Color-Brand-Normal, #FF4610);
color: var(--Color-Text-White, #FFF);
/* 16_T1/🔺EN-400 */
font-family: "Red Hat Display";
font-size: 4.267vw;
font-style: normal;
font-weight: 400;
line-height: 6.400vw; /* 150% */
margin-top: 8.533vw;
}
.client_case_content_li .fs-20{
  font-size: 5.333vw;
  line-height: 7.467vw;
}
.titleInfo{
  height: 14.933vw !important;
}
.info-message{
  font-size: 3.733vw !important;
  line-height: 5.867vw!important;
}
.client_case_content_li .tag{
  padding: 0  !important;
  font-size: 3.200vw !important;
  line-height: 5.333vw!important;
  margin-right: 3.200vw;

}
.client_case_content_ul{
  gap: 4.267vw !important;
}

}


@media (min-width: 1440px){
  .client_case_content_li {
    height: auto !important;
    /* max-height: 440px; */
   /* height: 430px !important; */
  } 
  .BodorRecom{
    padding-bottom: 0;
  }
  .client_case_content ul{
    padding-bottom: 10px !important;
  }
}

#md-Banner{
  background: #fff;
}
@media (max-width: 1023px){
  .client_case_content_li:hover{
    box-shadow: none;
  }
  .client_case_option_more_message:hover{
    border-radius: 6px;
      border: 1px solid #E5E6EB;
      background: #FFF;
      padding: 11px 16px;
      height: 44px;
      transition: all 0.3s;
  }
}