.top-nav .homepage-nav-line {
  width: 80px;
  left: 720.5px;
}
.top-nav ul li:nth-child(5) a {
  color: #2e7aff;
}
.top-nav ul li:nth-child(5) .arrow {
  border-color: #2e7aff;
}
.top-nav ul li:nth-child(1):hover ~ .homepage-nav-line {
  width: 64px;
  left: 222.5px;
}
.aboutus-dropdown .aboutus-lists a:nth-child(1) .aboutus-list {
  background-image: url("../images/homepage/aboutus-active.png");
}
.aboutus-dropdown .aboutus-lists a:nth-child(1) .aboutus-list div p:nth-child(1) {
  color: #ffffff;
}
.aboutus-dropdown .aboutus-lists a:nth-child(1) .aboutus-list div p:nth-child(2) {
  color: #ffffff;
}
.aboutus-dropdown .aboutus-lists a:nth-child(1) .aboutus-list img:nth-child(2) {
  display: none;
}
.aboutus-dropdown .aboutus-lists a:nth-child(1) .aboutus-list img:nth-child(3) {
  display: block;
}
.company-profile {
  padding: 65px 0px 87px 0px;
}
.company-profile .company-profile-message {
  margin: 62px 0px 3px 0px;
  align-items: center;
}
.company-profile .company-profile-message div {
  margin-right: 72px;
}
.company-profile .company-profile-message div p {
  font-weight: 400;
  font-size: 16px;
  color: #30374a;
  line-height: 34px;
  letter-spacing: 2px;
}
.company-profile .company-profile-message div p:nth-child(1) {
  margin-bottom: 30px;
}
.corporate-culture {
  width: 100%;
  height: 804px;
  background: linear-gradient(180deg, #165bfe 0%, #5ea8fd 100%);
  background-image: url("../images/about-us/corporate-culture.jpg");
  background-position: center;
  background-size: cover;
}
.corporate-culture .innovation-cooperation {
  overflow: hidden;
}
.corporate-culture .innovation-cooperation .culture {
  text-align: center;
  margin: 80px 0px 20px;
  font-weight: bold;
  font-size: 42px;
  color: #ffffff;
}
.corporate-culture .innovation-cooperation .integrity {
  text-align: center;
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 129px;
}
.corporate-culture .innovation-cooperation .professional-focus {
  justify-content: space-between;
}
.corporate-culture .innovation-cooperation .professional-focus li:nth-child(1) {
  width: 408px;
  height: 59px;
  padding: 19px 20px;
  margin-left: 72px;
  background-image: url("../images/about-us/corporate-culture1.png");
  background-position: center;
  background-size: cover;
}
.corporate-culture .innovation-cooperation .professional-focus li:nth-child(2) {
  width: 408px;
  height: 59px;
  padding: 19px 20px;
  margin-right: 72px;
  background-image: url("../images/about-us/corporate-culture2.png");
  background-position: center;
  background-size: cover;
}
.corporate-culture .innovation-cooperation .professional-focus li:nth-child(2) div {
  margin-left: 106px;
}
.corporate-culture .innovation-cooperation .professional-focus li div:nth-child(1) {
  font-weight: bold;
  font-size: 20px;
  color: #2e7aff;
  line-height: 28px;
  margin-bottom: 8px;
}
.corporate-culture .innovation-cooperation .professional-focus li div:nth-child(2) {
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  line-height: 20px;
}
.corporate-culture .innovation-cooperation .innovation-creation {
  margin-top: 60px;
  justify-content: space-between;
}
.corporate-culture .innovation-cooperation .innovation-creation li:nth-child(1) {
  width: 352px;
  height: 77px;
  padding: 0px 20px;
  padding-top: 59px;
  background-image: url("../images/about-us/corporate-culture3.png");
  background-position: center;
  background-size: cover;
}
.corporate-culture .innovation-cooperation .innovation-creation li:nth-child(2) {
  width: 352px;
  height: 77px;
  padding: 0px 20px;
  padding-top: 59px;
  background-image: url("../images/about-us/corporate-culture4.png");
  background-position: center;
  background-size: cover;
}
.corporate-culture .innovation-cooperation .innovation-creation li:nth-child(2) div {
  margin-left: 113px;
}
.corporate-culture .innovation-cooperation .innovation-creation li div:nth-child(1) {
  font-weight: bold;
  font-size: 20px;
  color: #2e7aff;
  line-height: 28px;
  margin-bottom: 7px;
}
.corporate-culture .innovation-cooperation .innovation-creation li div:nth-child(2) {
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  line-height: 20px;
}
.development-process {
  padding: 165px 0px 135px 0px;
  height: 709px;
}
.development-process .development-top-lists {
  margin-top: 102px;
  column-gap: 80px;
}
.development-process .development-top-lists li {
  position: relative;
  z-index: 0;
  width: 220px;
  height: 212px;
  background-image: url(../images/about-us/develop-history-down.png);
  background-position: center;
  background-size: cover;
  transition: all 0.4s ease;
}
.development-process .development-top-lists li .backdrop {
  position: absolute;
  top: 0px;
  left: 8px;
  width: 208px;
  height: 71px;
  z-index: 1;
  background: linear-gradient(180deg, #d1e3ff 0%, rgba(209, 227, 255, 0) 100%);
  border-radius: 6px 6px 0px 0px;
}
.development-process .development-top-lists li div {
  transition: all 0.4s;
}
.development-process .development-top-lists li div:nth-child(2) {
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: -22px;
  left: 50%;
  margin-left: -22px;
  z-index: 10;
  background-image: url(../images/about-us/develop-history-number.png);
  background-position: center;
  background-size: cover;
}
.development-process .development-top-lists li div:nth-child(3) {
  font-weight: bold;
  font-size: 24px;
  color: #30374a;
  line-height: 33px;
  position: absolute;
  top: 33px;
  left: 50%;
  margin-left: -29px;
  z-index: 10;
}
.development-process .development-top-lists li p {
  margin: 24px auto;
  width: 120px;
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  line-height: 24px;
  text-align: center;
  margin-top: 95px;
}
.development-process .development-top-lists li .develop-note-img {
  transition: all 0.4s;
}
.development-process .development-top-lists li .develop-note-img img:nth-child(1),
.development-process .development-top-lists li .develop-note-img img:nth-child(2) {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}
.development-process .development-top-lists li .develop-note-img img:nth-child(1) {
  display: block;
}
.development-process .development-top-lists li .develop-note-img img:nth-child(2) {
  display: none;
}
.development-process .development-top-lists li:hover {
  margin-top: -20px;
}
.development-process .development-top-lists li:hover div:nth-child(2) {
  left: 46px;
}
.development-process .development-top-lists li:hover div:nth-child(3) {
  left: 46px;
}
.development-process .development-top-lists li:hover .develop-note-img img:nth-child(1) {
  display: none;
}
.development-process .development-top-lists li:hover .develop-note-img img:nth-child(2) {
  display: block;
}
.development-process .develop-circle {
  width: 1212px;
  height: 1px;
  padding: 0px 43.9px 0px 25px;
  background-color: #ddedff;
  margin: 69px auto;
  justify-content: space-between;
}
.development-process .develop-circle li {
  position: relative;
  top: -6px;
  width: 10px;
  height: 10px;
  background: #2e7aff;
  border: 1px solid #ddedff;
  border-radius: 50%;
}
.development-process .develop-circle li:nth-child(1) .line,
.development-process .develop-circle li:nth-child(3) .line,
.development-process .develop-circle li:nth-child(5) .line,
.development-process .develop-circle li:nth-child(7) .line,
.development-process .develop-circle li:nth-child(9) .line {
  position: absolute;
  top: -120px;
  left: 4.55px;
  z-index: -1;
  width: 0px;
  height: 120px;
  border: 1px solid #ddedff;
}
.development-process .develop-circle li:nth-child(2) .line,
.development-process .develop-circle li:nth-child(4) .line,
.development-process .develop-circle li:nth-child(6) .line,
.development-process .develop-circle li:nth-child(8) .line {
  position: absolute;
  top: 0px;
  left: 4.55px;
  z-index: -1;
  width: 0px;
  height: 120px;
  border: 1px solid #ddedff;
}
.development-process .development-bottom-lists {
  margin-left: 30px;
  column-gap: 80px;
}
.development-process .development-bottom-lists li {
  position: relative;
  z-index: 0;
  width: 220px;
  height: 212px;
  background-image: url(../images/about-us/develop-history-up.png);
  background-position: center;
  background-size: cover;
  transition: all 0.4s;
}
.development-process .development-bottom-lists li .backdrop {
  position: absolute;
  bottom: 0px;
  left: 8px;
  z-index: 1;
  width: 205px;
  height: 71px;
  background: linear-gradient(0deg, #d1e3ff 0%, rgba(209, 227, 255, 0) 100%);
  border-radius: 0px 0px 6px 6px;
}
.development-process .development-bottom-lists li div {
  transition: all 0.4s;
}
.development-process .development-bottom-lists li div:nth-child(2) {
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  bottom: -22px;
  left: 50%;
  margin-left: -22px;
  z-index: 10;
  background-image: url(../images/about-us/develop-history-number.png);
  background-position: center;
  background-size: cover;
}
.development-process .development-bottom-lists li div:nth-child(3) {
  font-weight: bold;
  font-size: 24px;
  color: #30374a;
  line-height: 33px;
  position: absolute;
  bottom: 33px;
  left: 50%;
  margin-left: -29px;
  z-index: 10;
}
.development-process .development-bottom-lists li p {
  margin: 24px auto;
  width: 120px;
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  line-height: 24px;
  text-align: center;
  margin-top: 80px;
}
.development-process .development-bottom-lists li .develop-note-img {
  transition: all 0.4s;
}
.development-process .development-bottom-lists li .develop-note-img img:nth-child(1),
.development-process .development-bottom-lists li .develop-note-img img:nth-child(2) {
  position: absolute;
  bottom: 10px;
  right: 15px;
  z-index: 10;
}
.development-process .development-bottom-lists li .develop-note-img img:nth-child(1) {
  display: block;
}
.development-process .development-bottom-lists li .develop-note-img img:nth-child(2) {
  display: none;
}
.development-process .development-bottom-lists li:hover {
  margin-top: 20px;
}
.development-process .development-bottom-lists li:hover div:nth-child(2) {
  left: 46px;
}
.development-process .development-bottom-lists li:hover div:nth-child(3) {
  left: 46px;
}
.development-process .development-bottom-lists li:hover .develop-note-img img:nth-child(1) {
  display: none;
}
.development-process .development-bottom-lists li:hover .develop-note-img img:nth-child(2) {
  display: block;
}
.company-honors {
  padding: 70px 0px 45px 0px;
  background-color: #f4f9ff;
  text-align: center;
}
.company-honors .road-glory {
  font-weight: bold;
  font-size: 18px;
  color: #555555;
  margin: 38px 0px 48px 0px;
}
.company-honors .certificate-lists {
  width: 100%;
  height: 346px;
  margin-top: 40px;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  position: relative;
}
.company-honors .certificate-lists .certificate {
  position: absolute;
  left: 0;
  column-gap: 30px;
}
.company-honors .certificate-lists .certificate li div:nth-child(1) {
  width: 208px;
  height: 268px;
  padding: 16px;
  background: linear-gradient(180deg, #d1e3ff 0%, #ffffff 100%);
  box-shadow: 10px 10px 20px 1px rgba(45, 105, 210, 0.08);
  border-radius: 6px 6px 6px 6px;
  border: 2px solid #ffffff;
}
.company-honors .certificate-lists .certificate li div:nth-child(1) img {
  width: 208px;
  height: 268px;
}
.company-honors .certificate-lists .certificate li div:nth-child(2) {
  font-weight: 400;
  font-size: 16px;
  color: #30374a;
  line-height: 22px;
  text-align: center;
  margin-top: 20px;
}
.team-architecture {
  padding: 100px 0px;
}
.team-architecture .home-title {
  margin-bottom: 60px;
}
.team-architecture img {
  width: 1440px;
  height: 764px;
}