#foreshow {
}
#All-Recap a,#LearnMore a,#All-Preview a{
  color: rgba(28, 31, 35, 0.62);
}
#All-Recap a:hover,#LearnMore a:hover,#All-Preview a:hover{
  color: #ff4610;
}

.title_r li.active {
  /* opacity: 1; */
}
.suntimerpicj{
  color: #414960;
}
.foreshow-head li.active {
  font-weight: 500;
  color: black;
 
}
#foreshow .img-box  img{
  object-fit: fill !important;
}

.foreshow-content li .w-1120{
  border-top: 1px solid#E5E6EB;
}
.foreshow-content li:last-child .w-1120{
  border-bottom: 1px solid#E5E6EB;
}

.foreshow-content li:last-child {
  padding-bottom: 0;
}

.foreshow-content li.active {
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
}
.foreshow-content li.active  .w-1120{
  border-color: #fff;
}
.client_case_content_ul {
  height: auto !important;
}
.foreshow-content li.active p {
  display: -webkit-box;
  /* 将容器以弹性盒子形式布局 */
  -webkit-line-clamp: 2;
  /* 限制文本显示为两行 */
  -webkit-box-orient: vertical;
  /* 将弹性盒子的主轴方向设置为垂直方向 */
  overflow: hidden;
  /* 隐藏容器中超出部分的内容 */
  text-overflow: ellipsis;
  /* 超出容器范围的文本显示省略号 */
}
.foreshow-content li.active h3{
  color: #ff4610;
}
/* .foreshow-content li.active h3,
.foreshow-content li.active p,
.foreshow-content li.active h4,
.foreshow-content li.active h4,
.foreshow-content li.active span,
.foreshow-content li.active div {
  color: #414960;
} */

/* .foreshow-content li.active svg {
  filter: invert(100%);
} */

/* 大轮播箭头 */
.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: #ffffff1a;
  opacity: 1 !important;
  z-index: 3;
}

.Banner_tltie h1.activeTop {
  margin-top: 0;
  opacity: 1;
}

.Banner-swiper-button-next:hover,
.Banner-swiper-button-prev:hover {}

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

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

/* 公共样式 */
.swiperList-hover .swiper-button-next,
.swiperList-hover .swiper-button-prev {
  width: 44px;
  height: 44px;
  /* border: 1px solid #e0e2e4; */
  border: 1px solid #e0e2e4;
  padding: 14px;
  border-radius: 50%;
  /* top: -40px; */
  /* background: #828898; */
  /* opacity: 0.5; */
}

.swiperList-hover .swiper-button-prev {
  right: 64px;
  left: initial;
  background-image: url(../img/l.svg);
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
  /* filter: invert(100%); */
}

.swiperList-hover .swiper-button-next {
  right: 0;
  left: initial;
  background-image: url(../img/r.svg);
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
  /* filter: invert(100%); */
}

/* 联系我们 */
#contactUs {
  /* box-shadow: 0px 0px 16px 0px #cdcfd6; */
  background: #f5f5f5;
}

.layui-form input {
  width: 480px;
  border-radius: 4px;
  height: 48px;
  margin-bottom: 32px;
  border: 1px solid#CCCCCC;
}

.layui-form .layui-btn {
  background: #696969;
}

.LocationDate {
  width: 100%;
  margin-top: 16px;
  border-top: 0.5px solid #E5E6EB;
}
.LocationDate span{
  white-space: nowrap;      /* 禁止换行 */
  overflow: hidden;         /* 隐藏溢出内容 */
  text-overflow: ellipsis;  /* 显示省略号 */
}
.client_case_content_li:hover .LocationDate span{
  white-space: wrap;      /* 禁止换行 */
  overflow: auto;         /* 隐藏溢出内容 */
  text-overflow: normal;  /* 显示省略号 */
}
.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;
}

.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;
  
}
.preBtn{
  margin-top: 45px;
}
/* 大pad断点 lg*/
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .navTitleMainBox .navbar {
    filter: invert(0%);
  }
  #banner{
    height: 800px;
  }

  /* .w-1120{
    width: 888px;
  } */
  .foreshow-head {
    padding-left: 16px;
    padding-right: 16px;
  }

  .foreshow ul li {
    padding-left: 16px;
    padding-right: 16px;
  }
  .foreshow-head ul {
  }
  .foreshow-head ul li{
    padding: 0 !important;
    margin-left: 24px;
  }

  .img-box img {
    width: 100%;
    height: 100%;
  }

  #contactUs {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* 大pad断点 lg*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .w-1120 {
    /* width: 680px; */
  }
}

