p{
        font-size: 1.2rem;
    line-height: 1.5;
}

.banner {
  height: 32rem /* 640/20 */;
}

.banner .swiper-slide {
  background-position: center;
  background-size: cover;
}

.block-title {
  color: #182e94;
  font-size: 2.6rem /* 52/20 */;
  letter-spacing: 0.2rem /* 4/20 */;
}

.services {
  padding: 2.5rem /* 70/20 */ 0;
}

.services > .wrapper {
  padding: 0 1.5rem /* 30/20 */;
  text-align: center;
}

.services h4 {
  background-color: #1f3497;
  color: #fded01;
  font-size: 1.4rem /* 28/20 */;
  font-weight: bold;
  line-height: 2.5rem /* 50/20 */;
  letter-spacing: 0.1rem /* 2/20 */;
}

.services .item .grid {
  gap: 0.75rem /* 15/20 */;
  margin-top: 0.75rem /* 15/20 */;
}

.services .grid-item {
  padding:1rem 0.75rem /* 15/20 */;
  background-color: #3a4da5;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem /* 10/20 */;
  font-size: 1rem /* 16/20 */;
  letter-spacing: 0.05rem /* 1/20 */;
}

.services .icon {
  width: 2.5rem /* 50/20 */;
  height: 1.5rem /* 30/20 */;
}

.services .item:nth-of-type(1) .grid-item:nth-of-type(1) > .icon {
  background-image: url(../images/gzdb/icon-001.png);
}

.services .item:nth-of-type(1) .grid-item:nth-of-type(2) > .icon {
  background-image: url(../images/gzdb/icon-002.png);
}

.services .item:nth-of-type(1) .grid-item:nth-of-type(3) > .icon {
  background-image: url(../images/gzdb/icon-003.png);
}

.services .item:nth-of-type(1) .grid-item:nth-of-type(4) > .icon {
  background-image: url(../images/gzdb/icon-004.png);
}

.services .item:nth-of-type(1) .grid-item:nth-of-type(5) > .icon {
  background-image: url(../images/gzdb/icon-005.png);
}

.services .item:nth-of-type(1) .grid-item:nth-of-type(6) > .icon {
  background-image: url(../images/gzdb/icon-006.png);
}

.services .item:nth-of-type(1) .grid-item:nth-of-type(7) > .icon {
  background-image: url(../images/gzdb/icon-007.png);
}

.services .item:nth-of-type(1) .grid-item:nth-of-type(8) > .icon {
  background-image: url(../images/gzdb/icon-008.png);
}

.services .item:nth-of-type(1) .grid-item:nth-of-type(9) > .icon {
  background-image: url(../images/gzdb/icon-009.png);
}

.services .item:nth-of-type(1) .grid-item:nth-of-type(10) > .icon {
  background-image: url(../images/gzdb/icon-010.png);
}

.services .item:nth-of-type(1) .grid-item:nth-of-type(11) > .icon {
  background-image: url(../images/gzdb/icon-011.png);
}

.services .item:nth-of-type(2) .grid-item:nth-of-type(1) > .icon {
  background-image: url(../images/gzdb/icon-012.png);
}

.services .item:nth-of-type(2) .grid-item:nth-of-type(2) > .icon {
  background-image: url(../images/gzdb/icon-013.png);
}

.services .item:nth-of-type(2) .grid-item:nth-of-type(3) > .icon {
  background-image: url(../images/gzdb/icon-014.png);
}

.services .item:nth-of-type(2) .grid-item:nth-of-type(4) > .icon {
  background-image: url(../images/gzdb/icon-015.png);
}

.services .item:nth-of-type(2) .grid-item:nth-of-type(5) > .icon {
  background-image: url(../images/gzdb/icon-016.png);
}

.services .item:nth-of-type(2) .grid-item:nth-of-type(6) > .icon {
  background-image: url(../images/gzdb/icon-017.png);
}

.services .item:nth-of-type(2) .grid-item:nth-of-type(7) > .icon {
  background-image: url(../images/gzdb/icon-018.png);
}

.services .item:nth-of-type(2) .grid-item:nth-of-type(8) > .icon {
  background-image: url(../images/gzdb/icon-019.png);
}

