.compliance {
  padding-top: 4.375vw;
  padding-bottom: 4.1667vw;
}
.compliance .show {
  display: flex !important;
  align-items: center;
}

.compliance .complianceTheme {
  color: #231815;
  font-size: 4.1667vw;
  font-style: normal;
  line-height: 150%;
  text-transform: capitalize;
  padding: 0 0 2.0833vw;
}

.compliance .compliance-banner {
  position: relative;
  max-width: 100% !important;
}

.compliance .compliance-banner img {
  width: 100%;
  height: 33.0208vw;
  object-fit: cover;
}

.compliance .compliance-banner .banner-text {
  width: 100%;
  max-width: 75vw;
  position: absolute;
  left: 13%;
  top: 50%;
  transform: translate(0, -50%);
  color: #fff;
  font-size: 1.6667vw;
  font-style: normal;
  line-height: 150%;
  text-transform: capitalize;
  font-family: 'Montserrat-SemiBold' !important;
}

.compliance .crumbs {
  padding-bottom: 2.0833vw;
}

.compliance .publicMenu .publicMenu-tab .publicactive-tab-hover.active {
  color: #3a66fb;
  border-bottom: 0.0521vw solid #3a66fb;
}

.compliance .publicMenu .publicMenu-tab a {
  text-transform: capitalize;
}

.compliance .publicMenu .publicMenu-tab a:hover {
  color: #3a66fb;
}

.compliance .publicMenu .publicMenu-tab .publicactive-tab-hover::after {
  background-color: #3a66fb;
}

/* Compliance Statement */
.compliance .statement {
  padding-top: 3.9063vw;
  display: flex;
  gap: 3.125vw;
}

.compliance .statement .statement-left {
  padding-top: 4.4271vw;
}

.compliance .statement .statement-left h2 {
  color: #231815;
  font-size: 3.125vw;
  font-style: normal;
  line-height: 150%;
  padding-bottom: 4.1667vw;
  text-transform: capitalize;
}

.compliance .statement .statement-left p {
  color: #231815;
  font-size: 1.0417vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 30.9375vw;
}

.compliance .statement img {
  width: 25vw;
  aspect-ratio: 24 / 29;
  align-self: flex-end;
}

/* core Concept start */
.compliance .coreConcept {
  padding-top: 6.25vw;
}
.compliance .coreConcept h2 {
  color: #231815;
  font-family: 'Montserrat-SemiBold' !important;
  font-size: 3.125vw;
  font-style: normal;
  line-height: 150%;
  text-transform: capitalize;
}