/* 移动端*/
@media (max-width: 767px) {
  #banner{
    height: 600px;
  }
  /* 移动端导航栏 */
  .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 */
  #Banner {
    height: 58.667vw;
  }

  /* 活动预告 */
  #foreshow {
    padding: 0 4.267vw;
    background-color: #fff;
    padding-bottom: 5.333vw;
  }

  .foreshow {
    padding-top: 5.333vw;
  }

  .foreshow-head {
    display: block;
  }

  #foreshow h2 {
    font-size: 5.333vw;
    font-weight: 500;
    margin-bottom: 5.333vw;
  }

  .foreshow-head ul {
    padding-left: 1.067vw;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  .foreshow-head ul li {
    margin-left: 0;
    margin-right: 4vw;
    font-size: 3.733vw;
    margin-bottom: 5.333vw;
    width: 27.733vw;
    height: 10.667vw;
    font-size: 4.267vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5.333vw;
    background-color: #ff4610;
    color: #fff;
  }

  .foreshow-head ul li a {
    color: #fff;
  }

  .foreshow-head li.active {
    background-color: #9ba0ad;
    color: #fff;
  }

  #contactUs {
    padding-bottom: 10.667vw;
    padding-top: 10.667vw;
  }

  /* 内容 */
  .md_foreshow-content {
    /* padding: 2.667vw; */
  }

  .md_foreshow-content ul li {
    margin-bottom: 4.26vw;
  }

  .md_foreshow-content ul li img {
    height: 59.733vw;
  }

  .md_foreshow-content ul li .md_foreshow_li_text {
    height: 42.667vw;
    padding: 4.267vw 4.267vw 8vw;
  }

  .md_foreshow-content ul li .md_foreshow_li_text span {
    line-height: normal;
    font-size: 3.2vw;
  }

  .md_foreshow-content ul li .md_foreshow_li_text h3 {
    font-size: 6.4vw;
    line-height: normal;
  }

  .md_foreshow_pa {
    bottom: 8vw;
    left: 0;
    width: 100%;
    padding: 0 4.267vw;
  }
}

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

/* 客户案例 */
.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;
}

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

.client_case_content_ul {
  margin-bottom: 45px;
}

.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.fs-14 {
  height: 48px;
}

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

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

.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_text.activeTop p {
  -webkit-line-clamp: 30;
}

.client_case_content_li_text.activeTop .LocationDate div {
  -webkit-line-clamp: 30;
  opacity: 1;
}

.client_case_content_li {}
#client_case{
  padding-bottom: 40px;
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .w-1120{
    width: 888px;
  }
  .client_case_content_ul{
    margin-bottom: calc(45px - 16px);
  }
  /* .foreshow-content li.active p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
} */
.textheade{
  margin-bottom: 24px;
}

  .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;
  }
  .foreshow-head{
    padding-bottom: 40px;
    padding-left:0 ;
  }


}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .client_case_content_li {
    height: 420px;
  }
  .foreshow-head{
    padding-bottom: 40px;
    /* padding-left:0 ; */
  }

  .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;
    grid-template-columns: repeat(auto-fill, minmax(354px, 1fr));
  }

  .fs-16 {
    font-size: 14px;
  }

  .fs-18 {
    font-size: 16px;
  }

  .lh-24 {
    line-height: 22px;
  }

  .lh-26 {
    line-height: 24px;
  }

  .foreshow-content ul li .pt-32 {
    padding-top: 20px;
  }
}

@media (max-width: 767px) {
  .LocationDate div{
    opacity: 1;
  }
  .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));
  }

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

  .client_case_content_li_imgBox {
    height: 50vw;
  }

  .client_case_content_li_text {
    position: inherit;
  }

  .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;
  }

  .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: 48px;
    padding-bottom: 48px;
  }

  .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_text p.fs-14{
    height: auto;
  }
  .client_case_content_li p {
    margin: 2.133vw 0 2.667vw;
    font-size: 3.733vw;
    line-height: normal;
    -webkit-line-clamp: 2;
    height: auto;
  }
  .LocationDate{
    margin-bottom: 55px;
  }

  .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; */
  }

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

  .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;
  }
}

/* 新样式pc */

.sevenly-list-item {
  width: 352px;
  /* height: 430px; */
  background: #f6f7f8;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  margin-right: 32px;
}
.sevenly-list-item:nth-child(3){
  margin-right: 0;
}

.bottom-message {
  background: #fff;
  padding: 24px;
  border-radius: 0 0 8px 8px;
}