.services .item:nth-of-type(2) .grid-item:nth-of-type(9) > .icon {
  background-image: url(../images/gzdb/icon-020.png);
}

.services .item:nth-of-type(2) .grid-item:nth-of-type(10) > .icon {
  background-image: url(../images/gzdb/icon-021.png);
}

.services .item:nth-of-type(2) .grid-item:nth-of-type(11) > .icon {
  background-image: url(../images/gzdb/icon-022.png);
}

.advances {
  background: url(../images/gzdb/advances-bg.png) center top no-repeat;
  padding: 2.25rem /* 45/20 */ 0;
}

.advances .six {
  display: none;
}

.advances .block-title {
  line-height: 1.2;
  padding:0 0 2.5rem 0;
  color: #fff;
}

.advances .item {
  padding: 1rem;
  background-color: #fff;
}

.advances .item p {
 /*line-height: 1.5rem /* 30/20 */;
  font-size: 1.2rem /* 18/20 */;
  /* font-family: "SimHei"; */
  font-weight: bold;
}

.advances .item .icon {
  flex-basis: 2.5rem;
  width: 2.5rem;
  height: 2rem;
  background-size: auto 100%;
  flex-shrink: 0;
  flex-grow: 0;
}

.advances .item:nth-of-type(1) .icon {
  background-image: url(../images/gzdb/01.png);
}

.advances .item:nth-of-type(2) .icon {
  background-image: url(../images/gzdb/02.png);
}

.advances .item:nth-of-type(3) .icon {
  background-image: url(../images/gzdb/03.png);
}

.advances .item:nth-of-type(4) .icon {
  background-image: url(../images/gzdb/04.png);
}

.advances .item:nth-of-type(5) .icon {
  background-image: url(../images/gzdb/05.png);
}

.advances .item:nth-of-type(6) .icon {
  background-image: url(../images/gzdb/06.png);
}

.credible {
  padding: 2.5rem /* 70/20 */ 0;
  background: url(../images/gzdb/credible-bg.png) center top no-repeat;
}

.credible img {
  display: block;
  width: 100%;
  height: 9.5rem /* 190/20 */;
}

.credible p {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem /* 40/20 */;
  background-color: #fff;
  font-size: 1rem /* 16/20 */;
  font-weight: bold;
  letter-spacing: 0.05rem /* 1/20 */;
}

.cases {
  padding: 2.5rem /* 70/20 */ 0;
}

.cases img {
  display: block;
  width: 100%;
  height: 20rem /* 400/20 */;
}

.cases p {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 3rem /* 60/20 */;
  box-sizing: border-box;
  padding-bottom: 0.5rem /* 10/20 */;
  background-color: #182e94;
  color: #fff;
  font-size: 1.05rem /* 21/20 */;
  font-weight: bold;
  letter-spacing: 0.05rem /* 1/20 */;
  line-height: 1.2;
}

.knowledge {
  padding: 2.5rem /* 70/20 */ 1.5rem 2.5rem /* 50/20 */;
  background: url(../images/gzdb/knowledge-bg.png) center top no-repeat;
  background-size: cover;
}

.knowledge .container {
  background: #fff;
  border-radius: 1.5rem /* 30/20 */;
  padding: 1.5rem 1rem /* 50/20 */;
}

.knowledge .block-title {
  line-height: 1;
  color: #fff;
}

.knowledge .item h5 {
  padding: 0 1.5rem;
  background-color: #eef5ff;
  color: #182e94;
  line-height: 2.5rem /* 40/20 */;
  font-size: 1.4rem /* 21/20 */;
  position: relative;
  border-radius: 0.5rem /* 10/20 */;
}

.knowledge .item h5::before {
  display: block;
  content: "";
  width: 0.25rem /* 5/20 */;
  height: 1rem /* 20/20 */;
  background-color: #182e94;
  position: absolute;
  left: 1rem /* 20/20 */;
  top: 0.7rem /* 10/20 */;
}

.knowledge .item p {
  padding-left: 1rem /* 20/20 */;
  line-height: 2rem /* 30/20 */;
 /* font-size: 1rem /* 16/20 */;
}

