.top_center li a{
  color: #fff;
}
.fags{
  color: #1D2939;
  text-align: center;
  font-size: 1.8rem;
  line-height: 3.2rem;
}
.fags_1{
  width: max-content;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.2rem;
}
.fags_icon{
  margin-right: 0.6rem;
  vertical-align: text-top;
}
.jcs{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}
.jcs-item{
  /* height: 28rem; */
  background: linear-gradient( 180deg, #D5E9FF 0%, #D6E8FF 16.69%, #FFFFFF 100%);
  box-shadow: 0px 0.4rem 1.6rem 0px rgba(0, 0, 0, 0.08);
  border-radius: 2.4rem;
  padding: 2.4rem 2rem;
  cursor: default;
}

.jcs-item-block1 {
  display: flex;
  align-items: center;
  column-gap: 1.2rem;
  font-size: 2rem;
  color:#000;
  padding: 0 2rem;
  font-weight: 600;
  margin-bottom: 2.4rem;
}
.jcs-item-block1 .icon{
  display: none;
}
.jcs-item-block1 svg path:first-child{
  fill:url(#paint0_linear_445_8832);
}
.jcs-item-block1 svg path:last-child{
  fill:url(#paint1_linear_445_8832);
}

.jcs-item-block3{
  height: 13rem;
  padding: 1.5rem;
  background: #FFFFFF;
  border-radius: 1.6rem;
  font-size: 1.3rem;
}
.jcs-item-block3-1{
  font-weight: bold;
  font-size: 2rem;
  color: #0848D5;
  text-align: center;
}
.jcs-item-block3-2{
  margin:0.8rem 0;
  color: #475569;
}
.jcs-item-block3-3{
  color: #475569;
  font-weight: 600;
}
.jcs-item:hover{
 background: linear-gradient( 180deg, #379BFF 0%, #2383FF 16.69%, #FFFFFF 100%);
}
.jcs-item:hover .jcs-item-block1,
.jcs-item:hover .jcs-item-block2{
  color:#fff;
}
.jcs-item:hover .jcs-item-block1 svg path:first-child{
  fill:url(#paint0_linear_429_7431)
}
.jcs-item:hover .jcs-item-block1 svg path:last-child{
  fill:url(#paint1_linear_429_7431)
}
.mask9{
  background: url(/static/index/images/mask9.png) no-repeat;
  background-size: 100%;
}
.mask10{
  background: url(/static/index/images/mask10.png) no-repeat,linear-gradient(45deg,#F7FAFE 0%, #F7FAFE 50%, #D6E8FF 100%);
  background-size: 100%;
  background-position: bottom;
}
.ys-1{
  display: flex;
  align-items: center;
}

.bg2{
  background: linear-gradient( -180deg, #E7F0FE 0%, #FFFFFF 100%);
}
.ys-1_name{
  font-size: 2.8rem;
  line-height: 4rem;
  color: #000; 
}
.ys-1_desc{
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #4B5563;
}
.ys-1_desc-bold{
  color: #000;
}
.ys-1_desc p{
  margin-bottom: 1.2rem;
}
.ys-1_desc p:last-of-type{
  margin-bottom: 0rem;
}
.ys-sub-name_1{
  text-align: center;
}
.ys-sub-name_2{
  text-align: center;
  color: 1.6rem;
  color: #4B5563;
}
.ys-2-desc{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}
.ys-2-desc-item{
  padding: 2rem 2rem;
  background: #FFFFFF;
  box-shadow: 0px 0.4rem 1.3rem 0px rgba(0,0,0,0.08);
  border-radius: 0.8rem;
}
.ys-2-svg{
  line-height: 1;
}
.ys-2-desc-item_name-1{
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 1;
  color: #0848D5; 
  margin: 2rem 0;
}
.ys-2-desc-item_name-2{
  display: flex;
  align-items: center;
  column-gap: 1.2rem;
  color: #000;
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 600;
}
.ys-2-desc-item_content-1{
  height: 7rem;
  padding: 0 1.2rem;
  color: #424752;
  font-size: 1.4rem;
  line-height: 2.2rem;
}
.ys-2-desc-item_content-2{
  height: 5.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #3E4853;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding:0 2rem;
  background: #F3F3F6;
  border-radius: 4px 4px 4px 4px;
}
.ys-2-desc-item_content-2 svg{
  vertical-align: text-top;
  margin-right: 0.2rem;
}
.ys-2-tips{
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #4B5563;
  text-align: center;
}
.ys-2-tips-bold{
  color: #000;
}
.ys-3-desc{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}
.ys-3-item{
  padding: 2rem 2rem;
  background: linear-gradient( 180deg, #FFFFFF 0%, rgba(255,255,255,0.2) 100%);
  border-radius: 1.6rem;
  border: 1px solid #C2C6D4;
}
.ys-3-item-name{
  font-weight: bold;
  font-size: 2.2rem;
  color: #0848D5;
  display: flex;
  align-items: center;
  column-gap: 1rem;
  margin-bottom: 1.6rem;
}
.ys-3-content{
  font-size: 1.4rem;
  color: #4B5563;
}
.ys-3-content-1{
  height: 6rem;
  margin-bottom: 1.6rem;
}
.ys-3-content-2{
  height: 4rem;
}
.ys-3-content-bold{
  color: #000;
}
.ys-3-img{ 
  margin-top: 1.6rem;
}
.ys-3-img img{
  border-radius: 1.6rem;
}
.ys-4{
  padding: 10rem 0;
}
.ys-4-desc{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}
.ys-4-item{
  padding: 2rem 2rem;
  background: linear-gradient( 180deg, rgba(255,255,255,0.6) 0%, #FFFFFF 100%);
  box-shadow: 0px 0.4rem 1.6rem 0px rgba(0,0,0,0.08);
  border-radius: 1.6rem;
  border: 1px solid #C2C6D4;
}
.ys-4-name{
  font-size: 2rem;
  font-weight: 600;
  color: #1551D7;
  text-align: center;
}
.ys-4-content{
  font-size: 1.4rem;
  color: #424752;
  text-align: center;
  margin-top: 1.6rem;
}
.mask11{
  background: url(/static/index/images/mask11.png) no-repeat;
  background-size: 100%;
}
.ys-5-desc{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
.ys-5-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  column-gap: 1.2rem;
}
.ys-5-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8rem;
  height: 8rem;
  background: #1451D7;
  border-radius: 8rem;
  border: 4px solid #fff;
  position: relative;
}
.arrow-line{
  position: absolute;
  top: 50%;
  left: calc(100% + 5px);
  transform: translateY(-50%);
  height: 0px;
  border-bottom: 4px dashed #92B0E8;
  
}
.arrow-line::after{
  content: "";
  position: absolute;
  left:100%;
  top: -10px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 16px solid #92B0E8;
}
.ys-5-name{
  font-size: 2rem;
  font-weight: 600;
  color: #0848D5;
  margin-top: 2.4rem;
  margin-bottom: 1.6rem;
}
.ys-5-content{
  font-size: 1.4rem;
  color: #000;
  align-items: center;
  text-align: center;
}
.hzfs{
  display: flex;
}
.hzfs-1{
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: 1.6rem;
}
.hzfs-1-item{
  height: 4.5rem;
  /* max-height: 4.5rem; */
  overflow: hidden !important;
  transition: max-height 0s;
}
.hzfs-2{
  flex: 0 0 auto;
}
.hzfs-1-1{
  font-size: 3.2rem;
  color: #4B5563;
  padding-left: 3.2rem;
  border-left: 3px solid #D9D9D9;
}

.hzfs-1-title{
    width: max-content;
    font-weight: bold;
    font-size: 3.2rem;
}
.hzfs-1-item.active{
  height: auto;
  overflow: visible !important;
  border-image: linear-gradient(to bottom, #0848D5, #5A8CFF) 1;
  /* max-height: 180px; 
  transition: max-height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); */
}

.hzfs-1-item.active .hzfs-1-title{
   background: linear-gradient(-90deg, #01A2FF 50%, #0848D5 60%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 2.4rem;
}

.hzfs-1-2_2{
  font-weight: 400;
  font-size: 1.8rem;
  color: #424752;
  line-height: 2.6rem;
  margin-bottom: 1.6rem;
}
.hzfs-1-2_3{
font-weight: 600;
font-size: 1.6rem;
color: #000000;
line-height: 2.4rem;
cursor: pointer;
}
.hzfs-1-2_3 span{
  margin-left: 0.6rem;
}
.hzfs-1-2_3 img{
  width: 1.2rem;
  vertical-align: middle;
}
.xx{
  display: flex;
}
.xx-1, .xx-3{
  flex: 1;
  overflow: hidden !important;
  border-radius: 2.4rem;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
}
.xx-2{
  width: 11rem;
  flex: 0 0 auto;
}

.xx-3{
  flex: 1;
}
.xx-row-1{
  height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 2.4rem;
  color: #475569;
  background: #B7DAFF;
}
.xx-row-2{
  height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  font-size: 2.4rem;
  color: #fff;
  background: #B7DAFF;
  background: url(/static/index/images/cti-bg-2.png);
}
.xx2-row-1{
  height: 8rem;
}
.xx-row-wrap{
  padding: 0 3.2rem;
}
.xx-row-wrap-img{
  padding: 0 0;
}
.xx-row-td{
  display: flex;
  align-items: center;
  height: 11rem;
  border-bottom: 1px solid #eee;
}
.xx-row-td-1{
  height: 11rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xx-row-td p{
  width: 25rem;
  margin: 0 auto;
}
.xx-row-td:nth-last-child(1){
  border-bottom: 0;
}
.xx-3 .xx-row-td{
  color: #000;
}
.mask12{
  background: url(/static/index/images/mask12.png) no-repeat;
  background-size: 100%;
}
.ctijs{
  height: 30rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}
.special-title{
  font-size: 3.2rem;
  font-weight: 600;
  color: #000;
  text-align: center;
}
.special-btn{
  display: block;
  font-size: 1.6rem;
  color: #0848D5;
  padding:1rem 2.4rem;
  text-align: center;
  margin-top: 2.4rem;
  font-weight: 600;
  border: 2px solid #0848D5;
  background:#DBE8FD;
  border-radius: 2.4rem;
}
.special-btn:hover{
  color: #0848D5 !important;
}
.special-btn-img{
  width: 1.4rem;
  vertical-align: middle;
  margin-left: 1rem;
}
@media screen and (max-width: 768px){
  .jcs,
  .ys-2-desc,
  .ys-3-desc,
  .ys-4-desc,
  .ys-5-desc{
    grid-template-columns: 1fr;
  }
  .ys-1,
  .hzfs{
    flex-direction: column;
  }
  .mask9,
  .mask11,
  .mask12{
    background-size: cover ;
  }
  .ys-1_name{
    font-size: 2.4rem;
  }
  .xx-row-1{
    font-size: 2rem;
  }
  .xx-row-td{
    font-size: 1.4rem;
  }
  .xx-2{
    width: 5rem;
  }
  .jcs-item-block3{
    height: auto;
  }
  .special-title{
    font-size: 2.4rem;
  }
}