.top_center li a{
  color: #fff;
}
.cpms{
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: #1D2939;
  margin-top: 3.2rem;
}
.xtjc{
  position: relative;
}
.xtjc .title{
  color: #1D2939;
  line-height: 3.2rem;
  font-size: 1.8rem;
  font-weight: 600;
  position: absolute;
  top: 1%;
  left: 1%;
}
.xtjc img{
  width: 100%;
}
.mask2{
  background: url(/static/index/images/mask2.png);
}
.mask3{
  background: url(/static/index/images/mask3.png);
}
.mask4{
  background: url(/static/index/images/mask4.png);
}
.mask5{
  background-image: url(/static/index/images/mask5.png),
  linear-gradient( 180deg, #2A73F7 0%, #9FC3FB 100%) ;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.mask6{
  background-image: url(/static/index/images/mask5.png) ;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.mask7{
  background: url(/static/index/images/mask6.png);
}
.mask8{
  background: url(/static/index/images/mask8.png);
}
.jjwt{
  padding-bottom: 4rem;
}
.title1{
  font-size: 2.8rem;
  line-height: 4rem;
  font-weight: 600;
  color: #1D2939;
  margin-top: 3.2rem;
}
.title_line1{
  margin-top: 1.2rem;
}
.desc-title{
  font-size: 1.6rem;
  color: #000000;
  font-weight: 600;
}
.desc-content{
  font-size: 1.6rem;
  color: #4B5563;
}
.wt{
  margin-top: 1.2rem;
}
.td-1{
  display: flex;
  line-height: 2.6;
}
.td-img{
  position: absolute;
  bottom: -6rem;
  right: -5rem;
}
.cj{
  font-size: 1.4rem;
  padding: 2rem;
  border-radius: 24px 24px 24px 24px;
  border: 1px solid transparent;
}
.cj:hover{
  background: #F2F6FF;
  box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.08);
  border: 1px solid #D0DCF7;
}
.cj-img{
  text-align: center;
  padding: 2rem;
  line-height: 1;
}
.cj-title{
  font-weight: 600;
  font-size: 2rem;
  color: #000000;
  line-height: 4.2rem;
  text-align: center;
  margin-bottom: 1rem;
}
.cj-desc-1{
  margin-bottom: 8px;
}
.cj-desc-1{
  height: 5.2rem;
}
.cj-desc-1-l{
  font-weight: bold;
color: #000000;
line-height: 2.6rem;
}
.cj-desc-1-r{
color: #475569;
line-height: 2.6rem;
}
.container-sub-name p{
  margin-bottom: 0.8rem;
}
.container-sub-name p:last-child{
  margin-bottom: 0;
}
.container-sub-name_000{
  color: #000000;
}
.gn{
  height: 360px;
  padding: 2rem;
  border-radius: 1.6rem;
  border: 1px solid transparent;
}
.gn:hover{
  background: #F2F6FF;
  box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.08);
  border: 1px solid #D0DCF7;
}
.gn-img{
  text-align: center;
  padding: 2rem;
  line-height: 1;
}
.gn-title{
  text-align: center;
  font-weight: bold;
font-size: 2rem;
line-height: 3rem;
background: linear-gradient(-90deg, #01A2FF 50%, #0848D5 60%);
-webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.gn-desc{
  font-size: 1.4rem;
  color: #4B5563;
  line-height: 2.4rem;
  text-align: center; 
}
.gn-desc p{
  margin-top: 1.2rem;
}
.gn-desc p:last-child{
  margin-top: 0.8rem;
}

#container-part6{
  color: #fff;
}
#container-part6 .container-name,
#container-part6 .container-sub-name{
  color: #fff;
}

