@media screen and (max-width: 700px) {
  html,
  body,
  #app {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  img {
    max-width: 100%;
  }

  .headerVeiw[data-v-0ab72fed] {
    background: transparent !important;
    box-shadow: none !important;
    transition: background .24s ease, box-shadow .24s ease;
  }

  .headerVeiw.showFixed[data-v-0ab72fed],
  .headerVeiw:has(.wapNav.open)[data-v-0ab72fed] {
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 8px 22px rgba(8, 28, 68, .08) !important;
  }

  .headerVeiw .content .navBox[data-v-0ab72fed] {
    height: 4.8rem;
    padding: 0 1.6rem;
  }

  .headerVeiw .content .navBox .box .logo[data-v-0ab72fed] {
    flex: 0 0 10.6rem;
  }

  .headerVeiw .content .navBox .box .logo .i[data-v-0ab72fed] {
    display: block;
    max-height: 3rem;
    object-fit: contain;
  }

  .headerVeiw .content .navBox .box .wapLine .i[data-v-0ab72fed] {
    width: 2.4rem;
    filter: none;
  }

  .headerVeiw.showFixed .content .navBox .box .wapLine .i[data-v-0ab72fed],
  .headerVeiw:has(.wapNav.open) .content .navBox .box .wapLine .i[data-v-0ab72fed] {
    filter: invert(1);
  }

  .headerVeiw .wapNav[data-v-0ab72fed] {
    top: 4.8rem;
  }

  .routerView {
    min-height: 60vh;
  }

  .indexView .bannerBox[data-v-428dea3a] {
    min-height: 100vh;
    overflow: hidden;
  }

  .indexView .bannerBox[data-v-428dea3a] .swiper,
  .indexView .bannerBox[data-v-428dea3a] .swiperBox,
  .indexView .bannerBox[data-v-428dea3a] .swiper-wrapper,
  .indexView .bannerBox[data-v-428dea3a] .swiper-slide,
  .indexView .bannerBox[data-v-428dea3a] .imgT {
    min-height: 100vh;
    height: 100vh !important;
  }

  .indexView .bannerBox[data-v-428dea3a] .imgT {
    background-size: cover !important;
    background-position: center !important;
  }

  .indexView .bannerBox[data-v-428dea3a]:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(3, 15, 36, .28), rgba(3, 15, 36, .78));
    z-index: 2;
    pointer-events: none;
  }

  .indexView .hero-fixed-h1[data-v-428dea3a] {
    top: 38vh !important;
    left: 1.8rem !important;
    right: 1.8rem !important;
    width: auto !important;
    font-size: 3rem !important;
    line-height: 1.25 !important;
    z-index: 6 !important;
    color: #fff !important;
    text-shadow: 0 2px 16px rgba(0, 0, 0, .42);
  }

  .indexView .hero-fixed-copy[data-v-428dea3a] {
    top: calc(38vh + 6.4rem) !important;
    left: 1.8rem !important;
    right: 1.8rem !important;
    bottom: auto !important;
    width: auto !important;
    max-width: none !important;
    z-index: 6 !important;
  }

  .indexView .hero-fixed-copy[data-v-428dea3a] p {
    margin: 0 0 .55rem !important;
    color: rgba(255, 255, 255, .88) !important;
    font-size: 1.25rem !important;
    line-height: 2.1rem !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .indexView .bannerBox[data-v-428dea3a] .swiper-slide .content,
  .indexView .bannerBox[data-v-428dea3a] .swiper-slide .content2 {
    display: none !important;
  }

  .businessView .bannerBox[data-v-2ec481f9],
  .aboutView .bannerBox[data-v-e6965050],
  .newsView .bannerBox[data-v-150cb677],
  .esgView .bannerBox[data-v-beab1701],
  .employeeView .bannerBox[data-v-5bfaaf7d] {
    position: relative;
    min-height: 34rem !important;
    height: 34rem !important;
    overflow: hidden;
    background: #071d43;
  }

  .businessView .bannerBox[data-v-2ec481f9] .bg,
  .aboutView .bannerBox[data-v-e6965050] .bg,
  .newsView .bannerBox[data-v-150cb677] .bg,
  .esgView .bannerBox[data-v-beab1701] .bg,
  .employeeView .bannerBox[data-v-5bfaaf7d] .bg {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .businessView .bannerBox[data-v-2ec481f9]:after,
  .aboutView .bannerBox[data-v-e6965050]:after,
  .newsView .bannerBox[data-v-150cb677]:after,
  .esgView .bannerBox[data-v-beab1701]:after,
  .employeeView .bannerBox[data-v-5bfaaf7d]:after {
    content: "";
    position: absolute;
    inset: 0;
    height: auto !important;
    background: linear-gradient(180deg, rgba(4, 18, 42, .28), rgba(4, 18, 42, .72)) !important;
    z-index: 1;
    pointer-events: none;
  }

  .businessView .bannerBox[data-v-2ec481f9] .content,
  .aboutView .bannerBox[data-v-e6965050] .content,
  .newsView .bannerBox[data-v-150cb677] .content,
  .esgView .bannerBox[data-v-beab1701] .content,
  .employeeView .bannerBox[data-v-5bfaaf7d] .content {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 4rem !important;
    transform: none !important;
    z-index: 2 !important;
    width: 100% !important;
  }

  .businessView .bannerBox[data-v-2ec481f9] .content .box,
  .aboutView .bannerBox[data-v-e6965050] .content .box,
  .newsView .bannerBox[data-v-150cb677] .content .box,
  .esgView .bannerBox[data-v-beab1701] .content .box,
  .employeeView .bannerBox[data-v-5bfaaf7d] .content .box {
    padding: 0 1.8rem !important;
  }

  .businessView .bannerBox[data-v-2ec481f9] .title,
  .aboutView .bannerBox[data-v-e6965050] .title,
  .newsView .bannerBox[data-v-150cb677] .title,
  .esgView .bannerBox[data-v-beab1701] .title,
  .employeeView .bannerBox[data-v-5bfaaf7d] .title {
    color: #fff !important;
    font-size: 2.8rem !important;
    line-height: 3.6rem !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, .35);
  }

  .businessView .bannerBox[data-v-2ec481f9] .en,
  .aboutView .bannerBox[data-v-e6965050] .en,
  .newsView .bannerBox[data-v-150cb677] .en,
  .esgView .bannerBox[data-v-beab1701] .en,
  .employeeView .bannerBox[data-v-5bfaaf7d] .en,
  .businessView .bannerBox[data-v-2ec481f9] .msg,
  .aboutView .bannerBox[data-v-e6965050] .msg,
  .newsView .bannerBox[data-v-150cb677] .msg,
  .esgView .bannerBox[data-v-beab1701] .msg {
    color: rgba(255, 255, 255, .82) !important;
    font-size: 1.35rem !important;
    line-height: 2.2rem !important;
    margin-top: .8rem !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .32);
  }

  .businessView .bannerBox[data-v-2ec481f9] .content2,
  .aboutView .bannerBox[data-v-e6965050] .content2,
  .newsView .bannerBox[data-v-150cb677] .content2,
  .esgView .bannerBox[data-v-beab1701] .content2 {
    display: none !important;
  }

  .indexView .introduction[data-v-428dea3a] .content,
  .indexView .dynamic[data-v-428dea3a] .content,
  .indexView .future[data-v-428dea3a] .content,
  .indexView .futureBox[data-v-428dea3a] .content,
  .indexView .brandBox[data-v-428dea3a] .content,
  .indexView .consultation[data-v-428dea3a] .content,
  .businessView .content[data-v-2ec481f9],
  .aboutView .content[data-v-e6965050],
  .newsView .content[data-v-150cb677],
  .esgView .content[data-v-beab1701],
  .employeeView .content[data-v-5bfaaf7d] {
    width: auto !important;
    max-width: none !important;
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important;
  }

  .indexView .consultation[data-v-428dea3a] {
    min-height: 15rem !important;
  }

  .indexView .consultation[data-v-428dea3a] .content {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
  }

  .indexView .consultation[data-v-428dea3a] .content .box {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-align: left !important;
    gap: 1.4rem !important;
  }

  .indexView .consultation[data-v-428dea3a] .content .box .t {
    max-width: 17rem !important;
    margin: 0 !important;
    font-size: 2rem !important;
    line-height: 2.7rem !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
  }

  .indexView .consultation[data-v-428dea3a] .content .box .btnBox {
    margin-top: 0 !important;
    width: auto !important;
    flex: 0 0 auto !important;
    display: flex !important;
    justify-content: flex-end !important;
  }

  .indexView .consultation[data-v-428dea3a] .content .box .btnBox .btn {
    min-width: 9.6rem !important;
    height: 3.4rem !important;
    padding: 0 1.5rem !important;
    font-size: 1.25rem !important;
    line-height: 3.4rem !important;
  }

  .indexView .infoBox[data-v-428dea3a],
  .businessView .infoBox[data-v-2ec481f9],
  .aboutView .infoBox[data-v-e6965050],
  .newsView .infoBox[data-v-150cb677],
  .esgView .infoBox[data-v-beab1701],
  .employeeView .infoBox[data-v-5bfaaf7d] {
    display: block !important;
    padding: 0 !important;
    margin-bottom: 1.8rem !important;
  }

  .indexView .titleBox .cn[data-v-428dea3a],
  .businessView .titleBox .cn[data-v-2ec481f9],
  .aboutView .titleBox .cn[data-v-e6965050],
  .newsView .titleBox .cn[data-v-150cb677],
  .esgView .titleBox .cn[data-v-beab1701],
  .employeeView .titleBox .cn[data-v-5bfaaf7d] {
    font-size: 2.2rem !important;
    line-height: 3rem !important;
  }

  .indexView .info .text[data-v-428dea3a],
  .businessView .info .text[data-v-2ec481f9],
  .aboutView .right .text .t[data-v-e6965050],
  .newsView .textBox .s[data-v-150cb677],
  .esgView .info .text[data-v-beab1701],
  .employeeView .info .text[data-v-5bfaaf7d] {
    font-size: 1.3rem !important;
    line-height: 2.35rem !important;
  }

  .indexView .introduction[data-v-428dea3a],
  .indexView .dynamic[data-v-428dea3a],
  .indexView .future[data-v-428dea3a],
  .indexView .futureBox[data-v-428dea3a],
  .indexView .brandBox[data-v-428dea3a],
  .businessView .introductionBox[data-v-2ec481f9],
  .businessView .caseBox[data-v-2ec481f9],
  .aboutView .companyBox[data-v-e6965050],
  .aboutView .theoryBox[data-v-e6965050],
  .aboutView .awardsBox[data-v-e6965050],
  .aboutView .teamBox[data-v-e6965050],
  .aboutView .historyBox[data-v-e6965050],
  .aboutView .contactBox[data-v-e6965050],
  .newsView .topNews[data-v-150cb677],
  .newsView .dynamicBox[data-v-150cb677],
  .newsView .newsBox[data-v-150cb677],
  .esgView .progressBox[data-v-beab1701],
  .esgView .awardsReport .awardsBox[data-v-beab1701],
  .esgView .awardsReport .reportBox[data-v-beab1701],
  .esgView .policyBox[data-v-beab1701],
  .employeeView .talentBox[data-v-5bfaaf7d],
  .employeeView .atmosphereBox[data-v-5bfaaf7d],
  .employeeView .growthBox[data-v-5bfaaf7d],
  .employeeView .honorBox[data-v-5bfaaf7d],
  .employeeView .joinBox[data-v-5bfaaf7d] {
    padding-top: 4.4rem !important;
    padding-bottom: 4.4rem !important;
  }

  .indexView .itemBox2[data-v-428dea3a] .item,
  .businessView .itemBoxWap[data-v-2ec481f9] .item,
  .newsView .dynamicBox .itemBox .item[data-v-150cb677],
  .newsView .newsBox .itemBox .item[data-v-150cb677],
  .esgView .awardsReport .itemBox .item[data-v-beab1701],
  .aboutView .awardsBox .itemBox .item[data-v-e6965050] {
    border-radius: .8rem !important;
    overflow: hidden !important;
    box-shadow: 0 1rem 2.4rem rgba(17, 44, 82, .10) !important;
    margin-right: 0 !important;
  }

  .indexView .itemBox2[data-v-428dea3a] .item .img,
  .businessView .itemBoxWap[data-v-2ec481f9] .item .img,
  .newsView .dynamicBox .imgBox .img[data-v-150cb677],
  .newsView .newsBox .itemBox .item .img[data-v-150cb677] {
    width: 100% !important;
    aspect-ratio: 16 / 9;
    object-fit: cover !important;
  }

  .aboutView .companyBox .content .infoBox[data-v-e6965050] {
    display: block !important;
  }

  .aboutView .companyBox .content .infoBox .left[data-v-e6965050],
  .aboutView .companyBox .content .infoBox .right[data-v-e6965050] {
    flex: none !important;
  }

  .aboutView .companyBox .tagBox[data-v-e6965050] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.2rem !important;
    margin: 1.8rem 0 !important;
  }

  .aboutView .companyBox .tagBox .item[data-v-e6965050] {
    margin: 0 !important;
    padding: 1.4rem !important;
    background: #fff !important;
    border-radius: .8rem !important;
    box-shadow: 0 .8rem 2rem rgba(20, 70, 120, .08) !important;
  }

  .aboutView .companyBox .content .itemBox .box[data-v-e6965050] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    height: auto !important;
    gap: 1.2rem !important;
  }

  .aboutView .companyBox .content .itemBox .box .item[data-v-e6965050] {
    height: auto !important;
    min-height: 13rem;
    margin: 0 !important;
    padding: 2rem 1.2rem !important;
  }

  .aboutView .theoryBox .content .itemBox[data-v-e6965050] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1.4rem !important;
  }

  .aboutView .theoryBox .content .itemBox .item .box[data-v-e6965050] {
    padding: 1.6rem !important;
    align-items: flex-start !important;
  }

  .aboutView .theoryBox .content .itemBox .item .box .imgBox .i[data-v-e6965050] {
    width: 7.2rem !important;
    height: 7.2rem !important;
    object-fit: contain !important;
  }

  .esgView .progressBox .content .listBox .list[data-v-beab1701] {
    display: block !important;
    margin-bottom: 3rem !important;
  }

  .esgView .progressBox .content .listBox .list .imgBox[data-v-beab1701] {
    padding: 0 !important;
    border-radius: .8rem !important;
    overflow: hidden !important;
  }

  .esgView .progressBox .content .listBox .list .imgBox .i[data-v-beab1701] {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
  }

  .esgView .progressBox .content .listBox .list .info[data-v-beab1701] {
    width: auto !important;
    margin: -2.2rem 1.2rem 0 !important;
    padding: 1.8rem !important;
    border-radius: .8rem !important;
    box-shadow: 0 1rem 2.4rem rgba(21, 77, 49, .10) !important;
  }

  .esgView .awardsReport .awardsBox .content .itemBox[data-v-beab1701] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.2rem !important;
  }

  .esgView .awardsReport .awardsBox .content .itemBox .item[data-v-beab1701] {
    min-height: auto !important;
    margin: 0 !important;
  }

  .newsView .dynamicBox[data-v-150cb677] {
    background-image: none !important;
    background: #f6f8fb !important;
  }

  .newsView .dynamicBox .content .itemBox .item .imgBox[data-v-150cb677] {
    height: auto !important;
    flex: none !important;
  }

  .newsView .dynamicBox .content .itemBox .item .imgBox .img[data-v-150cb677] {
    object-fit: cover !important;
  }

  .pageFixed[data-v-729c4f6e] {
    right: 1rem !important;
    bottom: 9rem !important;
    transform: scale(.82);
    transform-origin: right bottom;
  }
}

