@media screen and (min-width: 1601px) {
  .font32 {
    font-size: 68.2666666667px;
  }
  .font30 {
    font-size: 64px;
  }
  .font21 {
    font-size: 44.8px;
  }
  .font16 {
    font-size: 34.1333333333px;
  }
  .font14 {
    font-size: 29.8666666667px;
  }
  .font13 {
    font-size: 27.7333333333px;
  }
  .font12 {
    font-size: 25.6px;
  }
  .font11 {
    font-size: 23.4666666667px;
  }
  .font10 {
    font-size: 21.3333333333px;
  }
  .font9 {
    font-size: 19.2px;
  }
  .font8 {
    font-size: 17.0666666667px;
  }
  .lineheight24 {
    line-height: 51.2px;
  }
  .lineheight21 {
    line-height: 44.8px;
  }
  .lineheight16 {
    line-height: 34.1333333333px;
  }
  .lineheight15 {
    line-height: 32px;
  }
  .kv-txt {
    top: 128px;
  }
  .pt74 {
    padding-top: 157.8666666667px;
  }
  .pb54 {
    padding-bottom: 115.2px;
  }
  .feture-container {
    padding-top: 56.6666666667px;
    padding-right: 19.2px;
    padding-left: 19.2px;
    /* padding-bottom: 85.3333333333px; */
    margin-left: 38.4px;
    margin-right: 38.4px;
    margin-bottom: 88.6666666667px;
  }
  .feture-container .feture-title {
    margin-left: 27.7333333333px;
    margin-bottom: 44px;
  }
  .feture-container .feture-wrapper .img-part {
    margin-bottom: 57.6px;
  }
  .feture-container .feture-wrapper .img-part .item-title {
    padding-top: 12.8px;
    padding-right: 34.1333333333px;
    padding-bottom: 12.8px;
    padding-left: 34.1333333333px;
    margin-left: 64px;
    margin-right: 64px;
  }
  .feture-container .feture-wrapper .item-content {
    padding: 0 23.4666666667px;
  }
  .section3 {
    line-height: 68.2666666667px;
  }
  .section8 .sec-8-txt1 {
    padding-bottom: 81.0666666667px;
  }
  .section9 {
    margin-bottom: 136.5333333333px;
  }
  .section10 .sec-10-item.item-2 {
    padding-top: 8.5333333333px;
  }
  .section10 .sec-10-item .sec-10-img {
    width: 38.4px;
  }
  .section10 .sec-10-item h4 {
    padding-top: 19.2px;
    padding-bottom: 8.5333333333px;
  }
  .section10 .sec-10-item .line {
    width: 682.6666666667px;
    margin-top: 46.9333333333px;
    margin-right: auto;
    margin-bottom: 57.6px;
    margin-left: auto;
  }
  .section10 .sec-10-item .comment {
    margin-top: 46.9333333333px;
  }
  .section11 .more-action .part-left {
    margin-right: 51.2px;
  }
  .section11 .more-action .part-right {
    margin-left: 51.2px;
  }
  .section11 .more-action .line {
    width: 106.6666666667px;
  }
  .section11 .banner-part {
    margin-top: 57.6px;
  }
  .section11 .banner-part.banner2 {
    margin-top: 34.1333333333px;
  }
  .section11 .banner-part .banner-txt {
    left: 96px;
  }
  .section11 .banner-part .banner-txt a {
    margin-top: 34.1333333333px;
  }
}
@media screen and (max-width: 1600px) {
  .font32 {
    font-size: 4.3057777778vw;
  }
  .font30 {
    font-size: 4.0366666667vw;
  }
  .font21 {
    font-size: 2.8256666667vw;
  }
  .font16 {
    font-size: 2.1528888889vw;
  }
  .font14 {
    font-size: 1.8837777778vw;
  }
  .font13 {
    font-size: 1.7492222222vw;
  }
  .font12 {
    font-size: 1.6146666667vw;
  }
  .font11 {
    font-size: 1.4801111111vw;
  }
  .font10 {
    font-size: 1.3455555556vw;
  }
  .font9 {
    font-size: 1.211vw;
  }
  .font8 {
    font-size: 1.0764444444vw;
  }
  .lineheight24 {
    line-height: 3.2293333333vw;
  }
  .lineheight21 {
    line-height: 2.8256666667vw;
  }
  .lineheight16 {
    line-height: 2.1528888889vw;
  }
  .lineheight15 {
    line-height: 2.0183333333vw;
  }
  .kv-txt {
    top: 8.0733333333vw;
  }
  .pt74 {
    padding-top: 9.9571111111vw;
  }
  .pb54 {
    padding-bottom: 7.266vw;
  }
  .feture-container {
    padding-top: 6.7277777778vw;
    padding-right: 1.211vw;
    padding-left: 1.211vw;
    padding-bottom: 5.3822222222vw;
    margin-left: 2.422vw;
    margin-right: 2.422vw;
    margin-bottom: 8.7461111111vw;
  }
  .feture-container .feture-title {
    margin-left: 1.7492222222vw;
    margin-bottom: 4.0366666667vw;
  }
  .feture-container .feture-wrapper .img-part {
    margin-bottom: 3.633vw;
  }
  .feture-container .feture-wrapper .img-part .item-title {
    padding-top: 0.8073333333vw;
    padding-right: 2.1528888889vw;
    padding-bottom: 0.8073333333vw;
    padding-left: 2.1528888889vw;
    margin-left: 4.0366666667vw;
    margin-right: 4.0366666667vw;
  }
  .feture-container .feture-wrapper .item-content {
    padding: 0 1.4801111111vw;
  }
  .section3 {
    line-height: 4.3057777778vw;
  }
  .section8 .sec-8-txt1 {
    padding-bottom: 5.1131111111vw;
  }
  .section9 {
    margin-bottom: 8.6115555556vw;
  }
  .section10 .sec-10-item.item-2 {
    padding-top: 0.5382222222vw;
  }
  .section10 .sec-10-item .sec-10-img {
    width: 2.422vw;
  }
  .section10 .sec-10-item h4 {
    padding-top: 1.211vw;
    padding-bottom: 0.5382222222vw;
  }
  .section10 .sec-10-item .line {
    width: 43.0577777778vw;
    margin-top: 2.9602222222vw;
    margin-right: auto;
    margin-bottom: 3.633vw;
    margin-left: auto;
  }
  .section10 .sec-10-item .comment {
    margin-top: 2.9602222222vw;
  }
  .section11 .more-action .part-left {
    margin-right: 3.2293333333vw;
  }
  .section11 .more-action .part-right {
    margin-left: 3.2293333333vw;
  }
  .section11 .more-action .line {
    width: 6.7277777778vw;
  }
  .section11 .banner-part {
    margin-top: 3.633vw;
  }
  .section11 .banner-part.banner2 {
    margin-top: 2.1528888889vw;
  }
  .section11 .banner-part .banner-txt {
    left: 6.055vw;
  }
  .section11 .banner-part .banner-txt a {
    margin-top: 2.1528888889vw;
  }
}
@media screen and (max-width: 1025px) {
  .font32 {
    font-size: 6.6601617778vw;
  }
  .font30 {
    font-size: 6.2439016667vw;
  }
  .font21 {
    font-size: 4.3707311667vw;
  }
  .font16 {
    font-size: 3.3300808889vw;
  }
  .font14 {
    font-size: 2.9138207778vw;
  }
  .font13 {
    font-size: 2.7056907222vw;
  }
  .font12 {
    font-size: 2.4975606667vw;
  }
  .font11 {
    font-size: 2.2894306111vw;
  }
  .font10 {
    font-size: 2.0813005556vw;
  }
  .font9 {
    font-size: 1.8731705vw;
  }
  .font8 {
    font-size: 1.6650404444vw;
  }
  .lineheight24 {
    line-height: 4.9951213333vw;
  }
  .lineheight21 {
    line-height: 4.3707311667vw;
  }
  .lineheight16 {
    line-height: 3.3300808889vw;
  }
  .lineheight15 {
    line-height: 3.1219508333vw;
  }
  .kv-txt {
    top: 12.4878033333vw;
  }
  .pt74 {
    padding-top: 15.4016241111vw;
  }
  .pb54 {
    padding-bottom: 11.239023vw;
  }
  .feture-container {
    padding-top: 3.4065027778vw;
    padding-right: 1.8731705vw;
    padding-left: 1.8731705vw;
    padding-bottom: 8.3252022222vw;
    margin-left: 3.746341vw;
    margin-right: 3.746341vw;
    margin-bottom: 8.5284536111vw;
  }
  .feture-container .feture-title {
    margin-left: 2.7056907222vw;
    margin-bottom: 3.2439016667vw;
  }
  .feture-container .feture-wrapper .img-part {
    margin-bottom: 5.6195115vw;
  }
  .feture-container .feture-wrapper .img-part .item-title {
    padding-top: 1.2487803333vw;
    padding-right: 3.3300808889vw;
    padding-bottom: 1.2487803333vw;
    padding-left: 3.3300808889vw;
    margin-left: 6.2439016667vw;
    margin-right: 6.2439016667vw;
  }
  .feture-container .feture-wrapper .item-content {
    padding: 0 2.2894306111vw;
  }
  .section3 {
    line-height: 6.6601617778vw;
  }
  .section8 .sec-8-txt1 {
    padding-bottom: 7.9089421111vw;
  }
  .section9 {
    margin-bottom: 13.3203235556vw;
  }
  .section10 .sec-10-item.item-2 {
    padding-top: 0.8325202222vw;
  }
  .section10 .sec-10-item .sec-10-img {
    width: 3.746341vw;
  }
  .section10 .sec-10-item h4 {
    padding-top: 1.8731705vw;
    padding-bottom: 0.8325202222vw;
  }
  .section10 .sec-10-item .line {
    width: 66.6016177778vw;
    margin-top: 4.5788612222vw;
    margin-right: auto;
    margin-bottom: 5.6195115vw;
    margin-left: auto;
  }
  .section10 .sec-10-item .comment {
    margin-top: 4.5788612222vw;
  }
  .section11 .more-action .part-left {
    margin-right: 4.9951213333vw;
  }
  .section11 .more-action .part-right {
    margin-left: 4.9951213333vw;
  }
  .section11 .more-action .line {
    width: 10.4065027778vw;
  }
  .section11 .banner-part {
    margin-top: 5.6195115vw;
  }
  .section11 .banner-part.banner2 {
    margin-top: 3.3300808889vw;
  }
  .section11 .banner-part .banner-txt {
    left: 9.3658525vw;
  }
  .section11 .banner-part .banner-txt a {
    margin-top: 3.3300808889vw;
  }
}
@media screen and (max-width: 768px) {
  .font32 {
    font-size: 8.8888888889vw;
  }
  .font30 {
    font-size: 8.3333333333vw;
  }
  .font21 {
    font-size: 5.8333333333vw;
  }
  .font16 {
    font-size: 4.4444444444vw;
  }
  .font14 {
    font-size: 3.8888888889vw;
  }
  .font13 {
    font-size: 3.6111111111vw;
  }
  .font12 {
    font-size: 3.3333333333vw;
  }
  .font11 {
    font-size: 3.0555555556vw;
  }
  .font10 {
    font-size: 2.7777777778vw;
  }
  .font9 {
    font-size: 2.5vw;
  }
  .font8 {
    font-size: 2.2222222222vw;
  }
  .lineheight24 {
    line-height: 6.6666666667vw;
  }
  .lineheight21 {
    line-height: 5.8333333333vw;
  }
  .lineheight16 {
    line-height: 4.4444444444vw;
  }
  .lineheight15 {
    line-height: 4.1666666667vw;
  }
  .kv-txt {
    top: 16.6666666667vw;
  }
  .pt74 {
    padding-top: 20.5555555556vw;
  }
  .pb54 {
    padding-bottom: 15vw;
  }
  .feture-container {
    padding-top: 4.8888888889vw;
    padding-right: 2.5vw;
    padding-left: 2.5vw;
    padding-bottom: 11.1111111111vw;
    margin-left: 5vw;
    margin-right: 5vw;
    margin-bottom: 10.0555555556vw;
  }
  .feture-container .feture-title {
    margin-left: 3.6111111111vw;
    margin-bottom: 4.3333333333vw;
  }
  .feture-container .feture-wrapper .img-part {
    margin-bottom: 7.5vw;
  }
  .feture-container .feture-wrapper .img-part .item-title {
    padding-top: 1.6666666667vw;
    padding-right: 4.4444444444vw;
    padding-bottom: 1.6666666667vw;
    padding-left: 4.4444444444vw;
    margin-left: 8.3333333333vw;
    margin-right: 8.3333333333vw;
  }
  .feture-container .feture-wrapper .item-content {
    padding: 0 3.0555555556vw;
  }
  .section3 {
    line-height: 8.8888888889vw;
  }
  .section8 .sec-8-txt1 {
    padding-bottom: 10.5555555556vw;
  }
  .section9 {
    margin-bottom: 17.7777777778vw;
  }
  .section10 .sec-10-item.item-2 {
    padding-top: 1.1111111111vw;
  }
  .section10 .sec-10-item .sec-10-img {
    width: 5vw;
  }
  .section10 .sec-10-item h4 {
    padding-top: 2.5vw;
    padding-bottom: 1.1111111111vw;
  }
  .section10 .sec-10-item .line {
    width: 88.8888888889vw;
    margin-top: 6.1111111111vw;
    margin-right: auto;
    margin-bottom: 7.5vw;
    margin-left: auto;
  }
  .section10 .sec-10-item .comment {
    margin-top: 6.1111111111vw;
  }
  .section11 .more-action .part-left {
    margin-right: 6.6666666667vw;
  }
  .section11 .more-action .part-right {
    margin-left: 6.6666666667vw;
  }
  .section11 .more-action .line {
    width: 13.8888888889vw;
  }
  .section11 .banner-part {
    margin-top: 7.5vw;
  }
  .section11 .banner-part.banner2 {
    margin-top: 4.4444444444vw;
  }
  .section11 .banner-part .banner-txt {
    left: 12.5vw;
  }
  .section11 .banner-part .banner-txt a {
    margin-top: 4.4444444444vw;
  }
}
.color-white {
  color: #fff;
}

