body {
  background: #FFFFFF;
}
.devise-wrap {
  margin-top: 76px;
}
.top-wrap {
  width: 100%;
  height: 440px;
  background-color: #FAFBFC;
  display: flex;
  justify-content: center;
}
.top-context {
  margin-top: 36px;
  width: 1200px;
  height: 345px;
  text-align: center;
  background: #FAFBFC;
}
.context-top {
  margin-top: 41px;
  margin-left: 56px;
  width: 1200px;
  height: 77px;
  display: flex;
}
.left-png {
  font-size: 120px;
  margin-top: 29px;
  margin-left: 20px;
  height: 120px;
  color: #172B4D;
}
.left-words {
  width: auto;
  margin-left: 32px;
  margin-top: 60px;
  font-size: 24px;
  color: #172B4D;
}
.left-hello {
  width: 210px;
  height: 138px;
  margin-left: 340px;
  margin-top: -10px;
}
.left-hello img{
  width: 210px;
  height: 138px;
}

.left-png img {
  width: 57px;
  height: 161px;
  z-index: 9;
}
.context-center {
  margin-left: 148px;
  width: 846px;
  height: 132px;
  font-size: 94px;
  line-height: 132px;
}
.context-bottom {
  width: 1000px;
  height: 87px;
  display: flex;
  margin-left: 152px;
  
}
.bottom-english {
  width: auto;
  height: 87px;
  text-align: left;
  font-size: 62px;
  line-height: 87px;
  color: #E41D1D;
}
.bottom-png {
  font-size: 120px;
  margin-top: 34px;
  margin-left: 20px;
  height: 120px;
  color: #172B4D;
}

.devise-top-png {
  width: 100%;
  height: 100%;
}

.devise-Wrap {
  height: 156px;
  display: flex;
  justify-content: center;
  background: #FFFFFF;
}
.my-devise {
  width: 1200px;
  height: 156px;
  display: flex;
  justify-content: space-between;
  background: #FFFFFF;
}
.my-devise-item {
  margin-top: 51px;
  text-align: center;
  width:10%;
}
.item-png {
  text-align: center;
  height: 49px;
}
.item-png img {
  height: 49px;
}
.item-title {
  margin-top: 27px;
  text-align: center;
  height: 33px;
  font-size: 24px;
  line-height: 28px;
  color: #253858;
}
.my-offer {
  background: #FFFFFF;
  height: 304px;
  padding-top: 124px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.my-offer-top {
  width: 252px;
  height: 50px;
  font-size: 36px;
  line-height: 42px;
  color: #172B4D;
}
.my-offer-footer {
  width: 1200px;
  height: 53px;
  background: #FFFFFF;
  margin-top: 6px;
  font-size: 18px;
  line-height: 28px;
  color: #42526E;
}
.my-offer-footer .context{
  text-align: center;
}

.my-hover {
  width: 100%;
  height: 624px;
  display: flex;
  justify-content: center;
  background: #091E42; 
}
.my-hover-wrap {
  width: 1200px;
  height: 624px;
  display: flex;
}
.my-hover-left {
  width: 520px;
  height: 624px;
}
.hover-wrap {
  width: 336px;
  height: 321px;
  margin-top: 88px;
  border-top:2px solid #FFFFFF;
}
.hover-left-title {
  margin-top: 16px;
  width: 336px;
  height: 84px;
  font-size: 60px;
  line-height: 60px;
  color: #FFFFFF;
}
.hover-left-num {
  margin-top: 19px;
  width: 336px;
  height: 33px;
  font-size: 24px;
  line-height: 32px;
  color: #FFFFFF;
}
.hover-left-context {
  margin-top: 17px;
  width: 336px;
  height: 67px;
  font-size: 14px;
  line-height: 22px;
  color: #FFFFFF;
}
.my-hover-right {
  width: 920px;
  height: 624px;
  display: flex;
}
.hover-right-item {
  width: 400px;
  height: 624px;
  background: #FAFBFC;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.right-item {
  width: 100%;
  height: 312px;
  background: #091E42;
  display: flex;
}
.right-item-big {
  width: 100%;
  height: 312px;
  background: #091E42;
  display: flex;
}
.big {
  margin-left: 32px;
  margin-top: 32px;
  width: 336px;
  height: 114px;
  color: #FFFFFF;
  background: #172B4D;
}
.a-top {
  width: 224px;
  height: 33px;
  font-size: 24px;
  line-height: 32px;
}
.a-bottom {
  margin-top: 17px;
  width: 335px;
  height: 64px;
  margin-top: 17px;
  font-size: 14px;
  line-height: 22px;
}

.user {
  width: 100%;
  height: 500px;
  background: #172B4D;
  background-image: url('../images/devise/shejishouye/hover/userbig.png');
  background-size: 400px 416px;
}
.user1 {
  width: 100%;
  height: 312px;
  background: #091E42;
  display: flex;
}
.user:hover {
  width: 100%;
  height: 500px;
  background: #172B4D;
  background-image: url('../images/devise/shejishouye/hover/userbig.png');
  background-size: 400px 416px;
  transition: 0.3s all linear;
}

.vision:hover {
  width: 100%;
  height: 500px;
  background: #172B4D;
  background-image: url('../images/devise/shejishouye/hover/visionbig.png');
  background-size: 400px 416px;
  transition: 0.3s all linear;
}
.interactive:hover {
  width: 100%;
  height: 500px;
  background: #172B4D;
  background-image: url('../images/devise/shejishouye/hover/interactivebig.png');
  background-size: 400px 380px;
  transition: 0.3s all linear;
}
.implement:hover {
  width: 100%;
  height: 500px;
  background: #172B4D;
  background-image: url('../images/devise/shejishouye/hover/implementbig.png');
  background-size: 400px 416px;
  transition: 0.3s all linear;
}


.hover-icon {
  margin-top: 105px;
  margin-left: 33px;
  width: 78px;
  height: 79px;
}
.hover-icon img {
  width: 100%;
  height: 100%;
}
.hover-context {
  margin-top: 99px;
  margin-left: 33px;
  width: 224px;
  height: 114px;
}
.hover-context-top {
  width: 224px;
  height: 33px;
  font-size: 24px;
  line-height: 32px;
  color: #FFFFFF;
}
.hover-context-bottom {
  width: 224px;
  height: 64px;
  margin-top: 17px;
  font-size: 14px;
  line-height: 22px;
  color: #FFFFFF;
}


.my-offer-tops {
  width: 324px;
  height: 50px;
  font-size: 36px;
  line-height: 42px;
  color: #172B4D;
}

.my-image-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  background: #FFFFFF;
}
.my-image {
  width: 1200px;
  display: flex;
  justify-content:space-between;
}