.list-header {
  /* overflow: hidden; */
  color: var(----400, #1A1B1E);
  /* text-overflow: ellipsis;
white-space: nowrap; */
  /* 20_H5/🔺EN-600 */
  text-align: start;
  font-family: "RedHatDisplay-Regular";
  font-size: 20px;
  font-style: normal;
  font-weight: 550;
  line-height: 28px;
  white-space: nowrap;      /* 强制不换行 */
  overflow: hidden;        /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 超出显示省略号 */
  white-space: nowrap;      /* 强制不换行 */
  overflow: hidden;        /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 超出显示省略号 */
  /* 140% */
}

.list-item-message {
  width: 100%;
  color: var(--Color-Text-T2, #61687C);
  text-align: start;
  /* 14_T2/🔺EN-400 */
  font-family: "RedHatDisplay-Regular";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
  margin-top: 8px;
}

.list-item-location {
  color: var(--Color-Text-T2, #61687C);
  /* 14_T2/🔺EN-400 */
  text-align: start;
  font-family: "RedHatDisplay-Regular";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
  padding-top: 16px;
  margin-top: 16px;
display: flex;
align-items: center;
  border-top: 0.5px solid var(--Color-Fill-3, #E5E6EB);
}
.list-item-location svg{
  margin-right: 8px;
}

.swiper_title {
  position: absolute;
  bottom: 20px;
  font-family: "RedHatDisplay-Regular";
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 550;
  line-height: 32px;
  /* 133.333% */
  color: #FFF;
}

.secondly-timer {
  margin-top: 64px;
  margin-bottom: 64px;
}


.banner-content img {
  border-radius: 12px;
}
.list-img{
  width: 100%;
  height: 220px;
  position: relative;
  overflow: hidden;
  
}
.list-img img{
  transition: all 0.5s;
}
.list-img:hover img{
  transform: scale(1.2);
 }
.tipsjk{
  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;
      font-size: 12px;
      font-style: normal;
      line-height: 20px;
      z-index: 999;
}
.list-item-message{
  height: 44px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制显示行数 */
  overflow: hidden;
  text-overflow: ellipsis;
}

.mjhk{
  border-radius: 16px 16px 0px 0px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.75) 0%, #F6F7F8 13.81%);

backdrop-filter: blur(25px);
  width: 1280px;
  position: relative;
  margin-top: -100px;
  padding: 52px 0px 40px 0px;
}

@media  screen and (min-width: 1200px) and (max-width: 1439px)  {
  .mjhk{
    width: calc(100% - 80px);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 36px;
  }
  .foreshow .w-1120 {
    width: 100%;
  }
  .foreshow-content li{
    padding-left: 40px;
    padding-right: 40px;
  }
  
}
.Banner-text {
  top: 128px;
}
.Banner-text h4{
  font-size: 22px;
  line-height: 30px;
}
.Banner-text h1{
  font-size: 56px;
  line-height: 74px;
  margin-bottom: 24px;
}
.bannerBtn {
  width: fit-content;
  padding: 20px;
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .Banner-text {
    top: 128px;
  }
  .Banner-text h4{
    font-size: 22px;
    line-height: 30px;
  }
  .Banner-text h1{
    font-size: 56px;
    line-height: 74px;
    margin-bottom: 24px;
  }
  .bannerBtn {
    width: fit-content;
    padding: 20px;
  }
  .mjhk{
    width: calc(100% - 80px);
    /* padding-left: 40px;
    padding-right: 40px; */
    padding-top: 36px;
  }
  .comitdivdom{
    padding-top:24px;
    padding-bottom: 24px;
  }
  #client_case{
    padding-right: 0;
    padding-left: 0;
  }
  .foreshow-head{
padding-bottom: 24px;
  }
  :root {
    --body-bg: #333;
    /* 网页背景颜色 */
    --font-size: 70px;
    /* 时钟字体大小 */
    --center-border: 0px solid #E53400;
    ;
    /* 翻页中间的边框色 */
    --col-width: 110px;
    /* 时间块的宽度（加宽以容纳2位数字） */
    --col-height: 110px;
    /* 时钟高度 */
    --col-color: #fff;
    /* 时钟字体颜色 */
    --col-bg: #ff4610
      /* --col-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(24, 24, 26, 0.20) 100%, rgba(24, 24, 26, 0.20) 100%), #FF4610; */
      /* 时钟背景色 */
  }
  .swiperpide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 550;
    line-height: 32px;
    font-family: "RedHatDisplay-Regular";
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 95%);
    /* text-align: left; */
    padding-right: 232px;
    height: 38px;
}
.sunlinktab2  .swiperpide{
  padding-right: 175px;
}
.sunlinktab3  .swiperpide{
  padding-right: 384px;
}
.list-img:hover img{
 transform: scale(1.2);
}
  .list-img{
    width: 100%;
    height: 180px;
    transition: all 0.5s;
  }
  #Banner, #secondly, #thirdly, #fourth, #sixthly{
    padding-left: 64px !important;
    padding-right: 64px !important;
}
.icon-notice{
  align-items: center;
}
.icon-notice svg{
  width: 100%;
  height: 100%;
}
  .container-f{
    padding-top: 0px;
  }
  .sevenly-list-item{
    height: auto;
  }
  .banner-content img {
    height: 498px;
  }

  .newsTitle {
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    /* 120% */
    margin-bottom: 16px;
  }

  .Banner-title {}

  .banner-content {
    margin-top: 32px !important;
  }

  .positioninfo {
    margin-top: 32px;
    margin-bottom: 36px !important;
  }

  .vakue-notice {
    font-size: 18px;
    font-style: normal;
    font-weight: 550;
    line-height: 26px;
    /* 144.444% */
  }

  .name-notice {
    color: var(--Color-Text-T2, #61687C);
    font-family: "Red Hat Display";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 157.143% */
  }

  .icon-notice {
    width: 52px;
    height: 52px;
  }

  .secondly {
    padding-top: 68px;
    padding-bottom: 68px;
  }

  .secondly-title {
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    /* 128.571% */
  }

  .secondly-timer {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .thirdly {
    padding-top: 68px;
    padding-bottom: 68px;
  }
  .thirdly-title{
    font-size: 28px;
    line-height: 36px; /* 128.571% */
  }
  .thirdly-info{
    font-size: 18px !important;
font-style: normal;
font-weight: 400;
line-height: 26px !important; /* 144.444% */
  }
  .number-info{
    font-weight: 600 !important;
  }
  .img_swi{
    margin-top: 32px;
    height: 448px !important;
  }
  .fourth-message-title{
    display: none;
  }
  .phoneTitle{
    display: block;
  }
  .fourth {
    display: block;
    padding-top:40px ;
    padding-bottom: 40px;
  }
  .content_ji{
    flex-direction: column-reverse;
  }
  .fourth-right-info {
    width: 100%;
    margin-right: 0;

  }

  .fourth-left-box {
    width: 100%;
    padding: 24px;
    margin-top: 32px;
    height: 542px;
  }
  .product-list div{
    width: 180px;
  }

  .fourth-left-img {
    width: 100%;
    height: 100%;
  }
  .fourth-left-img img {
    width: 100%;
    height: 432px;
    object-fit: contain;
  }
  .btninfocl {
    margin: 0 auto;
  }

  .fifthly {
    padding: 40px;
  }

  .mapinfo {
    margin-top: 32px;
  }

  .fifthly-title {
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    /* 128.571% */
  }

  .map,
  .loaction {
    width: calc(50% - 6px);
    height: 373px;
    margin-left: 0;
  }

  .mapinfo {
    display: flex;
    justify-content: space-between;
  }

  .sixly {
    padding: 40px;
  }

  .left-com {
    width: calc(50% - 8px);
    margin-right: 16px;
    /* margin-right: 16px; */
  }

  .right-com {
    width: calc(50% - 8px);
  }

  .sixsip {
    /* width: 50%; */
    width: 100%;
    height: 464px;
    margin-right: 16px
  }

  .otherimg {
    width: 100% !important;
  }

  .commimg {
    /* width: 23%; */
    width: calc(50% - 4px);
    height: 212px;
    margin-bottom: 16px;
    margin-right: 16px;
  }
  .sevenly-list-item{
    width: calc(33% - 8px);
    margin-right: 16px;
  }

  .otherimg {
    width: 464px;
    height: 464px;
  }

  .sixthly_title {
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    /* 128.571% */
    margin-bottom: 32px;
  }

  .sevenly {
    padding: 40px;
  }

  /* .sevenly-list-item {
    display: flex;
    width: 100%;
    height: 208px;
  } */

  /* .list-img {
    width: 45%;
  }

  .bottom-message {
    width: 55%;
  } */

  .container-f {
    padding-top: 5px !important;
    padding-bottom: 0 !important;
  }

  .container {
    border-radius: 0 !important;
  }
  .fifthly,.sixly,.sevenly {
padding-left: 64px;
padding-right: 64px;
  }
  .client_case_content_ul{
    display: flex !important;
  }
  .client_case_content_ul{
    gap: 0;
  }
  .list-item-location{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
  }
  .list-header{
    display: block;
    -webkit-box-orient: vertical;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .list-item-location svg{
    margin-bottom: -2.5px;
  }
  .sevenly-list-item:nth-child(3n){
    margin-right: 0 !important;
  }
  .sevenly-list-item{
    margin-bottom: 16px;
  }
  #client_case{
    padding-bottom: 48px;
  }

}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #All-Recap a:hover,#LearnMore a:hover,#All-Preview a:hover{
    color: rgba(28, 31, 35, 0.62);
  }
  .foreshow-content li.active {
  background-color: transparent;
}
.mjhk{
  width: calc(100% - 40px);
  margin-top: -90px;
  padding: 32px 0px;
}
.foreshow-head{
  padding-bottom: 28px;
}
.textheade{
  height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 24px;
}
.img-box {
  width: 340px;
}
.comitdivdom {
  padding-top: 24px;
  padding-bottom: 24px;
}
.foreshow-content h3{
  font-size: 24px;
}
#All-Recap a,#LearnMore a,#All-Preview a{
  font-size: 18px;
 
}

