@media screen and (min-width: 768px) { button { border: none; }
  .main__banner { width: 100vw; height: 25.781vw; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; position: relative; z-index: 1; overflow: hidden; }
  .main__banner .bannerBg { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: -1; }
  .main__banner .bannerBgH5 { display: none; }
  .main__banner h1 { font-weight: bold; font-size: 4.2vw; font-weight: normal; line-height: 1.916vw; color: #ffffff; }
  .main__banner h2 { font-size: 2.2vw; font-weight: normal; line-height: 3.75vw; color: #ffffff; margin: 2.448vw 0 3.438vw 0; }
  .main__banner .btnBox { display: flex; }
  .main__banner .btnBox .one { background: #00a495; border-radius: 0.26vw; width: 13.021vw; height: 3.385vw; font-size: 1.25vw; color: #ffffff; margin-right: 4.668vw; cursor: pointer; }
  .main__banner .btnBox .two { width: 13.021vw; height: 3.385vw; background: var(--main-color); border-radius: 0.26vw; color: #fff; font-size: 1.25vw; font-weight: normal; color: #ffffff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
  .newsBox { width: 80%; margin: 3.177vw auto 0vw; position: relative; }
  .newsBox .newsList { width: 93%; margin: 5.208vw auto 0; display: flex; flex-wrap: wrap; margin-left: 4vw; }
  .newsBox .newsList .news { width: 19.01vw; display: flex; flex-direction: column; padding: 1.25vw 1.302vw 1.406vw 1.302vw; background-color: #f4f4f4; margin: 0 2.917vw 2.604vw 0; position: relative; }
  .newsBox .newsList .news .border { width: 0; transition: all 0.6s; }
  .newsBox .newsList .news .time { font-size: 0.833vw; font-weight: normal; color: #828282; }
  .newsBox .newsList .news .title { height: 3vw; width: 100%; font-size: 1vw; font-weight: bold; line-height: 1.563vw; color: #282828; margin: 1.719vw 0 1.927vw 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
  .newsBox .newsList .news .newsBg { width: 100%; height: 12.135vw; object-fit: cover; }
  .newsBox .newsList .news .bottom { display: flex; justify-content: space-between; margin-top: 1.563vw; }
  .newsBox .newsList .news .bottom .more { font-size: 0.729vw; font-weight: normal; color: #828282; }
  .newsBox .newsList .news .bottom .moreIcon { width: 1.042vw; height: 0.781vw; }
  .newsBox .newsList .news:hover .active { color: var(--main-color); }
  .newsBox .newsList .news:hover .active { color: var(--main-color); }
  .newsBox .newsList .news:hover .border { width: 100%; position: absolute; left: 0; bottom: 0; background-color: var(--main-color); height: 0.2vw; transition: all 0.6s; }
  .newsBox .newsList .news:hover { background: #eff6ff; }
  .newsBox .newsList .page { position: absolute; right: 0px; bottom: -2vw; }
  .newsBox .tabList { height: 2.9vw; border-bottom: 0.28vw solid #e6e6e6; display: flex; overflow: auto; }
  .newsBox .tabList span { flex-shrink: 0; margin-right: 4.479vw; cursor: pointer; display: flex; justify-content: center; align-items: center; font-size: 0.938vw; font-weight: normal; color: #282828; padding: 0vw 1.3vw; }
  .newsBox .tabList span img { width: 1.5vw; height: 1.5vw; margin-right: 0.3vw; }
  .newsBox .tabList .active { color: var(--main-color); border-bottom: 0.28vw solid var(--main-color); }
  .introduce-dialog { padding: 3.396vw 0; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 99999; background-image: linear-gradient(0deg, #ffffff 63%, #e6f2ff 87%, #cde5ff 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; border-radius: 1.042vw; }
  .el-dialog__header { padding: 0 !important; }
  .introduce-dialog__title { text-align: center; font-size: 1.25vw; font-weight: normal; font-stretch: normal; line-height: 1.916vw; letter-spacing: 0vw; color: #282828; margin: 0 0 3.063vw 0; }
  .imgBox { padding: 2.083vw; background-color: #ffffff; border-radius: 2.083vw; border: solid 0.104vw #eeeeee; }
  .introduce-dialog__img { width: 14.063vw; height: 14.063vw; display: block; } }

@media screen and (max-width: 768px) { button { border: none; }
  .main__banner { /* width: 100vw; */ height: 92.933vw; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; position: relative; z-index: 1; overflow: hidden; padding: 0 11.6vw; }
  .main__banner .bannerBgH5 { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: -1; }
  .main__banner .bannerBg { display: none; }
  .main__banner h1 { font-weight: bold; font-size: 8vw; text-align: center; line-height: 16.696vw; color: #ffffff; }
  .main__banner h2 { font-size: 5vw; line-height: 9.6vw; text-align: center; color: #ffffff; margin: 4.533vw 0 13.2vw 0; }
  .main__banner .btnBox { display: flex; }
  .main__banner .btnBox .one { background: #00a495; border-radius: 0.667vw; width: 33.333vw; height: 8.667vw; font-size: 3.2vw; font-weight: normal; color: #ffffff; margin-right: 12vw; cursor: pointer; }
  .main__banner .btnBox .two { width: 33.333vw; height: 8.667vw; background: var(--main-color); border-radius: 0.667vw; color: #fff; font-size: 3.2vw; font-weight: normal; color: #ffffff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
  .newsBox { margin: 6.677vw auto 0vw; position: relative; }
  .newsBox .tabList { height: 11.8vw; overflow-x: auto; border-bottom: 0.78vw solid #e6e6e6; display: flex; }
  .newsBox .tabList span { margin-right: 1.479vw; cursor: pointer; padding: 0vw 4vw; flex-shrink: 0; display: flex; justify-content: center; align-items: center; font-size: 4vw; font-weight: normal; color: #282828; }
  .newsBox .tabList span img { width: 5vw; height: 5vw; margin-right: 1vw; }
  .newsBox .tabList .active { color: var(--main-color); border-bottom: 0.78vw solid var(--main-color); }
  .newsBox .newsList { margin-bottom: 5vw; margin-top: 5.608vw; display: flex; flex-wrap: wrap; justify-content: space-between; }
  .newsBox .newsList .news { position: relative; width: 42%; display: flex; flex-direction: column; padding: 3.2vw 3.2vw 3.7vw 3.2vw; background-color: #f4f4f4; margin: 0 0vw 4.867vw 0; }
  .newsBox .newsList .news .border { width: 0px; transition: all 0.6s; }
  .newsBox .newsList .news .time { font-size: 2.793vw; font-weight: normal; color: #828282; }
  .newsBox .newsList .news .title { height: 8vw; width: 100%; font-size: 3.293vw; font-weight: bold; line-height: 4vw; color: #282828; margin: 4.4vw 0 4.933vw 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
  .newsBox .newsList .news .newsBg { width: 42vw; height: 27.067vw; }
  .newsBox .newsList .news .bottom { display: flex; justify-content: space-between; margin-top: 4vw; }
  .newsBox .newsList .news .bottom .more { font-size: 2.467vw; font-weight: normal; color: #828282; }
  .newsBox .newsList .news .bottom .moreIcon { width: 3.042vw; height: 2vw; }
  .newsBox .newsList .news:hover .active { color: var(--main-color); }
  .newsBox .newsList .news:hover .active { color: var(--main-color); }
  .newsBox .newsList .news:hover .border { width: 100%; position: absolute; left: 0; bottom: 0; background-color: var(--main-color); height: 1vw; transition: all 0.6s; }
  .newsBox .newsList .news:hover { background: #eff6ff; }
  .newsBox .page { position: absolute; right: 0px; bottom: -8vw; }
  .introduce-dialog { width: 79%; padding: 9.396vw 0; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 99999; background-image: linear-gradient(0deg, #ffffff 63%, #e6f2ff 87%, #cde5ff 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; border-radius: 2.667vw; }
  .el-dialog__header { padding: 0 !important; }
  .introduce-dialog__title { text-align: center; font-size: 3.2vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #282828; margin: 0 0 8.063vw 0; }
  .imgBox { padding: 5.333vw; background-color: #ffffff; border-radius: 5.333vw; border: solid 0.267vw #eeeeee; }
  .introduce-dialog__img { width: 36vw; height: 36vw; display: block; } }