@charset "UTF-8";
/*
Theme Name: AI V2
Theme URI: http://www.autel.com/themes/ai-v2/
Description: AI is a clean and simple theme that features a clean and simple design that is great for showcasing your work. It is a responsive theme that looks great on any device.
Author: 王杰
Author URI: http://www.wpzoom.com/
Version: 1.0.0
Tags: white, light, two-columns, right-sidebar, fixed-width, custom-header, custom-background, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, responsive-layout, flexible-header, full-width-template, microformats, rtl-language-support, accessibility-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ai
*/
/* 基础类 */
/* 变量类 _vars.scss */
/* 颜色 */
/* 字体 */
/* 函数类 */
@font-face {
  font-family: 'SourceHanSansCN-Normal';
  src: url("./fonts/SourceHanSansCN-Normal.eot");
  src: url("./fonts/SourceHanSansCN-Normal.eot") format("embedded-opentype"), url("./fonts/SourceHanSansCN-Normal.woff") format("woff"), url("./fonts/SourceHanSansCN-Normal.ttf") format("truetype"), url("./fonts/SourceHanSansCN-Normal.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SourceHanSans-Bold';
  src: url("./fonts/SourceHanSans-Bold.eot");
  src: url("./fonts/SourceHanSans-Bold.eot") format("embedded-opentype"), url("./fonts/SourceHanSans-Bold.woff") format("woff"), url("./fonts/SourceHanSans-Bold.ttf") format("truetype"), url("./fonts/SourceHanSans-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HarmonyOSHans-Bold";
  src: url("./fonts/HarmonyOSHans-Bold.woff2") format("woff2"), url("./fonts/HarmonyOSHans-Bold.woff") format("woff");
}

@font-face {
  font-family: "HarmonyOSHans-Medium";
  src: url("./fonts/HarmonyOSHans-Medium.woff2") format("woff2"), url("./fonts/HarmonyOSHans-Medium.woff") format("woff");
}

@font-face {
  font-family: "HarmonyOSHans-Regular";
  src: url("./fonts/HarmonyOSHans-Regular.woff2") format("woff2"), url("./fonts/HarmonyOSHans-Regular.woff") format("woff");
}

@font-face {
  font-family: "Inter-Bold";
  src: url("./fonts/Inter-Bold.ttf");
}

@font-face {
  font-family: "Inter-Regular";
  src: url("./fonts/Inter-Regular.ttf");
}

@font-face {
  font-family: "Inter-Medium";
  src: url("./fonts/Inter-Medium.ttf");
}

@font-face {
  font-family: "Inter-Light";
  src: url("./fonts/Inter-Light.ttf");
}

body {
  font-family: "Inter-Medium", "Arial", "Helvetica", sans-serif;
}

@font-face {
  font-family: "SFPro-Bold";
  src: url("./fonts/SF-Pro-Display/v3/sf-pro-display_bold.woff2") format("woff2");
}

@font-face {
  font-family: "SFPro-Regular";
  src: url("./fonts/SF-Pro-Display/v3/sf-pro-display_regular.woff2") format("woff2");
}

@font-face {
  font-family: "SFPro-SemiBold";
  src: url("./fonts/SF-Pro-Display/v3/sf-pro-display_semibold.woff2") format("woff2");
}

body {
  font-family: "Inter-Medium", "Arial", "Helvetica", sans-serif;
}

/* 字体包引入开始 */
@font-face {
  font-family: "PingFangSC-Regular";
  src: local("PingFangSC-Thin");
  font-style: normal;
}

@font-face {
  font-family: "PingFangSC-Regular";
  src: local("PingFangSC-Regular");
  font-style: normal;
}

@font-face {
  font-family: "HuaweiFont-Regular";
  src: url("./fonts/HuaweiSans-Light.ttf");
  font-style: normal;
}

@font-face {
  font-family: "HuaweiFont-Regular";
  src: url("./fonts/HuaweiSans-Bold.ttf");
  font-style: normal;
}

@font-face {
  font-family: "HuaweiFont-Regular";
  src: url("./fonts/HuaweiSans-Regular.ttf");
  font-style: normal;
}

@font-face {
  font-family: "HuaweiFont-Regular";
  src: url("./fonts/HuaweiSans-Medium.ttf");
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Regular";
  src: url("./fonts/Manrope-Bold.ttf");
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Regular";
  src: url("./fonts/Manrope-SemiBold.ttf");
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Regular";
  src: url("./fonts/Manrope-Regular.ttf");
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Regular";
  src: url("./fonts/Manrope-Medium.ttf");
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Regular";
  src: url("./fonts/Manrope-Light.ttf");
  font-style: normal;
}

@font-face {
  font-family: "HarmonyOSHans-Medium";
  src: url("./fonts/HarmonyOSHans-Medium.woff2") format("woff2"), url("./fonts/HarmonyOSHans-Medium.woff") format("woff");
}

@font-face {
  font-family: "HarmonyOSHans-Regular";
  src: url("./fonts/HarmonyOSHans-Regular.woff2") format("woff2"), url("./fonts/HarmonyOSHans-Regular.woff") format("woff");
}

/* _base.scss */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  cursor: default;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word;
}

body {
  margin: 0;
  font-size: 100%;
}

html, body {
  font-family: "Inter-Regular", "Arial", "Helvetica", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  font-family: "Inter-Bold", "Arial", "Helvetica", sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
  font-family: "Inter-Regular", "Arial", "Helvetica", sans-serif;
  transition: color .2s ease-in-out;
}

a:active {
  color: #165DFF;
}

a[aria-disabled=true] {
  cursor: not-allowed;
  opacity: 0.6;
}

@media screen and (min-width: 769px) {
  a:hover {
    color: #165DFF;
  }
}

a[href] {
  cursor: pointer;
}

hr {
  display: block;
  height: 1px;
  margin: .2rem 0;
  border: 0;
  border-top: 1px solid #CACACA;
  padding: 0;
}

img {
  width: 100%;
}

ul, li {
  list-style: none;
}

.hide {
  display: none !important;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix::after {
  content: ' ';
  height: 1px;
  width: 1px;
  visibility: hidden;
  clear: both;
}

:after, :before {
  background-repeat: no-repeat;
  box-sizing: border-box;
}

:after, :before {
  text-decoration: inherit;
  vertical-align: inherit;
}

nav ol, nav ul {
  list-style: none;
}

b, strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}

audio, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  margin: 0;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button {
  overflow: visible;
  text-transform: none;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted #dbdbdb;
}

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

fieldset {
  padding: .35em .75em .625em;
}

input {
  overflow: visible;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: initial;
}

select {
  text-transform: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details, dialog {
  display: block;
}

dialog {
  background-color: #fff;
  border: solid;
  color: #000;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[tabindex], a, area, button, input, label, select, summary, textarea {
  touch-action: manipulation;
}

[hidden] {
  display: none;
}

/* _common.scss */
.l-pagew {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.l-contentw {
  max-width: calc(14.4 * var(--fs));
  margin: 0 auto;
  padding: 0 calc(0.48 * var(--fs));
}

@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .l-contentw {
    max-width: calc(14.4 * var(--fs));
  }
}

@media screen and (min-width: 1281px) and (max-width: 1440px) {
  .l-contentw {
    max-width: 93.75%;
    max-width: calc(12 * var(--fs));
    max-width: 980px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1280px) {
  .l-contentw {
    width: 84.89583%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 768px) {
  .l-contentw {
    padding: 0 calc(0.4 * var(--fs));
    max-width: 100%;
  }
}

@media screen and (min-width: 1921px) {
  .l-contentw {
    max-width: 1700px;
  }
}

@media screen and (max-width: 400px) {
  .hide_phone {
    display: none !important;
  }
}

@media screen and (min-width: 401px) and (max-width: 768px) {
  .hide_tablet {
    display: none !important;
  }
}

@media screen and (min-width: 401px) {
  .hide_tablet-and-up {
    display: none !important;
  }
}

@media screen and (min-width: 401px) {
  .hide_phone-up {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .hide_pocket {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .hide_pad {
    display: none !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1280px) {
  .hide_lap {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .hide_pocket-up {
    display: none !important;
  }
}

@media screen and (min-width: 1025px) {
  .hide_pad-up {
    display: none !important;
  }
}

@media screen and (max-width: 1280px) {
  .hide_desk {
    display: none !important;
  }
}

@media screen and (min-width: 1281px) {
  .hide_desk-up {
    display: none !important;
  }
}

@media screen and (min-width: 1441px) {
  .hide_wide {
    display: none !important;
  }
}

.pichover1 {
  transition: transform .2s ease-in-out;
}

.pichover1:hover {
  transform: scale(1.1);
}

.page-preparing {
  opacity: 0;
  visibility: hidden;
  transition: opacity .1s ease-in-out;
}

.page-prepared {
  opacity: 1;
  visibility: visible;
}

.line-v {
  display: block;
  width: 1px;
  margin: 0 .2rem;
  border: 0;
  border-top: 1px solid #CACACA;
  background-color: #165DFF;
  padding: 0;
  align-self: normal;
  opacity: .3;
}

i.icon {
  display: inline-block;
}

i.icon > svg {
  width: 100%;
  height: 100%;
}

.rte {
  font-size: inherit;
}

.rte p {
  margin-bottom: .2rem;
}

.rte h1, .rte h2, .rte h3 {
  margin-bottom: 0.2rem;
  margin-top: 0.4rem;
  font-size: .24rem;
}

.rte a {
  text-decoration: underline;
}

section {
  font-size: initial;
}

._btn {
  cursor: pointer;
}

body.overflow-hidden {
  overflow: hidden;
}

.flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.flex-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.gap-20 {
  gap: 20px;
}

.gap-10 {
  gap: 10px;
}

.gap-5 {
  gap: 5px;
}

.ratioBox {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.ratioBox > video,
.ratioBox > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 主样式 */
/* 对象类 _objects.scss */
/* 
  注意：对象类不要包含任何这些属性和值
  absolute 和 fixed 定位。
  margin
  padding (除非你用了background-color。 在这种情况下，它不会中断对象外部的对齐)
  float
*/
[class*="c-btn_"] {
  display: inline-block;
  border-radius: 4px;
  background-color: #165DFF;
  color: white;
  line-height: 1;
  line-height: initial;
  line-height: auto;
  transition: color,background-color 0.15s ease-in-out;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  user-select: none;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 1280px) {
  [class*="c-btn_"] {
    font-size: 14px;
    line-height: 22px;
  }
}

[class*="c-btn_"]:hover {
  background-color: rgba(22, 93, 255, 0.8);
  color: white;
}

[class*="c-btn_"]::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #c6fcd3 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .3s, opacity .5s;
}

[class*="c-btn_"]:active::after {
  transform: scale(0, 0);
  opacity: .3;
  transition: 0s;
}

.c-btn_small0 {
  padding: 8px 18px;
}

@media screen and (max-width: 768px) {
  .c-btn_small0 {
    padding: 0.16rem 0.24rem;
    font-size: .28rem;
  }
}

.c-btn_small {
  padding: 8px 18px;
  border-radius: 1px;
}

@media screen and (max-width: 768px) {
  .c-btn_small {
    padding: 8px 20px;
    font-size: 14px;
  }
}

.c-btn_normal {
  padding: 0.12rem 0.64rem;
  font-size: calc(0.16 * var(--scale));
}

.c-btn_plain {
  background-color: transparent;
  border: 1px solid #FFFFFF;
  font-size: 16px;
  padding: 0.08rem 0.24rem;
  margin-left: auto;
  margin-right: auto;
}

.c-btn_plain:hover {
  background-color: transparent;
  color: white;
  opacity: .6;
}

.c-btn_plain.dark {
  background-color: #000000;
  color: white;
}

.c-btn_m1 {
  font-size: 14px;
  padding: 0.18rem 0.24rem;
  text-align: center;
  width: 100%;
}

.o-icon {
  width: 22px;
  height: 22px;
  font-size: 22px;
  line-height: 1;
  display: inline-block;
  font-style: normal;
}

.o-icon[class*="icon-"] {
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'iconfont';
  font-style: normal;
}

.o-icon[class*="icon-"] > *:first-child {
  margin-left: 0;
}

.o-icon > svg {
  width: 100%;
  height: 100%;
}

.c-link_arrow {
  font-size: 14px;
  color: #165DFF;
  font-family: 'iconfont';
  cursor: pointer;
}

.c-link_arrow::after {
  content: '\e600';
  color: inherit;
}

.c-link_arrow:hover {
  text-decoration: underline;
}

.c-btn_1 {
  background-color: transparent;
  border: 1px solid white;
  border-radius: 4px;
  padding: 7px 16px;
  color: white;
  margin-top: 0.2rem;
}

.c-btn_1:hover {
  background-color: initial;
}

.c-btn_2 {
  --btn-size: calc(0.48 * var(--fs));
  display: inline-flex;
  height: var(--btn-size);
  padding: 0px calc(0.24 * var(--fs));
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: var(--btn-size);
  border: 1px solid rgba(13, 0, 117, 0.3);
  background-color: transparent;
  color: #0D0075;
  font-size: calc(0.16 * var(--fs));
  display: inline-flex;
  align-items: center;
}

.c-btn_2 > i {
  display: inline-flex;
  width: calc(0.2 * var(--fs));
  height: calc(0.2 * var(--fs));
}

.c-btn_2 > i > svg {
  width: 100%;
  height: 100%;
}

.c-btn_2:hover {
  opacity: 1;
  background-color: transparent;
  color: #0D0075;
}

.c-btn_3 {
  border: 1px solid #165DFF;
  padding: calc(0.14 * var(--fs)) calc(0.2 * var(--fs));
  color: #165DFF;
  text-align: center;
  background-color: transparent;
  border-radius: 0;
}

.c-btn_3:hover {
  color: rgba(22, 93, 255, 0.8);
  background-color: transparent;
  opacity: .6;
}

.c-btn_4 {
  padding: calc(0 * var(--fs)) calc(0.12 * var(--fs));
  height: calc(0.46 * var(--fs));
  line-height: calc(0.46 * var(--fs));
  border-radius: 2px;
  background-color: rgba(22, 93, 255, 0.8);
  font-size: calc(0.16 * var(--fs));
  min-width: calc(0.88 * var(--fs));
  border: 1px solid rgba(22, 93, 255, 0.8);
  box-sizing: content-box;
  text-align: center;
}

.c-btn_4:hover {
  opacity: 0.6;
  background-color: rgba(22, 93, 255, 0.8);
}

@media screen and (max-width: 768px) {
  .c-btn_4 {
    font-size: calc(0.24 * var(--fs));
    padding: calc(0 * var(--fs)) calc(0.2 * var(--fs));
    height: calc(0.7 * var(--fs));
    line-height: calc(0.7 * var(--fs));
  }
}

.c-btn_5 {
  padding: calc(0.06 * var(--scale)) calc(0.5 * var(--scale));
  border-radius: calc(0.3 * var(--scale));
}

/* 进度条 组件 */
.c-progress {
  position: fixed;
  top: 0;
  height: 2px;
  background-color: #165DFF;
  z-index: 9999;
  width: 0;
  transition: width 0.2s;
}

.c-progress.ready {
  display: none;
}

.c-progress.started {
  width: 40%;
  display: block;
}

.c-progress.finished {
  width: 100%;
  display: block;
}

.c-progress .c-progress-mask {
  position: fixed;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  opacity: 0;
}

.c-progress.started .c-progress-mask {
  opacity: 1;
}

.c-progress.finished .c-progress-mask {
  opacity: 0;
}

/* 图片 */
.c-img {
  display: inline-flex;
  vertical-align: middle;
}

.c-img > img {
  height: 100%;
  width: auto;
}

.c-img_ratio {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
}

.c-img_ratio > img, .c-img_ratio > video {
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

/* Swiper 组件 */
.swiper-type1 {
  position: absolute;
  top: 22%;
  cursor: pointer;
  padding: 14px 2px;
  border-radius: 4px;
  transition: opacity .2s ease-in-out;
  font-size: 12px;
}

.swiper-type1:hover {
  opacity: .6;
}

.swiper-type1 i {
  width: 20px;
  font-size: 20px;
  color: #969696;
}

.swiper-type1.prev {
  left: -3%;
}

.swiper-type1.next {
  right: -3%;
}

@media screen and (max-width: 768px) {
  .swiper-type1.prev {
    left: -20px;
  }
  .swiper-type1.next {
    right: -20px;
  }
}

/* 标签组件 */
[class*="c-tag_"] {
  color: #165DFF;
  border: 2px solid #165DFF;
  font-weight: 600;
  text-align: center;
}

.c-tag_1 {
  padding: 0.1rem 0.4rem;
  border-radius: 40px;
}

.c-tag_2 {
  padding: 0.1rem 0.4rem;
  border-radius: 40px;
  background-color: #165DFF;
  color: #FFFFFF;
}

/* 表单 */
.c-form {
  flex: 1;
}

@media screen and (min-width: 769px) {
  .c-form:nth-child(1) {
    padding-right: 20px;
  }
  .c-form:nth-child(2) {
    padding-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  .c-form {
    margin-top: 20px;
  }
  .c-form:nth-child(1) {
    margin-top: 0;
  }
}

.c-form_t {
  font-size: 24px;
}

.c-form-item {
  margin-top: 10px;
  position: relative;
}

.c-form-item .c-form-err {
  display: none;
  color: #d9001b;
  margin-top: 4px;
  font-size: 12px;
}

.c-form-item.error .c-form-err {
  display: block;
}

.c-form-item .c-form-label {
  display: inline-flex;
  font-size: 14px;
  margin-bottom: 4px;
}

@media screen and (max-width: 768px) {
  .c-form-item .c-form-label {
    display: none;
  }
}

.c-form-item.required .c-form-label::after {
  display: inline-block;
  content: "*";
  color: #009ade;
  margin-left: 6px;
}

.c-form-item .c-form-dropbox {
  display: none;
  position: absolute;
  width: 100%;
  border: 1px solid #e6e6e6;
  border-top: none;
  background-color: white;
  z-index: 11;
  box-sizing: border-box;
  max-height: 200px;
  overflow-y: auto;
}

.c-form-item .c-form-dropbox .nodata {
  padding: 10px;
  text-align: center;
}

.c-form-item .c-form-dropbox li {
  padding: 6px;
}

.c-form-item .c-form-dropbox li:hover {
  background-color: #F3F3F3;
}

.c-form-box {
  position: relative;
  width: 100%;
  border: 1px solid #c7c7c7;
  display: flex;
  justify-content: space-between;
  height: 38px;
}

.c-form-box.autoh {
  height: auto;
}

.c-form-box:hover {
  width: 100%;
  border: 1px solid rgba(22, 93, 255, 0.2);
  display: flex;
  justify-content: space-between;
}

.c-form-item.error .c-form-box {
  border-color: #b92020;
}

.c-form-box ._input {
  border: none;
  outline: none;
  flex: 1;
  width: 100%;
  text-indent: 10px;
  height: 36px;
  background: inherit;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.c-form-box ._input._select[disabled] {
  background-color: inherit;
}

.c-form-box ._textarea {
  height: initial;
  padding: 10px;
  text-indent: initial;
  position: relative;
}

select._input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*去掉下拉箭头*/
}

select._input option {
  color: black;
  padding: 2px 4px;
  box-sizing: border-box;
}

select._input::-ms-expand {
  display: none;
}

.c-form-box > i {
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  padding: 8px;
  font-size: 16px;
  color: #979797;
  position: absolute;
  right: 0;
}

.c-form-box.is-open i > svg {
  transform: rotate(180deg);
}

.c-form-box > i > svg {
  height: 100%;
  width: 100%;
  fill: #c3c3c3;
  transition: transform .2s ease-in-out;
}

.c-form-actions {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .c-form-actions {
    width: 100%;
  }
  .c-form-actions [class*="o-btn_"] {
    display: block;
    text-align: center;
  }
}

[class*='c-form-placeholder'] {
  display: none;
}

@media screen and (max-width: 768px) {
  [class*='c-form-placeholder'] {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateX(0%) translateY(-50%);
    color: #CCCCCC;
    font-size: 12px;
    display: flex;
    text-align: left;
    padding: 0 10px;
  }
  [class*='c-form-placeholder'].aside {
    color: #1D1D1F;
    background-color: white;
    transform: translateY(-26px) translateX(2px) scale(0.8);
    transition: transform .2s ease-in-out;
    transform-origin: left top;
    opacity: 1;
    z-index: 1;
  }
}

.c-form-placeholder_1 {
  color: #1D1D1F;
  opacity: 0.6;
}

@media screen and (min-width: 769px) {
  .f-cbox {
    max-width: 800px !important;
    margin-bottom: 40px !important;
  }
  .f-cbox i {
    margin-right: .1rem;
    color: #165DFF;
  }
  .f-info {
    max-width: 800px !important;
  }
  .f-info i {
    margin-right: .1rem;
    color: #165DFF;
  }
}

@media screen and (max-width: 768px) {
  .f-cbox {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 40px !important;
    padding: 0 !important;
  }
  .f-cbox i {
    margin-right: .1rem;
    color: #165DFF;
  }
  .f-info {
    font-size: 14px;
    line-height: 18px;
    padding: 0 !important;
  }
  .f-info i {
    margin-right: .1rem;
    color: #165DFF;
  }
  .f-info span {
    flex: 1;
  }
}

[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  -o-appearance: checkbox;
  appearance: checkbox;
}

._checkbox {
  display: flex;
  align-items: center;
}

._checkbox span {
  margin-left: 8px;
}

._checkbox a {
  color: #009ade;
}

._checkbox a:hover {
  text-decoration: underline;
}

.dark {
  padding: 0 0 30px 0;
  color: white;
  --form-bg: black;
  background: var(--form-bg);
}

.dark .form-wrap {
  padding-top: 30px;
}

.dark h3 {
  font-size: 2vw;
  margin-bottom: 20px;
}

.dark .c-form-item {
  margin-top: 20px;
}

.dark .c-form-box.type2 {
  border-radius: 4px;
}

.dark .c-form-box.type2:hover {
  box-shadow: 0px 0px 4px white;
  border: 1px solid white;
}

.dark .c-form-item .c-form-dropbox {
  background-color: black;
  background-color: var(--form-bg);
}

.dark .c-form-item .c-form-dropbox li:hover {
  background-color: #3a3a3a;
}

.dark .c-form-placeholder_1 {
  color: white;
}

.dark .textarea1 {
  height: 115px;
}

.dark .c-form-item.error .c-form-box {
  border-color: white;
}

.dark .c-form-item .c-form-dropbox.type2 {
  width: 50%;
}

.dark .c-form-item .c-form-dropbox.type2 > li {
  position: relative;
}

.dark .dropbox-sublist {
  position: absolute;
  display: none;
  left: 50%;
  width: 50%;
  border: 1px solid #e6e6e6;
  border-top: none;
  z-index: 11;
  box-sizing: border-box;
  max-height: 200px;
  overflow-y: auto;
  background: black;
}

.dark .dropbox-sublist > li {
  padding: 6px;
}

.dark .dropbox-sublist > li:hover {
  background-color: #3a3a3a;
}

.dark .p2 {
  font-size: 12px;
  line-height: 1.2;
  margin-top: 6px;
}

@media screen and (max-width: 768px) {
  .dark h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .dark [class*='c-form-placeholder'].aside {
    color: white;
    background-color: black;
  }
}

.light {
  background-color: #fff;
}

.light textarea::placeholder {
  opacity: .6;
}

.light h3 {
  margin-bottom: calc(0.4 * var(--fs));
}

.light .c-form-item {
  margin-top: calc(0.2 * var(--fs));
}

.light .c-form-item .c-form-dropbox {
  background-color: white;
}

.light .c-form-item .c-form-dropbox li:hover {
  background-color: #f5f5f5;
}

.light .c-form-placeholder_1 {
  color: #1D1D1F;
}

.light .textarea1 {
  height: 126px;
}

.light .c-form-item.error .c-form-box {
  border-color: #b92020;
}

.light .c-form-item .c-form-dropbox.type2 {
  width: 50%;
}

.light .c-form-item .c-form-dropbox.type2 > li {
  position: relative;
}

.light .dropbox-sublist {
  position: absolute;
  display: none;
  left: 50%;
  width: 50%;
  border: 1px solid #e6e6e6;
  border-top: none;
  z-index: 11;
  box-sizing: border-box;
  max-height: 200px;
  overflow-y: auto;
  background: white;
}

.light .dropbox-sublist > li {
  padding: 6px;
}

.light .dropbox-sublist > li:hover {
  background-color: #f5f5f5;
}

.light .p2 {
  font-size: 12px;
  line-height: 1.2;
  margin-top: 6px;
}

@media screen and (max-width: 768px) {
  .light h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .light [class*='c-form-placeholder'].aside {
    color: #1D1D1F;
    background-color: white;
  }
}

.c-select-mask {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

/* 整站风格 start */
body {
  --themeColor: #165DFF;
  --textColor: #000000;
  --placeholderColor: rgba(9, 1, 77, 0.3);
}

.spacer {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
}

.spacer > img,
.spacer > video {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.theme-color {
  color: #165DFF;
}

.prodt-name {
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
  color: inherit;
  font-weight: normal;
}

.prodt-name strong {
  font-family: "Inter-Bold", "Arial", "Helvetica", sans-serif;
  font-weight: bold;
}

._bold {
  font-family: "Inter-Bold", "Arial", "Helvetica", sans-serif;
}

._light {
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
}

.fs-theme {
  color: #165DFF;
}

.fs-16 {
  font-size: calc(0.16 * var(--fs));
}

.fs-20 {
  font-size: calc(0.2 * var(--fs));
}

.fs-22 {
  font-size: calc(0.22 * var(--fs));
}

.fs-24 {
  font-size: calc(0.24 * var(--fs));
}

.fs-26 {
  font-size: calc(0.26 * var(--fs));
}

.fs-30 {
  font-size: calc(0.3 * var(--fs));
}

.fs-42 {
  font-size: calc(0.42 * var(--fs));
}

.fs-56 {
  font-size: calc(0.56 * var(--fs));
}

.fs-96 {
  font-size: calc(0.96 * var(--fs));
}

h1 {
  font-size: calc(1 * var(--fs));
}

.h1-max {
  font-size: calc(1.2 * var(--fs));
}

h2 {
  font-size: calc(0.56 * var(--fs));
}

h3 {
  font-size: calc(0.48 * var(--fs));
}

h4 {
  font-size: calc(0.3 * var(--fs));
}

h6 {
  font-size: calc(0.18 * var(--fs));
}

@media screen and (max-width: 768px) {
  .h1-max {
    font-size: calc(0.8 * var(--fs));
    line-height: 1.5;
  }
  h1 {
    font-size: calc(0.64 * var(--fs));
  }
  h2 {
    font-size: calc(0.56 * var(--fs));
  }
  h3 {
    font-size: calc(0.48 * var(--fs));
  }
  h4 {
    font-size: calc(0.4 * var(--fs));
  }
}

.non-immersive main {
  padding-top: var(--var-headerH);
}

.link-more {
  font-size: calc(0.24 * var(--fs));
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
}

@media screen and (max-width: 768px) {
  .link-more {
    font-size: 12px;
  }
}

.pic-hover {
  overflow: hidden;
}

.pic-hover img {
  transition: transform 0.2s ease-in-out;
}

.pic-hover:hover img {
  transform: scale(1.02);
}

.card-hover {
  transition: box-shadow 0.2s ease-in-out;
}

.card-hover:hover {
  box-shadow: 8px 8px 10px 0px #d5d5d5;
}

.abs {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.position-abs {
  position: absolute;
}

.position-rel {
  position: relative;
}

.position-fixed {
  position: fixed;
}

.position-sticky {
  position: sticky;
}

.position-static {
  position: static;
}

.position-inherit {
  position: inherit;
}

.abs-w {
  position: absolute;
  width: 100%;
}

.abs-w.--center {
  text-align: center;
}

.abs-w.--right {
  text-align: right;
}

.abs-w.--left {
  text-align: left;
}

.abs-h {
  position: absolute;
  height: 100%;
}

.h-full {
  height: 100%;
}

.w-full {
  width: 100%;
}

.page-bottom {
  padding-bottom: calc(2 * var(--fs));
}

.page-privacy {
  padding: 40px 0;
}

.page-privacy span {
  font-size: 16px;
  line-height: 150%;
}

.page-privacy .p1 {
  line-height: 150%;
}

/* 通用选择器，适用于大多数现代浏览器 */
::placeholder {
  color: var(--placeholderColor);
  /* 修改为你想要的颜色 */
  opacity: 1;
  /* 使得颜色不透明 */
}

/* 适用于 WebKit 浏览器 (Chrome, Safari) */
input::-webkit-input-placeholder {
  color: var(--placeholderColor);
  /* 修改为你想要的颜色 */
}

/* 适用于 Firefox */
input::-moz-placeholder {
  color: var(--placeholderColor);
  /* 修改为你想要的颜色 */
}

/* 适用于 IE */
input:-ms-input-placeholder {
  color: var(--placeholderColor);
  /* 修改为你想要的颜色 */
}

/* 适用于 Microsoft Edge */
input::-ms-input-placeholder {
  color: var(--placeholderColor);
  /* 修改为你想要的颜色 */
}

[lang="en"] h2 {
  font-size: calc(0.48 * var(--fs));
}

html {
  --window-height: 1080px;
  --window-width: 1920px;
  --vh: 13.2900px;
  --vw: 19.2000px;
  --scale: 100.0000px;
  --fs: 100.0000px;
}

body {
  --var-headerH: calc(0.69 * var(--fs));
}

@media screen and (min-width: 769px) and (max-width: 1440px) {
  body {
    --var-headerH: calc(0.69 * var(--fs));
  }
}

@media screen and (max-width: 768px) {
  body {
    --var-headerH: 48px;
  }
}

.site-header {
  transition: all .2s ease-in-out;
  --var-a-fontsize: calc(0.2 * var(--fs));
  --var-fs-12: 12px;
  --var-fs-16: 16px;
  --var-fs-15: 15px;
  --var-fs-18: 18px;
  --var-fs-20: 20px;
  --var-fs-24: 24px;
}

.site-header.stiky {
  --var-text-color: #ffffff;
  --var-text-color-dark: #1d1d1f;
  --var-background: rgba(0, 0, 0, 0.25);
  --var-background2: rgba(0, 0, 0, 0.4);
  --var-mask-bg: inherit;
  --var-border-color: transparent;
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
}

.site-header.white-header, .site-header.white-fixed {
  --var-text-color: #000000;
  --var-text-color-dark: #676767;
  --var-background: #ffffff;
  --var-background2: #ffffff;
  --var-mask-bg: rgba(0, 0, 0, 0.4);
  --var-border-color: #f7f7f7;
  background-color: var(--var-background);
}

.site-header > nav {
  position: relative;
  z-index: 1;
  color: var(--var-text-color);
  background-color: var(--var-background);
  border-bottom: 1px solid var(--var-border-color);
}

.top-bar {
  color: white;
  background: black;
  text-align: right;
  font-size: 12px;
  padding: 8px 0px;
}

.top-bar .top-bar-lang {
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.top-bar .btn-language {
  margin-left: 8px;
  font-size: 12px;
}

.top-bar .btn-closeTopBar {
  margin-left: 12px;
  font-size: 12px;
  cursor: pointer;
}

.top-bar .lang-dropdown {
  position: absolute;
  background: rgba(0, 0, 0, 0.78);
  z-index: 11;
  width: 200%;
  text-align: left;
  padding: 10px 6px;
  margin-left: -100%;
  margin-top: 8px;
  transform: translate(10px, -10px);
  transition: transform .2s ease;
  opacity: 0;
  visibility: hidden;
}

.top-bar .lang-dropdown.show {
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}

.top-bar .lang-dropdown > li {
  padding: 4px 0;
  padding-left: 30px;
  position: relative;
}

.top-bar .lang-dropdown > li .icon-selected {
  position: absolute;
  left: 10px;
  font-size: 14px;
}

.navbar-container {
  display: flex;
  height: var(--var-headerH);
}

.header-logo {
  width: auto;
  display: flex;
  align-items: center;
  margin-right: calc(0.6 * var(--scale));
}

.header-logo a {
  display: inline-flex;
  align-items: center;
  width: auto;
}

.header-logo a > img {
  height: calc(0.24 * var(--scale));
}

@media screen and (max-width: 768px) {
  .header-logo a > img {
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .header-logo {
    width: auto;
  }
  .header-logo a {
    width: calc(2.4 * var(--fs));
  }
}

.header-navbar {
  flex: 1;
  display: flex;
}

.header-navbar .navbar-category {
  display: flex;
  justify-content: center;
  flex: 1;
}

.category-item {
  margin-right: calc(0.4 * var(--fs));
  text-align: center;
  height: var(--var-headerH);
  line-height: var(--var-headerH);
  font-size: var(--var-a-fontsize);
  display: flex;
  align-items: center;
}

.category-item:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .category-item {
    margin-right: calc(0.3 * var(--fs));
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .category-item {
    margin-right: calc(0.2 * var(--fs));
  }
}

.category-item .nav-link-wrap {
  position: relative;
  z-index: 2;
  line-height: 1.2;
}

.category-item .nav-link-wrap::after {
  display: none;
  content: '';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 4px;
  background-color: transparent;
  left: 0;
  bottom: -4px;
  transition: background-color .2s ease-in-out;
}

.category-item .nav-link-wrap a {
  color: var(--var-text-color);
  font-size: inherit;
  cursor: pointer;
  word-break: normal;
}

.category-item.active .nav-link-wrap::after {
  background-color: #009ADE;
}

.navbar-right {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: calc(0.6 * var(--scale));
}

.navbar-right > li {
  cursor: pointer;
  display: flex;
}

.navbar-right > li.nav-contactus .btn-setting {
  width: 24px;
  height: 24px;
}

.navbar-right > li.nav-contactus .btn-contact i {
  font-size: calc(0.6 * var(--fs));
}

.navbar-right > li.nav-search {
  margin-left: 20px;
}

.navbar-right > li.nav-search i {
  font-weight: 600;
  font-size: calc(0.16 * var(--fs));
  transition: transform .2s ease-in-out;
}

.navbar-right > li.nav-search i:hover {
  transform: scale(1.1);
}

@media screen and (max-width: 768px) {
  .navbar-right > li.nav-search {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 10px;
  }
}

.navbar-right .mobile-menu {
  height: var(--var-headerH);
  line-height: var(--var-headerH);
  padding-left: calc(0.4 * var(--fs));
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.navbar-right .mobile-menu > *:first-child {
  margin-left: 0;
}

.navbar-right .mobile-menu b {
  width: 20px;
  height: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
}

.navbar-right .mobile-menu b::before, .navbar-right .mobile-menu b::after,
.navbar-right .mobile-menu b em {
  position: absolute;
  background-color: var(--var-text-color);
  width: 100%;
  height: 2px;
  border-radius: 2px;
  content: "";
  transition: all 0.3s linear;
}

.navbar-right .mobile-menu b::before {
  top: 0;
}

.navbar-right .mobile-menu b em {
  transition: all 0.3s linear;
  top: 8px;
}

.navbar-right .mobile-menu b::after {
  bottom: 0;
}

.navbar-right .mobile-menu.open b::before {
  transform: rotateZ(45deg);
  top: 8px;
}

.navbar-right .mobile-menu.open b em {
  opacity: 0;
}

.navbar-right .mobile-menu.open b::after {
  bottom: 8px;
  transform: rotateZ(-45deg);
}

@media screen and (max-width: 1024px) {
  .navbar-right {
    width: 100%;
  }
}

body.touch .navbar-category {
  display: none !important;
}

body.touch .navbar-right {
  width: 100%;
}

body.touch .mobile-menu {
  display: flex !important;
}

.single-dropdown {
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  height: 80vh;
  max-height: 100vh;
  color: #ffffff;
}

.single-dropdown .dropdown-container {
  height: 100%;
}

@media (max-aspect-ratio: 2.28571) {
  .single-dropdown {
    height: 60vh;
  }
}

.abc-dropdown-mask {
  display: none;
  width: 100%;
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  height: 20vh;
  min-height: calc(2 * var(--fs));
}

.abc-dropdown {
  display: none;
  line-height: initial;
  text-align: left;
  padding: 10px;
  border-radius: 4px;
  color: white;
  position: relative;
  z-index: 1;
}

.menu-products {
  display: flex;
  justify-content: space-around;
  height: 100%;
}

.menu-products > li {
  background-image: url(/wp-content/themes/v2/images/menu/prodt-bg.png);
  background-repeat: repeat-x;
  position: relative;
  max-width: calc(3 * var(--fs));
  height: 80%;
  background-size: contain;
  transition: all .2s ease-in-out;
  opacity: .5;
  flex: 1;
  margin: 0 calc(0.3 * var(--fs));
}

.menu-products > li a {
  position: absolute;
  left: 0;
  top: 20%;
}

.menu-products > li img {
  transform: scale(1.5);
  margin-bottom: calc(0.4 * var(--fs));
}

.menu-products > li p {
  text-align: center;
  width: 100%;
  font-size: calc(0.3 * var(--fs));
  color: #676767;
  transition: all .2s ease-in-out;
}

.menu-products > li p strong {
  transition: all .2s ease-in-out;
  color: #676767;
}

.menu-products > li:hover {
  background-image: url(/wp-content/themes/v2/images/menu/prodt-bg-active.png);
  opacity: 1;
}

.menu-products > li:hover p {
  color: #FFFFFF;
}

.menu-products > li:hover p strong {
  color: #165DFF;
}

.menu-submenu {
  padding: 36px 0;
}

.menu-submenu > li {
  padding: 6px 0;
}

@media screen and (min-width: 769px) and (max-width: 1280px) {
  .menu-submenu {
    padding: 16px 0;
  }
}

.header-search {
  display: none;
  align-items: center;
  flex: 1;
  height: var(--var-headerH);
}

.header-search .search-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: var(--var-headerH);
  left: 0;
  opacity: .5;
  background-color: #000;
  z-index: 1;
}

.header-search form {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  height: 100%;
}

.header-search .search-box {
  display: inline-flex;
  background-color: rgba(236, 236, 236, 0.4);
  padding: calc(0.12 * var(--fs)) calc(0.2 * var(--fs));
  margin-left: 10%;
  margin-right: 10%;
  width: 70%;
  position: relative;
}

.header-search .search-box input {
  background: transparent;
  border: none;
  outline: none;
  color: var(--var-text-color);
  flex: 1;
  padding-left: 20px;
}

.header-search .search-box input::placeholder {
  color: var(--var-text-color);
}

@media screen and (max-width: 768px) {
  .header-search .search-box {
    padding: 4px 10px 4px 10px;
    margin-left: 6px;
    margin-right: 12px;
    flex: 1;
  }
  .header-search .search-box input {
    font-size: calc(0.12 * var(--fs));
    width: inherit;
  }
}

@media screen and (max-width: 768px) {
  .header-search {
    padding: 2px 0;
  }
}

.search-quick-wrap {
  display: none;
  position: absolute;
  width: 60%;
  top: var(--var-headerH);
  background: var(--var-background2);
  color: var(--var-text-color);
  padding: calc(0.4 * var(--fs)) calc(0.8 * var(--fs));
  left: 0;
}

.search-quick-wrap .quick-h {
  font-size: calc(0.18 * var(--fs));
}

.search-quick-wrap ul {
  margin-top: calc(0.42 * var(--fs));
}

.search-quick-wrap ul li {
  font-size: calc(0.2 * var(--fs));
  margin-top: calc(0.18 * var(--fs));
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
  cursor: pointer;
}

.search-quick-wrap ul li strong {
  font-family: "Inter-Bold", "Arial", "Helvetica", sans-serif;
}

.search-quick-wrap ul li span {
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .search-quick-wrap {
    width: 80%;
  }
}

@media screen and (max-width: 768px) {
  .search-quick-wrap {
    width: 100%;
    padding: calc(0.4 * var(--fs)) calc(0.3 * var(--fs));
    top: 44px;
  }
  .search-quick-wrap h5 {
    font-size: calc(0.12 * var(--fs));
  }
  .search-quick-wrap ul {
    margin-top: calc(0.3 * var(--fs));
  }
  .search-quick-wrap ul li {
    font-size: calc(0.15 * var(--fs));
    margin-top: calc(0.12 * var(--fs));
  }
}

.side-menu {
  position: fixed;
  z-index: 0;
  height: 100vh;
  width: 100%;
  top: 0;
  padding-top: var(--var-headerH);
  transform: translateX(100%);
  transition: transform .2s ease-in-out;
}

.side-menu.show {
  transform: translateX(0);
}

.side-menu.show .side-menu-mask {
  opacity: 1;
  visibility: visible;
}

.side-menu .side-menu-mask {
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.4);
  background-color: var(--var-mask-bg);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  transition: opacity .2s ease-in-out;
  transition-delay: 0.2s;
}

.side-menu .menu-wrap {
  position: relative;
  z-index: 1;
  --top-line: 4px;
  width: 66%;
  height: 100%;
  margin-left: auto;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding-top: var(--top-line);
  padding-left: 44px;
  padding-top: 80px;
  position: relative;
}

.side-menu .menu-wrap::before {
  content: '';
  height: var(--top-line);
  background-color: #165DFF;
  width: 80%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 10%;
}

@media screen and (min-width: 769px) {
  .side-menu .menu-wrap {
    width: 30%;
  }
}

.navbar-category-phone {
  display: flex;
  flex-direction: column;
}

.navbar-category-phone .category-item-m h4 {
  color: inherit;
  font-size: calc(0.36 * var(--fs));
  font-family: "Inter-Bold", "Arial", "Helvetica", sans-serif;
  margin-bottom: calc(0.46 * var(--fs));
}

.navbar-category-phone .category-item-m.active .nav-item-title {
  color: #165DFF;
}

.navbar-category-phone .submenu-list {
  display: flex;
  flex-direction: column;
  margin-bottom: calc(0.82 * var(--fs));
}

.navbar-category-phone .submenu-list > li {
  margin-bottom: calc(0.26 * var(--fs));
  color: inherit;
  font-size: calc(0.3 * var(--fs));
  font-family: "Inter-Regular", "Arial", "Helvetica", sans-serif;
}

.navbar-category-phone .submenu-list > li:last-child {
  margin-bottom: 0;
}

[lang="en"] .category-item .nav-link-wrap a {
  font-size: calc(0.16 * var(--scale));
  font-size: 16px;
}

[lang="en"] .category-item {
  margin-right: calc(0.3 * var(--fs));
}

.site-footer {
  background-color: black;
  color: white;
  padding: calc(1 * var(--fs)) 0 calc(1 * var(--fs));
}

.site-footer a {
  display: inline-block;
  color: #fff;
  color: inherit;
}

.site-footer a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .site-footer {
    padding: calc(0.4 * var(--fs)) calc(0 * var(--fs));
  }
}

.footer-category {
  display: flex;
  margin-bottom: calc(1.6 * var(--fs));
}

.footer-category > li {
  margin-right: 10%;
}

.footer-category > li h4 {
  font-size: calc(0.22 * var(--fs));
  margin-bottom: calc(0.4 * var(--fs));
}

.footer-category .category-items {
  display: flex;
  flex-direction: column;
}

.footer-category .category-items > li {
  font-size: calc(0.18 * var(--fs));
  margin-bottom: calc(0.32 * var(--fs));
  color: #BEBEBE;
}

.footer-category .category-items > li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .footer-category {
    flex-direction: column;
    margin-bottom: calc(0.8 * var(--fs));
  }
  .footer-category > li {
    margin-right: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #676767;
    padding-bottom: calc(0.24 * var(--fs));
    padding-top: calc(0.24 * var(--fs));
  }
  .footer-category > li:last-child {
    border-bottom: none;
  }
  .footer-category > li h4 {
    font-size: calc(0.28 * var(--fs));
    width: 50%;
    padding-right: 20px;
    margin-bottom: 0;
  }
  .footer-category .category-items {
    flex: 1;
    padding-left: 0;
  }
  .footer-category .category-items > li {
    font-size: calc(0.22 * var(--fs));
    margin-bottom: calc(0.26 * var(--fs));
  }
  .footer-category .category-items > li strong {
    font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
  }
}

.footer-logo-wrap .footer-link-logo > img {
  width: calc(1.4 * var(--fs));
}

.footer-logo-wrap .footer-link-contact {
  font-size: calc(0.24 * var(--fs));
  float: right;
}

@media screen and (max-width: 768px) {
  .footer-logo-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .footer-logo-wrap .footer-link-logo > img {
    height: calc(0.5 * var(--fs));
    width: auto;
  }
  .footer-logo-wrap .footer-link-contact {
    font-size: calc(0.24 * var(--fs));
    color: #F00;
  }
}

.line-h {
  width: 100%;
  height: 1px;
  background-color: #676767;
  margin: calc(0.1 * var(--fs)) 0;
}

@media screen and (max-width: 768px) {
  .line-h {
    margin: calc(0.1 * var(--fs)) 0;
  }
}

.footer-copyright {
  color: #CECECE;
  font-size: calc(0.12 * var(--fs));
}

.footer-copyright > p {
  width: 60%;
  display: inline-block;
}

.footer-copyright .copy-right {
  margin-right: calc(0.2 * var(--fs));
  display: inline-block;
}

.footer-copyright .beian {
  margin-right: calc(0.4 * var(--fs));
}

.footer-copyright .cp-desc {
  float: right;
  display: inline-block;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .footer-copyright {
    font-size: calc(0.16 * var(--fs));
  }
  .footer-copyright p {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .footer-copyright .copy-right {
    margin-right: 0;
    flex: 1;
  }
  .footer-copyright .cp-desc {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: calc(0.2 * var(--fs));
  }
}

.page-home-v2 {
  color: var(--textColor);
  line-height: 1.2;
}

.page-home-v2 section {
  position: relative;
}

.page-home-v2 h2 {
  margin-bottom: calc(0.2 * var(--fs));
  font-size: calc(0.5 * var(--scale));
  font-weight: 700;
}

.page-home-v2 .desc {
  color: #000000;
  line-height: 1.5;
  font-size: calc(0.18 * var(--scale));
}

.page-home-v2 .homeSection01 .bg {
  padding-bottom: 56.25%;
}

.page-home-v2 .homeSection02 {
  text-align: center;
  padding: calc(1.1 * var(--scale)) calc(0 * var(--scale)) calc(0.4 * var(--scale));
}

.page-home-v2 .homeSection02 .desc {
  line-height: 1.8;
  width: 80%;
  margin: 0 auto;
  margin-bottom: calc(0.5 * var(--scale));
}

.page-home-v2 .list01 {
  display: flex;
  gap: calc(0.2 * var(--scale));
}

.page-home-v2 .list01 li {
  flex: 1;
  border-radius: calc(0.1 * var(--scale));
  overflow: hidden;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.04);
}

.page-home-v2 .list01 li:hover .img01 img {
  transform: scale(1.05);
}

.page-home-v2 .list01 .img01 {
  padding-bottom: 63.1068%;
  overflow: hidden;
}

.page-home-v2 .list01 .img01 img {
  transition: all 0.3s ease;
}

.page-home-v2 .list01 .textBox {
  padding: calc(0.4 * var(--scale)) calc(0.3 * var(--scale));
}

.page-home-v2 .list01 em {
  font-size: calc(0.36 * var(--scale));
  font-weight: bold;
  background: linear-gradient(180deg, #1677ff 0%, rgba(22, 119, 255, 0) 75.97%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Inter-Bold", "Arial", "Helvetica", sans-serif;
  font-style: normal;
}

.page-home-v2 .list01 h3 {
  font-size: calc(0.26 * var(--scale));
  margin-bottom: calc(0.06 * var(--scale));
  margin-top: calc(-0.12 * var(--scale));
}

.page-home-v2 .list01 .p1 {
  font-size: calc(0.16 * var(--scale));
  line-height: 1.4;
}

.page-home-v2 .homeSection03 {
  text-align: center;
  padding: calc(0.4 * var(--scale)) calc(0 * var(--scale));
}

.page-home-v2 .homeSection03 .desc {
  line-height: 1.8;
  width: 80%;
  margin: 0 auto;
  margin-bottom: calc(0.5 * var(--scale));
}

.page-home-v2 .homeSection04 {
  padding: calc(0.4 * var(--scale)) calc(0 * var(--scale)) calc(0 * var(--scale));
}

.page-home-v2 .homeSection04 .wrap {
  display: flex;
  align-items: center;
}

.page-home-v2 .homeSection04 .img01 {
  width: 55%;
  padding-left: calc(0.2 * var(--scale));
}

.page-home-v2 .homeSection04 .title {
  font-size: calc(0.36 * var(--scale));
  color: #165DFF;
  margin-bottom: calc(0.2 * var(--scale));
  font-family: "Inter-Regular", "Arial", "Helvetica", sans-serif;
}

.page-home-v2 .homeSection04 .rightBtns {
  text-align: center;
}

.page-contactus-v2 .homeSection01 .bg {
  padding-bottom: 56.25%;
}

.page-contactus-v2 .ContactUsForm {
  padding: calc(0.4 * var(--scale)) calc(0 * var(--scale));
  text-align: center;
}

.page-contactus-v2 .ContactUsForm h2 {
  margin-bottom: calc(0.2 * var(--scale));
  font-size: calc(0.36 * var(--scale));
}

.page-contactus-v2 .ContactUsForm .desc {
  margin-bottom: calc(0.3 * var(--scale));
  font-size: calc(0.16 * var(--scale));
  line-height: 1.5;
}

.page-privacy-v2 {
  padding: 100px 0;
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
}

.page-privacy-v2 h1 {
  font-size: calc(0.5 * var(--scale));
  text-align: center;
  margin-bottom: calc(0.4 * var(--scale));
}

.page-privacy-v2 h2 {
  font-size: calc(0.22 * var(--scale));
  margin: calc(0.2 * var(--scale)) 0 calc(0.2 * var(--scale));
}

.page-privacy-v2 h3 {
  font-size: calc(0.2 * var(--scale));
  margin: calc(0.4 * var(--scale)) 0 calc(0.1 * var(--scale));
}

.page-privacy-v2 p {
  font-size: calc(0.2 * var(--scale));
  line-height: 1.5;
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
  margin-bottom: calc(0.1 * var(--scale));
}

.ContactUsForm .screen-reader-response {
  display: none;
}

.ContactUsForm .btn-privacy-policy {
  text-align: center;
}

.formWrap {
  padding: 40px 80px;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 16px;
}

.formWrap .btn-privacy-policy {
  color: #165DFF;
  font-size: calc(0.16 * var(--scale));
  text-decoration: underline;
}

.contactForm7 {
  flex: 1;
  width: 100%;
  text-align: left;
}

.contactForm7 .row {
  display: flex;
  gap: calc(0.2 * var(--scale));
  margin-bottom: calc(0.2 * var(--scale));
}

.contactForm7 .row > p {
  display: flex;
  width: 100%;
  gap: calc(0.2 * var(--scale));
}

.contactForm7 .row > p > label {
  flex: 1;
  position: relative;
  font-size: calc(0.16 * var(--scale));
  color: #000000;
  font-weight: 500;
  line-height: 1.5;
}

.contactForm7 .row > p > label.required:before {
  content: "*";
  position: absolute;
  left: -0.5em;
  color: red;
  font-size: calc(0.16 * var(--scale));
  top: 0;
}

.contactForm7 .row > p > span {
  display: inline-block;
  width: 100%;
}

.contactForm7 input,
.contactForm7 textarea {
  border-radius: calc(0.08 * var(--scale));
  flex: 1;
  font-size: calc(0.16 * var(--scale));
  min-height: 36px;
  text-indent: 1em;
  border: none;
  outline: none;
  width: 100%;
  margin-top: 6px;
}

.contactForm7 input:hover, .contactForm7 input:focus,
.contactForm7 textarea:hover,
.contactForm7 textarea:focus {
  border-color: #165DFF;
}

.contactForm7 input {
  height: calc(0.56 * var(--scale));
}

.contactForm7 textarea {
  padding: calc(0.1 * var(--scale)) 0;
  height: calc(0.9 * var(--scale));
}

.contactForm7 input[type="submit"] {
  width: 100%;
  height: calc(0.56 * var(--scale));
  border-radius: calc(0.56 * var(--scale));
  background: #165DFF;
  color: #fff;
  font-size: calc(0.16 * var(--scale));
  cursor: pointer;
  outline: none;
  border: none;
  flex: none;
  width: calc(2 * var(--scale));
  margin: 0 auto;
  text-indent: 0;
}

.contactForm7 input[type="submit"]:hover {
  opacity: 0.8;
}

@keyframes rotate1 {
  0% {
    transform: translate(-50%, 50%) rotate(-180deg);
  }
  100% {
    transform: translate(-50%, 50%) rotate(90deg);
  }
}

@keyframes rotate360 {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

/* 定义跳动动画 */
@keyframes bianse {
  0%,
  80%,
  100% {
    background: #fff;
    color: #165DFF;
    .icon svg path {
      fill: #165DFF;
    }
  }
  90% {
    background: #165DFF;
    color: #fff;
    border-color: #165DFF;
    .icon svg path {
      fill: #fff;
    }
  }
}

@keyframes flash01 {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.4);
    opacity: 0;
  }
}

[lang="en"] .page-home .desc {
  font-size: calc(0.16 * var(--scale));
}

[lang="en"] .page-home .homeSection01 .list01 > li .desc {
  font-size: calc(0.18 * var(--scale));
}

[lang="en"] .page-home .homeSection01 .list01 > li .box {
  text-align: left;
}

[lang="en"] .page-home .homeSection01 .textBox {
  margin-top: 12%;
}

[lang="en"] .page-home .homeSection02 .arrows {
  --per: 32.6%;
}

[lang="en"] .page-home .homeSection02 .card01 .text01 {
  font-size: calc(0.16 * var(--scale));
}

[lang="en"] .page-home .homeSection02 .list02 > li {
  font-size: calc(0.14 * var(--scale));
}

[lang="en"] .page-home .homeSection02 .list01 > li {
  font-size: calc(0.14 * var(--scale));
  width: calc(1.7 * var(--scale));
  padding: calc(0.06 * var(--scale)) calc(0.06 * var(--scale));
}

[lang="en"] .page-home .homeSection02 .list01 {
  --per: 37%;
}

[lang="en"] .page-home .homeSection02 .center .text {
  font-size: calc(0.18 * var(--scale));
}

[lang="en"] .page-home .homeSection02 .card02 .cardTitle {
  font-size: calc(0.16 * var(--scale));
}

[lang="en"] .page-home .homeSection02 .list03 > li {
  font-size: calc(0.14 * var(--scale));
}

[lang="en"] .page-home .homeSection03 .xiangxian {
  padding: calc(0.6 * var(--scale)) calc(1.2 * var(--scale));
}

[lang="en"] .page-home .homeSection03 .xiangxian .text02 {
  font-size: calc(0.18 * var(--scale));
}

[lang="en"] .page-home .homeSection03 .xiangxian .desc {
  font-size: calc(0.16 * var(--scale));
  line-height: 1.3;
}

[lang="en"] .page-home .homeSection04 .tag {
  width: auto;
}

[lang="en"] .page-home .homeSection04 .tag02 {
  top: 15%;
  left: 42.5%;
}

[lang="en"] .page-home .homeSection04 .text {
  font-size: calc(0.18 * var(--scale));
}

[lang="en"] .page-home .homeSection05 .card .p1 {
  font-size: calc(0.18 * var(--scale));
}

[lang="en"] .li-dot:before {
  top: 25%;
}

/* 辅助类 */
/* animation style custom start */
@-webkit-keyframes fadeInUp1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp1 {
  -webkit-animation-name: fadeInUp1;
  animation-name: fadeInUp1;
}

.shanshuo {
  animation: mydeamon 1s infinite;
  -webkit-animation: mydeamon 1s infinite;
}

@keyframes mydeamon {
  0% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes warn {
  0% {
    transform: scale(0.5);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}

/* animation style custom end */
.scrollmagic-pin-spacer {
  background-color: inherit;
}

.swiper-wrap {
  position: relative;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.chatway--container.has-loaded .chatway-launcher {
  background: none !important;
}

.chatway--container.has-loaded button.launcher-icon {
  background: #165DFF !important;
  padding: 20% !important;
}

.screen-reader-response {
  display: none;
  visibility: hidden;
}

.ContactUsForm fieldset {
  display: none;
}

[class$="response-output"] {
  display: none !important;
}

[class$="not-valid-tip"] {
  color: red;
  display: inline-block;
  margin-top: 6px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
}

.header {
  height: 80px;
}

@media screen and (min-width: 1141px) and (max-width: null) {
  .timeline-container {
    margin-left: 820px;
    color: #165DFF;
  }
}

@media screen and (min-width: 1140px) {
  .timeline-container {
    margin-left: 820px;
    color: #34c759;
  }
}

.test {
  margin-top: 100px;
  margin-bottom: 100px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.font1 * {
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
}

.font2 * {
  font-family: "Inter-Regular", "Arial", "Helvetica", sans-serif;
}

.font3 * {
  font-family: "Inter-Medium", "Arial", "Helvetica", sans-serif;
}

.font4 * {
  font-family: "Inter-Bold", "Arial", "Helvetica", sans-serif;
}

.red {
  color: red;
}

.fontx {
  background-color: #c4c4d6;
  color: white;
  padding: 40px 10px;
  font-size: 24px;
}

.fontx strong {
  color: #165DFF;
  font-family: "Inter-Bold", "Arial", "Helvetica", sans-serif;
}

.fontx span {
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
}

.widthCenter80 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.test-aspect-ratio .box {
  width: 100px;
  height: 100px;
  background-color: #34c759;
  transition: all .2s ease-in-out;
}

@media (max-aspect-ratio: 0.5) {
  .test-aspect-ratio .box {
    width: 50px;
    height: 100px;
  }
}

@media (min-aspect-ratio: 2) {
  .test-aspect-ratio .box {
    width: 100px;
    height: 50px;
  }
}