.devise_resources-wrap {
  margin-top: 76px;
  /* background-image: url('../images/devise/devise_resources/userbig.png'); */
}
.imgs {
  width: 100%;
  height: 100%;
}
.devise_resources {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 744px;
  background: #F7F7F7;
}
.resources {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.devise_resources-left {
  /* overflow: hidden; */
  margin-top: -150px;
  margin-left: -150px;
  width: 462px;
  height: 462px;
  border: 80px solid rgba(0, 82, 204, 0.10196078431372549);
  border-radius: 50%;
}
.devise_resources-center {
  margin-top: -408px;
  width: 1440px;
  height: 476px;
  display: flex;
  justify-content: space-between;
}
.devise_resources-right {
  margin-top: -200px;
  margin-right: -200px;
  width: 769px;
  height: 769px;
  background: #0052CC;
  border-radius: 50%;
}
.center-left {
  width: 346px;
  height: 476px;
}
.resources-img {
  margin-left: 50px;
  width: 180px;
  height: 94px;
}
.center-right {
  margin-top: 12px;
  margin-left: 136px;
  width: 757px;
  height: 476px;
}
.resources-content {
  margin-top: 66px;
  width: 1200px;
  height: auto;
  display: flex;
}
.resources-content1 {
  margin-top: 4px;
  width: 7px;
  height: 37px;
  background: #0052CC;
  border-radius: 3px;
}
.resources-content2 {
  margin-left: 19px;
  width: 320px;
  height: 108px;
  font-size: 40px;
  /* font-family: Source Han Sans CN; */
  font-weight: 500;
  line-height: 45px;
  color: #000000;
}

.integrate-wrap {
  background: #FFFFFF;
  width: 100%;
  height: 186px;
  display: flex;
  justify-content: center;
} 
.integrate {
  width: 1200px;
  border-bottom: 1px solid #C1C7D0;
}
.integrate-left {
  margin-top: 96PX;
  width: 684px;
  height: 56px;
  font-size: 40px;
  font-weight: 600;
  line-height: 42px;
  color: #172B4D;
}
.integrate-content {
  width: 291px;
  text-align: center;
  height: 22px;
  font-size: 16px;
  line-height: 36px;
  color: #172B4D;
}

.project-wrap {
  width: 100%;
  height: 650px;
  display: flex;
  justify-content: center;
  background: #FFFFFF;
}
.project {
  margin-top: 43px;
  width: 1200px;
  height: 535px;
}
.resources-title {
  width: 100%;
  height: 40px;
  font-size: 28px;
  font-weight:bold;
  line-height: 36px;
  color: #172B4D;
}

.project-title1 {
  margin-top: 8px;
}
.project-title2 {
  margin-top: 80px;
}
.project-content {
  margin-top: 16px;
}
.project-circular {
  margin-top: 53px;
  width: 1200px;
  height: 180px;
  display: flex;
  justify-content: space-between;
}
.circular {
  width: 180px;
  height: 180px;
  background: #EBECF0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #172B4D;
  border-radius: 50%;
}
.circular1 {
  width: 48px;
  height: 105px;
}
.circular2 {
  width: 48px;
  height: 69px;
}
.circular3 {
  width: 96px;
  height: 105px;
  text-align: center;
}



.demand-wrap {
  width: 100%;
  height: 956px;
  display: flex;
  justify-content: center;
  background: #FFFFFF;
}
.demand {
  width: 1200px;
  height: 956px;
}
.demand-content1 {
  margin-top: 16px;
}
.demand-content2 {
  margin-top: 7px;
}
.demand-content3 {
  margin-top: 21px;
}
.demand-image {
  width: 1200px;
  height: 750px;
  display: flex;
  justify-content: center;
}
.image-wrap {
  width: 740px;
  height: 254px;
}
.image-top {
  margin-top: 94px;

}
.image-bottom {
  margin-top: 70px;
}
.image {
  width: 740px;
  height: 254px;
  display: flex;
  justify-content: space-between;
  
}
.top1,.bottom1 {
  width: 354px;
  height: 254px;
  background: #F4F5F7;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.portrait {
  margin-top: -35px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.HR {
  margin-top: 5px;
  width: 80px;
  height: 30px;
  font-size: 22px;
  color: #172B4D;
}
.age {
  width: 70px;
  height: 22px;
  font-size: 16px;
  line-height: 36px;
  color: #6B778C;
}
.con {
  width: 314px;
  height: 60px;
  display: flex;
}
.con1 {
  margin-top: 21px;
}
.con2 {
  margin-top: 10px;
}
.con-left {
  width: 48px;
  height: 22px;
  font-size: 16px;
  line-height: 18px;
  color: #172B4D;
}
.con-right {
  margin-left: 25px;
  text-align: left;
  width: 238px;
  height: 60px;
  font-size: 14px;
  color: #42526E;
}



.frame-wrap {
  width: 100%;
  height: 848px;
  display: flex;
  justify-content: center;
  background: #FAFBFC;
}
.frame {
  width: 1200px;
  height: 848px;
}
.frame-title {
  margin-top: 44px;
  height: 40px;
  font-size: 28px;
  color: #172B4D;
}
.frame-img {
  margin-top: 37px;
  width: 1200px;
  height: 634px;
}

.role-wrap {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  background: #FAFBFC;
}
.role {
  width: 1200px;
  height: auto;
}
.role-img {
  margin-top: 12px;
  width: 1200px;
  display: flex;
  justify-content: center;
  height: auto;
  
}
.role1 {
  width: 826px;
  height: 500px;
}

.experience-wrap {
  width: 100%;
  height: 660px;
  display: flex;
  justify-content: center;
  background: #FAFBFC;
}
.experience {
  margin-top: 43px;
  width: 1200px;
  height: 660px;
}
.circular-two {
  margin-top: 104px;
}
.circular-two-1 {
  background: #DFE1E6;
}
.circular-two-2 {
  background: #FFFAE6;
}
.circular-two-3 {
  background: #FFEBE6;
}
.circular-two-4 {
  background: #DEEBFF;
}
.circular-two-5 {
  background: #E6FCFF;
}
.circular11{
  width: 99px;
  height: 69px;
  text-align: center;
}
.circular22{
  width: 99px;
  height: 69px;
  text-align: center;
}
.circular33{
  width: 96px;
  height: 69px;
  text-align: center;
}
.circular44{
  width: 96px;
  height: 69px;
  text-align: center;
}
.circular55{
  width: 96px;
  height: 69px;
  text-align: center;
}

.vision-wrap {
  width: 100%;
  height: 1000px;
  display: flex;
  justify-content: center;
  background: #FAFBFC;
}
.vision {
  width: 1200px;
  height: 951px;
}
.vision-title {
  width: 500px;
  height: 118px;
}
.vision-top {
  margin-top: 82px;
  display: flex;
}
.vision-left {
  width: 72px;
  height: 72px;
}
.vision-right {
  margin-top: 14px;
  margin-left: 20px;
  width: 200px;
  height: 58px;
  font-size: 40px;
  font-weight: 500;
  color: #000000;
}
.vision-bottom {
  margin-left:92px;
  width: 215px;
  height: 46px;
  font-size: 32px;
  font-weight: 800;
  color: #DDDDDD;
}
.vision-img {
  margin-top: 52px;
  width: 1200px;
  height: 760px;
}

.next-title {
  width: 100%;
  height: 197px;
  display: flex;
  background: #FFFFFF;
}
.next-wrap {
  width: 100%;
  height: 64px;
  margin-top: 133px;
  display: flex;
  justify-content: center;
  background: #EBECF0;
}
.next {
  width: 1200px;
  display: flex;
  align-items: center;
}
.next-context {
  height: 22px;
  font-size: 16px;
  line-height: 16px;
  color: #172B4D;
}