.bnr {
  padding: 70px 0 80px;
  text-align: center;
  color: #fff;
  background: url(/resource/images/company/ub-company-bg-head.webp) no-repeat center / cover;
}
.bnr h1 {
  margin-bottom: 10px;
}
.notSupportWebp .bnr {
  background-image: url(/resource/images/company/ub-company-bg-head.jpg);
}
@media (max-width: 767px) {
  .bnr h1 {
    font-size: 40px;
  }
  .bnr .des {
    font-size: 12px;
  }
}
.who {
  padding: 160px 0;
}
.who-cnt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.who .txt {
  max-width: 660px;
}
.who .txt h2 {
  margin-bottom: 32px;
}
.who .txt p {
  line-height: 2;
}
.who .txt p:not(:last-child) {
  margin-bottom: 40px;
}
@media (max-width: 1200px) and (min-width: 992px) {
  .who .txt {
    padding-left: 20px;
  }
}
@media (max-width: 991px) {
  .who {
    padding: 65px 0 80px;
  }
  .who-cnt {
    flex-direction: column-reverse;
    text-align: center;
  }
  .who-cnt .txt {
    margin-bottom: 30px;
  }
}
.back {
  background: #f8f9fa;
  padding: 120px 0;
}
.back-cnt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.back-lf {
  max-width: 550px;
}
.back-lf h2 {
  margin-bottom: 30px;
}
.back-lf p {
  line-height: 2;
}
.back-rt {
  width: 700px;
  display: flex;
  align-items: flex-start;
}
.back-rt h5 {
  margin: 8px 0 4px;
}
.back-rt p {
  min-height: 42px;
  margin-bottom: 12px;
}
.back .ls {
  width: 50%;
  padding: 0 2.85%;
}
.back .ls:first-child {
  padding-top: 40px;
}
.back .ls li {
  text-align: center;
  padding: 40px 25px;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
  border-radius: 24px 24px 24px 24px;
  border: 1px solid #e6e8e9;
  background: #fff;
}
.back .ls li:not(:last-child) {
  margin-bottom: 40px;
}
@media (max-width: 1200px) and (min-width: 1024px) {
  .back-cnt .back-lf {
    max-width: 450px;
  }
}
@media (max-width: 1023px) {
  .back-cnt {
    flex-direction: column;
  }
  .back-lf {
    max-width: 80%;
    text-align: center;
    margin-bottom: 30px;
  }
  .back .ls:first-child {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .back {
    padding: 75px 0 65px;
  }
  .back-rt {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .back .ls {
    width: 85%;
    max-width: 700px;
    padding: 0;
  }
  .back .ls li {
    margin: 0 0 16px !important;
  }
}
.strength {
  padding: 155px 0 160px;
  text-align: center;
  background: url(/resource/images/company/ub-company-bg-our.webp) no-repeat center / cover;
  color: #fff;
}
.strength h2 {
  margin-bottom: 70px;
}
.strength .ls {
  display: flex;
  justify-content: space-between;
}
.strength .ls li {
  width: 308px;
  padding: 40px 25px;
  background: #101b32;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.302);
  border-radius: 24px;
}
.strength .ls img {
  margin-bottom: 20px;
}
.notSupportWebp .strength {
  background-image: url(/resource/images/company/ub-company-bg-our.jpg);
}
@media (max-width: 1300px) {
  .strength .ls li {
    margin: 0 10px;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .strength .ls {
    flex-wrap: wrap;
  }
  .strength .ls li {
    width: calc(50% - 20px);
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .strength {
    padding: 75px 0 65px;
  }
  .strength h2 {
    margin-bottom: 35px;
  }
  .strength .ls {
    flex-direction: column;
    align-items: center;
  }
  .strength .ls li {
    width: 100%;
    max-width: 580px;
    margin: 0 0 16px;
  }
}
.recogn {
  padding: 150px 0 185px;
  text-align: center;
  background: #f8f9fa;
}
.recogn h2 {
  margin-bottom: 75px;
}
.recogn .scroll-x {
  max-width: 1100px;
  margin: 80px auto 0;
  overflow: hidden;
  position: relative;
}
.recogn .scroll-x::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background: linear-gradient(90deg, #f8f9fa 2%, transparent 5%, transparent 95%, #f8f9fa 100%);
}
.recogn .scroll-logo .item {
  float: left;
  height: 60px;
  width: 1690px;
  background: url(/resource/images/company/ub-company-sprite.webp) no-repeat -5px -30px;
}
.recogn .slick-dots li {
  margin: 0 8px;
}
.base-slick .logo-ls li {
  background: url(/resource/images/company/ub-company-sprite.webp) no-repeat;
}
.base-slick .logo-ls .ic-logo1 {
  width: 130px;
  background-position: -440px -208px;
}
.base-slick .logo-ls .ic-logo1.active {
  background-position-x: -6px;
}
.base-slick .logo-ls .ic-logo2 {
  width: 147px;
  background-position: -565px -208px;
}
.base-slick .logo-ls .ic-logo2.active {
  background-position-x: -131px;
}
.base-slick .logo-ls .ic-logo3 {
  width: 164px;
  background-position: -712px -208px;
}
.base-slick .logo-ls .ic-logo3.active {
  background-position-x: -278px;
}
.notSupportWebp .base-slick .logo-ls li {
  background-image: url(/resource/images/company/ub-company-sprite.png);
}
.notSupportWebp .recogn .scroll-logo .item {
  background-image: url(/resource/images/company/ub-company-sprite.png);
}
@media (min-width: 2048px) {
  .recogn .scroll-logo .item {
    background-image: url(/resource/images/company/ub-company-sprite@2x.png);
    background-size: 1700px 558px;
  }
}
@media (max-width: 991px) {
  .recogn {
    padding: 75px 0 80px;
  }
  .recogn h2 {
    margin-bottom: 25px;
  }
}
.join {
  padding: 195px 0 160px;
  color: #fff;
}
.join-cnt {
  border-radius: 60px 26px 60px 26px;
  background: linear-gradient(135deg, transparent 35px, #0d1a36 0) top left, linear-gradient(-45deg, transparent 35px, #0d1a36 0) bottom right;
  background-size: 50% 100%;
  background-repeat: no-repeat;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.05));
  padding: 70px 70px 80px;
  position: relative;
}
.join-cnt .txt {
  max-width: 690px;
}
.join-cnt h2 {
  margin-bottom: 15px;
}
.join-cnt p {
  margin-bottom: 40px;
}
.join-cnt .btn-bl {
  min-width: 200px;
  height: 64px;
  line-height: 64px;
  font-size: 18px;
  font-weight: 700;
}
.join-cnt img {
  position: absolute;
  bottom: 0;
  right: 140px;
}
@media (max-width: 1280px) {
  .join-cnt .txt {
    max-width: calc(100% - 360px);
  }
  .join-cnt img {
    right: 0;
  }
}
@media (max-width: 991px) {
  .join {
    padding: 80px 0;
  }
}
@media (max-width: 767px) {
  .join {
    background: #0d1a36;
    text-align: center;
    padding-bottom: 0;
  }
  .join-cnt {
    background: none;
    padding: 0;
  }
  .join-cnt .txt {
    width: 100%;
    max-width: 600px;
    text-align: center;
    margin-bottom: 60px;
  }
  .join-cnt img {
    position: relative;
    bottom: -5px;
  }
}
.contact {
  background: url(/resource/images/company/ub-company-bg-leave.webp) no-repeat center / cover;
  padding: 160px 0;
  text-align: center;
  color: #fff;
}
.contact .panel {
  padding: 75px 10px;
  background: rgba(1, 6, 15, 0.3);
  border-radius: 60px 40px 60px 40px;
  clip-path: polygon(50px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%, 0% 50px);
  backdrop-filter: blur(15px);
}
.contact .sub-tt {
  margin: 10px auto 70px;
  max-width: 860px;
}
.contact-ls {
  display: flex;
  justify-content: space-around;
}
.contact-ls .item h5 {
  margin: 32px 0 8px;
}
.notSupportWebp .contact {
  background: url(/resource/images/company/ub-company-bg-leave.jpg) no-repeat center / cover;
}
@media (max-width: 767px) {
  .contact {
    padding: 40px 0;
  }
  .contact .panel {
    padding: 40px 10px;
  }
  .contact .sub-tt {
    margin-bottom: 40px;
  }
  .contact-ls {
    flex-direction: column;
  }
  .contact-ls .item:not(:last-child) {
    margin-bottom: 40px;
  }
}
.guarantee {
  background: #101b32;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.302);
  border-radius: 24px;
  padding: 42px 0;
  display: flex;
}
.guarantee .item {
  width: 25%;
  padding-left: 4%;
  display: flex;
  align-items: center;
  text-align: left;
}
.guarantee .item .txt {
  padding-left: 16px;
}
.guarantee i {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(/resource/images/icon/ub-all-sprite@2x.png) no-repeat;
  background-size: 1400px 872px;
}
.guarantee i.ic-1 {
  background-position: -20px -200px;
}
.guarantee i.ic-2 {
  background-position: -80px -200px;
}
.guarantee i.ic-3 {
  background-position: -140px -200px;
}
.guarantee i.ic-4 {
  background-position: -200px -200px;
}
[lang="it"] h1,
[lang="fr"] h1,
[lang="de"] h1 {
  font-size: 6rem;
}
[lang="it"] .strength h5,
[lang="fr"] .strength h5,
[lang="de"] .strength h5 {
  font-size: 1.5rem;
}