img {
  max-width: 100%;
}
.bxz *,
.bxz {
  box-sizing: border-box;
}
/**
 * 文本截断混合方法
 * @param {number} @lines - 最大显示行数
 * @param {number} @lineHeight - 行高（默认1.5）
 * @param {boolean} @calcHeight - 是否计算总高度（默认true）
 */
/* 大健康产业 */
.industry_sec1 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 0.9rem 0;
}
.industry_sec1 .wrap{display: flex;align-items: center;}
.industry_sec1 .industry_left {
  width: 43.125%;
  float: left;
}
.industry_sec1 .industry_right {
  width: 56.875%;
  float: right;
}
.industry_sec1 h1 {
  color: #1b978e;
  margin-bottom: 0.2rem;
}
.industry_sec1 .subtit {
  margin-bottom: 0.5rem;
  color: #595757;
}
.industry_sec1 .desc {
  color: #595757;
}
.industry_sec1 .items {
  display: flex;
  flex-wrap: wrap;
}
.industry_sec1 .items .item {
  width: 50%;
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
}
.industry_sec1 .items .icon {
  margin-right: 0.3rem;
  width: 0.8rem;
  height: 0.8rem;
}
.industry_sec1 img {
  vertical-align: middle;
}
.industry_sec2 {
  position: relative;
}
.industry_sec2 .cont {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 61.45833333%;
  padding-left: 1.6rem;
  padding-top: 1.6rem;
  background: url(../images/industry_sec2_mask.png) no-repeat center center;
  background-size: cover;
  display: flex;
  z-index: 2;
}
.industry_sec2 .cont .tabs {
  width: 2.7rem;
}
.industry_sec2 .cont dl {
  position: relative;
  padding: 12px 0;
  border-bottom: 1px solid #1b978e;
}
.industry_sec2 .cont dt {
  padding: 11px 0.16rem 11px 0.3rem;
  cursor: pointer;
}
.industry_sec2 .cont dt::after {
  content: "\e79c";
  display: inline-block;
  font-family: "iconfont";
  font-size: 16px;
  color: #1c4590;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.industry_sec2 .cont dd {
  display: none;
  padding-left: 0.3rem;
  padding-top: 0.4rem;
}
.industry_sec2 .cont dd p {
  margin-bottom: 10px;
  cursor: pointer;
  position: relative;
}
.industry_sec2 .cont dd p.active {
  color: #0c3888;
  font-weight: bold;
}
.industry_sec2 .cont dd p.active::after {
  content: '';
  width: 0.16rem;
  height: 0.16rem;
  display: inline-block;
  border: 4px solid #0c3888;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
}
.industry_sec2 .cont dl.active {
  border: none;
}
.industry_sec2 .cont dl.active dt {
  background-color: #fff;
  border-radius: 25px;
  color: #1b978e;
  cursor: pointer;
  position: relative;
}
.industry_sec2 .cont dl.active dd {
  display: block;
}
.industry_sec2 .cont .tabs_cont {
  width: 4.7rem;
  margin-left: 1.3rem;
  padding-top: 0.9rem;
}
.industry_sec2 .cont .tabs_cont .item {
  display: none;
}
.industry_sec2 .cont .tabs_cont .item.active {
  display: block;
}
.industry_sec2 .cont .tabs_cont .tit {
  color: #1b978e;
  margin-bottom: 0.2rem;
  line-height: 1.2;
}
.industry_sec2 .cont .tabs_cont .subtit {
  color: #595757;
  font-weight: bold;
}
.industry_sec2 .cont .tabs_cont .desc {
  color: #595757;
  margin-top: 0.4rem;
}
.industry_sec2 .img_items {
  float: right;
  width: 45.15625%;
}
.industry_sec2 .img_items .item {
  display: none;
}
.industry_sec2 .img_items .item.active {
  display: block;
}
.industry_sec2 .mobile_slider {
  display: none;
  max-width: 94%;
  margin: 0.6rem auto;
  border-radius: 0.3rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 0.3rem;
}
.industry_sec2 .mobile_slider .tit {
  color: #1b978e;
  margin-bottom: 0.2rem;
}
.industry_sec2 .mobile_slider .subtit {
  margin-bottom: 0.2rem;
  font-weight: bold;
}
.industry_sec2 .mobile_slider .swiper-pagination {
  width: 100%;
  left: 0;
  bottom: 0.15rem;
}
.industry_sec2 .mobile_slider .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.1rem;
}
/* 大健康产业 end*/
/* 海外健康平台 */
.overseas_sec1 {
  padding: 1.1rem 0 0.8rem;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}
