.tab .addhover {
  border-bottom: 2px solid #0028c9;
}

.banner-warp { min-width: 1200px; width: 100%; height: 100vh; color: #fff; font-family: PingFangSC-Regular; font-weight: 400; position: relative; }

.banner-warp .banner-warp-content { width: 100%; height: 100%; }

.banner-warp img, .banner-warp video { width: 100%; height: 100%; object-fit: cover; }

.banner-warp .banner-text-content { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; z-index: 2; }

.banner-warp .banner-text-content h2 { font-family: PingFangSC-Medium; font-size: 40px; color: #fff; text-align: center; line-height: 1.5; font-weight: 500; margin-bottom: 20px; }

.banner-warp .banner-text-content p { font-size: 16px; line-height: 1.5; margin-bottom: 30px; display: flex; align-items: center; }

.banner-warp .banner-text-content p i { width: 30px; height: 1px; background: #fff; margin: 0 10px; }

.banner-warp .banner-text-content p span { font-family: PingFangSC-Regular; font-size: 16px; color: #fff; line-height: 1.5; font-weight: 400; }

.module-card { position: relative; flex: 1; margin: 0 30px 30px 0; width: calc((100% - 30px) / 2); min-width: calc((100% - 30px) / 2); max-width: calc((100% - 30px) / 2); height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; background: #fff; border-radius: 20px; font-family: PingFangSC-Medium; color: #091221; flex-shrink: 0; }

.module-card:nth-child(2n) { margin-right: 0; }

.module-card .module-card-text-warp { padding: 40px 40px 0; }

.module-card h1 { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: 500; background: linear-gradient(90deg, #2468f2 60%, #3ed2fd); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 10px; }

.module-card h1, .module-card h2 { font-size: 30px; font-family: PingFangSC-Medium; }

.module-card h2 { font-weight: 600; margin-bottom: 10px; }

.module-card .module-card-desc-content { margin-bottom: 20px; }

.module-card .module-card-desc-content p { line-height: 1.5; text-align: left; font-weight: 400; font-family: PingFangSC-Regular; font-size: 16px; color: #091221; margin-bottom: 10px; }

.module-card .module-card-desc-content p:last-child { margin-bottom: 0; }

.module-card .module-card-desc-content p > span { display: inline-block; }

.module-card .module-card-links-box { display: flex; font-family: PingFangSC-Regular; }

.module-card .module-card-link-item { display: flex; align-items: center; cursor: pointer; }

.module-card .module-card-link-item > span { width: 100px; height: 40px; line-height: 40px; border: 1px solid #091221; border-radius: 10px; text-align: center; font-family: PingFangSC-Medium; font-size: 16px; color: #091221; font-weight: 500; }

.module-card .module-card-link-item:hover > span { border-color: #2468f2; color: #2468f2; }

.module-card .module-card-link-item:last-child { margin-right: 0; }

.module-card .module-card-link-item .module-card-link-item-img { width: 1rem; height: 1rem; display: flex; align-items: center; justify-content: center; cursor: pointer; }

.module-card .module-card-link-item .module-card-link-item-img svg { font-size: 1rem; }

.module-card .module-card-link-item-disabled { cursor: inherit; }

.module-card .module-card-link-item-disabled:hover > span, .module-card .module-card-link-item-disabled > span { color: #ccc; }

.module-card .module-card-perview-box { height: 330px; border-radius: 20px; overflow: hidden; display: flex; align-items: center; justify-content: center; }

.module-card .module-card-perview-box img, .module-card .module-card-perview-box video { width: 100%; height: 100%; object-fit: contain; }

.page-modules { padding-top: 30px; width: 1200px; min-width: 1200px; margin: 0 auto; }

.page-modules .page-modules-content { width: 1200px; display: flex; flex-wrap: wrap; }

.contact-us-container { margin-top: 60px; padding-bottom: 50px; background: url(/images/contact-us-bg.jpg); background-size: 100% 100%; }

.contact-us-container .contact-us-content { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.contact-us-container .contact-us-content .contact-us-title { font-size: 40px; color: transparent; font-weight: 600; background: linear-gradient(90deg, #2468f2 60%, #3ed2fd); -webkit-background-clip: text; }

.contact-us-container .contact-us-content .contact-us-introduce { font-size: 16px; color: #091221; margin: 20px 0; }

.contact-us-container .contact-us-content .contact-us-button { background: #091221; border-radius: 8px; padding: 14px 30px; color: #fff; font-size: 16px; font-weight: 500; cursor: pointer; }

.contact-us-container .contact-us-content .contact-us-button:hover { background: #39404d; }

.partner-container { margin-top: 30px; flex-direction: column; }

.partner-container, .partner-container .partner-title { display: flex; justify-content: center; align-items: center; }

.partner-container .partner-title .partner-title-text { opacity: 0.4; font-size: 18px; color: #091221; line-height: 1.5; margin: 0 10px; }

.partner-container .partner-title .partner-left-line { transform: scaleX(-1); }

.partner-container .partner-title .partner-left-line, .partner-container .partner-title .partner-right-line { width: 80px; height: 1px; background-image: linear-gradient(270deg, rgba(9, 18, 33, 0), rgba(9, 18, 33, 0.2)); }

.partner-container .partner-video-wrapper { overflow: hidden; width: 100%; margin-top: 30px; max-width: 1800px; }

.partner-container .partner-video-wrapper .partner-video { width: 100%; max-width: 1800px; margin-left: -1px; }

.portal-home-container { margin: 0 auto; }

.portal-home-container .portal-home-content { background: #eaf2fd; width: 100%; min-width: 1200px; }

.business-upgrade-card { flex: 1; margin: 0 30px 30px 0; width: calc((100% - 60px) / 3); height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; background-image: linear-gradient(180deg, #fff, #fff), linear-gradient(135deg, #f1f1f1, #edf3f9); border-radius: 0.875rem; padding: 1rem; margin-right: 0.875rem; }

.business-upgrade-card:nth-child(3n) { margin-right: 0; }

.business-upgrade-card .business-upgrade-card-preview-box { width: 100%; height: 205px; background: #d8d8d8; border-radius: 16px; overflow: hidden; margin-bottom: 20px; }

.business-upgrade-card .business-upgrade-card-preview-box img, .business-upgrade-card .business-upgrade-card-preview-box video { width: 100%; height: 100%; }

.business-upgrade-card .business-upgrade-card-bottom-text { padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; }

.business-upgrade-card h1 { width: 100%; font-family: PingFangSC-Semibold; font-size: 22px; color: #091221; font-weight: 600; }

.business-upgrade-card h1:last-child { margin-bottom: 0; }

.business-upgrade-card p { height: 110px; opacity: 0.7; font-family: PingFangSC-Regular; color: #091221; line-height: 1.5; font-weight: 400; }

.business-upgrade { margin-top: 40px; }

.business-upgrade .business-upgrade-content { width: 1200px; margin: 0 auto; }

.business-upgrade .business-upgrade-content .business-upgrade-title { font-family: PingFangSC-Medium; font-size: 40px; color: #091221; text-align: center; font-weight: 600; margin: 20px 0; }

.business-upgrade .business-upgrade-content .business-upgrade-tabs { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }

.business-upgrade .business-upgrade-content .business-upgrade-tabs .business-upgrade-tab-item { padding: 10px 40px; height: 100%; text-align: center; font-family: PingFangSC-Semibold; font-size: 18px; color: #000; font-weight: 600; border-radius: 40px; border: 1px solid rgba(0, 0, 0, 0.2); margin-right: 20px; cursor: pointer; }

.business-upgrade .business-upgrade-content .business-upgrade-tabs .business-upgrade-tab-item:last-child { margin-right: 0; }

.business-upgrade .business-upgrade-content .business-upgrade-tabs .business-upgrade-tab-item:hover { color: #2468f2; }

.business-upgrade .business-upgrade-content .business-upgrade-tabs .business-upgrade-tab-item-seleted { transition: all 0.2s ease-out; border: 1px solid #000; }

.business-upgrade .business-upgrade-content .business-upgrade-preview-box { display: flex; flex-direction: column; position: relative; height: 450px; width: 1200px; }

.business-upgrade .business-upgrade-content .business-upgrade-preview-box-item { display: flex; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all 0.3s ease-in-out; opacity: 0; }

.business-upgrade .business-upgrade-content .business-upgrade-preview-box-item.active { opacity: 1; }

.tab-container { background: #fff; box-shadow: 0 10px 8px 0 rgba(47, 78, 131, 0.04); border-radius: 60px; padding: 7px; display: flex; align-items: center; margin-bottom: 40px; }

.tab-container .tab-item { border-radius: 50px; padding: 7px 30px; cursor: pointer; transition: background-color 0.3s; }

.tab-container .tab-item.active { background-color: #f1f6fd; }

.tab-container .tab-item:hover .head-title, .tab-container .tab-item:hover .sub-title { color: #2468f2; }

.tab-container .tab-item .title-container { width: 100%; height: 3rem; }

.tab-container .tab-item .head-title { font-size: 18px; color: #091221; text-align: center; line-height: 1.5; font-weight: 600; }

.tab-container .tab-item .sub-title { font-size: 14px; color: #091221; text-align: center; line-height: 1.5; opacity: 0.7; }

.tab-content { height: 485px; width: 100%; position: relative; }

.tab-content .tab-content-item { display: flex; box-shadow: 0 0.3125rem 1.1875rem 0.125rem rgba(7, 12, 20, 0.03); border-radius: 0.875rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all 0.3s ease-in-out; opacity: 0; }

.tab-content .tab-content-item.active { opacity: 1; }

.tab-content .tab-content-item .tab-content-item-text { align-items: center; width: 400px; margin: 130px 0 0 40px; position: relative; z-index: 2; }

.tab-content .tab-content-item .tab-content-item-text .tab-content-item-text-title-1 { font-size: 30px; color: #fff; line-height: 1.5; font-weight: 600; }

.tab-content .tab-content-item .tab-content-item-text .tab-content-item-text-title-2 { font-size: 30px; color: #fff; line-height: 1.5; font-weight: 600; margin-bottom: 20px; }

.tab-content .tab-content-item .tab-content-item-text .tab-content-item-text-describe { opacity: 0.8; font-size: 16px; color: #fff; text-align: justify; line-height: 1.5; }

.tab-content .tab-content-item .tab-content-item-video { position: absolute; z-index: 1; height: 100%; width: 100%; }

.tab-content .tab-content-item .tab-content-item-video .mute-icon { position: absolute; right: 1.25rem; bottom: 1.25rem; z-index: 3; width: 1.5rem; cursor: pointer; }

.tab-content .tab-content-item .tab-content-item-video .mute-icon img { width: 100%; }

.tab-content .tab-content-item .tab-content-item-video video { width: 100%; height: 100%; object-fit: contain; border-radius: 0.875rem; }

.core-competencies-container { min-width: 1200px; }

.core-competencies-container .core-competencies-title { font-size: 40px; color: #091221; text-align: center; font-weight: 600; margin: 20px 0; }

.core-competencies-container .tabs-wrapper { display: flex; justify-content: center; width: 1200px; margin: 0 auto; }

.core-competencies-container .tabs-content-wrapper { width: 1200px; margin: 0 auto; }

@keyframes fadeInOut { 0% { transform: translateY(12.5rem);
    opacity: 0; }
  to { transform: translateY(0);
    opacity: 1; } }
