@media screen and (min-width: 1601px) {
  .font32 {
    font-size: 32.768px;
  }
  .font30 {
    font-size: 30.72px;
  }
  .font22 {
    font-size: 22.528px;
  }
  .font21 {
    font-size: 21.504px;
  }
  .font18 {
    font-size: 18.432px;
  }
  .font16 {
    font-size: 16.384px;
  }
  .font14 {
    font-size: 14.336px;
  }
  .font13 {
    font-size: 13.312px;
  }
  .font12 {
    font-size: 12.288px;
  }
  .font11 {
    font-size: 11.264px;
  }
  .font10 {
    font-size: 10.24px;
  }
  .font9 {
    font-size: 9.216px;
  }
  .font8 {
    font-size: 8.192px;
  }
  .lineheight24 {
    line-height: 24.576px;
  }
  .lineheight21 {
    line-height: 21.504px;
  }
  .lineheight16 {
    line-height: 16.384px;
  }
  .lineheight15 {
    line-height: 15.36px;
  }
  .kv-txt {
    top: 61.44px;
  }
  .pt80 {
    padding-top: 81.92px;
  }
  .pb80 {
    padding-bottom: 81.92px;
  }
  .pt74 {
    padding-top: 75.776px;
  }
  .pt50 {
    padding-top: 51.2px;
  }
  .pb50 {
    padding-bottom: 51.2px;
  }
  .pb30 {
    padding-bottom: 30.72px;
  }
  .pt22 {
    padding-top: 22.528px;
  }
  .pb22 {
    padding-bottom: 22.528px;
  }
  .pb10 {
    padding-bottom: 10.24px;
  }
  .mb10 {
    margin-bottom: 10.24px;
  }
  .mb50 {
    margin-bottom: 51.2px;
  }
  .tw_main .blue-line {
    height: 5.12px;
    width: 40.96px;
  }
  .tw_main .feature .feature-desc1 .feature-desc-item {
    margin-right: 20.48px;
    margin-top: 10.24px;
    margin-bottom: 10.24px;
  }
  .tw_main .feature .feature-desc1 .icon {
    width: 28.672px;
    height: 28.672px;
  }
  .tw_main .feature-color {
    padding: 10.24px;
  }
  .tw_main .feature-color img {
    width: 20.48px;
    height: 20.48px;
    margin-right: 10.24px;
  }
  .tw_main .feature-color .title-part .feature-color-title-right {
    padding: 2px 8.192px;
    border-radius: 12.288px;
  }
  .tw_main .feature-color .feature-color-right-part img {
    width: 61.44px;
    height: 61.44px;
  }
}
@media screen and (max-width: 1600px) {
  .font32 {
    font-size: 2.0667733333vw;
  }
  .font30 {
    font-size: 1.9376vw;
  }
  .font22 {
    font-size: 1.4209066667vw;
  }
  .font21 {
    font-size: 1.35632vw;
  }
  .font18 {
    font-size: 1.16256vw;
  }
  .font16 {
    font-size: 1.0333866667vw;
  }
  .font14 {
    font-size: 0.9042133333vw;
  }
  .font13 {
    font-size: 0.8396266667vw;
  }
  .font12 {
    font-size: 0.77504vw;
  }
  .font11 {
    font-size: 0.7104533333vw;
  }
  .font10 {
    font-size: 0.6458666667vw;
  }
  .font9 {
    font-size: 0.58128vw;
  }
  .font8 {
    font-size: 0.5166933333vw;
  }
  .lineheight24 {
    line-height: 1.55008vw;
  }
  .lineheight21 {
    line-height: 1.35632vw;
  }
  .lineheight16 {
    line-height: 1.0333866667vw;
  }
  .lineheight15 {
    line-height: 0.9688vw;
  }
  .kv-txt {
    top: 3.8752vw;
  }
  .pt80 {
    padding-top: 5.1669333333vw;
  }
  .pb80 {
    padding-bottom: 5.1669333333vw;
  }
  .pt74 {
    padding-top: 4.7794133333vw;
  }
  .pt50 {
    padding-top: 3.2293333333vw;
  }
  .pb50 {
    padding-bottom: 3.2293333333vw;
  }
  .pt30 {
    padding-top: 1.9376vw;
  }
  .pb30 {
    padding-bottom: 1.9376vw;
  }
  .pt22 {
    padding-top: 1.4209066667vw;
  }
  .pb22 {
    padding-bottom: 1.4209066667vw;
  }
  .pb10 {
    padding-bottom: 0.6458666667vw;
  }
  .mb10 {
    margin-bottom: 0.6458666667vw;
  }
  .mb50 {
    margin-bottom: 3.2293333333vw;
  }
  .tw_main .blue-line {
    height: 0.3229333333vw;
    width: 2.5834666667vw;
  }
  .tw_main .feature .feature-desc1 .feature-desc-item {
    margin-right: 1.2917333333vw;
    margin-top: 0.6458666667vw;
    margin-bottom: 0.6458666667vw;
  }
  .tw_main .feature .feature-desc1 .icon {
    width: 1.8084266667vw;
    height: 1.8084266667vw;
  }
  .tw_main .feature-color {
    padding: 0.6458666667vw;
  }
  .tw_main .feature-color img {
    width: 1.2917333333vw;
    height: 1.2917333333vw;
    margin-right: 0.6458666667vw;
  }
  .tw_main .feature-color .title-part .feature-color-title-right {
    padding: 2px 0.5166933333vw;
    border-radius: 0.77504vw;
  }
  .tw_main .feature-color .feature-color-right-part img {
    width: 3.8752vw;
    height: 3.8752vw;
  }
}
@media screen and (max-width: 1025px) {
  .font32 {
    font-size: 3.1968776533vw;
  }
  .font30 {
    font-size: 2.9970728vw;
  }
  .font22 {
    font-size: 2.1978533867vw;
  }
  .font21 {
    font-size: 2.09795096vw;
  }
  .font18 {
    font-size: 1.79824368vw;
  }
  .font16 {
    font-size: 1.5984388267vw;
  }
  .font14 {
    font-size: 1.3986339733vw;
  }
  .font13 {
    font-size: 1.2987315467vw;
  }
  .font12 {
    font-size: 1.19882912vw;
  }
  .font11 {
    font-size: 1.0989266933vw;
  }
  .font10 {
    font-size: 0.9990242667vw;
  }
  .font9 {
    font-size: 0.89912184vw;
  }
  .font8 {
    font-size: 0.7992194133vw;
  }
  .lineheight24 {
    line-height: 2.39765824vw;
  }
  .lineheight21 {
    line-height: 2.09795096vw;
  }
  .lineheight16 {
    line-height: 1.5984388267vw;
  }
  .lineheight15 {
    line-height: 1.4985364vw;
  }
  .kv-txt {
    top: 5.9941456vw;
  }
  .pt80 {
    padding-top: 7.9921941333vw;
  }
  .pb80 {
    padding-bottom: 7.9921941333vw;
  }
  .pt74 {
    padding-top: 7.3927795733vw;
  }
  .pt50 {
    padding-top: 4.9951213333vw;
  }
  .pb50 {
    padding-bottom: 4.9951213333vw;
  }
  .pt30 {
    padding-top: 2.9970728vw;
  }
  .pb30 {
    padding-bottom: 2.9970728vw;
  }
  .pt22 {
    padding-top: 2.1978533867vw;
  }
  .pb22 {
    padding-bottom: 2.1978533867vw;
  }
  .pb10 {
    padding-bottom: 0.9990242667vw;
  }
  .mb10 {
    margin-bottom: 0.9990242667vw;
  }
  .mb50 {
    margin-bottom: 4.9951213333vw;
  }
  .tw_main .blue-line {
    height: 0.4995121333vw;
    width: 3.9960970667vw;
  }
  .tw_main .feature .feature-desc1 .feature-desc-item {
    margin-right: 1.9980485333vw;
    margin-top: 0.9990242667vw;
    margin-bottom: 0.9990242667vw;
  }
  .tw_main .feature .feature-desc1 .icon {
    width: 2.7972679467vw;
    height: 2.7972679467vw;
  }
  .tw_main .feature-color {
    padding: 0.9990242667vw;
  }
  .tw_main .feature-color img {
    width: 1.9980485333vw;
    height: 1.9980485333vw;
    margin-right: 0.9990242667vw;
  }
  .tw_main .feature-color .title-part .feature-color-title-right {
    padding: 2px 0.7992194133vw;
    border-radius: 1.19882912vw;
  }
  .tw_main .feature-color .feature-color-right-part img {
    width: 5.9941456vw;
    height: 5.9941456vw;
  }
}
@media screen and (max-width: 768px) {
  .font32 {
    font-size: 4.2666666667vw;
  }
  .font30 {
    font-size: 4vw;
  }
  .font22 {
    font-size: 2.9333333333vw;
  }
  .font21 {
    font-size: 2.8vw;
  }
  .font18 {
    font-size: 2.4vw;
  }
  .font16 {
    font-size: 2.1333333333vw;
  }
  .font14 {
    font-size: 1.8666666667vw;
  }
  .font13 {
    font-size: 1.7333333333vw;
  }
  .font12 {
    font-size: 1.6vw;
  }
  .font11 {
    font-size: 1.4666666667vw;
  }
  .font10 {
    font-size: 1.3333333333vw;
  }
  .font9 {
    font-size: 1.2vw;
  }
  .font8 {
    font-size: 1.0666666667vw;
  }
  .lineheight24 {
    line-height: 3.2vw;
  }
  .lineheight21 {
    line-height: 2.8vw;
  }
  .lineheight16 {
    line-height: 2.1333333333vw;
  }
  .lineheight15 {
    line-height: 2vw;
  }
  .kv-txt {
    top: 8vw;
  }
  .pt80 {
    padding-top: 10.6666666667vw;
  }
  .pb80 {
    padding-bottom: 10.6666666667vw;
  }
  .pt74 {
    padding-top: 9.8666666667vw;
  }
  .pt50 {
    padding-top: 6.6666666667vw;
  }
  .pb50 {
    padding-bottom: 6.6666666667vw;
  }
  .pt30 {
    padding-top: 4vw;
  }
  .pb30 {
    padding-bottom: 4vw;
  }
  .pt22 {
    padding-top: 2.9333333333vw;
  }
  .pb22 {
    padding-bottom: 2.9333333333vw;
  }
  .pb10 {
    padding-bottom: 1.3333333333vw;
  }
  .mb10 {
    margin-bottom: 1.3333333333vw;
  }
  .mb50 {
    margin-bottom: 6.6666666667vw;
  }
  .tw_main .blue-line {
    height: 0.6666666667vw;
    width: 5.3333333333vw;
  }
  .tw_main .feature .feature-desc1 .feature-desc-item {
    margin-right: 2.6666666667vw;
    margin-top: 1.3333333333vw;
    margin-bottom: 1.3333333333vw;
  }
  .tw_main .feature .feature-desc1 .icon {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
  }
  .tw_main .feature-color {
    padding: 1.3333333333vw;
  }
  .tw_main .feature-color img {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin-right: 1.3333333333vw;
  }
  .tw_main .feature-color .title-part .feature-color-title-right {
    padding: 2px 1.0666666667vw;
    border-radius: 1.6vw;
  }
  .tw_main .feature-color .feature-color-right-part img {
    width: 8vw;
    height: 8vw;
  }
}
.color-white {
  color: #fff;
}

