.research {
  padding: 0 96px;
}
.research .intro {
  background-color: var(--dusk);
}
.research .case-box {
  padding: 96px 0;
  display: flex;
  align-items: center;
}
.research .case-box .img-banner {
  padding: 48px;
  border-radius: 24px;
  width: 720px;
  flex-shrink: 0;
  height: 480px;
}
.research .case-box .img-banner .layui-carousel,
.research .case-box .img-banner img {
  border-radius: 12px;
}
.research .case-box .img-banner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.research .case-box .img-banner .layui-carousel {
  box-shadow: 0px 16px 32px -8px rgba(12, 12, 13, 0.4);
  background-color: transparent;
}
.research .case-box .img-banner .layui-carousel-ind ul {
  background-color: transparent;
}
.research .case-box .img-banner .layui-carousel-ind ul li {
  width: 24px;
  height: 24px;
  background-color: transparent;
}
.research .case-box .img-banner .layui-carousel[lay-indicator=outside] .layui-carousel-ind {
  top: 30px;
}
.research .case-box .img-banner .layui-carousel > [carousel-item] > * {
  background-color: transparent;
}
.research .case-box .img-banner .mulity-box.layui-this {
  display: flex;
  justify-content: center;
}
.research .case-box .img-banner .layui-carousel > [carousel-item]:before {
  content: '';
}
.research .case-box .blue-banner {
  background-color: var(--lightblue);
}
.research .case-box .blue-banner .layui-carousel-ind ul li {
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: 1px solid var(--skyblue);
}
.research .case-box .blue-banner .layui-carousel-ind ul li.layui-this {
  background-color: var(--skyblue);
}
.research .case-box .green-banner {
  background-color: var(--mint-green);
}
.research .case-box .green-banner .layui-carousel-ind ul li {
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: 1px solid var(--cyan);
}
.research .case-box .green-banner .layui-carousel-ind ul li.layui-this {
  background-color: var(--cyan);
}
.research .case-box .purple-banner {
  background-color: var(--dusk);
}
.research .case-box .purple-banner .layui-carousel-ind ul li {
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: 1px solid var(--purple);
}
.research .case-box .purple-banner .layui-carousel-ind ul li.layui-this {
  background-color: var(--purple);
}
.research .case-box .red-banner {
  background-color: var(--red-light);
}
.research .case-box .red-banner .layui-carousel-ind ul li {
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: 1px solid var(--red);
}
.research .case-box .red-banner .layui-carousel-ind ul li.layui-this {
  background-color: var(--red);
}
.research .case-box .product-introduction {
  padding: 0 48px;
}
.research .case-box .product-introduction h2 {
  text-align: left;
}
.research .case-box .product-introduction p {
  margin-top: 24px;
  color: var(--text-stress);
  font-size: 20px;
  line-height: 36px;
}
.research .case-box:nth-child(2n+1) .img-banner {
  margin-right: 64px;
}
.research .case-box:nth-child(2n ) .product-introduction {
  margin-right: 64px;
}