.devise_disk-wrap {
  margin-top: 76px;
}
.imgs {
  width: 100%;
  height: 100%;
}
.devise_disk-header {
  width: 100%;
  height: 744px;
  display: flex;
  justify-content: center;
  background-image: url('../images/devise/devise_disk/disk-back.png');
  background-size: 100% 744px;
}
.disk {
  width: 100%;
  height: 744px;
  display: flex;
  justify-content: space-between;
}
.disk-left {
  margin-top: 179px;
  margin-left: 13%;
  width: 308px;
  height: 246px;
}
.disk2 {
  margin-top: 31px;
  width: 308px;
  height: 108px;
  font-size: 77px;
  font-weight: 500;
  line-height: 108px;
  color: #172B4D;
}
.disk3 {
  margin-top: 5px;
  width: 218px;
  height: 58px;
  font-size: 40px;
  font-weight: 500;
  line-height: 58px;
  color: #172B4D;
}
.disk1 {
  width: 175px;
  height: 43px;
}
.disk-right {
  margin-left: -200px;
  width: 885px;
  height: 744px;
  background-image: url('../images/devise/devise_disk/disk-right.png');
  background-size: 885px 744px;
}



.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: auto;
  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: 600px;
  display: flex;
  justify-content: center;
  background: #FFFFFF;
}
.project {
  width: 1200px;
  height: 600px;
  /* background:#C8C8C8; */
}
.disk-font1 {
  margin-top: 8px;
  width: auto;
  height: 50px;
  font-size: 42px;
  font-weight: 800;
  line-height: 50px;
  color: #172B4D;
  opacity: 0.08;
}
.disk-font2 {
  margin-top:-26px;
  width: auto;
  height: 40px;
  display: flex;
}
.font-num {
  font-size: 28px;
  line-height: 28px;
  color: #172B4D;
  color: #fff;
  text-shadow: #172B4D 0px 2px,
               #172B4D 2px 0px,
               #172B4D -2px 0px,
               #172B4D 0px -2px,
               #172B4D -1.4px -1.4px,
               #172B4D 1.4px 1.4px,
               #172B4D 1.4px -1.4px,
               #172B4D -1.4px 1.4px;
}
.font-span {
  margin-left: 14px;
  height: 40px;
  font-size: 28px;
  line-height: 28px;
  color: #172B4D;
}
.disk-font3 {
  margin-top:16px;
  width: 1200px;
  height: 46px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #42526E;
}
.english {
  margin-top: 104px;
}
.disk-div {
  margin-top: 46px;
  width: 1200px;
  display: flex;
  justify-content: space-between;
}
.div-font {
  width: 196px;
  height: 78px;
  text-align: center;
  background: #02A5FB;
  opacity: 1;
  border-radius: 5px;
  font-size: 24px;
  font-weight: 400;
  line-height: 78px;
  color: #FFFFFF;
}


.demand-wrap {
  width: 100%;
  height: 722px;
  display: flex;
  justify-content: center;
  background: #F8FDFF;
}
.demand {
  width: 1200px;
  height: 722px;
}
.demand-img {
  margin-top: 41px;
  width: 1200px;
  height: 472px;
}
.min-font {
  margin-top: 51px;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #97A0AF;
}



.frame-wrap {
  width: 100%;
  height: 672px;
  display: flex;
  justify-content: center;
  background: #FAFBFC;
}
.frame {
  width: 1200px;
  height: 672px;
}
.frame-font {
  width: 1200px;
  height: 62px;
  display: flex;
  justify-content: center;
}
.frame-font1 {
  margin-top: 51px;
  text-align: center;
  width: 419px;
  height: 62px;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #42526E;
}
.frame-img {
  margin-top: 100px;
  width: 1200px;
  height: 295px;
  display: flex;
  justify-content: space-between;
}
.img-one {
  width: 295px;
  height: 295px;
}


.role-wrap {
  width: 100%;
  height: 905px;
  display: flex;
  justify-content: center;
  background: #FAFBFC;
}
.role {
  width: 1200px;
  height: 905px;
}
.role-img {
  margin-top: 86px;
  width: 1200px;
  height: auto;
  display: flex;
  justify-content: center;
}
.zuzhi {
  width: 876px;
  height: 597px;
}

.experience-wrap {
  width: 100%;
  height: 651px;
  display: flex;
  justify-content: center;
  background: #FAFBFC;
  background-image: url('../images/devise/devise_disk/back1.png');
  background-repeat:no-repeat;
  background-size: 70% 316px;
  background-position-y:335px;
}
.experience {
  width: 1200px;
  height: 651px;
}
.experience-img {
 margin-top: 69px;
 margin-left: 20px;
 width: 1180;
 display: flex;
 justify-content: space-between;
}
.experience-img1 {
  width: 531px;
  height: 378px;
 }


.vision-wrap {
  width: 100%;
  height: 558px;
  display: flex;
  justify-content: center;
  background: #FAFBFC;
  background-image: url('../images/devise/devise_disk/back2.png');
  background-repeat:no-repeat;
  background-size: 100% 316px;
  background-position-x:450px;
  background-position-y:150px;
}
.vision {
  width: 1200px;
  height: 558px;
}

.result-wrap {
  width: 100%;
  height: 520px;
  display: flex;
  justify-content: center;
  background: #FAFBFC;
  background-image: url('../images/devise/devise_disk/back3.png');
  background-repeat:no-repeat;
  background-size: 70% 316px;
  background-position-y:150px;
}
.result {
  width: 1200px;
  height: 520px;
}

.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;
}