/* Global responsive fixes for the static site. */
:root {
  --site-max-width: 1352px;
}

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

*, *::before, *::after {
  box-sizing: inherit;
}

body {
  min-width: 0 !important;
  overflow-x: hidden;
  background: linear-gradient(180deg, #edf5ff 0%, #f7f9fd 42%, #f3f6fb 100%) !important;
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", Arial, sans-serif !important;
}

img {
  max-width: 100%;
}

.bj {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 18px;
}

.top,
.flash,
.pczx_box,
.lanmux,
.link,
.about,
.about_da,
.about_neinei,
.news,
.news_da,
.touzi_da,
.fazhan_da,
.yewu_da,
.zheng_da,
.zheng_ce,
.gupiao_da,
.new_zong,
.gongsi_da,
.site-footer-inner {
  width: min(var(--site-max-width), calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.top {
  height: auto !important;
  padding-top: 10px;
}

.top_shang {
  width: 100% !important;
  height: auto !important;
  min-height: 86px;
}

.top_shang::after,
.about_neinei::after,
.news_da::after,
.touzi_da::after,
.fazhan_da::after,
.yewu_da::after,
.zheng_da::after,
.zheng_ce::after {
  content: "";
  display: table;
  clear: both;
}

.top_shang_logo img {
  max-width: 248px;
  height: auto !important;
}

.top_shang_shoucang {
  display: none !important;
}

.top_banner {
  width: 100% !important;
  height: 43px !important;
  margin: 10px auto 0 !important;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(90deg, #0b4ea2 0%, #0e67c9 100%) !important;
  box-shadow: 0 8px 22px rgba(13, 68, 138, 0.22);
}

.top_banner > table,
.top_banner table {
  width: 100% !important;
  height: 43px !important;
}

.top_banner tr {
  height: 43px !important;
}

.top_banner td {
  height: 43px !important;
  line-height: 43px !important;
  padding: 0 !important;
  vertical-align: middle !important;
}

.top_banner a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 43px !important;
  line-height: 1.2 !important;
  color: #fff !important;
  text-align: center !important;
  white-space: nowrap;
}

#bj_top2 td {
  transition: background-color .18s ease;
}

#bj_top2 td:hover {
  background-color: rgba(255, 255, 255, .14);
}

.flash,
.about,
.news {
  height: auto !important;
  margin-top: 12px !important;
  border-radius: 14px;
  overflow: hidden;
  background: #eef5ff !important;
  box-shadow: 0 10px 26px rgba(15, 52, 98, 0.12);
}

.about img {
  display: block;
  height: auto !important;
}

.about > img {
  width: auto !important;
  max-width: 100% !important;
  max-height: 312px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  object-fit: contain;
  object-position: center center;
}

.news {
  aspect-ratio: 998 / 199;
  height: auto !important;
  max-height: 312px !important;
}

.news.cms-channel-banner {
  margin-bottom: 18px !important;
}

.news > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: fill !important;
  object-position: center center !important;
}

.pczx_box {
  margin-top: 0 !important;
}

.new_da_zhengt img,
.new_da_zhengtt img {
  object-fit: cover !important;
  object-position: center center !important;
}

img[src*="W020210811630291931214.gif"] {
  width: auto !important;
  max-width: 255px !important;
  height: auto !important;
  object-fit: contain !important;
}

.pczx_onebox {
  width: 100% !important;
  margin-top: 12px !important;
  overflow: hidden;
}

.pczx_lb,
#banner,
#banner .swiper-container2,
#banner .swiper-wrapper,
#banner .swiper-slide {
  width: 100% !important;
}

.pczx_lb {
  float: none !important;
  aspect-ratio: 2.6667 / 1;
  height: clamp(250px, 37.5vw, 507px) !important;
  margin: 0 auto !important;
  border-radius: 16px;
  overflow: hidden;
  background: #eef5ff !important;
  box-shadow: 0 12px 28px rgba(15, 52, 98, 0.14);
}

.lanmu_gup img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 206px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

#banner {
  height: 100% !important;
  background: #eef5ff !important;
}