.api{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-radius: 1.2rem;
  overflow: hidden !important;
}
.api > div:nth-child(3),
.api > div:nth-child(6),
.api > div:nth-child(9) {
  border-left: 1px solid rgba(212,222,238,0.2);
  border-right: 1px solid rgba(212,222,238,0.2);
}
.api-item1{
  grid-column: span 3;
  text-align: center;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 600;
  padding: 1.2rem 0;
  background: #1A3FB8;
}
.api-item2{
  display: grid;
  grid-template-columns: 25% 75%;
  background: #4E85F0;
}
.api-item2-icon{
text-align: center;
}
.api-item2-icon svg{
  width: 4.2rem;
  height: 4.2rem;
}
.api-item-text_title{
  font-size: 2rem;
  line-height: 4.2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.api-item2-text-content{
  display: grid;
  grid-template-columns: max-content max-content;
  gap:0rem 2rem;
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.api-item3{
  text-align: center;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 600;
  padding: 1.2rem 0;
  background: #1A3FB8;
}
.api-item-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.cpys{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
  border-radius: 1.6rem;
  padding: 5rem 3rem;
}
.jg{
  background: linear-gradient( 180deg, #DBEAFE 0%, #FFFFFF 100%);
  border-radius: 16px ;
  padding: 4rem 3rem;
  display: flex;
  flex-direction: column;
  gap: 2.2rem;
  grid-column: span 3;
}
.jg-img{
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.jg-title{
  width: max-content;
    font-weight: bold;
font-size: 2.2rem;
line-height: 1;
background: linear-gradient(-90deg, #01A2FF, #0848D5);
-webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.jg-desc{
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 1.6rem;
color: #4B5563;
line-height: 2.4rem;
}
.jg-desc-tag{
  display: inline-block;
  text-align: center;
  width: 8rem;
  font-size: 1.6rem;
  line-height: 3.5rem;
  font-weight: 500;
  background: linear-gradient( 0deg, #256CF5 0%, #4E8EF7 100%);
  border-radius: 0.8rem;
  color: #fff;
}

.jg1{
  color: #4B5563;
  font-size: 1.6rem;
  padding: 4.4rem 3rem;
  background: #fff;
  box-shadow: 0px 0.4rem 1.6rem 0px rgba(0,0,0,0.08);
  border-radius: 1.6rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, #FFFFFF 100%);
}
.jg1-title{
  display: flex;
  align-items: center;
  gap: 1rem;
}
.jg1-desc{
  margin-top: 1.2rem;
}
.db{
  display: grid;
  grid-template-columns: 49fr 22fr 49fr;
  border-radius: 1.6rem;
  overflow: hidden !important;
  box-shadow: 0px 0.4rem 1.6rem 0px rgba(0,0,0,0.08);
}
.db-c-1{
  font-weight: bold;
  font-size: 2.2rem;
  color: #475569;
  line-height: 3.2rem;
  background: #EEEEEE;
  padding: 2.4rem;
}
.db-c-2{
  padding: 2.4rem;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  background: #8BBEFF;
}
.db-c-2-title{
  font-size: 2.6rem;
  color: #fff;
  font-weight: 600;
  width: max-content;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.db-c-2-img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}
.db-c-3{
  color: #fff;
  font-size: 2.2rem;
  line-height: 3.2rem;
  font-weight: bold;
  padding: 2.4rem;
  background:url(/static/index/images/cti-bg-2.png),
  linear-gradient( 270deg, #01A2FF 0%, #0848D5 100%);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
.db-r{
  padding-left:3.2rem ;
  padding-right: 3.2rem;
  background: #fff;
}
.db-r-1{
  padding-left:1.6rem ;
  padding-right: 1.6rem;
  text-align: center;
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  background: #fff;
}
.db-r-item{
  height: 11rem;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  line-height: 2.6rem;
  border-bottom: 1px solid #EEEEEE;;
}
.db-r-item-2{
  justify-content: center;
  font-weight: bold;
  font-size: 1.6rem;
  color: #0848D5;
  line-height: 3.2rem;
}
.db-r-item-3{
  font-size: 1.5rem;
  line-height: 2.6rem;
  color: #000;
  font-weight: 600;
}
.anli{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem 2rem;
}
.anli-item .bg img{
  width: 100%;
  height: 100%;
  border-radius: 1.2rem;
}
.anli-item .title{
  font-size: 2rem;
  color: #0848D5;
  margin: 1.5rem 0;
  font-weight: 600;
}
.anli-item .desc{
  font-size: 0.8em;
  color: #4B5563;
  margin: 1.5rem 0;
}
.anli-item .desc-1{
  margin-top: 0.8rem;
  color: #4B5563;
  font-size: 1.4rem;
}
.zc{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem 2rem;
}
.zc-item{
  height: 42rem;
  background: linear-gradient( 0deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.8) 100%);
  box-shadow: 0px 0.8rem 1.6rem 0px rgba(0,0,0,0.08);
  border-radius: 1.6rem;
  padding: 2.4rem;
}
.zc-name{
  font-size: 2rem;
  color: #0848D5;
  line-height: 3.2rem;
  margin: 1.5rem 0;
  font-weight: 600;
}
.zc-content{
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  font-size: 1.5rem;
}
.zc-coontent-1{
  font-size: 1.5rem;
  color: #4B5563;
  line-height: 2.2rem;
  margin: 1.5rem 0;
}
.zc-coontent-1_name{
  color: #000;
  font-weight: 600;
}


@media screen and (max-width: 1200px) {
  .cpys{
    grid-template-columns: repeat(1, 1fr);
    padding: 1rem 1rem;
  }
  .jg{
    padding: 2rem 2rem;
    grid-column: span 1;
  }
  .jg-img, 
  .td-img{
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .td-1{
    flex-direction: column;
  }
  .cj-img svg,
  .gn-img svg{
    width: 6rem;
    height: 6rem;
  }
  .gn{
    height: auto;
  }
  .api-wrap,
  .db-wrap{
    overflow: auto !important;
  }
  .api,
  .db{
    width: 1200px;
  }
  .db{
    grid-template-columns: 49fr 17fr 49fr;
  }
 .jg-desc-tag{
  flex:0 0 auto;
 }
 .anli,
 .zc{
  grid-template-columns: repeat(1, 1fr);
 }
 .anli-item .title{
  font-size: 1.8rem;
 }
}