﻿.industry_cont {
}
.industry_cont .filter_section {
  max-width: 1440rem;
}
.industry_section {
  padding: 50rem 0;
  scroll-margin-top: 100rem;
}
.industry_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30rem;
}
.industry_card {
  background: #fff;
  border: 1rem solid #e0e8eb;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: inherit;
}
.industry_img {
  width: 41.28%;
  max-width: 322rem;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}


.industry_img img {
  max-width: 100%;
  max-height: 242rem;
}

@media only screen and (max-width: 767px) {
.industry_img img{max-height: 200px}

}


.industry_info {
  padding: 0 35rem;
  margin: 15rem 0;
  border-left: 1px solid #e0e8eb;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.industry_name {
  color: #000000;
  margin-bottom: 15rem;
  line-height: 1.4;
}
.industry_desc {
  color: #000000;
  line-height: 1.8;
}
.search_box {
  flex: 1;
  min-width: 200rem;
  position: relative;
  display: flex;
  align-items: center;
}
.search_input {
  width: 100%;
  background: #fff;
  border: 1rem solid #b2b2b2;
  padding: 15rem 45rem 15rem 20rem;
  outline: none;
  transition: all 0.3s ease;
  color: #000;
}
.search_input:focus {
  border-color: #1a5fa8;
  box-shadow: 0 4rem 12rem rgba(26, 95, 168, 0.15);
}
.search_input::placeholder {
  color: #999;
}
.search_btn {
  position: absolute;
  right: 15rem;
  background: none;
  border: none;
  cursor: pointer;
  color: #666;
  transition: all 0.3s ease;
  padding: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.related_solutions_section {
  padding: 50rem 0;
}
.solutions_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60rem 30rem;
}
.solution_card {
  background: #fff;
  border: 1rem solid #e0e8eb;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: inherit;
}
.solution_img {
  width: 45.47%;
  max-width: 357rem;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}
.solution_img img {
  width: 100%;
  display: block;
}
.solution_info {
  padding: 30rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.solution_name {
  color: #000000;
  margin-bottom: 10rem;
  line-height: 1.2;
}
.solution_desc {
  color: #000000;
  line-height: 1.5;
}
.partner_section {
  padding: 50rem 0 100rem;
}
.partner_grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20rem;
}
.partner_card {
  background: #fff;
  border: 1rem solid #e0e8eb;
  padding: 20rem;
  text-align: center;
  transition: all 0.3s ease;
}
.partner_logo {
  max-width: 180rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border-bottom: 1px solid #e0e8eb;
  margin-bottom: 15rem;
}
.partner_logo img {
  width: 100%;
}
.partner_name {
  padding: 0 20rem;
  font-weight: bold;
  margin: 0 auto;
  color: #000000;
  line-height: 1.6;
  text-align: center;
}
@media (max-width: 1024px) {
  .industry_grid,
  .solutions_grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 25rem;
  }
  .partner_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 25rem;
  }
  .industry_section,
  .related_solutions_section {
    padding: 35rem 0;
  }
}
@media (max-width: 767px) {
  .industry_grid,
  .solutions_grid {
    grid-template-columns: 1fr;
    gap: 20rem;
  }
  .partner_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20rem;
  }
  .partner_logo {
    /*max-width: 100%;*/
    margin-bottom: 30rem;
  }
  .industry_card,
  .solution_card {
    flex-direction: column;
  }
  .industry_img,
  .solution_img {
    width: 100%;
    margin: 0;
    max-width: 100%;
  }
  .filter_container {
    flex-direction: column;
    gap: 15rem;
  }
  .custom_select,
  .search_box {
    min-width: auto;
  }
  .select_header {
    padding: 12rem 15rem;
  }
  .select_options {
    max-height: 200rem;
  }
  .select_options li {
    padding: 10rem 15rem;
  }
  .industry_info {
    border: none;
    padding: 30rem;
    margin: 0;
  }
}
@media (min-width: 1025px) {
  .industry_card:hover,
  .solution_card:hover {
    box-shadow: 0 10rem 30rem rgba(0, 0, 0, 0.1);
    text-decoration: none;
  }
  .partner_card:hover {
  /*  box-shadow: 0 10rem 30rem rgba(0, 0, 0, 0.1);
    transform: translateY(-4rem);*/
  }
  .partner_card:hover .tran_scale img{
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-: scale(1, 1);
    -o-transform: scale(1, 1);
  }
  .search_btn:hover {
    color: #1a5fa8;
  }
}
@media (max-width: 767px) {
  .industry_body .site_text {
    top: 15%;
  }
}
@media (max-width: 360px) {
  .industry_body .site_text {
    top: 10%;
  }
  .industry_body .site_text p {
    max-height: 15em;
    height: 15em;
    overflow: hidden;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
  }
}

