@charset "UTF-8";
@font-face {
  font-family: "DFZongYiSC24-W5";
  src: url("./DFZongYiSC24-W5.otf") format("opentype");
}
.top-box {
  width: 100%;
  height: 105px;
  z-index: 4;
}
.top-box .header-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  height: 105px;
  margin: 0 auto;
  font-family: "Microsoft YaHei";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  z-index: 4;
}
.top-box .header-box .header-left {
  display: flex;
  align-items: center;
  gap: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  color: #333;
  text-align: center;
  font-family: "DFZongYiSC24-W5";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 36px */
  letter-spacing: 0.24px;
}
.top-box .header-box .header-left .logo {
  width: 40px;
  height: 40px;
}
.top-box .header-box .header-left .text {
  width: 164.667px;
  height: 26px;
}
.top-box .header-box .header-right {
  display: flex;
  align-items: center;
  gap: 104px;
}
.top-box .header-box .header-right .nav {
  display: flex;
  align-items: center;
  gap: 32px;
}
.top-box .header-box .header-right .nav li {
  position: relative;
}
.top-box .header-box .header-right .nav li span {
  color: #454545;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  cursor: pointer;
}
.top-box .header-box .header-right .nav li.active span {
  color: #fff;
  display: block;
  padding: 4px 20px;
  margin: 0 -16px;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  border-radius: 2px;
  background: #03a1dc;
}
.top-box .header-box .header-right .dropdown-selector {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px 7px 20px;
  cursor: pointer;
  border-radius: 2px;
  background: #eee;
  position: relative;
}
.top-box .header-box .header-right .dropdown-selector .dropdown-text {
  color: #999;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  margin-right: 20px;
}
.top-box .header-box .header-right .dropdown-selector .dropdown-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.top-box .header-box .header-right .dropdown-selector .dropdown-arrow svg {
  width: 24px;
  height: 24px;
}

.banner-box {
  background: url("https://res.callmysoft.com/wm-static-resource/Sem/722_sem/pic-bg-2.png") no-repeat center;
  background-size: cover;
  width: 100%;
  min-height: 314.6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner-box .banner-content {
  width: 1200px;
}
.banner-box .banner-content .container {
  margin-left: 625px;
}
.banner-box .banner-content .container h1 {
  color: #fff;
  font-family: "Microsoft YaHei";
  font-style: normal;
  line-height: 150%; /* 45px */
  display: flex;
  align-items: center;
  height: 45px;
}
.banner-box .banner-content .container h1 p {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.6px;
  margin-right: 16px;
}
.banner-box .banner-content .container h1 span {
  font-size: 15px;
  font-weight: 600;
  margin-top: 10px;
}
.banner-box .banner-content .container .desc {
  color: #c3ef04;
  font-family: "Microsoft YaHei";
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 32px;
  margin-left: -4px;
}
.banner-box .banner-content .container .bottom-content {
  display: flex;
  align-items: center;
  gap: 30px;
}
.banner-box .banner-content .container .bottom-content .download-btn {
  width: 212px;
  height: 60px;
  border-radius: 4px;
  border: 0.5px solid rgba(202, 236, 77, 0.5);
  background: linear-gradient(182deg, #6db438 8.14%, #63a532 98.22%);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08), 0px 0px 4px 2px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.banner-box .banner-content .container .bottom-content .download-btn img {
  width: 34px;
  height: 34px;
}
.banner-box .banner-content .container .bottom-content .download-btn span {
  color: #fff;
  font-family: "Microsoft YaHei";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 42px */
}
.banner-box .banner-content .container .bottom-content .product_info {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2列等宽 */
  grid-template-rows: repeat(2, 1fr); /* 2行等高 */
  gap: 2px 10px;
}
.banner-box .banner-content .container .bottom-content .product_info .upper_section,
.banner-box .banner-content .container .bottom-content .product_info .lower_section {
  display: contents;
}
.banner-box .banner-content .container .bottom-content .product_info p {
  color: #eee;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
  white-space: nowrap;
}

.feature-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 130px;
}
.feature-box h2 {
  background: url("https://res.callmysoft.com/wm-static-resource/Sem/722_sem/pic-line.png") no-repeat center;
  background-size: cover;
  display: flex;
  justify-content: center;
  width: 980px;
  height: 70px;
  margin-top: 42px;
}
.feature-box h2 span {
  color: #333;
  font-family: "Microsoft YaHei";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 33px */
  margin-top: 5px;
}
.feature-box ul {
  width: 1200px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px 75px;
  margin-top: 35px;
}
.feature-box ul li {
  display: flex;
  gap: 16px;
}
.feature-box ul li .icon {
  border-radius: 4px;
  background: #319cd7;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.feature-box ul li .icon img {
  width: 36px;
  height: 36px;
}
.feature-box ul li:nth-of-type(1) .icon {
  background: #319cd7;
}
.feature-box ul li:nth-of-type(2) .icon {
  background: #7ac331;
}
.feature-box ul li:nth-of-type(3) .icon {
  background: #e62f4d;
}
.feature-box ul li:nth-of-type(4) .icon {
  background: #e47d19;
}
.feature-box ul li:nth-of-type(5) .icon {
  background: #4fd36b;
}
.feature-box ul li:nth-of-type(6) .icon {
  background: #318fe8;
}
.feature-box ul li:nth-of-type(7) .icon {
  background: #f2712b;
}
.feature-box ul li .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.feature-box ul li .text h4 {
  color: #454545;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
}
.feature-box ul li .text p {
  color: #999;
  font-family: "Microsoft YaHei";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 18px */
}

/*# sourceMappingURL=style.css.map */