.color-black {
  color: #000;
}

.feture-container {
  background-color: #ecf0fa;
}
.feture-container .feture-title {
  line-height: 1.25;
  /* background-image: url(./imgs/feture-title-bg.png); */
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: -3%;
  font-family: "HONORSansBrand-Medium";
}
.feture-container .feture-wrapper {
  display: flex;
  justify-content: space-between;
}
.feture-container .feture-wrapper img {
  width: 100%;
}
.feture-container .feture-wrapper .img-part {
  position: relative;
}
.feture-container .feture-wrapper .img-part .item-title {
  position: absolute;
  color: #fff;
  border-radius: 50px;
  display: list-item;
  vertical-align: middle;
  line-height: 1.25;
  top: 100%;
  left: -21px;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
}
.feture-container .feture-wrapper .img-part .item-title::marker {
  color: transparent;
}
.feture-container .feture-wrapper .item-content {
  text-align: justify;
}
.feture-container .feture-wrapper .item-content .txt-b {
  font-family: "HONORSansBrand-DemiBold";
  font-weight: bold;
}
.feture-container .feture-wrapper .item-content .txt-b::before {
  display: block;
  width: 8px;
  height: 8px;
}
.feture-container .feture-wrapper .item-left {
  width: 49%;
}
.feture-container .feture-wrapper .item-left .item-title {
  background-color: #000;
}
.feture-container .feture-wrapper .item-right {
  width: 49%;
}
.feture-container .feture-wrapper .item-right .item-title {
  background-color: #256fff;
}