.core-concept-image {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.core-concept-image .bg-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.core-text-item {
  position: absolute;
  pointer-events: none;
  color: #231815;
  font-family: Montserrat;
  font-size: 0.9375vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.core-center {
  color: #fff;
  text-align: center;
  font-family: 'Montserrat-SemiBold' !important;
  font-size: 1.875vw;
  font-style: normal;
  line-height: 150%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.core-top-right {
  top: 5.5729vw;
  left: 43.8542vw;
  width: 11.7708vw;
}

.core-right {
  top: 20.6771vw;
  left: 56.5104vw;
  width: 9.6354vw;
}

.core-bottom {
  top: 34.375vw;
  left: 44.2708vw;
  width: 12.2917vw;
}

.core-left {
  top: 28.0208vw;
  left: 11.1458vw;
  width: 7.9167vw;
}

.core-top-left {
  top: 13.0208vw;
  left: 6.4583vw;
  width: 12.9167vw;
}
.core-concept-desc {
  text-align: center;
  color: #231815;
  font-family: Montserrat;
  font-size: 1.0417vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

/* core Concept end */

.compliance .commitments {
  padding-top: 6.25vw;
}

.compliance .commitments h2 {
  color: #231815;
  font-size: 3.125vw;
  line-height: 150%;
  width: 51.0417vw;
  margin-bottom: 2.0833vw;
  text-transform: capitalize;
}

/* Commitments */
.compliance .commitments .commitments-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.compliance .commitments .commitments-list .commitments-item {
  height: 20vw;
  width: 20%;
  outline: 0.0521vw solid #9fa0a0;
  background: #fff;
  padding: 3.125vw 1.25vw 2.0833vw;
}

.compliance .commitments .commitments-list .commitments-item .iconfont {
  font-size: 5vw;
  text-align: center;
  display: block;
  line-height: 5vw;
  color: #3a66fb;
}

.compliance .commitments .commitments-list .commitments-item .commitments-item-num {
  color: #231815;
  font-size: 1.25vw;
  line-height: 150%;
  padding: 2.9167vw 0 0.7292vw;
  font-family: 'Montserrat-SemiBold' !important;
}

.compliance .commitments .commitments-list .commitments-item .commitments-item-title {
  color: #9fa0a0;
  font-size: 0.8333vw;
  font-weight: 400;
  line-height: 150%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

/* Compliance Management Programs  */
.compliance .management {
  margin-top: 6.25vw;
  position: relative;
  background: rgba(35, 24, 21, 0.5);
  height: 45.8333vw;
}

.compliance .management .management-imglist {
  position: relative; /* 堆叠容器 */
  overflow: hidden; /* 防溢出 */
  width: 100%;
  height: 100%;
}

.compliance .management .management-imglist img {
  position: absolute;
  inset: 0; /* top/right/bottom/left:0 */
  width: 100%;
  height: 100%;
  object-fit: cover; /* 铺满 + 裁剪 */
  opacity: 0;
  transition: opacity 0.8s;
}

.compliance .management .management-imglist img.active {
  opacity: 1;
}

.compliance .management .management-box {
  background: rgba(35, 24, 21, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.compliance .management .management-box .management-content {
  display: flex;
  padding: 6.5104vw 0;
  gap: 7.8125vw;
}

.compliance .management .management-box .management-content h2 {
  color: #fff;
  font-size: 3.125vw;
  line-height: 150%;
  width: 23.4375vw;
  text-transform: capitalize;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.compliance .management .management-box .management-content .management-content-list {
  margin-bottom: 0;
  flex: 1;
}

.compliance .management .management-box .management-content .management-content-list .management-content-item {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.0521vw solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.3);
  font-size: 1.6667vw;
  line-height: 150%;
  padding: 1.25vw 0;
  font-family: 'Montserrat-SemiBold' !important;
  cursor: pointer;
}

.compliance .management .management-box .management-content .management-content-list .management-content-item:first-of-type {
  padding-top: 0;
}

.compliance .management .management-box .management-content .management-content-list .management-content-item.active {
  color: #fff;
}

.compliance .management .management-box .management-content .management-content-list .management-content-item .iconfont {
  font-size: 1.6667vw;
}

.compliance .modal-dialog {
  max-width: 62.5vw;
}

.compliance .modal-box {
  border-radius: 1.25vw;
}

.compliance .modal-header {
  border-bottom: none;
  padding: 0.7813vw 1.25vw 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.compliance .modal-header .close {
  cursor: pointer;
}

.compliance .modal-header .close .iconfont {
  font-size: 0.9375vw;
  font-weight: unset;
}

.compliance .modal-body {
  padding: 2.0833vw 4.1667vw 4.1667vw;
  text-align: left;
  color: #231815;
  display: flex;
  gap: 2.0833vw;
}

.compliance .modal-body .modal-left img {
  width: 16.6667vw;
  height: 29.5833vw;
  object-fit: cover;
}

.compliance .modal-body .modal-left .modal-more {
  margin-top: 1.9792vw;
  border-radius: 1.5625vw;
  border: 0.0521vw solid #231815;
  display: inline-flex;
  height: 2.1875vw;
  padding: 0vw 0.4167vw 0vw 1.25vw;
  justify-content: center;
  align-items: center;
  gap: 0.4167vw;
}

.compliance .modal-body .modal-left .modal-more:hover {
  background: #3a66fb;
  border: 0.0521vw solid #3a66fb;
}

.compliance .modal-body .modal-left .modal-more p {
  line-height: 150%;
  color: #000;
  font-size: 0.8333vw;
  text-transform: capitalize;
  font-family: 'Montserrat-SemiBold' !important;
}

.compliance .modal-body .modal-left .modal-more:hover p {
  color: #fff;
}

.compliance .modal-body .modal-left .modal-more .iconfont {
  background: #3a66fb;
  color: #fff;
  font-size: 1.25vw;
  width: 1.25vw;
  height: 1.25vw;
  border-radius: 50%;
  overflow: hidden;
  line-height: 1.25vw;
}

.compliance .modal-body .modal-left .modal-more:hover .iconfont {
  background: #fff;
  color: #3a66fb;
}

.compliance .modal-body .modal-right .modal-title {
  color: #231815;
  font-size: 1.25vw;
  font-style: normal;
  line-height: 150%;
  text-transform: capitalize;
  margin-bottom: 0.8333vw;
}

.compliance .modal-body .modal-right .modal-text {
  color: #231815;
  font-size: 0.8333vw;
  font-weight: 400;
  line-height: 150%;
}

.compliance .modal-body .modal-right .modal-box h3 {
  color: #231815;
  font-size: 1.25vw;
  font-style: normal;
  line-height: 150%;
  text-transform: capitalize;
  margin: 2.0833vw 0 0.8333vw;
}

.compliance .modal-body .modal-right .modal-box .modal-list {
  padding-left: 0.625vw;
}

.compliance .modal-body .modal-right .modal-box .modal-list .modal-item {
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  counter-increment: list-counter;
  position: relative;
  padding-left: 0.625vw;
}

.compliance .modal-body .modal-right .modal-box .modal-list .modal-item::before {
  content: '·';
  position: absolute;
  color: #231815;
  left: 0;
  font-weight: bold;
}
/* new start */
.compliance .modal-body .modal-right .modal-title-new {
  color: #231815;
  font-family: 'Montserrat-SemiBold' !important;
  font-size: 1.25vw;
  font-style: normal;
  line-height: 150%;
  text-transform: capitalize;
}
.compliance .modal-body .modal-right .modal-subhead {
  color: #231815;
  font-family: 'Montserrat-SemiBold' !important;
  font-size: 0.9375vw;
  font-style: normal;
  line-height: 150%;
  text-transform: capitalize;
  margin: 0.8333vw 0;
}
.compliance .modal-body .modal-right .modal-box-new .modal-list-new {
  font-size: 0.8333vw;
}
.compliance .modal-body .modal-right .modal-list-item-new {
  color: #231815;
  font-family: Montserrat;
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  align-self: stretch;
  margin-bottom: 1.25vw;
}
.compliance .modal-body .modal-download-btn {
  display: flex;
  padding: 0.4167vw 0.8333vw;
  justify-content: center;
  align-items: center;
  border-radius: 1.25vw;
  border: 1px solid #231815;
  width: 8.0208vw;
  cursor: pointer;
  margin-top: 2.0833vw;
}
.compliance .modal-body .modal-download-btn:hover {
  background-color: #3a66fb;
  border: 1px solid #3a66fb;
}
.compliance .modal-body .modal-download-text {
  color: #231815;
  text-align: center;
  font-family: 'Montserrat-SemiBold' !important;
  font-size: 0.8333vw;
  font-style: normal;
  line-height: 150%;
  width: 4.6875vw;
}
.compliance .modal-body .modal-download-btn:hover .modal-download-text {
  color: #fff;
}
.compliance .modal-body .modal-icon-box {
  width: 1.25vw;
  height: 1.25vw;
  border-radius: 50%;
  background-color: #3a66fb;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.4167vw;
}
.compliance .modal-body .modal-download-btn:hover .modal-icon-box {
  background-color: #fff;
}
.compliance .modal-body .custom-icon-download {
  font-size: 1.25vw;
  color: #fff;
}
.compliance .modal-body .modal-download-btn:hover .custom-icon-download {
  color: #3a66fb;
}
/* new end */
/* Certifications and Honors Intro */
.compliance .certifications {
  padding-top: 6.25vw;
  overflow: hidden;
}

.compliance .certifications .certifications-h2 {
  color: #231815;
  font-size: 3.125vw;
  font-style: normal;
  line-height: 150%;
  margin-bottom: 2.0833vw;
  text-transform: capitalize;
}

.compliance .certifications .certifications-p {
  color: #231815;
  font-size: 0.8333vw;
  line-height: 150%;
  text-transform: capitalize;
}

.compliance .certifications .certifications-swiper {
  padding: 2.0833vw 0;
}

.compliance .certifications .certifications-swiper .swiper-box {
  position: relative;
}

.compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide {
  display: flex;
  width: auto;
}

.compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-item {
  width: 15.3125vw;
  height: 18.2292vw;
  background: #fafafa;
  padding: 1.25vw;
}

.compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-item .swiper-item-img {
  width: 12.8125vw;
  height: 5.2083vw;
  border-radius: 0.4167vw;
  border: 0.0521vw solid #e5be8a;
  overflow: hidden;
}

.compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-item .yellow {
  border: 0.0521vw solid #e5be8a;
}

.compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-item .blue {
  border: 0.0521vw solid #8ae3e5;
}

.compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-item .swiper-item-img img {
  width: 100%;
  height: 100%;
}

.compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-item .swiper-item-time {
  width: 6.25vw;
  height: 6.25vw;
  margin: 0.8333vw auto 0.9375vw;
  background: rgb(35 24 21 / 10%);
  border-radius: 50%;
  display: flex;
  align-items: center;
}

.compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-item .swiper-item-time .swiper-item-time-p {
  width: 5.4167vw;
  height: 5.4167vw;
  background: #fff;
  border-radius: 50%;
  margin: 0.4167vw;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

.compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-item .swiper-item-time .swiper-item-time-p .swiper-item-time-p-h3 {
  color: #231815;
  font-size: 1.25vw;
  line-height: 150%;
  width: 100%;
}

.compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-item .swiper-item-time .swiper-item-time-p .swiper-item-time-p-h5 {
  color: #231815;
  font-size: 0.7292vw;
  line-height: 150%;
  font-weight: 400;
  width: 100%;
}

.compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-item .swiper-item-p {
  color: #231815;
  text-align: center;
  font-size: 0.8333vw;
  line-height: 150%;
}

.compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-slide-img {
  margin: 0 0.8333vw;
}

.swiper-button {
  height: 3.3333vw;
  display: flex;
  justify-content: center;
  gap: 2.0833vw;
  margin-top: 2.0833vw;
}

.swiper-button .swiper-button-next,
.swiper-button .swiper-button-prev {
  border-radius: 50%;
  position: unset !important;
  background: #fafafa;
  width: 3.3333vw;
  height: 3.3333vw;
  color: #231815;
  margin-top: 0;
}

.swiper-button .swiper-button-next:after,
.swiper-button .swiper-button-prev:after {
  font-size: 1.0417vw;
  font-weight: bold;
}

/* Your Voice Matters */
.compliance .speakUpGateway {
  padding-top: 6.25vw;
}

.compliance .speakUpGateway h2 {
  color: #231815;
  font-size: 3.125vw;
  font-style: normal;
  line-height: 150%;
  margin-bottom: 2.0833vw;
  text-transform: capitalize;
}

.compliance .speakUpGateway .speakUpGateway-p {
  color: #231815;
  font-size: 0.8333vw;
  line-height: 150%;
  margin-bottom: 2.0833vw;
}

.compliance .speakUpGateway .speakUpGateway-list {
  display: flex;
  gap: 1.25vw;
  flex-wrap: wrap;
}

.compliance .speakUpGateway .speakUpGateway-list .speakUpGateway-item {
  width: calc(50% - 0.625vw);
  height: 15.7292vw;
  background: #fafafa;
  padding: 2.5vw;
  text-align: center;
  color: #231815;
  padding-bottom: 1.25vw;
}

.compliance .speakUpGateway .speakUpGateway-list .speakUpGateway-item .iconfont {
  font-size: 3.3333vw;
  line-height: 3.3333vw;
}

.compliance .speakUpGateway .speakUpGateway-list .speakUpGateway-item .speakUpGateway-item-title {
  margin: 1.25vw 0 2.0833vw;
  font-size: 1.25vw;
  text-transform: capitalize;
  line-height: 150%;
  font-family: 'Montserrat-SemiBold' !important;
}

.compliance .speakUpGateway .speakUpGateway-list .speakUpGateway-item .speakUpGateway-item-text {
  font-size: 0.8333vw;
  line-height: 150%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  text-transform: capitalize;
  -webkit-box-orient: vertical;
}

/* Additional Resources */
.compliance .download .download-box {
  padding-top: 6.25vw;
}

.compliance .download .download-box-top {
  padding-top: 0;
  padding-bottom: 2.0833vw;
  border: none;
}

.compliance .download .download-box .download-box-content .download-list {
  margin-top: 0;
  gap: 1.25vw;
}

.compliance .download .download-box .download-box-content .download-list .download-item {
  flex: unset;
  width: calc(50% - 0.625vw);
  margin-right: 0;
  margin-bottom: 0;
}

.compliance .download .download-box .download-box-content .download-list .download-item:hover {
  background: #3a66fb;
}

.compliance .download .container .view-more {
  margin-bottom: 0;
  margin-top: 2.0833vw;
}

/* What's New */
.compliance .whatsNew {
  padding-top: 6.25vw;
}

.compliance .whatsNew h2 {
  color: #231815;
  font-size: 3.125vw;
  font-style: normal;
  line-height: 150%;
  padding-bottom: 2.0833vw;
  text-transform: capitalize;
}

.compliance .whatsNew .whatsNew-list {
  display: flex;
  gap: 1.25vw;
  margin-bottom: 2.0833vw;
}

.compliance .whatsNew .whatsNew-list .whatsNew-item {
  background: #fafafa;
  color: #231815;
  padding: 1.25vw;
  height: 23.5417vw;
  width: calc((100% - 2 * 1.25vw) / 3);
}

.compliance .whatsNew .whatsNew-list .whatsNew-item:hover,
.compliance .whatsNew .whatsNew-list .whatsNew-item:hover .title {
  background: #3a66fb;
  color: #fff;
}

.compliance .whatsNew .whatsNew-list .whatsNew-item .img-box {
  overflow: hidden;
  width: 100%;
  max-width: 21.6667vw;
  height: 12.1875vw;
  cursor: pointer;
}

.compliance .whatsNew .whatsNew-list .whatsNew-item img {
  max-width: 21.6667vw;
  height: 12.1875vw;
  width: 100%;
  transition: transform 0.3s ease;
}

.compliance .whatsNew .whatsNew-list .whatsNew-item:hover img {
  transform: scale(1.1);
}

.compliance .whatsNew .whatsNew-list .whatsNew-item .date {
  font-size: 0.7292vw;
  line-height: 150%;
  padding: 1.25vw 0 0.8333vw;
}

.compliance .whatsNew .whatsNew-list .whatsNew-item .title {
  font-size: 1.25vw;
  line-height: 150%;
  font-family: 'Montserrat-SemiBold' !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  cursor: pointer;
}

.compliance .whatsNew .public-btn-view-all .btn-box {
  width: 7.8125vw;
  height: 2.0833vw;
  padding: 0;
}

@media screen and (max-width: 1440px) {
  .compliance .statement {
    padding-top: 4.1667vw;
    position: relative;
  }

  /* .compliance .compliance-banner .banner-text {
		left: 5.5556vw;
	} */

  .compliance .crumbs {
    padding-bottom: 5.5556vw;
  }

  .compliance .statement .statement-left {
    width: 45.6944vw;
    padding-top: 1.3889vw;
    height: 40.2778vw;
    z-index: 10;
  }

  .compliance .statement .statement-left p {
    padding-right: 5.5556vw;
  }

  .compliance .statement img {
    position: absolute;
    right: 0;
    width: 33.3333vw;
    height: 40.2778vw;
    z-index: 1;
  }

  .compliance .commitments .commitments-list .commitments-item {
    padding: 2.7778vw 1.6667vw 3.3333vw;
    height: 27.0833vw;
  }

  .compliance .commitments .commitments-list .commitments-item .commitments-item-num {
    padding-top: 2.7778vw;
  }

  .compliance .commitments .commitments-list .commitments-item .commitments-item-title {
    font-size: 0.9722vw;
    -webkit-line-clamp: 6;
  }

  .compliance .management .management-box .management-content {
    gap: 1.6667vw;
  }

  .compliance .management .management-box .management-content .management-content-list .management-content-item {
    gap: 2.7778vw;
    align-items: center;
  }

  .compliance .whatsNew .whatsNew-list .whatsNew-item {
    height: 30vw;
  }

  .compliance .whatsNew .whatsNew-list .whatsNew-item .img-box {
    height: 11.5278vw;
    max-width: 20.8333vw;
    cursor: pointer;
  }

  .compliance .whatsNew .whatsNew-list .whatsNew-item img {
    height: 11.5278vw;
    max-width: 20.8333vw;
  }
}

@media (max-width: 768px) {
  .compliance .complianceTheme {
    font-size: 21.3333vw;
    padding: 10.6667vw 0;
  }

  .compliance .compliance-banner .banner-text {
    font-size: 8.5333vw;
  }

  .compliance .statement .statement-left h2 {
    font-size: 16vw;
  }

  .compliance .statement .statement-left p {
    font-size: 4.2667vw;
  }

  .compliance .commitments h2 {
    font-size: 16vw;
  }

  .compliance .commitments .commitments-list .commitments-item {
    height: 102.4vw;
    padding: 16vw 6.4vw 10.6667vw;
  }

  .compliance .commitments .commitments-list .commitments-item .iconfont {
    font-size: 21.3333vw;
  }

  .compliance .commitments .commitments-list .commitments-item .commitments-item-num {
    font-size: 6.4vw;
    padding: 17.0667vw 0 3.7333vw;
  }

  .compliance .commitments .commitments-list .commitments-item .commitments-item-title {
    font-size: 4.2667vw;
  }

  /* Compliance Management Programs  */
  .compliance .management {
    height: 234.6667vw;
  }

  .compliance .management .management-imglist {
    height: 100%;
  }

  .compliance .management .management-imglist img {
    height: 100%;
  }

  .compliance .management .management-box {
    height: 100%;
  }

  .compliance .management .management-box .management-content {
    padding: 33.3333vw 0;
  }

  .compliance .management .management-box .management-content h2 {
    font-size: 16vw;
  }

  .compliance .management .management-box .management-content .management-content-list .management-content-item {
    font-size: 8.5333vw;
    padding: 6.4vw 0;
  }

  .compliance .management .management-box .management-content .management-content-list .management-content-item .iconfont {
    font-size: 8.5333vw;
  }

  .compliance .modal-box {
    border-radius: 6.4vw;
  }

  .compliance .modal-header {
    padding: 4vw 6.4vw 0;
  }

  .compliance .modal-header .close .iconfont {
    font-size: 4.8vw;
  }

  .compliance .modal-body {
    padding: 5.8667vw 21.3333vw 37.3333vw;
  }

  .compliance .modal-body .modal-left img {
    height: 151.4667vw;
  }

  .compliance .modal-body .modal-left .modal-more {
    border-radius: 8vw;
    height: 11.2vw;
    padding: 0vw 2.1333vw 0vw 6.4vw;
  }

  .compliance .modal-body .modal-left .modal-more p {
    font-size: 4.2667vw;
  }

  .compliance .modal-body .modal-left .modal-more .iconfont {
    font-size: 6.4vw;
    height: 6.4vw;
    border-radius: 50%;
  }

  .compliance .modal-body .modal-right .modal-title {
    font-size: 6.4vw;
  }

  .compliance .modal-body .modal-right .modal-text {
    font-size: 4.2667vw;
  }

  .compliance .modal-body .modal-right .modal-box h3 {
    font-size: 6.4vw;
    margin: 10.6667vw 0 4.2667vw;
  }

  .compliance .modal-body .modal-right .modal-box .modal-list .modal-item {
    font-size: 4.2667vw;
  }

  .compliance .certifications .certifications-h2 {
    font-size: 16vw;
  }

  .compliance .certifications .certifications-p {
    font-size: 4.2667vw;
  }

  .compliance .certifications .certifications-swiper {
    padding: 10.6667vw 0;
  }

  .compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-item {
    height: 93.3333vw;
    padding: 6.4vw;
  }

  .compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-item .swiper-item-img {
    height: 26.6667vw;
    border-radius: 2.1333vw;
  }

  .compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-item .swiper-item-img img {
    height: 100%;
  }

  .compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-item .swiper-item-time {
    height: 32vw;
    margin: 4.2667vw auto 4.8vw;
    border-radius: 50%;
  }

  .compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-item .swiper-item-time .swiper-item-time-p {
    height: 27.7333vw;
    border-radius: 50%;
    margin: 2.1333vw;
  }

  .compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-item .swiper-item-time .swiper-item-time-p .swiper-item-time-p-h3 {
    font-size: 6.4vw;
  }

  .compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-item .swiper-item-time .swiper-item-time-p .swiper-item-time-p-h5 {
    font-size: 3.7333vw;
  }

  .compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-item .swiper-item-p {
    font-size: 4.2667vw;
  }

  .compliance .certifications .certifications-swiper .swiper-box .swiper-wrapper .swiper-slide .swiper-slide-img {
    margin: 0 4.2667vw;
  }

  .swiper-button {
    height: 17.0667vw;
  }

  .swiper-button .swiper-button-next,
  .swiper-button .swiper-button-prev {
    border-radius: 50%;
    height: 17.0667vw;
  }

  .swiper-button .swiper-button-next:after,
  .swiper-button .swiper-button-prev:after {
    font-size: 5.3333vw;
  }

  .compliance .speakUpGateway h2 {
    font-size: 16vw;
  }

  .compliance .speakUpGateway .speakUpGateway-p {
    font-size: 4.2667vw;
  }

  .compliance .speakUpGateway .speakUpGateway-list .speakUpGateway-item {
    height: 80.5333vw;
    padding: 12.8vw;
  }

  .compliance .speakUpGateway .speakUpGateway-list .speakUpGateway-item .iconfont {
    font-size: 17.0667vw;
  }

  .compliance .speakUpGateway .speakUpGateway-list .speakUpGateway-item .speakUpGateway-item-title {
    margin: 6.4vw 0 10.6667vw;
    font-size: 6.4vw;
  }

  .compliance .speakUpGateway .speakUpGateway-list .speakUpGateway-item .speakUpGateway-item-text {
    font-size: 4.2667vw;
  }

  .compliance .whatsNew h2 {
    font-size: 16vw;
  }

  .compliance .whatsNew .whatsNew-list .whatsNew-item {
    height: 120.5333vw;
  }

  .compliance .whatsNew .whatsNew-list .whatsNew-item .img-box {
    height: 62.4vw;
  }

  .compliance .whatsNew .whatsNew-list .whatsNew-item img {
    height: 62.4vw;
  }

  .compliance .whatsNew .whatsNew-list .whatsNew-item .date {
    font-size: 3.7333vw;
    padding: 6.4vw 0 4.2667vw;
  }

  .compliance .whatsNew .whatsNew-list .whatsNew-item .title {
    font-size: 6.4vw;
  }

  .compliance .whatsNew .public-btn-view-all .btn-box {
    height: 10.6667vw;
    padding: 0;
  }
}