/* 十二行业样式   */
.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;
}
.chuanbozhizao {
  background: #fce5ed;
  color: #e87ba5;
}

/* grid */
.client_case_content_ul {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(368px, 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;
}
/* 深入了解 */
#Insight {
  background: #f6f7f8;
}
.Insight-content {
  width: 824px;
  padding-top: 72px;
}
.Insight-content li {
  border: 2px solid #000000;
  background: #f6f7f8;
}
.Insight-content li span img {
  transform-origin: 0 50%;
}
.Insight-content li:hover span img {
  transform: scalex(1.15);
}
.serveBehaviour_content_li_textBox {
  height: 220px;
  position: relative;
}
.serveBehaviour_content_li_textBox ul {
  position: absolute;
  left: 16px;
  bottom: 22px;
}
/* pad断点*/
@media screen and (min-width: 768px) and (max-width: 1200px) {
  section {
    padding-left: 16px;
    padding-right: 16px;
  }
  #Banner {
    padding-left: 0;
    padding-right: 0;
  }
  .head {
    width: 90%;
  }
  .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 {
    margin-right: 12px;
  }
  .w-368 {
    width: 31.8%;
  }
}
@media (max-width: 768px) {
  /* 移动端导航栏 */
  .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 4.267vw;
    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;
  }

  /* 服务万里行 */
  .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;
  }
  .serveBehaviour_content_li .fs-12 {
    font-size: 3.2vw;
  }
  .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;
  }
  .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 {
    margin-bottom: 8vw;
  }
  .client_case_content_li_text {
    position: relative;
  }
  .client_case_content_li_text ul {
    position: absolute;
    left: 2.667vw;
    bottom: 5.333vw;
  }
  .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: 5.333vw;
    font-weight: 600;
  }
  .client_case_content_li .fs-12 {
    font-size: 3.2vw;
  }
  .client_case_content_li .tag {
    padding: 1.867vw 5.333vw;
    font-size: 3.2vw;
    margin-right: 1.067vw;
  }
  .client_case_content_li p {
    margin: 2.133vw 0 2.667vw;
    font-size: 3.2vw;
  }
  .client_case_content_li_text {
    padding: 3.2vw 4.267vw 38px;
    height: 45.467vw;
  }
  .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%;
    /* margin-right: 0; */
  }
  .pb-108 {
    padding-bottom: 8vw;
  }

  /* 更多客户 */
  .media h2 {
    font-size: 6.4vw;
  }
  .media_nav {
    padding: 10.667vw 0;
  }
  .client_case_nav_select div {
    margin-right: 10px;
  }
  /* 深入了解 */
  #Insight {
    padding: 5.333vw 0 5.333vw;
  }
  .Insight-nav h3 {
    font-size: 6.4vw;
  }
  #Insight .Insight-content h3 {
    font-size: 4.267vw;
    margin-bottom: 0vw;
  }
  .Insight-content {
    padding-top: 6.4vw;
    width: 100%;
  }
  #Insight ul {
  }
  #Insight li {
    width: 29vw;
    height: 29vw;
    padding: 3.2vw;
  }
  #Insight li img.mb-28 {
    width: 11.2vw;
    height: 11.2vw;
    margin-bottom: 2.133vw;
  }
  #Insight li img.transition03-inOut {
    width: 3.2vw;
    height: 3.2vw;
  }
  #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 {
    margin-right: 4px;
  }
  .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: 8.533vw !important;
    font-weight: 500 !important;
  }
}