@media screen and (max-width: 430px) {
  .indexView .hero-fixed-h1[data-v-428dea3a] {
    top: 37vh !important;
    font-size: 2.65rem !important;
  }

  .indexView .hero-fixed-copy[data-v-428dea3a] {
    top: calc(37vh + 5.8rem) !important;
  }

  .indexView .hero-fixed-copy[data-v-428dea3a] p {
    -webkit-line-clamp: 2;
  }

  .businessView .bannerBox[data-v-2ec481f9],
  .aboutView .bannerBox[data-v-e6965050],
  .newsView .bannerBox[data-v-150cb677],
  .esgView .bannerBox[data-v-beab1701],
  .employeeView .bannerBox[data-v-5bfaaf7d] {
    min-height: 32rem !important;
    height: 32rem !important;
  }

  .businessView .bannerBox[data-v-2ec481f9] .title,
  .aboutView .bannerBox[data-v-e6965050] .title,
  .newsView .bannerBox[data-v-150cb677] .title,
  .esgView .bannerBox[data-v-beab1701] .title,
  .employeeView .bannerBox[data-v-5bfaaf7d] .title {
    font-size: 2.55rem !important;
    line-height: 3.25rem !important;
  }

  .indexView .titleBox .cn[data-v-428dea3a],
  .businessView .titleBox .cn[data-v-2ec481f9],
  .aboutView .titleBox .cn[data-v-e6965050],
  .newsView .titleBox .cn[data-v-150cb677],
  .esgView .titleBox .cn[data-v-beab1701],
  .employeeView .titleBox .cn[data-v-5bfaaf7d] {
    font-size: 2rem !important;
  }

  .indexView .consultation[data-v-428dea3a] .content .box .t {
    max-width: 16rem !important;
    font-size: 1.8rem !important;
    line-height: 2.45rem !important;
  }
}