.foreshow-head h2{
font-size: 28px;
}
.foreshow ul li,.foreshow-head{
  padding-left: 0;
  padding-right: 0;
}
.LocationDate div{
  max-width: 300px;
  width:100%;
}
  :root {
    --body-bg: #333;
    /* 网页背景颜色 */
    --font-size: 70px;
    /* 时钟字体大小 */
   
    --col-width: 110px;
    /* 时间块的宽度（加宽以容纳2位数字） */
    --col-height: 110px;
    /* 时钟高度 */

    --center-border: 0px solid #E53400;
    /* 翻页中间的边框色 */
    --col-color: #fff;
    /* 时钟字体颜色 */
    --col-bg: #ff4610
      /* --col-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(24, 24, 26, 0.20) 100%, rgba(24, 24, 26, 0.20) 100%), #FF4610; */
      /* 时钟背景色 */
  }
  #foreshow,#client_case{
    padding-left: 24px;
    padding-right: 24px;
  }
  .foreshow-content h3{
    margin-bottom: 16px;
  }
  /* .client_case_content_ul{
    display: flex !important;
  } */
  .swiperpide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    color: #fff;
    font-size: 21px;
    font-style: normal;
    font-weight: 550;
    line-height: 32px;
    font-family: "RedHatDisplay-Regular";
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 95%);
    /* text-align: left; */
    padding-right: 98px;
    height: 39px;
}
.sunlinktab2  .swiperpide{
  padding-right: 50px;
}
.sunlinktab3  .swiperpide{
  padding-right: 206px;
}
  .icon-notice{
    align-items: center;
  }
  .icon-notice svg{
    width: 100%;
    height: 100%;
  }
