@charset "UTF-8";

/*  */
.tec-font,
html,
body,
div {
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Microsoft Yahei UI", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.tec-font-bold,
.second-page .banner-cont-title__en {
  font-weight: 700;
}

.ct-box {
  box-sizing: content-box !important;
}

.tec-font-bold,
.second-page .banner-cont-title__en {
  font-weight: 700;
}

html,
body {
  font-size: 0.8333333333vw;
}

header {
  position: relative;
  z-index: 999;
}

.second-page span,
.second-page a {
  font-size: 0.8333333333vw;
  box-sizing: border-box;
}

.second-page div {
  box-sizing: border-box;
}

.tec-bg-img {
  background-repeat: no-repeat;
  background-size: 105%;
  background-position: top center;
}

.tec-link {
  color: #0012EF;
  cursor: pointer;
}

.tec-link:hover {
  opacity: 0.7;
}

.tec-divider__horizontal {
  width: 100%;
  height: 1px;
  background-color: #D8D8D8;
  margin: 0.833vw 0;
}

.tec-btn,
.tec-btn__lg,
.tec-btn__primary-lg,
.tec-btn__transparent-lg,
.tec-btn__primary {
  display: inline-block;
  cursor: pointer;
  border: 1px solid #000000;
  text-align: center;
}

.tec-btn__primary,
.tec-btn__primary-lg {
  color: #FFF;
  border: 0;
  background: linear-gradient(90deg, #000BFE 0%, #0750FE 100%);
}

.tec-btn__primary:hover,
.tec-btn__primary-lg:hover {
  background: linear-gradient(90deg, #002BFF 0%, #1573FF 100%);
}

.tec-btn__transparent-lg {
  border: none;
  color: #fff;
}

.tec-btn__lg,
.tec-btn__primary-lg,
.tec-btn__transparent-lg {
  height: 2.0833333333vw;
  line-height: 2.0833333333vw;
  border-radius: 4px;
  padding: 0 1.5625vw;
}

.tec-btn__sm {
  font-size: 0.938vw;
  height: 2.604vw;
  line-height: 2.604vw;
  border-radius: 1.302vw;
  padding: 0 2.5vw;
}

.tec-btn__primary.disabled,
.disabled.tec-btn__primary-lg {
  background: #EEEFF3;
  color: #939599;
}



.tec-tabs {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 1.563vw;
}

.tec-tabs-item {
  position: relative;
  cursor: pointer;
  flex: 1;
  padding-bottom: 0.52vw;
}

.tec-tabs-item::after {
  content: "";
  opacity: 0;
  transition: opacity 0.3s;
  height: 3px;
  width: 40%;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%);
  background-color: #337EFF;
}

.tec-tabs-item.active::after {
  opacity: 1;
}

.tec-tabs-item.active img {
  opacity: 1;
  transform: scale(1.2);
}

.tec-tabs-item img {
  width: 100%;
}

.tec-flex {
  display: flex;
}

.tec-flex__between {
  display: flex;
  justify-content: space-between;
}

.tec-flex__center {
  display: flex;
  align-items: center;
}

.tec-flex__center-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tec-text-align_r {
  text-align: right;
}

.second-page .page-wrapper {
  padding-left: 12.5vw;
  padding-right: 12.5vw;
}

.second-page .banner {
  height: 36.6666666667vw;
  color: #fff;
}

.second-page .banner.banner__black {
  color: #303030;
}

.second-page .banner-cont {
  width: 35.4166666667vw;
  padding-top: 9.7395833333vw;
}

.second-page .banner-cont-title__en {
  margin-top: 0;
  font-size: 2.5vw;
  line-height: 3.0208333333vw;
  margin-bottom: 0.7291666667vw;
}

.second-page .banner-cont-title__cn {
  margin-top: 0;
  font-size: 2.5vw;
  line-height: 3.0208333333vw;
  margin-bottom: 1.9270833333vw;
}

.second-page .banner-cont-desc {
  line-height: 1.25vw;
  margin-bottom: 3.125vw;
}

.second-page .module-container {
  height: 36.6666666667vw;
}

.second-page .module-text__title {
  font-size: 2vw;
  line-height: 2.5vw;
  color: #303030;
  font-weight: 700;
  margin-bottom: 0.625vw;
}

.second-page .module-text__desc {
  font-size: 1.1458333333vw;
  line-height: 1.6666666667vw;
  color: #0750FE;
  margin-bottom: 2.0833333333vw;
}

.second-page .module-text__desc--black {
  color: #4A4E64;
  font-size: 0.8333333333vw;
  line-height: 1.25vw;
}

.second-page .module-text__list {
  margin-bottom: 3.125vw;
}

.second-page .module-text__list-item {
  font-size: 0.9375vw;
  line-height: 1.6666666667vw;
  color: #4A4E64;
  margin-bottom: 0.5208333333vw;
  display: flex;
  align-items: center;
}

.second-page .module-text__list-item::before {
  content: "";
  margin-right: 0.5208333333vw;
  background-color: #000BFF;
  width: 0.31vw;
  height: 0.31vw;
  border-radius: 0.16vw;
}

.second-page .module-text__list-item>.highlight {
  color: #000bff;
}

.second-page .module-text__list.checked-list .module-text__list-item {
  background-image: url(../../images/v2/tec-retail/check-icon.png);
  background-repeat: no-repeat;
  background-position: 0 0.2604166667vw;
  padding-left: 1.5625vw;
}

.second-page .module-text__list.checked-list .module-text__list-item::before {
  display: none;
}

.second-page .module-text-white .module-text__title {
  color: #fff;
}

.second-page .module-text-white .module-text__desc {
  color: #06DFEA;
}

.second-page .module-text-white .module-text__list-item {
  color: #EDF0FF;
}

.second-page .module-text-white .module-text__list-item::before {
  background-color: #EDF0FF;
}

.ell-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ell-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.ell-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

/* reset */
html,
body,
div {
  margin: 0;
  padding: 0;
}

.tec-header,
.tec-dropdown-menu,
.contact,
.layout-footer {
  box-sizing: border-box;
}

.tec-header {
  background-color: black !important;
  z-index: 999;
  visibility: visible;
  display: flex;
  opacity: 1;
}

.tec-header div,
.tec-dropdown-menu div,
.contact div,
.layout-footer div {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: inherit;
}

.tec-header-nav a {
  text-decoration: none;
  color: inherit;
}

.tec-product-menu-menuitem__cells a {
  text-decoration: none;
  color: inherit !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

img {
  display: inline;
  max-width: unset;
}

.tec-link {
  color: #0012EF;
  cursor: pointer;
}

.tec-link:hover {
  opacity: 0.7;
}

/* header 开始 */
.tec-header {
  width: 100%;
  height: 4.271vw;
  display: flex;
  align-items: center;
  background-color: #000422;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  box-shadow: 0px 4px 10px 0px rgba(0, 18, 238, 0.1);
  transition: top 0.5s ease-in-out;
}

.tec-header {
  background-color: black !important;
  z-index: 999;
  visibility: visible;
  display: flex;
  opacity: 1;
}

.tec-header__hide {
  top: -4.271vw;
}

.tec-header-logo {
  padding-left: 9.7vw;
  flex: 1;
}

.tec-header-logo img {
  width: 16.2769rem;
}

.tec-header-nav {
  padding: 1px 0;
  height: 100%;
}

.tec-header-nav__list {
  list-style: none;
  display: flex;
  align-items: center;
  height: 100%;
  padding-right: 3rem;
  border-right: 1px solid #4A4959;
}

.tec-header-nav__list>li {
  font-size: 0.8333333333vw;
  padding: 1.9375rem;
  color: #fff;
  height: 100%;
}

.tec-header-nav__list>li>a {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1rem;
}

.tec-header-nav__list>li>a::after {
  display: none;
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.8333333333vw;
  width: 40%;
  height: 0.208vw;
  background-color: #0012EF;
  opacity: 0;
  transition: opacity 0.6s ease-out;
}

.tec-header-nav__list>li>a:hover::after {
  opacity: 1;
}

/* 下拉菜单 */
.tec-dropdown-menu {
  overflow: visible;
}

.tec-dropdown-menu-item {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  padding-top: 4.271vw;
  transform: translateY(-120%);
  transition: transform 0.8s ease-out;
  background: #F7F8FA;
  box-shadow: 0px 4px 10px 0px rgba(0, 18, 238, 0.1);
}

.tec-dropdown-menu-item.active {
  transform: translateY(0);
}

.tec-product-menu,
.tec-case-menu {
  display: flex;
  align-items: flex-start;
  color: #606060;
}

.tec-product-menu-cover,
.tec-case-menu-cover {
  box-sizing: content-box;
  flex: 1;
  height: 35.625vw;
  padding-left: 3.9583333333vw;
  padding-right: 3.9583333333vw;
  padding-top: 2.9166666667vw;
}

.tec-case-menu-cover {
  height: 22.2916666667vw;
}

.tec-product-menu-cover__title,
.tec-case-menu-cover__title,
.tec-about-menu-cover__title {
  font-size: 1.25vw;
  color: #303030;
  margin-bottom: 0.625vw;
}

.tec-product-menu-cover__desc,
.tec-case-menu-cover__desc,
.tec-about-menu-cover__desc {
  font-size: 0.729vw;
  line-height: 1.25vw;
  color: #606060;
  margin-bottom: 1.771vw;
}

.tec-product-menu-cover__link,
.tec-case-menu-cover__link,
.tec-about-menu-cover__link {
  font-size: 0.729vw;
}

.tec-product-menu-menulist {
  padding-top: 1.667vw;
  padding-left: 2.083vw;
  padding-right: 2.083vw;
  display: flex;
  flex-wrap: wrap;
  flex: 4;
  justify-content: space-between;
}

.tec-product-menu-menuitem {
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  overflow: hidden;
  width: 49%;
  margin-bottom: 1.16vw;
}

.tec-product-menu-menuitem:last-child {
  width: 100%;
  margin-bottom: 0;
}

.tec-product-menu-menuitem__title {
  display: block;
  font-size: 0.833vw;
  /* font-weight: bold; */
  color: #303030;
  padding-top: 0.78125vw;
  padding-left: 1.25vw;
  padding-bottom: 0.78125vw;
  background: #E2E8F6;
  color: #303030;
}

.tec-product-menu-menuitem__title:hover {
  background: #CCDBFF;
}

.tec-product-menu-menuitem__desc,
.tec-case-menu-menuitem__desc {
  font-size: 12px;
  font-weight: normal;
  margin-top: 4px;
}

.tec-product-menu-menuitem__cells {
  display: flex;
  padding: 0 0.52vw;
  justify-content: space-around;
}

.tec-case-menu-menuitem__cells {
  display: flex;
}

.tec-product-menu-menuitem__cells.small-icon .tec-product-menu-menuitem__cell {
  padding: 1.1458333333vw 1.1458333333vw 0.9895833333vw;
}

.tec-product-menu-menuitem__cells.small-icon .tec-product-menu-menuitem__cell-logo {
  margin-bottom: 0.78125vw;
}

.tec-product-menu-menuitem__cell {
  text-align: center;
  padding: 0.7291666667vw 0.2083333333vw 1.0416666667vw;
}

.tec-product-menu-menuitem__cell:hover {
  background-color: #fff;
}

.tec-product-menu-menuitem__cell-logo {
  width: 7.7083333333vw;
  height: 2.5vw;
}

.tec-product-menu-menuitem__cell-name {
  font-size: 12px;
}

@media screen and (max-width: 1600px) {

  /* .tec-product-menu-menuitem__cell {
    padding-right: 1;
  } */
  .tec-product-menu-menuitem__cell-name {
    letter-spacing: -1px;
  }
}

.tec-case-menu-menulist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex: 4;
  padding: 1.875vw 2.0833vw;
}

.tec-case-menu-menuitem:nth-child(1),
.tec-case-menu-menuitem:nth-child(2) {
  margin-bottom: 2.7604vw;
}

.tec-case-menu-menuitem {
  border-radius: 6px;
  padding: 1.0417vw;
}

.tec-case-menu-menuitem:hover {
  background: #FFFFFF;
  box-shadow: 0px 4px 16px 0px rgba(7, 80, 254, 0.16);
}

.tec-case-menu-menuitem__title {
  color: #303030;
}

.tec-case-menu-menuitem__desc {
  color: #606060;
}

.tec-case-menu-menuitem .tec-case-menu-menuitem__title {
  display: block;
  padding-bottom: 0.8333333333vw;
}

.tec-case-menu-menuitem .tec-divider__horizontal {
  margin-top: 0;
}

.tec-case-menu-menuitem-cells {
  display: flex;
  border-top: 1px solid rgba(216, 216, 216, 0.16);
  margin-top: 0.8333333333vw;
  padding-top: 0.8333333333vw;
}

.tec-case-menu-menuitem-cell {
  display: flex;
  align-items: center;
}

.tec-case-menu-menuitem-cell img {
  width: 3.854vw;
  margin-right: 5px;
}

/* 右侧下拉菜单 */
.tec-header-operation {
  height: 100%;
}

.tec-header-operation-dropdownmenu {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  padding: 2.5rem;
  font-size: 0.938vw;
  cursor: pointer;
}

.tec-header-operation-dropdownmenu .language {
  color: #fff;
  font-size: 1rem;
}

.tec-header-operation-dropdownmenu .language>img {
  width: 1.25rem;
}

.tec-header-operation-dropdownmenu__list {
  position: absolute;
  top: 4.271vw;
  left: 0;
  height: 0;
  transition: height 0.3s;
  overflow: hidden;
  background: #F7F8FA;
  box-shadow: 0px 4px 10px 0px rgba(0, 18, 238, 0.1);
}

.tec-header-operation-dropdownmenu_mobile {
  display: none;
}

.tec-header-operation-dropdownmenu:hover .tec-header-operation-dropdownmenu__list {
  height: 4.8vw;
}

.fourScreen {
  display: none;
}

.tec-header-operation-dropdownmenu__list>li {
  line-height: 1.3458333333vw;
  padding: 0.3125vw 2.0833333333vw;
  cursor: pointer;
  color: #909090;
}

.tec-header-operation-dropdownmenu__list>li:first-child {
  padding-top: 0.8333333333vw;
}

.tec-header-operation-dropdownmenu__list>li:last-child {
  padding-bottom: 0.8333333333vw;
}

.tec-header-operation-dropdownmenu__list>li:hover,
.tec-header-operation-dropdownmenu__list>li.active {
  color: #0012EF;
}

/* header 结束 */
.tec-main {
  padding-top: 4.271vw;
  overflow: hidden;
}


.service-menu-cont {
  display: flex;
  align-items: center;
}

.selectMore {
  display: none;
}

.service-menu-cover,
.tec-about-menu-cover {
  width: 20.8333333333vw;
  height: 22.2916666667vw;
  padding-top: 2.96875vw;
  padding-left: 3.9583333333vw;
  padding-right: 3.6979166667vw;
}

.service-menu-list,
.about-menu-list {
  display: flex;
  flex-wrap: wrap;
  padding-left: 2.0833333333vw;
}

.service-menu-list-item,
.about-menu-list-item {
  display: block;
  width: 16.1458333333vw;
  height: 6.875vw;
  border-radius: 6px;
  padding: 0.8333333333vw 1.6666666667vw;
  margin-bottom: 1.25vw;
  box-sizing: border-box;
}

.service-menu-list-item:hover,
.about-menu-list-item:hover {
  background: #FFFFFF;
  box-shadow: 0px 4px 16px 0px rgba(7, 80, 254, 0.16);
}

.service-menu-list-item>img,
.about-menu-list-item>img {
  width: 2.5vw;
  height: 2.5vw;
}

.service-menu-list-item__title,
.about-menu-list-item__title {
  font-size: 0.9375vw;
  font-weight: 700;
  color: #303030;
}

.service-menu-list-item__desc,
.about-menu-list-item__desc {
  font-size: 0.7291666667vw;
  color: #606060;
}

.about-menu-content {
  display: flex;
}

.about-menu-list {
  padding-top: 2.3438vw;
}



.screen2New {
  display: none;
}

.screen2 {
  display: block;
}

.screen5 {
  display: block;
}

.screen5New {
  display: none;
}

body .tec-bg-img.contact {
  position: relative;
}

body .tec-bg-img.contact .lazy {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.mobile {
  display: none;
}

.about-menu-content .tec-about-menu-cover {
  background-image: url('../../../../static/home/images/v2/header/case/nav_bg3.jpg');
  background-size: 100% 100%;
}

.mythink__first {
  display: none;
}

.contact-card-form .agreeCheckbox {
  width: 1rem;
  transform: translateY(0.1rem);
  height: auto;
}

.contact-card-form__btn {
  margin-top: 0.9375vw;
}


.agreeCheckboxLabel {
  font-size: .875rem;
  color: #767676;
}

.agreeCheckboxLabel .link {
  color: #2878ff;
}

@media (min-width:961px) {
  .select-more {
    display: none !important;
  }
  body .tec-main .tec-btn__primary-lg,
  .tec-btn__transparent-lg {
    font-size: 1.075rem;
    padding: 0 1.0625vw;
  }

}

@media (max-width: 960px) {




  .div-code .Twitter {
    width: 6.9662rem;
    margin-left: 2.5rem;
    height: 7rem;
  }

  .select-more img {
    height: 4.95rem;
  }

  .div-sub img {
    height: 100%;
  }

  .div-service-title {
    display: flex;
    justify-content: flex-end;
  }

  .div-serviceImg img {
    width: 100%;
    height: 100%;
  }

  .div-service-title.right {
    padding-right: 1rem;
  }

}



/*# sourceMappingURL=layout.css.map */