#banner .swiper-slide {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #eef5ff !important;
}

#banner .swiper-slide a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

#banner img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 auto !important;
  background: #eef5ff !important;
}

.lanmux,
.about_da,
.about_neinei,
.news_da,
.touzi_da,
.fazhan_da,
.yewu_da,
.zheng_da,
.zheng_ce,
.gupiao_da,
.new_zong,
.gongsi_da {
  height: auto !important;
  background: #fff !important;
  border: 1px solid #e5ebf2 !important;
  border-radius: 16px;
  box-shadow: 0 10px 26px rgba(15, 52, 98, 0.10);
}

.lanmux {
  margin-top: 18px !important;
  padding-top: 14px !important;
  overflow: hidden;
}

.lanmux1,
.lanmux2,
.lanmux3,
.lanmux4 {
  max-width: 100%;
}

.yewu_shang,
.yewu_woxia,
.yewu_shang_le,
.yewu_shang_ley,
.yewu_wozuo,
.yewu_wozuo_you,
.yewu_shang_leda,
.yewu_kuang,
.yewu_shang_xiaa,
.yewu_wozuo1,
.yewu_wozuox,
.yewu_wozuox2 {
  max-width: 100% !important;
}

.yewu_woxia {
  width: 100% !important;
  height: auto !important;
}

.about_zheng_zuo,
.about_youu_z,
.about_left,
.about_right,
.new_da_z1,
.new_da_z1_dier,
.new_da_z1_disan,
.new_da_disi,
.touzi_da_zuo,
.touzi_da_you {
  max-width: 100%;
}

.about_neinei {
  display: flex !important;
  align-items: flex-start;
  gap: 20px;
  padding: 12px 10px 14px !important;
}

.about_zheng_zuo {
  float: none !important;
  flex: 0 0 219px;
  width: 219px !important;
  margin-left: 0 !important;
}

.about_zheng_zuo_t,
.about_zheng_zuo_tda,
.about_zheng_lan,
.about_zheng_lan a,
.about_zheng_zuo_xiaa {
  width: 219px !important;
  box-sizing: border-box !important;
}

.about_zheng_zuo_t {
  height: 43px !important;
  padding: 0 0 0 40px !important;
  line-height: 43px !important;
  background-size: 219px 43px !important;
}

.about_zheng_zuo_tda {
  background-size: 219px auto !important;
}

.about_zheng_lan {
  height: 42px !important;
  line-height: 42px !important;
  background-size: 219px 42px !important;
}

.about_zheng_lan a {
  display: block !important;
  height: 42px !important;
  padding-left: 40px !important;
  line-height: 42px !important;
  background-size: 219px 42px !important;
}

.about_zheng_zuo_xiaa img {
  display: block !important;
  width: 219px !important;
  height: auto !important;
}

.about_youu_z {
  float: none !important;
  flex: 1 1 auto;
  width: auto !important;
  max-width: none !important;
}

.about_youu_zd,
.about_youu_zd_tit,
.about_youu_zd_zhe,
.about_youu_zd_rongyu,
.new_erjid,
.new_you_fy {
  max-width: 100% !important;
}

.about_youu_zd_zhe img {
  display: block !important;
  width: auto !important;
  max-width: min(100%, 620px) !important;
  height: auto !important;
  margin: 12px auto !important;
  object-fit: contain !important;
}

.about_youu_zd_rongyu > img {
  display: block !important;
  width: auto !important;
  max-width: min(100%, 620px) !important;
  height: auto !important;
  margin: 12px auto !important;
  object-fit: contain !important;
}

.about_youu_zd_rongyu_k img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
}

.new_da_z4 a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 52px;
  height: 29px !important;
  padding: 0 10px;
  border-radius: 999px;
  background: #eef5ff;
  color: #0b63c7 !important;
  font-size: 13px !important;
  line-height: 29px !important;
  text-decoration: none !important;
  font-weight: 500;
}

.new_da_z4 a img {
  display: none !important;
}

.about_right_3_2 a {
  display: block !important;
  width: 240px !important;
  height: 100px !important;
  overflow: hidden;
  border-radius: 10px;
  background: #eef5ff;
}