.footerView[data-v-729c4f6e] {
  background:
    radial-gradient(72% 120% at 88% 10%, rgba(46, 126, 247, .16), rgba(46, 126, 247, 0) 58%),
    linear-gradient(180deg, #20242c 0%, #171a20 100%) !important;
}

.footerView[data-v-729c4f6e]:after {
  background-image: url("/static/theme_025/img/footer/footer-network-j9.svg") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
  opacity: .92;
}

.news-rich-figure {
  width: 100%;
  margin: 2.1rem 0;
}

.news-rich-figure img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 4px;
  box-shadow: 0 18px 42px rgba(10, 32, 72, .12);
}

.news-rich-figure figcaption {
  margin-top: .72rem;
  color: #6b7280;
  font-size: .92rem;
  line-height: 1.55;
  text-align: center;
}

.footerView .content .left .btnBoxT .inText[data-v-729c4f6e],
.footerViewWap .content .btnBoxT .inText[data-v-729c4f6e] {
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(246, 250, 255, .98)) !important;
  border: 1px solid rgba(46, 126, 247, .16);
  border-radius: 8px;
  box-shadow: 0 14px 34px rgba(7, 28, 64, .16);
}

@media screen and (max-width: 700px) {
  .footerViewWap[data-v-729c4f6e] {
    background:
      radial-gradient(94% 80% at 100% 0%, rgba(46, 126, 247, .18), rgba(46, 126, 247, 0) 64%),
      linear-gradient(180deg, #20242c 0%, #171a20 100%) !important;
    position: relative;
    overflow: hidden;
  }

  .footerViewWap[data-v-729c4f6e]:after {
    content: "";
    position: absolute;
    right: -16rem;
    top: 1rem;
    width: 34rem;
    height: 24rem;
    background-image: url("/static/theme_025/img/footer/footer-network-j9.svg");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: .36;
    pointer-events: none;
  }

  .news-rich-figure {
    margin: 1.4rem 0;
  }

  .news-rich-figure img {
    border-radius: 3px;
    box-shadow: 0 12px 26px rgba(10, 32, 72, .12);
  }

  .news-rich-figure figcaption {
    font-size: 1.15rem;
    line-height: 1.55;
  }
}