.sevenly-list{
  display: block;
}
.sevenly-list-item{
  margin-top: 16px;
}
.list-img{
  height: 100%;
}
  .newsTitle {
    font-size: 40px;
    line-height: 48px;
  }

  .banner-content img {
    height: 382px;
  }

  .icon-notice {
    width: 52px;
    height: 52px;
  }

  .name-notice {
    font: 14px;
    line-height: 22px;
  }

  .vakue-notice {
    font-size: 18px;
    line-height: 26px;
  }

  .positioninfo {
    margin-bottom: 35px;
  }

  .secondly {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .secondly-title {
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    /* 128.571% */
  }

  .secondly-timer {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .thirdly-title {
    font-size: 28px;
    line-height: 36px;
    /* 128.571% */
  }

  .thirdly-info {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */
  }

  .number-info {
    font-weight: 600;
  }

  .img_swi {
    height: 340px !important;
  }

  .fourth-message-title {
    display: none;
  }

  .phoneTitle {
    display: block;
  }

  .fourth {
    display: block;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .content_ji {
    flex-direction: column-reverse;
  }

  .fourth-right-info {
    width: 100%;
    margin-right: 0;

  }

  .fourth-left-box {
    width: 100%;
    padding: 24px;
    margin-top: 32px;
    height: 496px;
  }
  .product-list div{
    width: 126px;
  }
  .fourth-left-img {
    width: 100%;
    height: 100%;
  }
  .fourth-left-img img{
    width: 100%;
    height: 386px;
    object-fit: contain;
  }
 

  .btninfocl {
    margin: 0 auto;
  }

  .fifthly {
    padding: 40px;
  }

  .mapinfo {
    margin-top: 32px;
  }

  .fifthly-title {
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    /* 128.571% */
  }

  .map,
  .loaction {
    width: calc(50% - 6px);
    height: 373px;
    margin-left: 0;
  }

  .mapinfo {
    display: flex;
    justify-content: space-between;
  }

  .sixly {
    padding: 40px;
  }

  .left-com {
    width: calc(50% - 8px);
    margin-right: 16px;
    /* margin-right: 16px; */
  }

  .right-com {
    width: calc(50% - 8px);
  }

  .sixsip {
    /* width: 50%; */
    width: 100%;
    height: 332px;
    margin-right: 16px
  }

  .otherimg {
    width: 100% !important;
  }

  .commimg {
    /* width: 23%; */
    width: calc(50% - 4px);
    height: 158px;
    margin-bottom: 16px;
    margin-right: 16px;
  }

  .otherimg {
    width: 332px;
    height: 332px;
  }

  .sixthly_title {
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    /* 128.571% */
    margin-bottom: 32px;
  }

  .sevenly {
    padding: 40px;
  }

  .sevenly-list-item {
    /* display: flex; */
    width: 100%;
    height: 208px;
  }

  .list-img {
    width: 45%;
  }

  .bottom-message {
    width: 55%;
  }

  .container-f {
    padding-top: 0px !important;
    padding-bottom: 0 !important;
  }

  .container {
    border-radius: 0 !important;
  }
  .client_case_content_ul {
    display: flex;
    gap: 0;
  }
  .sevenly-list-item {
    width: calc(50% - 8px);
    height: auto;
  }
  .list-img{
    width: 100%;
    height: auto;
  }
  .bottom-message{
    width: 100%;
  }
  .sevenly-list-item:nth-child(2n){
    margin-right: 0px !important;
  }
  .sevenly-list-item:nth-child(2n -1){
    margin-right: 16px !important;
  }
  #client_case{
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .list-item-location{
  
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

  }
  .client_case_nav{
    padding-bottom: 28px;
    border-bottom: 1px solid #E5E6EB;
  }
  .client_case_content{
    margin-top: 8px;
  }
  .client_case_nav h2 {
    font-size: 28px;
  }
  .list-img{
    height: 220px;
  }
  .list-header{
    /* height:52px; */
    display: block;
    -webkit-box-orient: vertical;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .list-item-location{
    display: block;
  }
  .list-item-location svg {
    margin-right: 8px;
    margin-bottom: -4px;
}
.list-img:hover img{
  transform: scale(1);
}
.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;
}

.Banner-text {
  top: 128px;
  padding-left: 40px;
  padding-right: 40px;
}
.Banner-text h4{
  font-size: 22px;
  line-height: 30px;
}
.Banner-text h1{
  font-size: 56px;
  line-height: 74px;
  margin-bottom: 24px;
}
.bannerBtn {
  width: fit-content;
  padding: 20px;
}

}
@media screen and (max-width: 767px) {
  #All-Recap a:hover,#LearnMore a:hover,#All-Preview a:hover{
    color: rgba(28, 31, 35, 0.62);
  }
  .list-item-location svg{
    margin-bottom: -4px;
  }
  .bannerBtn {
    height: 9.6vw;
    font-size: 4.533vw;
    width: fit-content;
    padding-left: 4.2vw;
    padding-right: 4.2vw;
  }
  .Banner-text {
    padding-left:16px ;
    padding-right:16px ;
    top: 32vw;
  }
  .Banner-text h4{
    font-size: 14px;
    line-height: 22px;
  }
  .Banner-text h1{
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 12px;
  }
  :root {
    --body-bg: #333;
    /* 网页背景颜色 */
    --font-size: 32px;
    /* 时钟字体大小 */
    --center-border: 0px solid #E53400;
    ;
    /* 翻页中间的边框色 */
    --col-width: 64px;
    /* 时间块的宽度（加宽以容纳2位数字） */
    --col-height: 64px;
    /* 时钟高度 */
    --col-color: #fff;
    /* 时钟字体颜色 */
    --col-bg: #ff4610
      /* --col-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(24, 24, 26, 0.20) 100%, rgba(24, 24, 26, 0.20) 100%), #FF4610; */
      /* 时钟背景色 */
  }
  .preBtn{
    margin-top: 16px;
  }
  .list-img:hover img{
    transform: scale(1);
  }
  .swiperpide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 550;
    line-height: 32px;
    font-family: "RedHatDisplay-Regular";
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 95%);
    /* text-align: left; */
    padding-right: 157px;
    height: 36px;
}
.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;
}
.sunlinktab2  .swiperpide{
  padding-right: 112px;
}
.sunlinktab3  .swiperpide{
  padding-right: 223px;
}
  .tipsjk{
    left: 4.267vw;
          top: 4.267vw;
  }
  .banner-content {
    display: none;
  }
  /* .fourth .swiper-slide-prev{
    opacity: 0;
    
  } */
  .sevenly-list{
    display: block;
  }
  /* .product-list div:nth-child(1){
    margin-left: 0px;
  } */
  .positioninfo {
    display: flex;
    flex-direction: column;
  }
  .positioninfo{
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .phoneBanner{
    display: block;
    width: 100%;
    height: 214px;
    border-radius: 8px;
    margin: 24px 0;
    overflow: hidden;
  }
  .col-xs-10{
    width: 100%;
  }
  .col-xs-offset-1{
    margin-left: 0;
  }
  .Banner{
    padding-bottom: 0  !important;
  }
  .location-notice {
    margin-left: 0;
    margin-right: 0;
  }

  .location-notice,
  .time-notice {
    width: 100%;
  }

  .time-notice {
    margin-top: 20px;
  }

  .icon-notice {
    width: 44px;
    height: 44px;
  }

  .name-notice {
    font-size: 12px;
    line-height: 20px;
    /* 166.667% */
  }

  .vakue-notice {
    font-size: 14px;
    line-height: 22px;
    /* 166.667% */
  }

  .positioninfo {
    padding: 0 16px;
  }

  .secondly-title {
    font-size: 20px;
    line-height: 28px;
    /* 128.571% */
  }

  .secondly-info {
    font-size: 14px;
    line-height: 22px;
    /* 166.667% */
    ;
  }

  .secondly-title {
    margin-bottom: 7px;
  }

  .secondly-timer {
    padding: 32px 0;
    /* height: 166px; */
  }

  .secondly-timer {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .thirdly-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 140% */
  }

  .secondly0-timey div:nth-child(2) {
    font-size: 14px;
    line-height: 24px;
    /* 150% */
    padding-right: 15px;
    white-space: nowrap;
  }
.thirdly-title{
  margin-bottom: 0;
}
  .secondly0-timey {
    /* width: 265px; */
    height: 40px;
    justify-content: space-between;
    margin-top: 16px;
  }
.sixly {
  padding-top: 40px;
}
.sixthly_title{
  margin-bottom: 24px;
}
  .iop-icon {
    width: 56px;
    height: 40px;
  }

  .thirdly-info {
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 157.143% */
    /* width: 156px !important; */
    border-radius: 8px;
    padding-left: 8px;
    justify-content: space-between;
  }

  .number-info {
    border-radius: 0px 8px 8px 12px;
    padding: 4px 16px;
  }

  .thirdly-title {
    margin-bottom: 8px;
  }

  .thirdly-header {
    align-items: start;
    flex-direction: column-reverse;
  }
  .thirdly-info{
    margin-bottom: 5px;
  }

  .img_swi {
    margin-top: 0px;
    height: 214px !important;
  }

  .mySwiper {
    margin-top: 24px;
    border-radius: 8px;
  }

  .fourth-message-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 140% */
  }

  .fourth-message-title {
    display: none;
  }

  .phoneTitle {
    display: block;
  }

  .content_ji {

    flex-direction: column-reverse;
  }

  .fourth-left-box {
    margin-top: 24px;
    width: 100%;
    height: 276px;
    padding: 16px;
  }
  /* .product-list div{
    width: 67px;
  } */
  .fourth-left-img {
    width: 100%;
  }
  .product-list div{
    padding: 8px 0;
  }
  .fourth-left-img img{
    width: 100%;
    height: 190px;
    object-fit: contain;
  }

  .product-list div {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }

  .fourth-left-img {
    width: 100%;
    height: 190px;
  }

  .fourth-right-info {
    width: 100%;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
  }

  .btninfocl {
    margin: 0 auto;
    width: 180px;
    height: 48px;
    font-size: 16px;
    font-style: normal;
    font-weight: 467;
    line-height: 24px;
    /* 150% */
  }

  .fifthly-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 140% */
  }

  .mapinfo {
    flex-direction: column;
    height: auto;
    padding: 0 16px;
  }

  .map {
    width: 100%;
    height: 373px;
    border-radius: 8px;
    overflow: hidden;
  }

  .loaction {
    margin-top: 16px;
    width: 100%;
    height: auto;
    margin-left: 0;
  }
  

  .loaction_message_btn {
    width: 180px;
    height: 46px;
    margin: 0 auto;
    margin-top: 24px;
  }

  .loaction_title {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
  }

  .loaction_message {
    margin-top: 16px;
  }

  #fourth {
    background: #fff;
  }

  .mapinfo {
    margin-top: 24px;
  }

  .fifthly {
    padding-top: 8.533vw;
    padding-bottom: 8.333vw;
  }

  .sixthly_title {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 140% */
  }

  .left-com {
    width: 100%;
  }

  #sixly {
    padding-left: 16px;
    padding-right: 16px;
  }

  .sixsip {
    width: 100%;
    height: 343px;
  }

  /* .sixly div:nth-child(2){
  display: block;
} */
  .right-com {
    display: none !important;
  }

  .commimg {
    width: calc(50% - 6px);
    height: 164px;
    margin-top: 12px;
  }

  .sixly {
    padding-bottom: 40px;
  }

  .sevenly {
   
    padding: 40px 16px;
  }
  

  .sevenly-list-item {
    width: 100%;
    height: auto;
    margin-top: 16px;
  }

  .list-header {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
  }

  .bottom-message {
    padding: 16px;
  }

  .list-item-message {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 157.143% */
  }
  .list-item-location{
    display: -webkit-box;          /* 旧版弹性盒模型 */
  -webkit-box-orient: vertical;  /* 垂直排列 */
  -webkit-line-clamp: 1;         /* 限制显示行数 */
  overflow: hidden;              /* 隐藏溢出内容 */
  width: 100%;                 /* 建议指定宽度 */
  }
  .container-f{
    padding-bottom: 0 !important;
  }
  #a5 .container-f .container{
    border-radius: 0 !important;
  }
  .timer-info-title{
    
    font-size: 12px;
    margin-top: 94px;
    width: 85px;
  }
  .client_case_content_ul{
    display: block;
   
  }
  .sevenly-list-item{
    margin: 0 ;
    margin-bottom: 16px;
    display: block;
  }
  .list-img{
    border-radius: 8px 8px  0 0;
    overflow: hidden;
  }
  #foreshow{
    background: transparent !important;
  }
  .sevenly-list-item:last-child {
    margin-bottom: 0;
  }
  .client_case_nav h2{
    font-size: 24px;
  }
  #foreshow h2{
    font-size: 24px;
  }
  .client_case_nav{
    padding-top: 0px;
  }
  .foreshow-head{
    padding-bottom: 0;
  }
  #client_case{
    padding-top: 7.33vw;
    padding-bottom: 7.33vw;
  }
  .foreshow-content {
    display: none;
  }
  .foreshow{
    padding-top: 7.33vw;
  }
  .md_foreshow-content .list-header{
    font-size: 18px;
  }
  .mjhk {
    width: 100%;
    padding: 24px 16px;
    padding-bottom: 40px;
  }
  .foreshow{
    padding-top: 0;
  }
  .foreshow-head li{
    background: transparent !important;
  }
  #foreshow{
    padding-left: 0;
    padding-right: 0;
  }
  .client_case_content{
    width: 100%;
  }
  .client_case_content{
    padding-left: 0;
    padding-right: 0;
  }
  .foreshow-head ul{
    flex-direction: row;
    justify-content:start;
  }
  #All-Recap a,#LearnMore a,#All-Preview a{
    font-size: 14px;
    white-space: nowrap;
    color: rgba(28, 31, 35, 0.62);
  }
  .client_case_nav{
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  #All-Preview{
    margin-left: 0px;
  }
  #foreshow h2{
    margin-bottom: 12px;
  }
  .foreshow-head ul li{
    height: auto;
  }
  .foreshow-head{
    border-bottom: 1px solid#E5E6EB;
  }
  .foreshow-head ul li{
    margin-bottom: 0;
    padding-bottom: 12px;
  }
  .foreshow-head ul{
    padding-left: 0;
  }
  .md_foreshow-content{
    margin-top: 16px;
  } 
  .client_case_nav{
    padding: 0;
  }
  .client_case_nav h2{ 
    padding-bottom: 16px;
  }
  .client_case_nav{
    padding-bottom: 16px;
  }
  .client_case_content{
    padding-top:16px ;
  }
  .client_case_nav{
    border-bottom: 1px solid#E5E6EB;
  }
  .client_case_content_ul{
    margin-bottom: 24px;
  }
  #client_case{
    padding-bottom: 0;
  }
  /* .sixsip{
  width: 100%;
} */
  /*  */

}
.list-header{
  font-weight: 600;
}
.list-header{
  /* height:52px; */
  display: block;
  -webkit-box-orient: vertical;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.textheade{
  height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 24px;
}