.flow {
  background-color: #f7faff;
  padding: 2.5rem /* 70/20 */ 0;
}

.flow img {
  display: block;
  width: 100%;
  margin-top: 2.5rem /* 50/20 */;
}

.about-szm {
  padding: 2.5rem /* 70/20 */ 0;
}

.about-szm .container {
  padding: 0 1rem /* 20/20 */;
}

.about-szm .item:nth-of-type(1) p {
  /* font-size: 1.1rem /* 18/20 */;
 /* letter-spacing: 0.15rem /* 3/20 */;
  text-indent: 2em;
  line-height: 2rem /* 40/20 */;
  margin-bottom: 1rem /* 20/20 */;
}

.about-szm .item:nth-of-type(2) > div {
  position: relative;
}

.about-szm .item:nth-of-type(2) > div img {
  display: block;
  width: 100%;
}

.about-szm .item:nth-of-type(2) > div h5 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(16, 59, 153, 0.8);
  color: #fff;
  height: 2rem /* 40/20 */;
  line-height: 2rem /* 40/20 */;
  text-overflow: ellipsis;
  font-size: 1rem /* 16/20 */;
  font-weight: normal;
  letter-spacing: 0.05rem /* 1/20 */;
  text-align: center;
}

.about-szm .item > div:nth-of-type(1) {
  grid-column-start: 1;
  grid-column-end: 3;
}

.about-szm .item > div:nth-of-type(1) h5 {
  right: auto;
  padding: 0 10rem /* 200/20 */ 0 1.5rem /* 30/20 */;
  display: inline-block;
  background-image: linear-gradient(
    to right,
    rgba(16, 59, 153, 0.8),
    rgba(71, 105, 179, 0)
  );
  background-color: rgba(71, 105, 179, 0);
}

.szmpk{
    background: #f8f8f8;
    padding: 1rem 0 3rem 0;
}
.szmpk .block-title{
    line-height: 200%;
}