.overseas_sec1 h2 {
  text-align: center;
  margin-bottom: 0.3rem;
}
.overseas_sec1 .desc {
  padding: 0 0.8rem;
  margin-bottom: 1rem;
}
.overseas_sec2 {
  padding: 1.3rem 0;
}
.overseas_sec2 h2 {
  text-align: center;
  margin-bottom: 0.3rem;
}
.overseas_sec2 .subtit {
  text-align: center;
  color: #595757;
  margin-bottom: 0.3rem;
}
.overseas_sec2 .items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.24rem;
}
.overseas_sec2 .items .item {
  background-color: #f2f9f8;
  border-radius: 20px;
  padding: 0.5rem 0.4rem;
  transition: all 0.3s;
}
.overseas_sec2 .items .item .desc {
  margin-top: 0.25rem;
  color: #575757;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 6em;
}
.overseas_sec2 .items .item:hover {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.overseas_sec2 .items h3 {
  color: #0c3888;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 2.4em;
  font-weight: bold;
}
.overseas_sec2 .items .icon {
  width: 0.4rem;
  height: 0.4rem;
  text-align: center;
  line-height: 0.4rem;
  margin-top: 0.3rem;
  margin-bottom: 0.12rem;
}
.overseas_sec3 {
  overflow: hidden;
  background: #f2f9f8;
  padding: 0.9rem 0;
}
.overseas_sec3 .fl {
  float: left;
  width: 6rem;
  margin-left: 1.6rem;
}
.overseas_sec3 .fl .img {
  margin-bottom: 0.5rem;
}
.overseas_sec3 .fl h2 {
  line-height: 1.2;
  margin-bottom: 0.5rem;
}
.overseas_sec3 .fl h3 {
  margin-bottom: 0.4rem;
  color: #575757;
  font-weight: bold;
}
.overseas_sec3 .fl .desc {
  color: #575757;
}
.overseas_sec3 .fr {
  float: right;
  margin-right: 0.5rem;
  width: 10.32rem;
}
/* 海外健康平台 end*/
/* 葉開泰 · 健康 start */
.business_site_banner {
  height: 7.6rem;
}
.business_site_banner .site_text {
  bottom: 1.8rem;
}
.business_site_banner h2 {
  margin-bottom: 0.3rem;
}
.business_site_banner .subtit {
  margin-bottom: 0.2rem;
}
.business_site_banner .desc{
  line-height: 1.6;
}
.business_index_sec1 {
  padding: 1.4rem 0;
}
.business_index_sec1 h2 {
  text-align: center;
  margin-bottom: 0.3rem;
}
.business_index_sec1 .line {
  height: 2px;
  width: 133px;
  background-color: #1b978e;
  margin: 0 auto 0.3rem;
}
.business_index_sec1 .desc {
  text-align: center;
  font-weight: bold;
}
.business_index_sec1 .items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem;
  margin-top: 0.7rem;
}
.business_index_sec1 .items .item {
  background: #f2f9f8;
  padding: 0.34rem;
  border-radius: 24px;
}
.business_index_sec1 .items .icon {
  margin-bottom: 20px;
}
.business_index_sec1 .items h3 {
  font-weight: bold;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.3rem;
}
.business_index_sec1 .items p {
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 6em;
  color: #575757;
}
.business_index_sec1 .items .address {
  color: #0c3888;
  font-weight: bold;
}
.business_index_sec2 {
  color: #fff;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.2rem 0;
}
.business_index_sec2 .img {
  float: left;
  width: 38.875%;
}
.business_index_sec2 .cont {
  float: right;
  width: 59.125%;
  text-align: center;
  padding-top: 0.6rem;
}
.business_index_sec2 .cont h2 {
  margin-bottom: 0.3rem;
}
.business_index_sec2 .cont .desc {
  margin-bottom: 0.6rem;
}
.business_index_sec2 .cont ul {
  display: flex;
  justify-content: space-around;
}
.business_index_sec2 .cont .icon {
  width: 0.49rem;
  height: 0.49rem;
  margin: 0 auto 6px;
}
.business_index_sec3 {
  position: relative;
  overflow: hidden;
}
.business_index_sec3 .line_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: url(../images/line_bg.png) no-repeat center center;
}
.business_index_sec3 .wrap {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 3;
}
.business_index_sec3 .tit {
  margin-top: 1.6rem;
  height: 3em;
}
.business_index_sec3 .swiper-button-prev,
.business_index_sec3 .swiper-button-next {
  position: absolute;
  right: 5%;
  top: 1.1rem;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  margin: 0;
  font-size: 18px;
}
.business_index_sec3 .swiper-button-prev i,
.business_index_sec3 .swiper-button-next i {
  color: #1c4590;
}
.business_index_sec3 .swiper-button-prev {
  left: auto;
  right: calc(5% + 80px);
}
.business_index_sec3 .date {
  margin-bottom: 0.25rem;
  font-weight: bold;
}
.business_index_sec3 .item {
  position: absolute;
  width: 3rem;
}
.business_index_sec3 .item:hover .date {
  font-weight: bold;
  color: #1b978e;
}
.business_index_sec3 .item.i1 {
  bottom: 33.333%;
  left: 8.333%;
}
.business_index_sec3 .item.i2 {
  width: 3.7rem;
  top: 70%;
  left: 30.1%;
}
.business_index_sec3 .item.i3 {
  bottom: 51%;
  left: 53.125%;
  width: 3.1rem;
}
.business_index_sec3 .item.i4 {
  top: 45.625%;
  left: 77.6%;
}
.business_index_sec4 .wrap {
  position: relative;
}
.business_index_sec4 .tit {
  position: absolute;
  top: 1.2rem;
}
.business_index_sec4 .list {
  position: absolute;
  right: 0;
  top: 2.8rem;
  padding: 0.4rem;
  border-radius: 0.24rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background: #fff;
  width: 2.82rem;
}
.business_index_sec4 .list dt {
  font-weight: bold;
  margin-top: 0.2rem;
}
.business_index_sec4 .list dd {
  color: #575757;
}
/* 葉開泰 · 健康 end */
@media screen and (max-width: 1024px) {
  .footer {
    padding: 0.6rem 0;
  }
  /* 葉開泰 · 健康 */
  .business_index_sec1 .items {
    grid-template-columns: repeat(2, 1fr);
  }
  .business_index_sec1 .items h3 {
    white-space: wrap;
  }
  .business_index_sec2 .img,
  .business_index_sec2 .cont {
    width: 100%;
  }
  .business_index_sec2 .cont ul {
    flex-wrap: wrap;
    gap: 10px;
  }
  .business_index_sec4 {
    padding: 0.6rem 0;
  }
  .business_index_sec4 .tit {
    position: static;
    text-align: center;
  }
  .business_index_sec4 .list {
    position: static;
    margin: 0 auto;
    width: 90%;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
  }
  /* 葉開泰 · 健康 end */
  /* 大健康产业 start */
  .industry_sec1 .wrap{flex-direction: column;}
  .industry_sec1 .industry_left {
    width: 100%;
    float: none;
    margin-bottom: 0.4rem;
  }
  .industry_sec1 .industry_right {
    width: 100%;
    float: none;
  }
  /* 大健康产业 end */
  /* 海外健康平台 start*/
  .overseas_sec1 .desc {
    padding: 0 0.4rem;
  }
  .overseas_sec2 {
    padding: 0.6rem 0;
  }
  .overseas_sec2 .items {
    grid-template-columns: repeat(1, 1fr);
  }
  .overseas_sec2 .items .item .desc {
    height: auto;
    -webkit-line-clamp: initial;
  }
  .overseas_sec3 .fl h2 br{display: none;}
  .overseas_sec3 {
    padding: 0.4rem 3%;
  }
  .overseas_sec3 .fl {
    margin-left: 0;
    margin-bottom: 0.4rem;
  }
  .overseas_sec3 .fl,
  .overseas_sec3 .fr {
    float: none;
    width: 100%;
  }
  .overseas_sec3 .fl .img {
    text-align: center;
  }
  .overseas_sec3 .fl .img img {
    width: 150px;
  }
  /* 海外健康平台 end*/
}
@media screen and (max-width: 768px) {
  .industry_sec2 .cont,
  .industry_sec2 .img_items {
    display: none;
  }
  .industry_sec2 .mobile_slider {
    display: block;
  }
  .business_index_sec3 {
    padding-bottom: 1rem;
  }
  .business_index_sec3 .wrap {
    position: static;
    transform: none;
  }
  .business_index_sec3 .pc-img,
  .business_index_sec3 .items {
    display: none;
  }
  .business_index_sec3 .tit {
    text-align: center;
    font-weight: bold;
    margin-top: 0.8rem;
  }
  .business_index_sec3 .mobile_history_items {
    padding: 0 5%;
    margin-top: 0.4rem;
  }
  .business_index_sec3 .mobile_history_items .swiper-slide {
    text-align: center;
    padding: 0.2rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 0.2rem;
    height: auto;
  }
  .business_index_sec3 .swiper-button-prev,
  .business_index_sec3 .swiper-button-next {
    width: 45px;
    height: 45px;
    line-height: 40px;
    top: auto;
    bottom: 10px;
  }
  .business_index_sec3 .swiper-button-prev {
    right: auto;
    left: 40%;
  }
  .business_index_sec3 .swiper-button-next {
    right: 40%;
  }
}
/*# sourceMappingURL=./business.css.map */