@charset "UTF-8";
.slideshow {
  /* height: 100vh; */
  object-fit: cover;
}

.custom-top {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  height: 220px;
  padding: 50px 0;
}

.custom-top .left {
  height: 100%;
  display: flex;
  align-items: flex-start;
}

.custom-top .divider {
  width: 1px;
  height: 100%;
  background: #fff;
}

.custom-top .right {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.news_list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.news_list .news_item_r {
  transform: scaleX(-1);
}

.news_list .news_item_r p,
.news_list .news_item_r img,
.news_list .news_item_r h3,
.news_list .news_item_r .btn_box {
  transform: scaleX(-1);
}

.news_list .news_item_r p a,
.news_list .news_item_r img a,
.news_list .news_item_r h3 a,
.news_list .news_item_r .btn_box a {
  transform: scaleX(-1);
}

.news_list .news_item_r:hover .left_img img {
  transform: scaleX(-1) scale(1.1) !important;
}

.news_list .news_item {
  display: flex;
  width: 100%;
  align-items: center;
  border-radius: 10px;
  box-shadow: 4px 4px 20px #ccc;
  justify-content: space-between;
  transition: background 0.3s ease;
  padding: 20px;
  /* 图片样式 */
  /* 右侧内容 */
}

.news_list .news_item:hover .left_img {
  overflow: hidden;
}

.news_list .news_item:hover .left_img img {
  transform: scale(1.1);
}

.news_list .news_item .left_img {
  overflow: hidden;
  border-radius: 10px;
}

.news_list .news_item .left_img img {
  width: 384px;
  height: 288px;
  object-fit: cover;
  transition: transform 0.3s ease;
  will-change: transform;
  cursor: pointer;
}

.news_list .news_item .right_content {
  display: flex;
  flex-direction: column;
  align-content: flex-end;
  width: 320px;
}

.news_list .news_item .right_content p {
  text-indent: 2em;
  color: #888;
}

.news_list .news_item .right_content button {
  background: #171f3c;
  border-radius: 20px;
  padding: 5px 32px;
  border: 1px solid #171f3c;
  transition: background 0.3s ease, border-color 0.3s ease;
  cursor: pointer;
}

.news_list .news_item .right_content button a {
  color: #fff;
}

.news_list .news_item .right_content button:hover {
  background: #696fbb;
  border-color: #696fbb;
}

.product_header_texts {
  margin: 50px 0;
}

.product_header_texts .title {
  font-size: 30px;
  color: #252525 !important;
  font-weight: none;
}

.product_header_texts .sub_title {
  margin-top: 10px;
  color: #888;
  font-size: 14px;
}

.caseList_row a img {
  height: 340px !important;
  object-fit: cover;
}

.product-card .card-img-340 a img {
  height: 340px !important;
}

.product-card:hover {
  cursor: pointer;
}

.product-card:hover .product-card-body .product-card-body-inner .footer_content .footer_content_right .right_icon {
  background: #222b4a !important;
  color: #fff;
}

.product-card .product-card-body {
  position: relative;
  height: 80px;
}

.product-card .product-card-body .product-card-body-inner {
  padding: 20px;
  border-radius: 10px;
  position: absolute;
  top: -60px;
  right: 4px;
  left: 4px;
  background: #fff;
  box-shadow: 0 10px 30px #eee;
  margin: 20px 10px;
}

.product-card .product-card-body .product-card-body-inner .footer_content {
  display: flex;
  align-items: flex-end;
}

.product-card .product-card-body .product-card-body-inner .footer_content .footer_content_right {
  display: flex;
  width: 30px;
}

.product-card .product-card-body .product-card-body-inner .footer_content .footer_content_right .right_icon {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 16px;
  background: #e6f1fc;
  border-radius: 30px 0 0 0;
  color: #696fbb;
  transition: background 0.3s ease, color 0.3s ease;
}

.product-card .product-card-body .product-card-body-inner .footer_content .footer_content_right .right_icon::before {
  position: relative;
  top: 4px;
  left: 4px;
}