.color-black {
  color: #000;
}

.txt-center {
  text-align: center;
}

.dis-flex {
  display: flex;
}

.tw_main {
  font-family: "HONORSansWorld-Regular";
}
.tw_main h1,
.tw_main h2,
.tw_main h3,
.tw_main h4,
.tw_main h5 {
  font-weight: normal;
}
.tw_main .section-title {
  font-family: "HONORSansWorld-DemiBold";
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
}
.tw_main .blue-line {
  background-color: #256fff;
  border-radius: 4px;
  margin: 0 auto;
}
.tw_main .feature {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 500;
}
.tw_main .feature img {
  width: 100%;
}
.tw_main .feature .feature-title {
  line-height: 2;
  font-family: "HONORSansWorld-Medium";
}
.tw_main .feature .feature-desc {
  line-height: 1.778;
  font-family: "HONORSansWorld-Medium";
  color: rgba(0, 0, 0, 0.5);
}
.tw_main .feature .feature-desc .feature-desc-title {
  font-family: "HONORSansWorld-Medium";
}
.tw_main .feature .feature-desc .font18 {
  display: block;
  font-family: "HONORSansWorld-Regular";
}
.tw_main .feature .feature-desc1 {
  font-weight: 400;
}
.tw_main .feature .feature-desc1 .feature-desc-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.tw_main .feature .feature-desc1 .icon {
  margin-right: 4px;
}
.tw_main .feature-color .title-part {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tw_main .feature-color .title-part .feature-color-title {
  font-family: "HONORSansWorld-DemiBold";
  opacity: 0.8;
  font-weight: 600;
  line-height: 1.42;
  width: 70%;
}
.tw_main .feature-color .title-part .feature-color-title-right {
  color: #ffffff;
  text-align: center;
  font-weight: 400;
  background-color: #9dc6c0;
  display: inline-block;
}
.tw_main .feature-color .feature-color-right-part {
  display: flex;
  justify-content: center;
  align-items: end;
  text-align: center;
}
.tw_main .feature-color .feature-color-right-part img {
  margin-right: 0;
}