.ynan{
    background: #162a8d;
    padding: 1rem 0 3rem 0;
}
.ynan .block-title{
    line-height: 240%;
    color: #fff;
}
.ynan p{
        color: #fff;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 1rem 0 0 0;
}
.ynan img{
    width: 90%;
    margin: 0px auto;
    display: block;
}


      .zh_click {
        font-size: 1rem;
      }
      .banner {
        background: url(../images/gzdb/banner.png)
          center/cover no-repeat;
        color: #fff;
        text-align: center;
        box-sizing: border-box;
        padding-top: 50px;
      }
      .banner h3 {
        font-size: 2.6rem;
        letter-spacing: 0.1rem;
      }
      .banner p {
        font-size: 1.3rem;
        line-height: 2;
        letter-spacing: 0.2rem;
      }
      .banner .item {
        background-color: #fff;
        color: #000;
        padding: 0.75rem 0;
        letter-spacing: 0.1rem;
      }
      .banner .item > div {
        font-size: 1rem;
        font-weight: bold;
        line-height: 1.2rem;
        height: 2.4rem;
      }
      .banner .item > i {
        width: 2rem;
        height: 2rem;
      }
      .banner .item:nth-of-type(1) > i {
        background-image: url(../images/gzdb/banner-ico-1.png);
      }
      .banner .item:nth-of-type(2) > i {
        background-image: url(../images/gzdb/banner-ico-2.png);
      }
      .banner .item:nth-of-type(3) > i {
        background-image: url(../images/gzdb/banner-ico-3.png);
      }
      .banner .item:nth-of-type(4) > i {
        background-image: url(../images/gzdb/banner-ico-4.png);
      }
      .banner .btn {
        display: inline-block;
        font-size: 1.5rem;
        font-weight: bold;
        letter-spacing: 0.1rem;
        background-color: #ff0;
        color: #f00;
        padding: 0.5rem 3rem;
        border-radius: 2rem;
      }
      .biz {
        text-align: center;
        padding: 2rem 1.5rem;
      }
      .biz h3 {
        color: #1341d7;
      }
      .biz h4 {
        display: inline-block;
        padding: 0.1rem 2rem;
        border-radius: 2rem;
        background-color: #0329ab;
        color: #ff0;
        font-size: 1.2rem;
        letter-spacing: 0.1rem;
      }
      .biz hr {
        border-color: rgba(255, 255, 255, 0.3);
      }
      .biz .item {
        background-color: #1341d7;
        color: #fff;
        padding: 1rem 0;
        letter-spacing: 0.1rem;
      }
      .biz .item > div {
        font-size: 1rem;
        font-weight: bold;
        line-height: 1.3rem;
        height: 2.6rem;
      }
      .biz .item > i {
        width: 2rem;
        height: 2rem;
      }
      .biz-type .item:nth-of-type(1) > i {
        background-image: url(../images/gzdb/ico-01.png);
      }
      .biz-type .item:nth-of-type(2) > i {
        background-image: url(../images/gzdb/ico-02.png);
      }
      .biz-type .item:nth-of-type(3) > i {
        background-image: url(../images/gzdb/ico-03.png);
      }
      .biz-type .item:nth-of-type(4) > i {
        background-image: url(../images/gzdb/ico-04.png);
      }
      .biz-type .item:nth-of-type(5) > i {
        background-image: url(../images/gzdb/ico-05.png);
      }
      .biz-type .item:nth-of-type(6) > i {
        background-image: url(../images/gzdb/ico-06.png);
      }
      .biz-type .item:nth-of-type(7) > i {
        background-image: url(../images/gzdb/ico-07.png);
      }
      .biz-type .item:nth-of-type(8) > i {
        background-image: url(../images/gzdb/ico-08.png);
      }
      .biz-type .item:nth-of-type(9) > i {
        background-image: url(../images/gzdb/ico-09.png);
      }
      .biz-type .item:nth-of-type(10) > i {
        background-image: url(../images/gzdb/ico-10.png);
      }
      .biz-type .item:nth-of-type(11) > i {
        background-image: url(../images/gzdb/ico-11.png);
      }
      .biz-type .item:nth-of-type(12) > i {
        background-image: url(../images/gzdb/ico-12.png);
      }
      .biz-type .item:nth-of-type(13) > i {
        background-image: url(../images/gzdb/ico-13.png);
      }

      .certificate .item:nth-of-type(1) > i {
        background-image: url(../images/gzdb/ico-b-01.png);
      }
      .certificate .item:nth-of-type(2) > i {
        background-image: url(../images/gzdb/ico-b-02.png);
      }
      .certificate .item:nth-of-type(3) > i {
        background-image: url(../images/gzdb/ico-b-03.png);
      }
      .certificate .item:nth-of-type(4) > i {
        background-image: url(../images/gzdb/ico-b-04.png);
      }
      .certificate .item:nth-of-type(5) > i {
        background-image: url(../images/gzdb/ico-b-05.png);
      }
      .certificate .item:nth-of-type(6) > i {
        background-image: url(../images/gzdb/ico-b-06.png);
      }
      .certificate .item:nth-of-type(7) > i {
        background-image: url(../images/gzdb/ico-b-07.png);
      }
      .gzfw {
        text-align: center;
        padding: 0 1.5rem 1rem;
      }
      .gzfw .strong {
        color: #1341d7;
      }
      .gzfw .item {
        padding-bottom: 1rem;
      }
      .gzfw .item > img {
        display: block;
        width: 100%;
        aspect-ratio: 4 / 3;
      }
      .gzfw .item > h5 {
        font-size: 1.5rem;
        line-height: 2;
      }
      .gzfw .item > p {
        font-size: 1.2rem;
        line-height: 1.5;
      }
      .flow {
        background-color: #eef5ff;
        text-align: center;
      }
      .flow .flex {
        gap: 1rem;
      }
      .flow .flex > .item {
        flex: 0 1 calc((100% - 1rem * 6 - 1rem * 3) / 4);
      }
      .flow .item > i {
        width: 100%;
        padding-top: 100%;
        position: relative;
        background-size: 30%;
        border-radius: 50%;
        border: 1px solid #000;
        background-color: #eef5ff;
      }
      .flow .item > div {
        font-size: 1.2rem;
        font-weight: bold;
        line-height: 1.5rem;
        height: 3rem;
        color: #182e94;
      }
      .flow .item-gap {
        width: 1rem;
        padding-bottom: 3rem;
        display: flex;
        align-items: center;
      }
      .flow .item-gap i {
        display: inline-block;
        width: 100%;
        padding-top: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../images/gzdb/ico-arrow.png);
      }
      .flow .item:nth-of-type(1) > i {
        background-image: url(../images/gzdb/flow-ico-01.png);
      }
      .flow .item:nth-of-type(3) > i {
        background-image: url(../images/gzdb/flow-ico-02.png);
      }
      .flow .item:nth-of-type(5) > i {
        background-image: url(../images/gzdb/flow-ico-03.png);
      }
      .flow .item:nth-of-type(7) > i {
        background-image: url(../images/gzdb/flow-ico-04.png);
      }
      .flow .item:nth-of-type(8) {
        margin-left: auto;
      }
      .flow .item:nth-of-type(8) > i {
        background-image: url(../images/gzdb/flow-ico-05.png);
      }
      .flow .item:nth-of-type(10) > i {
        background-image: url(../images/gzdb/flow-ico-06.png);
      }
      .flow .item:nth-of-type(12) > i {
        background-image: url(../images/gzdb/flow-ico-07.png);
      }
      .flow .item:nth-of-type(12) {
        margin-right: auto;
      }
      .flow .flex > div:nth-of-type(n + 8) {
        margin-top: 2rem;
      }
      .flow .item > i > span {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, -50%);
        display: inline-block;
        background: #fff;
        padding: 0 0.3rem;
        font-size: 16px;
        font-weight: bold;
      }
      .ynan .wrapper {
        text-align: center;
        padding: 0 1.5rem;
        box-sizing: border-box;
        letter-spacing: 0.1rem;
      }
      .ynan .wrapper > h4 {
        color: #fff;
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 1.5;
      }
      .ynan .wrapper .biz-item {
        padding-left: 3rem;
        padding-bottom: 1rem;
        background: url(../images/gzdb/tick.png)
          0.75rem 0.75rem/1.5rem no-repeat #fff;
        line-height: 1.5;
        text-align: left;
        border-radius: 1rem;
      }
      .ynan .wrapper .biz-item h4 {
        font-size: 1.4rem;
        font-weight: bold;
        text-align: left;
      }
      .ynan .wrapper .biz-item h5 {
        font-size: 1.2rem;
        font-weight: bold;
        text-align: left;
        line-height: 1;
      }
      .szmpk .flex {
        position: relative;
        padding: 0 1.5rem;
      }
      .szmpk .flex .vs {
        display: block;
        width: 4rem;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, -0.5rem);
        z-index: 9;
      }
      .szmpk .item-wrapper {
        flex: 1;
        text-align: center;
        position: relative;
      }
      .szmpk .item-wrapper > h4 {
        display: inline-block;
        line-height: 3rem;
        font-size: 1.5rem;
        font-weight: bold;
        width: 75%;
        margin-top: 1rem;
        border-radius: 1.5rem;
        background-color: #b1b1b1;
        letter-spacing: 0.1rem;
      }
      .szmpk .item-wrapper:last-of-type > h4 {
        background-color: #f35c10;
        color: #fff;
      }
      .szmpk .item-wrapper .item {
        display: flex;
        align-items: center;
        text-align: left;
        height: 6rem;
        padding: 0 1rem;
        box-sizing: border-box;
        line-height: 1.5rem;
        letter-spacing: 0.1rem;
        background-color: #ececec;
        border-bottom: 1px dotted #cecece;
      }
      .szmpk .item-wrapper:last-of-type .item {
        background-color: #162a8d;
        color: #fff;
        border-color: #475080;
      }
      .szmpk .item-wrapper .item:first-of-type {
        margin-top: -.5rem;
        padding-top: 1rem;
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem;
      }
      .szmpk .item-wrapper .item:last-of-type {
        padding-bottom: 1rem;
        border-bottom-left-radius: .5rem;
        border-bottom-right-radius: .5rem;
        border-bottom: none;
      }
      .szmpk .item-wrapper .item p {
        font-size: 0.9rem;
        line-height: 1.5rem;
      }
      .szmpk .item-wrapper .item b {
        font-size: 1.05rem;
      }