@charset "utf-8";
@import url(common.css);
/*栏目页公用样式 s*/
.YwzjSubBan {
  margin-top: 0.86rem;
  position: relative;
  background: #fff;
  z-index: 1;
  overflow: hidden;
}

.YwzjSubBan {
  position: relative;
  overflow: hidden;
}
.YwzjSubBan .img img {
  width: 100%;
  height: auto;
  display: block;
}

.YwzjSubBan .Info {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  color: #fff;
  width: 100%;
  letter-spacing: 0.1em;
}

.YwzjSubBan h2 {
  font-size: 0.43rem;
  line-height: 0.61rem;
  letter-spacing: 0.1em;
  margin-left: 1.57rem;
  font-family: HarmonyOSSansSCBold;
}

.YwzjSubBan .desc {
  font-size: 0.19rem;
  line-height: 0.36rem;
  margin-left: 1.57rem;
  font-family: HarmonyOSSansSCLight;
}

/* 数据统计卡片区域 */
.StatsGroup {

}

.StatsRow {
  display: flex;
  padding: 0.1rem 0;
  justify-content: center;
}
.StatsGroup .t-large {
  padding: 0.3rem 0;
  display: block;
  font-size: 0.29rem;
  color: #303030;
  font-family: HarmonyOSSansSCBold, sans-serif;
  font-weight: bold;
  transition: color 0.3s ease;
}

.StatsCard {
  flex: 1;
  box-sizing: border-box;
}

.StatsNumber {
  font-size: 0.35rem;
  line-height: 0.48rem;
  color: #2AC073;
  font-family:  HarmonyOSSansSCBold, sans-serif;
  font-weight: bold;
  white-space: nowrap;
  transition: color 0.3s ease;
}

.StatsLabel {
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: #303030;
  margin-top: 0.08rem;
  font-family: HarmonyOSSansSCBold;
  transition: color 0.3s ease;
}

/* 01 卡片 hover 颜色变化 */
.FaList .item:hover .StatsNumber,
.FaList .item.activehover .StatsNumber {
  color: #2AC073;
}

.FaList .item:hover .StatsLabel,
.FaList .item.activehover .StatsLabel
{
  color: #2AC073;
}

.FaList .item:hover .t-large ,
.FaList .item.activehover .t-large
{
  color: #2AC073;
}
/* 底部描述文字 */
.StatsDesc {
  padding: 0.3rem 0 0;
  text-align: left;
}

.StatsDesc p {
  font-size: 0.19rem;
  color: #303030;
  line-height: 0.33rem;
  font-family: HarmonyOSSansSCLight;
  transition: color 0.3s ease;
}

/* 01 卡片底部描述 hover 颜色变化 */
.FaList .item:hover .StatsDesc p,
.FaList .item.activehover .StatsDesc p {
  color: #2AC073;
}
.FaList .StatsDesc p:hover ,
.FaList .StatsDesc p.activehover {
  color: #2AC073;
}

@media(max-width:1024px) {

  .StatsGroup.pd1{
    padding-top: 1rem;
  }
  .StatsCard {
    padding: 0.25rem 0;
  }

  .StatsRow {
    padding: 0;
  }

  .StatsNumber {
    font-size: 0.55rem;
    line-height: 0.74rem;
  }
  .StatsLabel {
    font-size: 0.33rem;
    line-height: 0.46rem;
  }
  .StatsDesc {
    padding-bottom: 1rem;
  }
  .StatsDesc p {
    margin-left: 0.1rem;
    font-size: 0.27rem;
    line-height: 0.49rem;
  }
}

@media(max-width:767px) {
  .StatsCard {
    padding: 0.25rem 0.2rem;
  }
  .StatsNumber {
    font-size: 0.55rem;
    line-height: 0.74rem;
  }
  .StatsLabel {
    font-size: 0.33rem;
    line-height: 0.46rem;
  }
  .StatsDesc p {
    font-size: 0.27rem;
    line-height: 0.49rem;
  }
  .FaList .ti-super-large {
    display: block;
    font-size: 0.43rem;
    line-height: 0.5rem;
  }
}

/* 02 卡片 - 大标题 */
.FaList .ti-super-large {
  display: block;
  font-size: 0.34rem;
  line-height: 0.53rem;
  color: #454545;
  margin-bottom: 0.35rem;
  font-family: HarmonyOSSansSCBold, sans-serif;
  font-weight: bold;
  transition: color 0.3s ease;
}
.FaList .ti-super-large,gylpb20 {
 margin-bottom: 0.2rem;
}