/* 2026-09-24修改 */
.related_solutions_section .slide_hide {
  display: none;
}
.related_solutions_section .slide_con {
  position: relative;
}
.related_solutions_section .slidebox {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15rem;
}
.related_solutions_section .solutions_grid {
  display: block;
}
.related_solutions_section .solutions_grid .slide_iteam {
  width: 50%;
  box-sizing: border-box;
  padding: 0 15rem 60rem;
}
.related_solutions_section .slidebox .slide_iteam dl {
  padding: 0;
  border: 0;
}
.related_solutions_section .solution_info {
  height: 260rem;
  overflow: hidden;
}
.related_solutions_section .mCSB_outside + .mCSB_scrollTools {
  right: 0;
}

.related_solutions_section .mCSB_scrollTools .mCSB_draggerRail {
  background: #ccc;
}
.related_solutions_section .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #22227e;
}
@media (max-width: 767px) {
  .related_solutions_section .solutions_grid .slide_iteam {
    width: 100%;
    padding: 0 0 20rem;
  }
  .related_solutions_section .slidebox {
    margin: 0;
  }
  .related_solutions_section .solution_info {
    height: 200px;
    display: block;
    flex: none;
  }
  .related_solutions_section .index_btn > div {
    margin-top: 0;
    top: 270rem;
  }
}

/* 方案详情：相关解决方案（竖卡一行四，超出可横滑） */
.solution_related_section {
  padding: 0 0 80rem;
  background: #fff;
}
.solution_related_section .section_title {
  margin-bottom: 40rem;
}
.rel_sol_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30rem;
}
.rel_sol_swiper_container {
  position: relative;
}
.rel_sol_swiper_container .index_btn {
  display: none;
}
.rel_sol_swiper_container.has-swiper-nav .index_btn {
  display: block !important;
}
.rel_sol_swiper .swiper-wrapper {
  align-items: stretch;
}
.rel_sol_swiper .swiper-slide {
  height: auto;
  display: flex;
}
.rel_sol_card {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background: #eef2f5;
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
  overflow: hidden;
}
.rel_sol_image {
  width: 100%;
  background: #e5e7eb;
  overflow: hidden;
  flex-shrink: 0;
  aspect-ratio: 368 / 246;
}
.rel_sol_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.rel_sol_title {
  font-weight: bold;
  color: #000;
  padding: 20rem 24rem 0;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.rel_sol_desc {
  color: #000;
  line-height: 1.6;
  margin: 12rem 24rem 28rem;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .rel_sol_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20rem;
  }
  .solution_related_section {
    padding: 0 0 50rem;
  }
}
@media (max-width: 767px) {
  .rel_sol_grid {
    grid-template-columns: 1fr;
    gap: 16rem;
  }
}
@media (min-width: 1025px) {
  .rel_sol_card:hover {
    box-shadow: 0 10rem 30rem rgba(0, 0, 0, 0.1);
    text-decoration: none;
  }
}


/*2026-10-13改行间距*/

.industry_desc,.solution_desc,.solution_name{line-height: 1.7em}