.my-image-item {
  width: 33%;
  height: auto;
}

.my-image-item img {
  width: 100%;
  height: auto;
}
.image-title {
  width: 400px;
  height: 50px;
  margin-top: -50px;
  margin-left: 30px;
  display: flex;
}
.image-font {
  margin-left: 8px;
  width: 324px;
  height: 50px;
  font-size: 26px;
  line-height: 26px;
  color: #172B4D;
}
.image-icon {
  width: 28px;
  height: 28px;
}
.image-icon img {
  width: 100%;
  height:100%;
}


.my-standard {
  display: flex;
  justify-content: center;
  background-color: #FFFFFF;
}

.my-standard-item {
  height: 195px;
  width: 420px;
  text-align: center;
}

.standard-image {
  text-align: center;
  height: 64px;
}
.standard-image img {
  height: 64px;
}
.standard-top {
  margin-top: 39px;
  text-align: center;
  height: 33px;
  font-size: 24px;
  line-height: 28px;
  color: #253858;
}
.standard-bottom {
  margin-top: 17px;
  width: 420px;
  text-align: center;
  height: 42px;
  font-size: 14px;
  line-height: 22px;
  color: #42526E;
}

.standard-bottom .context {
  text-align: center;
}

.my-offer-tops-footer {
  width: 396px;
  height: 50px;
  font-size: 36px;
  line-height: 42px;
  color: #172B4D;
}

.my-logo {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #FFFFFF;
}

.my-logo-top {
  width: 1200px;
  height: 80px;
  display: flex;
  justify-content: center;
}

.my-logo-footer {
  width: 1200px;
  height: 80px;
  margin-top: 32px;
  display: flex;
  justify-content: center;
}

.my-logo-item {
  width: 214px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 32px;
  background: #FFFFFF;
  box-shadow: 0px 2px 12px #D7DBDF;
  border-radius: 3px;
}

.logo {
  width: 150px;
  height: auto;
}

.logo-item {
  height: 50px;
}

.my-talk {
  background: #FFFFFF;
  height: 102px;
  margin-top: 133px;
  display: flex;
  justify-content: center;
}
.my-talk-title {
  width: 432px;
  height: 50px;
  font-size: 36px;
  line-height: 42px;
  color: #172B4D;
}

.my-cooperation {
  width: 100%;
  display: flex;
  justify-content: center;
  background: #FFFFFF;
  height: 400px;
}

.my-cooperation-content {
  width: 1200px;
  display: flex;
  justify-content: center;
}

.my-cooperation-left {
  width: 588px;
  height: 336px;
  margin-left: 24px;
  background: #FAFBFC;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;

}

.my-cooperation-right {
  width: 588px;
  height: 336px;
  margin-left: 24px;
  background: #253858;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cooperation-img {
  margin-top: 64px;
  width: 64px;
  height: 64px;
}
.cooperation-img img{
  width: 100%;
  height: 100%;
}
.cooperation-title {
  margin-top: 39px;
  width: auto;
  height: 33px;
  font-size: 24px;
  line-height: 32px;
  color: #172B4D;
}
.cooperation-number {
  margin-top: 7px;
  width: auto;
  height: 33px;
  font-size: 24px;
  line-height: 32px;
  color: #172B4D;
}
.cooperation-address {
  margin-top: 9px;
  width: auto;
  height: 22px;
  font-size: 16px;
  line-height: 24px;
  color: #5E6C84;
}

.my-cooperation-right .right {
  color: #FFFFFF;
}