.tw_main {
  font-family: "HONORSansBrand-Regular";
}
.tw_main h1,
.tw_main h2,
.tw_main h3,
.tw_main h4,
.tw_main h5 {
  font-weight: bold;
}
.tw_main .kv {
  position: relative;
  font-family: "HONORSansBrand-Medium";
}
.tw_main .kv .kv-txt {
  position: absolute;
  color: #000;
  font-family: "HONORSansBrand-Medium";
  line-height: 1.25;
  width: 100%;
  text-align: center;
}
.tw_main .kv .kv-img {
  width: 100%;
}
.tw_main .section1 .font14 {
  color: #020202;
  text-align: center;
}
.tw_main .section2 .sec-2-container {
  position: relative;
}
.tw_main .section2 .sec-2-container img {
  width: 100%;
}
.tw_main .section2 .sec-2-container .txt-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 85%;
  transform: translate(-50%, -50%);
}
.tw_main .section2 .sec-2-container .txt-wrapper .txt1 {
  font-family: "HONORSansBrand-DemiBold";
}
.tw_main .section2 .sec-2-container .txt-wrapper .txt2 {
  line-height: 1.8;
}
.tw_main .section3 {
  text-align: center;
}
.tw_main .section3 .txt {
  font-family: "HONORSansBrand-Medium";
  font-weight: normal;
  color: #256fff;
  /* border-bottom: 1px solid #256fff; */
  text-decoration: underline;
  line-height: 1;
  display: inline-block;
}
.tw_main .section8 {
  text-align: center;
}
.tw_main .section8 .sec-8-txt1 {
  color: #000;
}
.tw_main .section8 .sec-8-txt2 {
  font-family: "HONORSansBrand-DemiBold";
  color: #256fff;
}
.tw_main .section9 img {
  width: 100%;
}
.tw_main .section10 .sec-10-item {
  position: relative;
  color: #000;
  text-align: center;
}
.tw_main .section10 .sec-10-item .sec-10-img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.tw_main .section10 .sec-10-item h4 {
  font-family: "HONORSansBrand-DemiBold";
}
.tw_main .section10 .sec-10-item .line {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tw_main .section10 .sec-10-item .comment {
  color: rgba(0, 0, 0, 0.6);
}
.tw_main .section11 .more-action {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tw_main .section11 .more-action .line {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tw_main .section11 .banner-part {
  position: relative;
}
.tw_main .section11 .banner-part img {
  width: 100%;
}
.tw_main .section11 .banner-part .banner-txt {
  position: absolute;
  font-family: "HONORSansBrand-Medium";
  transform: translateY(-50%);
  top: 50%;
  line-height: 1.5;
}
.tw_main .section11 .banner-part .banner-txt a {
  font-family: "HONORSansBrand-Regular";
  color: #3a5fff;
  display: inline-block;
  text-decoration: none !important;
}
.tw_main .section11 .banner-part .banner-txt a:hover, .tw_main .section11 .banner-part .banner-txt a:active {
  color: #3a5fff;
}