.banner{
  width: 100%;
}
.banner img{
  width: 100%;
}
.introduce,.thinking,.framework,.advantage{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* .introduce{
  
} */
.introduce p{
  width: 62.3%;
  font-size: 16rem;
  text-indent: 2em;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #555555;
  line-height: 30rem;
  margin-bottom: 84rem;
}

.thinking{
  background: #F1F4F9;
}
.thinking_content{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 14rem;
  margin-bottom: 72rem;
}
.thinking_content img{
  width: 510rem;
  height: 258rem;
}
.thinking_txt{
  width: 62%;
  text-indent: 2em;
  font-size: 16rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #555555;
  line-height: 30rem;
  margin-bottom: 94rem;
}
.framework{
  padding-bottom: 100rem;
}
.framework_box{
  width: 1200rem;
  border: 16rem solid #E6EBF3;
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  padding-top: 110rem;
  padding-bottom: 105rem;
}

.framework_box img{
  width: 84.6%;
}

.advantage{
  background: #F1F4F9;
  padding-bottom: 52rem;
}
.advantage_cards{
  width: 1220rem;
  display: flex;
  justify-content: center;
}
.advantage_card{
  height: 280rem;
  width: 31.6%;
  margin-left: 0.82%;
  margin-right: 0.82%;
  background-color: #fff;
  margin-bottom: 40rem;
  box-shadow: 0rem 1rem 16rem 0rem rgba(170,170,170,0.2000);
  border-radius: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.advantage_card img{
  width: 72rem;
  margin-top: 15rem;
}
.advantage_card h3{
  font-size: 24rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222222;
  line-height: 24rem;
  margin-top: 16rem;
}
.advantage_card:hover{
  box-shadow: 0rem 1rem 16rem 0rem rgba(0,88,235,0.4000);
}
.advantage_card:hover h3{
  color: #2073FD;
}
.advantage_card div{
  width: 100%;
  height: 140rem;
  margin-top: auto;
  font-size: 16rem;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #555555;
  line-height: 24rem;
  padding-top: 24rem;
  padding-left: 9%;
  padding-right: 9%;
  border-radius: 0rem 0rem 10rem 10rem;
}
.advantage_card p{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.advantage_card:hover div{
  background: #2073FD;
  color: #FFFFFF;
}
.question{
  width: 42rem;
  height: 42rem;
  background: #2073FD;
  border-radius: 8rem;
  font-size: 38rem;
  font-family: Alibaba PuHuiTi;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 42rem;
  text-align: center;
}
.title_box{
  width: 100%;
  height: 44rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.title_box_txt{
  margin-right: 1%;
  font-size: 40rem;
  font-family: Alibaba PuHuiTi;
  font-weight: 500;
  color: #222222;
  line-height: 44rem;
}
.text_box{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.text_box h3{
  font-size: 22rem;
  font-family: Alibaba PuHuiTi;
  font-weight: 400;
  color: #2073FD;
  line-height: 36rem;
  margin-left: 1.87%;
  margin-right: 1.87%;
}
.text_box_left,.text_box_right{
  width: 26rem;
  height: 13rem;
  background: linear-gradient(90deg, rgba(25,137,247,0) 0%, #1972F7 92%);
  opacity: 0.84;
  border-radius: 50%;
}
.text_box_right{
  background: linear-gradient(90deg, rgba(25,114,247,0.8100) 19%, rgba(25,137,247,0) 100%);
}
.forGovernment{
  display: flex;
  flex-direction: column;
  /* align-items: center; */
}
.forG_box{
  width: 100%;
  height: 342rem;
  display: flex;
  justify-content: center;
}
.forG_boxImg{
  width: 440rem;
  height: 342rem;
}
.forG_icons{
  height: 100%;
  width: 732rem;
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
}
.forG_icon{
  height: 50%;
  width: 134rem;
  height: 50%;
  margin-left: 7.5%;
  margin-right: 7.5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.forG_icon img{
  width: 78rem;
}
.forG_icon span{
  font-size: 16rem;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #222222;
  line-height: 16rem;
  margin-top: 20rem;
}
.forWork{
  display: flex;
  
}
.forWorker_tit{
  display: flex;
  margin: auto;
  height: 56rem;
  width: 1200rem;
  margin-top: 59rem;
  background: linear-gradient(90deg, #4977FC 0%, #238BFF 100%);
}
.forW_tit1,.forW_tit2{
  font-size: 22rem;
  font-family: Alibaba PuHuiTi;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  line-height: 56rem;
}
.forW_tit1{
  width: 289rem;
  border-right: 2rem solid #fff;
}
.forW_tit2{
  width: 909rem;
}
.forWorker_content{
  width: 1200rem;
  margin: auto;
  display: flex;
}
.forW_c_nav{
  list-style: none;
}
.forW_c_lis{
  width: 280rem;
  height: 56rem;
  background: #FFFFFF;
  border: 1rem solid #DADCE7;
  border-radius: 4rem;
  margin-top: 36rem;
  font-size: 22rem;
  font-family: Alibaba PuHuiTi;
  font-weight: 400;
  color: #2073FD;
  line-height: 56rem;
  text-align: center;
}
.forW_c_lis:hover{
  background: #2073FD;
  color: #fff;
  box-shadow: 0rem 2rem 10rem 0rem rgba(26,74,251,0.3300);
}
.forW_c_lis_hover{
  background: #2073FD;
  color: #fff;
  box-shadow: 0rem 2rem 10rem 0rem rgba(26,74,251,0.3300);
}
.forW_c_cards{
  width: 903rem;
  height: 520rem;
  margin-top: 36rem;
  margin-left: 20rem;
  background: #FFFFFF;
  border: 1rem solid #DADCE7;
}
.fw_card{
  width: 870rem;
  height: 100%;
  margin: auto;
  padding-top: 20rem;
  animation:show50 1s;
  display: none;
}
.fw_card_txt{
  text-indent: 2em;
  font-size: 16rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #555555;
  line-height: 30rem;
}
.fw_card span{
  position: relative;
  font-size: 14rem;
  line-height: 14rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #555555;
  vertical-align: top;
}
/* .forPeople{

} */

.forPeople_box{
  width: 100%;
  /* 待改 */
  height: 500rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.forP_part{
  width: 351rem;
  display: flex;
  flex-direction: column;
  /* margin: auto; */
  /* justify-content: center; */
  /* align-items: center; */
}
.forp_btns{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -7rem;
}
.forp_btn{
  margin-top: 32rem;
  width: 103rem;
  height: 40rem;
  border-radius: 6rem;
  font-size: 16rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 40rem;
  text-align: center;
  white-space:nowrap;
}
.btn1{
  margin-left: 7rem;
  margin-right: 7rem;
  border: 1rem solid #FE4444;
  color: #FE4444;
}
.btn2{
  margin-left: 7rem;
  margin-right: 7rem;
  border: 1rem solid #FE8A0D;
  color: #FE8A0D;
}
.btn3{
  margin-left: 9rem;
  margin-right: 9rem;
  border: 1rem solid #2073FD;
  color: #2073FD;
}
.forp_part_title{
  font-size: 26rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #222222;
  line-height: 26rem;
  margin-bottom: 30rem;
}
.forp_part_title2{
  margin-bottom: 39rem;
  margin-left: 9rem;
}
.forp_part_txt{
  font-size: 16rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #555555;
  line-height: 30rem;
}