.FaList .ti-large {
  display: block;
  font-size: 0.29rem;
  line-height: 0.43rem;
  color: #303030;
  margin-bottom: 0.3rem;
  font-family: HarmonyOSSansSCBold, sans-serif;
  font-weight: bold;
  transition: color 0.3s ease;
}
.FaList .ti-large.ywjzpd19 {
   margin-bottom: 0.1rem;
   font-weight: normal;
}
.FaList .info.jwzjpd5 {
  padding: 0 0.1rem 0 9% ;
}
.FaList .t2-large {
  display: block;
  font-size: 0.43rem;
  line-height: 0.4rem;
  color: #303030;
  font-family: HarmonyOSSansSCBold, sans-serif;
  font-weight: bold;
  transition: color 0.3s ease;
}

.FaList .desc-sub {
  position: relative;
  font-size: 0.19rem;
  line-height: 0.33rem;
  color: #303030;
  font-family: HarmonyOSSansSCLight;
  transition: color 0.3s ease;
}

.FaList .item:hover .ti-super-large,
.FaList .item.activehover .ti-super-large {
  color: #2AC073;
}
/* 02 卡片 hover 颜色变化 */
.FaList .item:hover .ti-large,
.FaList .item.activehover .ti-large {
  color: #2AC073;
}
.FaList .item:hover .t2-large,
.FaList .item.activehover .t2-large {
  color: #2AC073;
}

.FaList .item:hover .desc-sub,
.FaList .item.activehover .desc-sub {
  color: #2AC073;
}

.FaList .item:hover .desc-sub::before,
.FaList .item.activehover .desc-sub::before {
  background: #303030;
}

@media(max-width:1024px) {
  .YwzjSubBan {
    margin-top: 0;
  }
  .YwzjSubBan .Info {
    width: 100%;
    padding-left: 0.6rem;
    box-sizing: border-box;
  }
  .YwzjSubBan h2 {
    font-size: 0.49rem;
    line-height: 0.68rem;
    letter-spacing: 0.1em;
    margin-left: 0;
    font-family: HarmonyOSSansSCBold;
  }
  .YwzjSubBan .desc {
    font-size: 0.22rem;
    line-height: 0.35rem;
    margin-left: 0;
    font-family: HarmonyOSSansSCLight;
  }
  .YwzjSubBan .img {
    width: 100%;
    overflow: hidden;
  }
  .YwzjSubBan .img img {

    width: auto;
    max-width: none;
    height: 3.41rem;
    display: block;
  }
  .SubMenu li {
    width: 25%;
    margin: 0;
    text-align: center;
  }
  .FaList .ti-large {
    font-size: 0.26rem;
    line-height: 0.4rem;
    margin-bottom: 0.2rem;
  }
  .FaList .desc-sub {
    font-size: 0.18rem;
    line-height: 0.32rem;
  }

  /* 取消 table 布局，让每个 cell 独占一行 */
  .FaList .item .table {
    display: block;
  }
  .FaList .item .cell {
    display: block;
    width: 100%;
    margin: auto;
  }
  .FaList .item .cell .info-box {
    width: 80%;
    margin: 0 auto;
  }
  .FaList .item .imgbox {
    width: 100%;
  }
  .FaList .item .ti-large {
    font-size: 0.41rem;
    line-height: 0.67rem;
    display: inline-block;

  }

  .StatsGroup .t-large {
    font-size: 0.41rem;
  }
  .FaList .item .ti-large.pd210 {
    font-size: 0.41rem;
    line-height: 0.67rem;
    display: inline-block;
    padding-top: 2.1rem;
  }
  .FaList .item .ti-super-large{
    font-size: 0.43rem;
    line-height: 0.67rem;

  }
  .FaList .item .ti-super-large.pd210 {
    padding-top: 2.1rem;
  }
  .FaList .item .t2-large {
    font-size: 0.41rem;
    display: inline-block;
    padding-top: 0.1rem;
  }
  .FaList .item .t2-large.pd210 {
    font-size: 0.41rem;
    line-height: 0.67rem;
    display: inline-block;
    padding-top: 2.1rem;
  }
  .FaList .item .desc-sub {
    font-size: 0.27rem;
    line-height: 0.49rem;
  }
  .FaList .item .desc-sub:last-child {
    padding-bottom: 2.49rem;
  }

  .FaList .item .t-large.pd210 {
    padding-top: 2.1rem;
  }
  .FaList .item .t-large.pd100 {
    padding-top: 1rem;
  }
  .FaList .item .StatsRow.pb100 {
    padding-bottom: 1rem;
  }
  .FaList .item .StatsRow.pb210 {
    padding-bottom: 2.1rem;
  }
}

@media(max-width:767px) {
  .FaList .ti-large {
    font-size: 0.22rem;
    line-height: 0.34rem;
    margin-bottom: 0.15rem;
  }
  .FaList .desc-sub {
    font-size: 0.15rem;
    line-height: 0.26rem;
  }
}