html { scroll-behavior: smooth; font-size: 10px; }
body { margin: 0; font-family: Arial, "Microsoft YaHei", sans-serif; background: #fff; }
a { color: inherit; text-decoration: none; }
.h5, .wap { display: none; }
.pc { display: block; }
.headerVeiw .logo .i { width: clamp(120px,11vw,160px); display: block; }
.footerView .content .left .logo .img { width: clamp(120px,14vw,160px); display:block; }
.indexView .bannerBox .imgT:after,
.dc25-pageHero:after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.08);
}
.indexView .bannerBox .imgT,
.dc25-pageHero {
  position: relative;
  background-size: cover;
  background-position: center;
}
.indexView .bannerBox .titleBox .lineI {
  width: clamp(150px, 20vw, 410px);
  height: 10px;
  margin: clamp(14px, 1.6vw, 22px) auto clamp(12px, 1.4vw, 18px);
  background: linear-gradient(90deg, rgba(255,255,255,0), #fff 50%, rgba(255,255,255,0));
}
.headerVeiw .wapLine {
  border: 0;
  background: transparent;
  padding: 0;
}
.headerVeiw .wapLine span {
  display: block;
  width: 2.2rem;
  height: 2px;
  margin: .42rem 0;
  background: currentColor;
}
.headerVeiw .wapNav.open {
  height: calc(100vh - 4.4rem) !important;
}
.indexView .bannerBox .swiper-slide {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100vh;
  transition: opacity .65s ease;
}
.indexView .bannerBox .swiper-slide.active {
  opacity: 1;
  pointer-events: auto;
  z-index: 2;
}
.indexView .bannerBox .swiper,
.indexView .bannerBox .swiperBox,
.indexView .bannerBox .swiper-wrapper { position: relative; height: 100vh; }
.indexView .bannerBox .swiper-pagination { z-index: 5; }
.indexView .bannerBox .swiper-pagination span {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 100%;
  background: rgba(255,255,255,.28);
  margin: 0 17px;
  cursor: pointer;
}
.indexView .bannerBox .swiper-pagination span.active {
  width: 46px;
  height: 46px;
  border: 4px solid rgba(255,255,255,.22);
  border-left-color: #fff;
  background: transparent;
  vertical-align: middle;
  position: relative;
}
.indexView .bannerBox .swiper-pagination span.active:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border-radius: 100%;
  background: #fff;
}
.indexView .introduction .itemBox.pc .item,
.indexView .introduction .itemBox.pc .item2,
.indexView .introduction .itemBox.pc .item3 {
  transition: flex .45s ease;
}
.indexView .introduction .itemBox.pc .item:not(.active) .textBox { opacity: 0; }
.indexView .introduction .itemBox.pc .item.active .textBox { opacity: 1; }
.dc25-pageHero {
  height: clamp(330px, 38vw, 560px);
  display: flex;
  align-items: flex-end;
  padding: 0 clamp(16px,(100% - 1300px) / 2,240px) clamp(48px, 6vw, 92px);
  color: #fff;
}
.dc25-pageHero .inner {
  position: relative;
  z-index: 2;
}
.dc25-pageHero .en {
  font-size: clamp(18px, 2vw, 30px);
  letter-spacing: .32em;
  opacity: .92;
}
.dc25-pageHero h1 {
  margin: 8px 0 0;
  font-size: clamp(42px, 5.5vw, 90px);
  line-height: 1.1;
  font-weight: 700;
}
.dc25-tabs {
  display: flex;
  justify-content: center;
  gap: clamp(28px, 5vw, 80px);
  height: 82px;
  align-items: center;
  border-bottom: 1px solid #EAEDF3;
}
.dc25-tabs a {
  color: #3d3d3d;
  font-size: clamp(14px, 1.4vw, 18px);
  position: relative;
}
.dc25-tabs a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  height: 3px;
  background: #2e7ef7;
  transform: scaleX(0);
  transition: .2s;
}
.dc25-tabs a:hover,
.dc25-tabs a.active { color: #2e7ef7; }
.dc25-tabs a:hover:after,
.dc25-tabs a.active:after { transform: scaleX(1); }
.dc25-content {
  max-width: 1300px;
  margin: auto;
  padding: clamp(50px, 7vw, 95px) 16px clamp(70px, 8vw, 120px);
}
.dc25-content .titleBox .cn {
  font-size: clamp(24px, 3vw, 38px);
  color: #3d3d3d;
  font-weight: 700;
}
.categoryView .dc25-content,
.articleView .dc25-content {
  max-width: 1180px;
}
.categoryView .newsList {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 24px;
  margin-top: 42px;
}
.categoryView .newsList .item {
  border: 1px solid #EAEDF3;
  background: #fff;
}
.categoryView .newsList img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
.categoryView .newsList .info {
  padding: 24px;
}
.categoryView .newsList .time {
  color: #2e7ef7;
  font-size: 13px;
}
.categoryView .newsList .title {
  margin-top: 10px;
  color: #3d3d3d;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
.categoryView .newsList .msg {
  margin-top: 10px;
  color: #666;
  font-size: 14px;
}
.articleView .articleTitle {
  max-width: 900px;
  color: #3d3d3d;
  font-size: clamp(32px, 4vw, 56px);
  line-height: 1.25;
  margin: 0;
}
.articleView .articleMeta {
  margin-top: 16px;
  color: #999;
}
.articleView .articleCover {
  width: 100%;
  aspect-ratio: 16 / 8;
  object-fit: cover;
  margin: 38px 0;
}
.articleView .articleBody {
  color: #444;
  font-size: 17px;
  line-height: 2;
}
.dc25-content .lead {
  margin-top: 28px;
  color: #666;
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 2;
}
.dc25-grid3 {
  margin-top: 44px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.dc25-grid3 .card {
  background: #fff;
  border: 1px solid #EAEDF3;
  overflow: hidden;
}
.dc25-grid3 img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
.dc25-grid3 .body {
  padding: 24px;
}
.dc25-grid3 h3 {
  margin: 0 0 10px;
  color: #3d3d3d;
  font-size: clamp(18px, 1.8vw, 24px);
}
.dc25-grid3 p {
  margin: 0;
  color: #666;
}
.dc25-report {
  margin-top: 44px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  border-top: 1px solid #EAEDF3;
  border-left: 1px solid #EAEDF3;
}
.dc25-report a {
  min-height: 128px;
  display: grid;
  place-items: center;
  border-right: 1px solid #EAEDF3;
  border-bottom: 1px solid #EAEDF3;
  color: #3d3d3d;
}
.dc25-report a:hover { background: #2e7ef7; color: #fff; }
.dc-stats {
  margin: 46px 0 10px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: #e8eef7;
}
.dc-stat {
  min-height: 118px;
  display: grid;
  place-items: center;
  background: #fff;
}
.dc-stat b {
  color: #2e7ef7;
  font-size: clamp(32px, 4vw, 56px);
  font-family: "D-DIN-PRO", Arial, sans-serif;
}
.dc-stat span {
  color: #666;
  font-size: 15px;
}

.dcInnerView {
  background: #fff;
  overflow: hidden;
}
.dcInnerBanner {
  height: clamp(360px, 42vw, 620px);
  padding: 0 clamp(16px,(100% - 1300px) / 2,240px);
  display: flex;
  align-items: flex-end;
  color: #fff;
  background-size: cover;
  background-position: center;
  position: relative;
}
.dcInnerBanner.small { height: clamp(320px, 32vw, 460px); }
.dcInnerBanner:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.48), rgba(0,0,0,.14) 55%, rgba(0,0,0,.05));
}
.dcInnerBanner .content {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto clamp(56px, 7vw, 106px);
  position: relative;
  z-index: 2;
}
.dcInnerBanner .en {
  font-size: clamp(16px, 1.8vw, 26px);
  line-height: 1;
  letter-spacing: .36em;
  text-transform: uppercase;
  opacity: .78;
}
.dcInnerBanner h1 {
  margin: clamp(14px, 2vw, 22px) 0 0;
  font-size: clamp(46px, 6vw, 96px);
  line-height: 1.05;
  font-family: HarmonyOS_Sans_SC_Bold, Arial, sans-serif;
  font-weight: 700;
}
.dcInnerTabs {
  height: clamp(68px, 6vw, 90px);
  border-bottom: 1px solid #EAEDF3;
  background: #fff;
}
.dcInnerTabs .content {
  max-width: 1300px;
  height: 100%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(26px, 4.8vw, 74px);
}
.dcInnerTabs a {
  height: 100%;
  display: flex;
  align-items: center;
  color: #3d3d3d;
  font-size: clamp(14px, 1.35vw, 18px);
  position: relative;
  white-space: nowrap;
}
.dcInnerTabs a:after {
  content: "";
  position: absolute;
  height: 3px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2e7ef7;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .24s ease;
}
.dcInnerTabs a:hover,
.dcInnerTabs a.active { color: #2e7ef7; }
.dcInnerTabs a:hover:after,
.dcInnerTabs a.active:after { transform: scaleX(1); }
.dcInnerIntro,
.newsPanel,
.articlePanel {
  padding: clamp(58px, 7vw, 96px) clamp(16px,(100% - 1300px) / 2,240px);
}
.dcInnerBand {
  padding: clamp(62px, 7vw, 105px) clamp(16px,(100% - 1300px) / 2,240px);
  background: #f6f8fb;
}
.dcInnerFeature {
  padding: clamp(62px, 7vw, 105px) clamp(16px,(100% - 1300px) / 2,240px);
  background: #fff;
}
.dcInnerIntro .content,
.dcInnerBand .content,
.dcInnerFeature .content,
.newsPanel .content,
.articlePanel .content {
  max-width: 1300px;
  margin: auto;
}
.dcInnerView .titleBox .cn,
.newsPanel .titleBox .cn {
  color: #3d3d3d;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.25;
  font-family: HarmonyOS_Sans_SC_Bold, Arial, sans-serif;
  font-weight: 700;
}
.dcInnerView .titleBox .cn:after,
.newsPanel .titleBox .cn:after {
  content: "";
  display: block;
  width: 52px;
  height: 4px;
  margin-top: 18px;
  background: #2e7ef7;
}
.introGrid {
  margin-top: clamp(30px, 4vw, 56px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 42%);
  gap: clamp(34px, 5vw, 76px);
  align-items: center;
}
.introGrid .copy {
  color: #555;
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 2.05;
}
.introGrid .media {
  overflow: hidden;
}
.introGrid .media img,
.businessCard img,
.featureItem img,
.futureCard img,
.newsItem .pic img,
.articleCover {
  width: 100%;
  display: block;
  object-fit: cover;
  transition: transform .55s ease;
}
.introGrid .media img { aspect-ratio: 16 / 10; }
.businessGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 28px);
}
.businessCard {
  min-height: clamp(420px, 38vw, 560px);
  display: flex;
  flex-direction: column;
  background: #fff;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(20,40,80,.06);
}
.businessCard img {
  height: clamp(220px, 22vw, 320px);
}
.businessCard .textBox {
  padding: clamp(22px, 2.6vw, 36px);
}
.businessCard .name {
  color: #202226;
  font-size: clamp(20px, 2vw, 28px);
  font-family: HarmonyOS_Sans_SC_Bold, Arial, sans-serif;
  font-weight: 700;
}
.businessCard p {
  min-height: 78px;
  margin: 16px 0 24px;
  color: #666;
  font-size: 15px;
  line-height: 1.8;
}
.businessCard span,
.newsItem em {
  color: #2e7ef7;
  font-style: normal;
  font-size: 14px;
}
.businessCard:hover img,
.futureCard:hover img,
.newsItem:hover .pic img { transform: scale(1.06); }
.businessCard:hover {
  box-shadow: 0 18px 45px rgba(46,126,247,.14);
}
.dcInnerBand .infoBox {
  display: flex;
  align-items: flex-end;
  gap: 40px;
  margin-bottom: clamp(30px, 4vw, 54px);
}
.dcInnerBand .infoBox .titleBox { flex: 0 0 32%; }
.dcInnerBand .infoBox .info {
  color: #666;
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.9;
}
.featureItem {
  display: grid;
  grid-template-columns: minmax(320px, 42%) minmax(0,1fr);
  gap: clamp(28px, 4vw, 66px);
  align-items: center;
  padding: clamp(30px, 4vw, 54px) 0;
  border-bottom: 1px solid #EAEDF3;
}
.featureItem:nth-child(even) img { order: 2; }
.featureItem img { aspect-ratio: 16 / 9; }
.featureItem h3,
.futureCard h3 {
  margin: 0 0 16px;
  color: #202226;
  font-size: clamp(22px, 2.4vw, 34px);
  font-family: HarmonyOS_Sans_SC_Bold, Arial, sans-serif;
  font-weight: 700;
}
.featureItem p,
.futureCard p {
  margin: 0;
  color: #666;
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.95;
}
.futureGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 28px);
}
.futureCard {
  background: #fff;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(20,40,80,.06);
}
.futureCard img {
  height: clamp(210px, 20vw, 300px);
}
.futureCard .textBox {
  padding: clamp(22px, 2.6vw, 34px);
}
.statGrid,
.reportGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid #e6ebf2;
  border-left: 1px solid #e6ebf2;
  background: #fff;
}
.statItem,
.reportGrid a {
  min-height: clamp(132px, 13vw, 185px);
  border-right: 1px solid #e6ebf2;
  border-bottom: 1px solid #e6ebf2;
  display: grid;
  place-items: center;
  text-align: center;
}
.statItem b {
  color: #2e7ef7;
  font-size: clamp(36px, 4.8vw, 68px);
  line-height: 1;
  font-family: "D-DIN-PRO", Arial, sans-serif;
}
.statItem span,
.reportGrid a {
  color: #555;
  font-size: clamp(14px, 1.3vw, 18px);
}
.reportGrid a:hover {
  background: #2e7ef7;
  color: #fff;
}
.newsList {
  margin-top: clamp(34px, 4.2vw, 58px);
}
.newsItem {
  display: grid;
  grid-template-columns: minmax(330px, 38%) minmax(0, 1fr);
  gap: clamp(26px, 4vw, 58px);
  padding: clamp(28px, 3.8vw, 48px) 0;
  border-bottom: 1px solid #EAEDF3;
}
.newsItem .pic {
  overflow: hidden;
  background: #f0f3f7;
}
.newsItem .pic img {
  aspect-ratio: 16 / 9.6;
}
.newsItem .textBox {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  gap: clamp(20px, 3vw, 42px);
  align-items: start;
}
.newsItem .date {
  color: #2e7ef7;
  border-right: 1px solid #EAEDF3;
  min-height: 86px;
}
.newsItem .date b {
  display: block;
  font-size: clamp(38px, 4vw, 58px);
  line-height: 1;
  font-family: "D-DIN-PRO", Arial, sans-serif;
}
.newsItem .date span {
  display: block;
  margin-top: 10px;
  color: #999;
  font-size: 14px;
}
.newsItem h3 {
  margin: 0;
  color: #202226;
  font-size: clamp(19px, 1.9vw, 28px);
  line-height: 1.45;
  font-family: HarmonyOS_Sans_SC_Bold, Arial, sans-serif;
  font-weight: 700;
}
.newsItem p {
  margin: 14px 0 22px;
  color: #666;
  font-size: 15px;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.newsItem:hover h3 { color: #2e7ef7; }
.articlePanel .content {
  max-width: 1000px;
}
.crumbs {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #999;
  font-size: 14px;
  margin-bottom: clamp(26px, 3vw, 42px);
}
.crumbs a:hover { color: #2e7ef7; }
.crumbs em { font-style: normal; color: #666; }
.articleTitle {
  margin: 0;
  color: #202226;
  font-size: clamp(32px, 4vw, 56px);
  line-height: 1.28;
  font-family: HarmonyOS_Sans_SC_Bold, Arial, sans-serif;
  font-weight: 700;
}
.articleMeta {
  display: flex;
  gap: 24px;
  margin-top: 20px;
  color: #999;
  font-size: 14px;
}
.articleCover {
  aspect-ratio: 16 / 8;
  margin: clamp(34px, 4vw, 54px) 0;
}
.articleBody {
  color: #444;
  font-size: 17px;
  line-height: 2.05;
}
.articleBody img { max-width: 100%; height: auto; }
.articleBody p { margin: 0 0 1.2em; }

@media screen and (max-width: 700px) {
  .pc { display: none !important; }
  .h5, .wap { display: block !important; }
  .indexView .bannerBox .swiper-pagination span.active { width: 3.2rem; height: 3.2rem; }
  .indexView .business .swiper-wrapper,
  .dc25-grid3,
  .dc25-report,
  .dc-stats,
  .categoryView .newsList { grid-template-columns: 1fr; }
  .dc25-tabs { overflow-x: auto; justify-content: flex-start; padding: 0 1.6rem; }
  .dcInnerBanner {
    height: 34rem;
    padding: 0 2rem;
  }
  .dcInnerBanner .content { margin-bottom: 4.4rem; }
  .dcInnerBanner h1 { font-size: 4rem; }
  .dcInnerTabs {
    height: 5.8rem;
    overflow-x: auto;
  }
  .dcInnerTabs .content {
    width: max-content;
    min-width: 100%;
    justify-content: flex-start;
    gap: 3rem;
    padding: 0 2rem;
  }
  .dcInnerIntro,
  .dcInnerBand,
  .dcInnerFeature,
  .newsPanel,
  .articlePanel {
    padding: 4.8rem 2rem;
  }
  .introGrid,
  .businessGrid,
  .futureGrid,
  .featureItem,
  .newsItem,
  .statGrid,
  .reportGrid {
    grid-template-columns: 1fr;
  }
  .featureItem:nth-child(even) img { order: 0; }
  .dcInnerBand .infoBox {
    display: block;
  }
  .dcInnerBand .infoBox .info { margin-top: 2.4rem; }
  .businessCard { min-height: auto; }
  .newsItem .textBox {
    grid-template-columns: 7.2rem minmax(0,1fr);
  }
  .newsItem .date { min-height: 6.8rem; }
  .articleCover { aspect-ratio: 16 / 10; }
}