.home_category {
  position: relative;
  overflow: hidden;
  padding: 4.1rem 0 3rem;
}
.home_category .head {
  padding-bottom: 0.5rem;
}
.home_category .main {
  margin-top: 6.7rem;
}
.home_category .home_category_img_swiper {
  overflow: hidden;
  width: 50.486111%;
}
.home_category .home_category_img_swiper:hover img {
  transform: scale(1.02);
}
.home_category .home_category_img_swiper .img {
  width: 100%;
  padding-bottom: 69.5%;
}
.home_category .right {
  width: 44%;
  max-width: 63rem;
  padding-top: 0.5rem;
}
.home_category .home_category_swiper {
  overflow: hidden;
}
.home_category .home_category_swiper .swiper-slide {
  font-size: 1.7rem;
  line-height: 2.8rem;
  color: var(--content_color);
}
.home_category .home_category_swiper .swiper-slide h3 {
  font-size: 3.8rem;
  line-height: 6rem;
  font-weight: 700;
  color: var(--title_color);
}
.home_category .home_category_swiper .swiper-slide h3::after {
  width: 3.4rem;
  height: 0.4rem;
  display: block;
  content: '';
  background: url("../img/icon-subtitle.svg") no-repeat center / contain;
  margin-top: 2.8rem;
}
.home_category .home_category_swiper .swiper-slide .cut {
  margin-top: 2.8rem;
}
.home_category .home_category_swiper .swiper-slide p {
  margin-top: 1.9rem;
}
.home_category .home_category_swiper .swiper-slide ul {
  margin-top: 2.3rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.6rem 6%;
}
.home_category .home_category_swiper .swiper-slide ul a {
  position: relative;
  text-decoration: underline transparent;
  transition: all 0.3s;
  padding-left: 2.7rem;
}
.home_category .home_category_swiper .swiper-slide ul a::before {
  width: 1.4rem;
  height: 1.4rem;
  display: block;
  content: '';
  background: url("../img/arrow-r.svg") no-repeat center / contain;
  filter: contrast(0) brightness(0.3);
  transition: all 0.3s;
  position: absolute;
  left: 0;
  top: 0.4rem;
}
.home_category .home_category_swiper .swiper-slide ul a:hover {
  color: var(--theme_color);
  text-decoration-color: var(--theme_color);
}
.home_category .home_category_swiper .swiper-slide ul a:hover::before {
  filter: unset;
}
.home_category .home_category_swiper .swiper-slide .btn {
  margin-top: 3rem;
}
.home_category .swiper_con {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem 2rem;
  margin-top: 5.9rem;
}
.home_category .swiper_con .swiper-pagination {
  width: auto;
  position: static;
  display: flex;
  gap: 1.2rem;
  justify-content: center;
}
.home_category .swiper_con .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  width: 0.5rem;
  height: 0.5rem;
  background: #e7e7e7;
  opacity: 1;
  margin: 0;
  transition: all 0.4s, opacity 0.3s;
}
.home_category .swiper_con .swiper-pagination .swiper-pagination-bullet::after {
  width: 0;
  height: 100%;
  border-radius: 100px;
  background-color: var(--theme_color);
  position: absolute;
  left: 0;
  top: 0;
  content: '';
}
.home_category .swiper_con .swiper-pagination .swiper-pagination-bullet-active {
  width: 10.4rem;
  border-radius: 100px;
}
.home_category .swiper_con .swiper-pagination .swiper-pagination-bullet-active::after {
  width: 100%;
  transition: linear width 5s;
}
.home_category .watermark {
  position: absolute;
  right: 0;
  top: 25.5%;
  z-index: -1;
  font-size: 27.9rem;
  line-height: 0.7;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  user-select: none;
  color: #f4f4f4;
  letter-spacing: 2px;
  word-spacing: 23px;
}
.home_applications {
  padding: 5.8rem 0 4.4rem;
  overflow: hidden;
}
.home_applications .flex {
  position: relative;
  z-index: 2;
  padding-top: 4.5rem;
  padding-bottom: 7.1rem;
  margin-top: 3.3rem;
}
.home_applications .flex::before {
  width: 100vw;
  height: 100%;
  background-color: var(--bg_color);
  position: absolute;
  left: 36%;
  top: 0;
  content: '';
  z-index: -1;
  pointer-events: none;
}
.home_applications .titles {
  width: 17.778%;
  padding-top: 2.5%;
}
.home_applications .titles li {
  font-size: 2rem;
  color: #999999;
  display: grid;
  grid-template-columns: 3.7rem 1fr;
  align-items: center;
  gap: 0.8rem;
  cursor: pointer;
  transition: all 0.3s;
}
.home_applications .titles li span {
  font-size: 1.4rem;
  font-weight: 500;
}
.home_applications .titles li.active {
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--theme_color);
}
.home_applications .titles li + li {
  margin-top: 2.6rem;
}
.home_applications .home_applications_img_swiper {
  width: 43.264%;
  overflow: hidden;
}
.home_applications .home_applications_img_swiper:hover img {
  transform: scale(1.02);
}
.home_applications .home_applications_img_swiper .img {
  width: 100%;
  padding-bottom: 90.851%;
}
.home_applications .right {
  width: 30%;
  max-width: 40.9rem;
  align-self: flex-start;
  padding-top: 4.65%;
}
.home_applications .right .pagination {
  font-size: 1.5rem;
  color: #727272;
}
.home_applications .right .pagination .current {
  font-size: 1.6rem;
  font-weight: 500;
  color: #161616;
}
.home_applications .right .pagination .total {
  margin-left: 2px;
}
.home_applications .right .pagination .total::before {
  content: '/ ';
}
.home_applications .home_applications_swiper {
  overflow: hidden;
  margin-top: 2.5rem;
}
.home_applications .home_applications_swiper h3 {
  font-size: 4rem;
  line-height: 5.6rem;
  font-weight: 700;
}
.home_applications .home_applications_swiper h3::after {
  width: 3.4rem;
  height: 0.4rem;
  display: block;
  content: '';
  background: url("../img/icon-subtitle.svg") no-repeat center / contain;
  margin-top: 2.9rem;
}
.home_applications .home_applications_swiper .cut {
  margin-top: 2.9rem;
}
.home_applications .home_applications_swiper p {
  font-size: 1.7rem;
  line-height: 2.8rem;
  color: var(--content_color);
  margin-top: 3rem;
}
.home_applications .home_applications_swiper .btn {
  padding: 2rem 3.3rem 1.9rem;
  margin-top: 2.5rem;
}
.home_applications .watermark {
  position: absolute;
  left: 33.8%;
  bottom: 0;
  z-index: -1;
  font-size: 17.9rem;
  line-height: 0.7;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  user-select: none;
  color: #fff;
  letter-spacing: 14px;
}