.home-box {
  background: #f2f4f9;
  padding: 88px 0 24px;
}
.banner-box {
  position: relative;
  padding: 137px 0;
}
.banner-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  object-fit: cover;
}
.banner-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.banner-title {
  font-size: clamp(1.875rem, 0.702rem + 1.91vw, 3rem);
  color: #22252a;
  z-index: 1;
	text-align: center;
}
.banner-sub-title {
  width: 100%;
  text-align: center;
  font-size: clamp(1.25rem, 0.729rem + 0.85vw, 1.75rem);
  color: #52575e;
  margin: 24px 0 33px;
  z-index: 1;
}
.banner-btn-group{
	z-index: 1;
	display: flex;
}

.banner-box button {
  width: 12.5vw;
  height: 2.92vw;
  background: #2255F4;
  border: none;
  border-radius: 4px;
  font-size: clamp(0.75rem, 0.359rem + 0.64vw, 1.125rem);
  color: #ffffff;
  font-weight: 400;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 32px;
}
.banner-box button:hover {
  background: rgba(86, 125, 246, 1);
}
.banner-box  button:active {
  background: rgba(33, 80, 223, 1);
}

.download-desc{
	background: #ffffff;
	padding: 16px 15%;
}

.download-desc-title{
	font-weight: 500;
	font-size: clamp(1.125rem, 0.734rem + 0.64vw, 1.5rem);
	color: #1A1D21;
	line-height: 36px;
}

.download-desc-text{
	font-size: clamp(0.875rem, 0.614rem + 0.43vw, 1.125rem);
	color: #7B89A1;
	line-height: 24px;
	margin-top: 8px;
}

.tool-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 15%;
  background: #F8F9FA;
}
.tool-container {
  margin: 80px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tool-img {
  width: 37.2%;
}
.tool-introduce {
  width: calc(100% - 37.2% - 3%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.tool-introduce-title {
	width: 100%;
  font-size: clamp(1rem, 0.479rem + 0.85vw, 1.5rem);
  color: #22252a;
  line-height: 30px;
  margin-bottom: 12px;
}
.tool-introduce-desc {
  font-size: clamp(0.75rem, 0.359rem + 0.64vw, 1.125rem);
  color: #7f8792;
  line-height: 30px;
  width: 100%;
}
.tool-introduce-desc li {
  width: 100%;
  list-style-type: disc;
  margin-left: 16px;
}
.tool-introduce-desc li::marker {
  color: rgba(123, 137, 161, 0.5);
}
.tool-introduce-btn {
  font-size: clamp(0.625rem, 0.104rem + 0.85vw, 1.125rem);
  color: #2255f4;
  line-height: 28px;
  margin-top: 24px;
	cursor: pointer;
}
.download-btn-group{
	display: flex;
	align-items: center;
}
.download-btn-group .tool-introduce-btn:first-child{
	margin-right: 40px;
}
@media (max-width: 1480px) {
  .tool-img {
    width: 40%;
    height: 20vw;
    object-fit: cover;
  }
  .tool-introduce {
    width: calc(100% - 40% - 3%);
  }
  .tool-introduce-btn {
    margin-top: 12px;
  }
}
@media (max-width: 992px) {
  .banner-box {
    padding: 42px 0;
  }
	.banner-title {
		font-size: 18px;
	}
  .banner-sub-title {
		font-size: 12px;
    margin: 24px 0 20px;
  }
  .banner-btn-group {
    flex-direction: column;
  }
  .banner-box button {
    width: 100px;
    height: 36px;
    margin: 8px 0;
		font-size: 14px;
  }
	.download-desc{
		padding: 10px 10%;
	}
	.download-desc-text{
		margin-top: 4px;
	}
  .tool-box {
    padding: 20px 10%;
  }
  .tool-container {
    margin: 34px 0;
    flex-direction: column;
  }
  .tool-container:nth-child(2n) {
    flex-direction: column;
  }
  .tool-img {
    width: 100%;
		height: 208px;
  }
  .tool-introduce {
    width: 100%;
    margin-top: 14px;
  }
  .tool-introduce-title {
    margin-bottom: 6px;
    font-size: 18px;
  }
  .tool-introduce-desc {
    font-size: 14px;
  }

  .tool-introduce-btn {
    margin-top: 8px;
    font-size: 14px;
  }
	.download-btn-group{
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.download-btn-group .tool-introduce-btn:first-child{
		margin-right: 0;
	}
}