/* 十二行业样式   */
.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;
}
/* 客户案例 */
.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 ul li:nth-child(3n) {
  /* margin-right: 0; */
}
.client_case_content ul {
  margin-right: -24px;
}
/* 大pad断点 lg*/
@media screen and (min-width: 768px) and (max-width: 1200px) {
  #client_case {
    padding-left: 16px;
    padding-right: 16px;
  }
}
/* 移动端 */
@media (max-width: 768px) {
  #client_case {
    padding: 10vw 0;
  }
  #client_case ul li {
    /* margin-right: 0; */
  }
  .client_case_nav {
    padding-left: 4.26vw;
  }
  .client_case_content {
    padding-left: 4.26vw;
    padding-right: 4.26vw;
  }
  .client_case_content ul li {
    width: 100%;
  }
  .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 {
  }
}