.about_right_3_2 img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.site-footer {
  clear: both !important;
  width: 100% !important;
  margin: 18px 0 0 !important;
  padding: 10px 0 12px !important;
  background: #fff !important;
  color: #1f2937 !important;
  border: 0 !important;
  border-top: 1px solid #d9e2ef !important;
  box-shadow: 0 -8px 22px rgba(15, 76, 129, 0.07) !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
}

.site-footer-inner {
  padding: 0 16px !important;
  text-align: center !important;
}

.site-footer a,
.site-footer span,
.site-footer div {
  color: #1f2937 !important;
}

.site-footer a {
  text-decoration: none !important;
}

.site-footer a:hover {
  color: #0b63c7 !important;
}

.site-footer-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}

.site-footer-copy {
  font-size: 13px;
}

.site-footer-records {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  font-size: 13px;
}

.site-footer-records a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.site-footer .site-cert-icon {
  height: 20px !important;
  width: auto !important;
  vertical-align: middle;
}

.site-footer .site-police-icon {
  height: 14px !important;
  width: auto !important;
  margin-right: 5px !important;
  vertical-align: middle;
}

.bottom {
  display: block !important;
  clear: both !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 0 18px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

@media (max-width: 1024px) {
  .top,
  .flash,
  .pczx_box,
  .lanmux,
  .link,
  .about,
  .about_da,
  .about_neinei,
  .news,
  .news_da,
  .touzi_da,
  .fazhan_da,
  .yewu_da,
  .zheng_da,
  .zheng_ce,
  .gupiao_da,
  .new_zong,
  .gongsi_da,
  .site-footer-inner {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }

  .top_shang_logo,
  .top_shang_shoucang,
  .lanmux1,
  .lanmux2,
  .lanmux3,
  .lanmux4,
  .about_zheng_zuo,
  .about_youu_z,
  .about_left,
  .about_right,
  .about_dier,
  .about_dier_you,
  .new_da_z1,
  .new_da_z1_dier,
  .new_da_z1_disan,
  .new_da_disi,
  .touzi_da_zuo,
  .touzi_da_you,
  .touzi_diyi,
  .touzi_dier,
  .fazhan_diyi,
  .fazhan_dier,
  .fazhan_disan,
  .yewu_shang_le,
  .yewu_shang_ley,
  .yewu_wozuo,
  .yewu_wozuo_you {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .top_shang_shoucang {
    text-align: left !important;
    padding: 8px 0 !important;
  }

  .lanmux {
    display: block !important;
    margin-top: 14px !important;
    padding: 14px 12px !important;
  }

  .lanmux1,
  .lanmux2,
  .lanmux3,
  .lanmux4 {
    max-width: 360px !important;
    margin: 0 auto 14px !important;
  }

  .lanmux1_xia,
  .lanmux1_xia ul,
  .lanmu_gup {
    max-width: 100% !important;
  }

  .yewu_shang,
  .yewu_woxia {
    height: auto !important;
    overflow: hidden;
  }

  .yewu_shang_leda,
  .yewu_kuang,
  .yewu_shang_xiaa,
  .yewu_wozuo1,
  .yewu_wozuox {
    width: 100% !important;
  }

  .yewu_kuang_zuo,
  .yewu_kuang_you,
  .yewu_wozuox1,
  .yewu_wozuox2 {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .top_banner {
    height: auto !important;
    min-height: 43px;
  }

  .top_banner table,
  .top_banner tbody,
  .top_banner tr {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  .top_banner td {
    display: inline-flex !important;
    width: auto !important;
    min-width: 88px;
    height: 40px !important;
    line-height: 40px !important;
  }

  .top_banner a {
    height: 40px !important;
    padding: 0 10px;
  }

  .pczx_lb {
    height: min(320px, calc((100vw - 20px) / 2.6667)) !important;
  }

  .about_neinei {
    display: block !important;
    padding: 12px !important;
  }

  .about_zheng_zuo,
  .about_youu_z {
    max-width: 100% !important;
  }

  .site-footer {
    font-size: 12px !important;
  }
}

@media (max-width: 760px) {
  .top_banner {
    padding: 4px 6px;
  }

  .top_banner td {
    min-width: 25%;
  }

  .top_banner a {
    font-size: 13px !important;
  }

  .site-footer-records {
    gap: 6px;
  }
}

/* 130% layout refinement: keep two-column info cards close and readable. */
.news_da {
  padding: 14px 16px 18px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 18px 20px !important;
}

.new_da_z1,
.new_da_z1_dier,
.new_da_z1_disan,
.new_da_disi {
  float: none !important;
  width: calc(50% - 10px) !important;
  max-width: none !important;
  margin: 0 !important;
}

.new_da_z2 {
  position: relative !important;
  width: 100% !important;
  height: 35px !important;
  background-size: 100% 35px !important;
}

.new_da_z3 {
  width: auto !important;
  height: 29px !important;
  padding-left: 10px !important;
}

.new_da_z4 {
  position: absolute !important;
  right: 18px !important;
  top: 0 !important;
  float: none !important;
  width: auto !important;
  height: 29px !important;
  padding: 0 !important;
}

.new_da_z4 a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  height: 29px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #0b63c7 !important;
  font-size: 18px !important;
  line-height: 29px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  letter-spacing: 1px;
}

.new_da_z4 a:hover {
  color: #d33a2c !important;
}

.new_da_zhengt {
  display: flex !important;
  align-items: flex-start !important;
  width: 100% !important;
  height: 184px !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.new_da_zhengt_da {
  float: none !important;
  flex: 0 0 166px !important;
  width: 166px !important;
  height: 174px !important;
  padding: 5px 10px 0 14px !important;
}

.new_da_zhengt_da a,
.new_da_zhengt_da img {
  display: block !important;
  width: 141px !important;
  height: 174px !important;
}

.new_da_zhengt_da img {
  object-fit: cover !important;
  object-position: center center !important;
}

.new_da_zhengt_da2 {
  float: none !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 180px !important;
  padding-right: 10px !important;
}

.new_da_zhengt_tiao {
  width: 100% !important;
}

.new_da_zhengt_tiao_v2 {
  width: calc(100% - 18px) !important;
}

@media (max-width: 900px) {
  .news_da {
    display: block !important;
    padding: 12px !important;
  }

  .new_da_z1,
  .new_da_z1_dier,
  .new_da_z1_disan,
  .new_da_disi {
    width: 100% !important;
    margin-bottom: 14px !important;
  }
}

/* 130% home/card refinement: stretch information cards instead of spreading tiny fixed boxes. */
.lanmux {
  gap: 18px !important;
  padding: 18px 20px 20px !important;
  justify-content: center !important;
}

.lanmux1,
.lanmux2,
.lanmux3 {
  flex: 1 1 0 !important;
  max-width: 398px !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 300px !important;
}

.lanmux1_xia {
  width: 100% !important;
  min-height: 250px !important;
}

.lanmux1_xia ul {
  width: calc(100% - 28px) !important;
  max-width: 340px !important;
}

.lanmux1_xia ul li .li_cnt {
  width: calc(100% - 28px) !important;
}

.lanmu_gup {
  width: min(320px, 100%) !important;
}

@media (max-width: 1024px) {
  .lanmux1,
  .lanmux2,
  .lanmux3 {
    max-width: 360px !important;
    min-height: 0 !important;
  }
}

/* 130% page section refinement: stretch old fixed-width modules into the wider canvas. */
.about_da,
.yewu_da,
.touzi_da {
  padding: 16px 18px 20px !important;
  overflow: hidden !important;
}

/* About page: large left content + compact right column, with inner cards filling the row. */
.about_da {
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
}

.about_left {
  float: none !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

.about_right {
  float: none !important;
  flex: 0 0 322px !important;
  width: 322px !important;
}

.about_di1,
.about_dix,
.about_di2 {
  width: 100% !important;
}

.about_dix {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 12px 16px !important;
  height: 236px !important;
}

.about_dix1 {
  float: none !important;
  flex: 0 0 190px !important;
  width: 190px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.about_dix1 img {
  max-width: 175px !important;
  max-height: 208px !important;
  object-fit: contain !important;
}

.about_dix2 {
  float: none !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  height: auto !important;
  line-height: 1.8 !important;
}

.about_dier,
.about_dier_you {
  float: left !important;
  width: calc(50% - 10px) !important;
  height: 247px !important;
  margin-top: 10px !important;
  padding-top: 0 !important;
}

.about_dier {
  margin-right: 20px !important;
}

.about_dier1,
.about_dier_xiax {
  width: 100% !important;
}

.about_dier_xiax {
  height: 221px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.about_dier_xiax img {
  max-width: 100% !important;
  max-height: 205px !important;
  object-fit: contain !important;
}

.about_right_1,
.about_right_1_n,
.about_right_2,
.about_right_3_1,
.about_right_3_1_n {
  width: 100% !important;
}

.about_right_3_1,
.about_right_3_1_n {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.about_right_3_2,
.about_right_3_2 a,
.about_right_3_3 {
  width: 100% !important;
}

/* Company business page: two cards follow the comfortable /xwzx/ half-half rhythm. */
.yewu_woxia {
  display: flex !important;
  align-items: stretch !important;
  gap: 20px !important;
  width: 100% !important;
  height: auto !important;
  padding-top: 0 !important;
}

.yewu_wozuo,
.yewu_wozuo_you {
  float: none !important;
  flex: 1 1 0 !important;
  width: calc(50% - 10px) !important;
  height: auto !important;
}

.yewu_wozuo1,
.yewu_wozuox {
  width: 100% !important;
}

.yewu_wozuox {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 190px !important;
  padding: 12px 14px !important;
}

.yewu_wozuox1 {
  float: none !important;
  flex: 0 0 170px !important;
  width: 170px !important;
  height: 130px !important;
  padding: 0 !important;
}

.yewu_wozuox1 img {
  display: block !important;
  width: 170px !important;
  height: 130px !important;
  object-fit: cover !important;
}

.yewu_wozuox2 {
  float: none !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  line-height: 1.9 !important;
}

/* Investor page: fill the wide canvas while keeping stock info as a readable right column. */
.touzi_da {
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
}

.touzi_da_zuo {
  float: none !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px 20px !important;
}

.touzi_da_you {
  float: none !important;
  flex: 0 0 330px !important;
  width: 330px !important;
  height: auto !important;
}

.touzi_diyi,
.touzi_dier {
  float: none !important;
  width: calc(50% - 10px) !important;
  height: 225px !important;
  margin: 0 !important;
}

.touzi_diyi_s,
.touzi_dier_s,
.touzi_dingx,
.touzi_dierx {
  width: 100% !important;
}

.touzi_zhil {
  float: none !important;
  width: 100% !important;
  height: auto !important;
}

.touzi_zhil_s,
.touzi_zhil_xiad {
  width: 100% !important;
}

.touzi_dingx1,
.touzi_libiaod {
  width: calc(100% - 24px) !important;
}

.touzi_dingx3,
.touzi_dierx .touzi_dingx3,
.touzi_libiaod2 {
  width: calc(100% - 22px) !important;
}

.touzi_you_v,
.touzi_you_v_t,
.touzi_you_kua,
.touzi_you_er,
.touzi_you_dier_t,
.touzi_you_er_z,
.touzi_you_dier_t_z {
  width: 100% !important;
}

@media (max-width: 1024px) {
  .about_da,
  .touzi_da,
  .yewu_woxia {
    display: block !important;
  }

  .about_left,
  .about_right,
  .touzi_da_zuo,
  .touzi_da_you,
  .yewu_wozuo,
  .yewu_wozuo_you,
  .touzi_diyi,
  .touzi_dier,
  .about_dier,
  .about_dier_you {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
  }

  .about_dix,
  .yewu_wozuox {
    display: block !important;
    height: auto !important;
  }

  .about_dix1,
  .yewu_wozuox1 {
    margin: 0 auto 10px !important;
  }
}