.rqt__btn[data-v-b3852616] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.8vw;
  line-height: 2.8vw;
  text-align: center;
  background-color: #1377FF;
  color: #fff;
  border-radius: 0.4vw;
  cursor: pointer;
}
.rqt__btn[data-v-b3852616]:hover {
  background-color: #0f61d5;
}
@keyframes showWarning-b3852616 {
0% {
    opacity: 100%;
}
99% {
    opacity: 100%;
}
100% {
    opacity: 0;
}
}
.el-form-item[data-v-b3852616] {
  background-color: #fff !important;
  border-radius: 0.2vw;
}
input[data-v-b3852616]::-webkit-input-placeholder {
  font-size: 0.7291666667vw;
  color: #C8C8C8;
}
input[data-v-b3852616]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 0.7291666667vw;
  color: #C8C8C8;
}
input[data-v-b3852616]:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-size: 0.7291666667vw;
  color: #C8C8C8;
}
.request__box[data-v-b3852616] {
  display: flex;
  justify-content: center;
  transform: scale(1.2);
  position: relative;
}
.request__box .request__box__content[data-v-b3852616] {
  position: relative;
  background-color: #A1B4D6;
  border-radius: 1.4vw;
}
.request__box .request__box__content .close__btn[data-v-b3852616] {
  position: absolute;
  top: 0.1vw;
  right: 1%;
  cursor: pointer;
}
.request__box .request__box__content .content__inner[data-v-b3852616] {
  width: 72%;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.request__box .request__box__content .content__inner__title[data-v-b3852616] {
  text-align: center;
  padding-top: 2vw;
}
.request__box .request__box__content .content__inner__title .touch[data-v-b3852616] {
  color: rgba(255, 255, 255, 0.65);
}
.request__box .request__box__content .content__inner__title .sub__title[data-v-b3852616] {
  margin-top: -1.4vw;
  color: #000;
  font-weight: bold;
}
.request__box .request__box__content .content__inner__title .desc[data-v-b3852616] {
  color: #333;
  margin-top: 0.6vw;
}
.request__box .request__box__content .content__inner__form[data-v-b3852616] {
  width: 100%;
  height: 19vw;
  margin: 3vw auto 0;
  position: relative;
}
.request__box .request__box__content .content__inner__form .item[data-v-b3852616] {
  display: flex;
  background-color: rgba(255, 255, 255, 0.65);
  padding: 0.4vw;
  border-radius: 0.4vw;
  margin-bottom: 2vw;
}
.request__box .request__box__content .content__inner__form .item__title[data-v-b3852616] {
  padding: 0.2vw 0.8vw;
  white-space: nowrap;
  width: 26%;
}
.request__box .request__box__content .content__inner__form .item__input[data-v-b3852616] {
  border: none;
  background: transparent;
  width: 70%;
  font-size: 0.7291666667vw;
}
.request__box .request__box__content .content__inner__form .item__tips[data-v-b3852616] {
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.request__box .request__box__content .content__inner__form .item__tips .trade__list[data-v-b3852616] {
  position: absolute;
  top: 2.2vw;
  background-color: #fff;
  width: 100%;
  box-shadow: 0px 14px 20px 0px rgba(90, 95, 104, 0.14);
  border-radius: 0.4vw;
  z-index: 99999;
  overflow: hidden;
}
.request__box .request__box__content .content__inner__form .item__tips .trade__list__single[data-v-b3852616] {
  padding: 0.4vw;
}
.request__box .request__box__content .content__inner__form .item__tips .trade__list__single[data-v-b3852616]:hover {
  background-color: #f6f6f6;
}
.request__box .request__box__content .content__inner__form .item__tips .trade__list .active__single[data-v-b3852616] {
  background-color: #1377ff;
  color: #fff;
}
.request__box .tips__mask[data-v-b3852616] {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  width: 10vw;
  height: 10vw;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999;
  color: #fff;
  border-radius: 0.4vw;
  flex-direction: column;
}
.request__box .tips__mask__title[data-v-b3852616] {
  margin-bottom: 0.4vw;
  text-align: center;
}
.request__box .active__show[data-v-b3852616] {
  animation: showWarning-b3852616 2s;
}
.rqt__btn[data-v-bb3be0fa] {
  width: 100%;
  padding: 2vw;
  text-align: center;
  background-color: #1377FF;
  color: #fff;
  margin: 0 auto;
}
.rqt__btn[data-v-bb3be0fa]:hover {
  background-color: #0f61d5;
}
@keyframes showWarning-bb3be0fa {
0% {
    opacity: 100%;
}
99% {
    opacity: 100%;
}
100% {
    opacity: 0;
}
}
.el-form-item[data-v-bb3be0fa] {
  background-color: #fff !important;
  border-radius: 0.2vw;
}
input[data-v-bb3be0fa]::-webkit-input-placeholder {
  font-size: 2.0833333333vw;
  color: #C8C8C8;
}
input[data-v-bb3be0fa]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 2.0833333333vw;
  color: #C8C8C8;
}
input[data-v-bb3be0fa]:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-size: 2.0833333333vw;
  color: #C8C8C8;
}
.request__box[data-v-bb3be0fa] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.request__box .request__box__content[data-v-bb3be0fa] {
  position: relative;
  background-color: #A1B4D6;
}
.request__box .request__box__content .close__btn[data-v-bb3be0fa] {
  position: absolute;
  top: 0.1vw;
  right: 1%;
  cursor: pointer;
}
.request__box .request__box__content .content__inner[data-v-bb3be0fa] {
  width: 72%;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.request__box .request__box__content .content__inner__title[data-v-bb3be0fa] {
  text-align: center;
  padding-top: 2vw;
}
.request__box .request__box__content .content__inner__title .touch[data-v-bb3be0fa] {
  color: rgba(255, 255, 255, 0.65);
}
.request__box .request__box__content .content__inner__title .sub__title[data-v-bb3be0fa] {
  margin-top: -1.4vw;
  color: #000;
  font-weight: bold;
}
.request__box .request__box__content .content__inner__title .desc[data-v-bb3be0fa] {
  color: #333;
  margin-top: 0.6vw;
}
.request__box .request__box__content .content__inner__form[data-v-bb3be0fa] {
  width: 100%;
  height: 19vw;
  margin: 6vw auto 0;
  position: relative;
}
.request__box .request__box__content .content__inner__form .item[data-v-bb3be0fa] {
  display: flex;
  background-color: rgba(255, 255, 255, 0.65);
  padding: 2vw;
  border-radius: 0.4vw;
  margin-bottom: 4vw;
}
.request__box .request__box__content .content__inner__form .item__title[data-v-bb3be0fa] {
  padding: 0.2vw 0.8vw;
  white-space: nowrap;
  width: 26%;
}
.request__box .request__box__content .content__inner__form .item__input[data-v-bb3be0fa] {
  border: none;
  background: transparent;
  width: 70%;
  font-size: 2.0833333333vw;
}
.request__box .request__box__content .content__inner__form .item__tips[data-v-bb3be0fa] {
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.request__box .request__box__content .content__inner__form .item__tips .trade__list[data-v-bb3be0fa] {
  position: absolute;
  top: 5.2vw;
  background-color: #fff;
  width: 100%;
  box-shadow: 0px 14px 20px 0px rgba(90, 95, 104, 0.14);
  border-radius: 0.4vw;
  z-index: 99999;
  overflow: hidden;
}
.request__box .request__box__content .content__inner__form .item__tips .trade__list__single[data-v-bb3be0fa] {
  padding: 0.4vw;
}
.request__box .request__box__content .content__inner__form .item__tips .trade__list__single[data-v-bb3be0fa]:hover {
  background-color: #f6f6f6;
}
.request__box .request__box__content .content__inner__form .item__tips .trade__list .active__single[data-v-bb3be0fa] {
  background-color: #1377ff;
  color: #fff;
}
.request__box .tips__mask[data-v-bb3be0fa] {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  width: 30vw;
  height: 30vw;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999;
  color: #fff;
  border-radius: 0.4vw;
  flex-direction: column;
}
.request__box .tips__mask__title[data-v-bb3be0fa] {
  margin-bottom: 0.4vw;
  text-align: center;
}
.request__box .active__show[data-v-bb3be0fa] {
  animation: showWarning-bb3be0fa 2s;
}
@charset "UTF-8";
.aTagStyle {
  font-size: 1.0416666667vw !important;
  font-weight: normal !important;
  color: #000 !important;
  width: 100px !important;
  height: 100px !important;
}
.aTagStyle:hover {
  color: #1377ff !important;
  font-weight: bold !important;
}
.isActiveStyle {
  font-size: 1.0416666667vw !important;
  font-weight: bold !important;
  width: 100px !important;
  height: 100px !important;
  border-bottom: 5px solid #1377ff;
  padding-bottom: 6px;
}
.el-dialog {
  background-color: transparent !important;
  border: none !important;
  --el-dialog-box-shadow:none !important;
}
.el-dialog__headerbtn .el-dialog__close {
  display: none;
}
.btn-style {
  background-color: #05a3ec !important;
  color: #fff !important;
  border: none !important;
  font-weight: bold !important;
  border-radius: 10px !important;
  font-size: 1.0416666667vw !important;
}
.el-form-item__error {
  padding-top: 15px !important;
}
.item-style {
  border: 1px solid #d7d7d7;
  border-radius: 10px;
  padding: 10px 30px;
  background-color: #fff !important;
}
.el-input__inner, .el-textarea__inner {
  border: none !important;
}
.el-dialog {
  border-radius: 10px !important;
}
.nav-style {
  height: 0.8rem;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 80%;
  padding: 0px;
  position: relative;
}
.nav-style a {
  font-size: 0;
}
.mobile .container {
  font-size: 0;
  box-sizing: border-box;
  padding: 0.2rem 0.1rem;
}
.mobile .container a img {
  width: 2.5rem;
}
.logo-part {
  display: flex;
  height: 0.7rem;
  align-items: center;
  margin-left: 8.4vw;
}
.bottomTitle {
  color: #555555;
}
.right-nav {
  display: flex;
  height: 0.7rem;
  align-items: center;
}
.right-nav .el-menu {
  border: none;
  background-color: transparent;
}
.right-nav .el-menu .el-menu-item {
  font-size: 0.17rem;
  font-weight: bold;
  color: #000 !important;
  padding: 0 !important;
}
.right-nav .el-menu .el-menu-item .el-submenu__title {
  font-size: 0.17rem;
  font-weight: bold;
  color: #000 !important;
  padding: 0 !important;
}
.right-nav .el-menu .bottom-item-style {
  color: #000 !important;
}
.right-nav .el-menu .el-menu-item:hover {
  background-color: transparent !important;
  color: #1377ff !important;
  font-weight: bolder !important;
}
.right-nav .el-menu .el-menu-item:focus {
  background-color: transparent !important;
}
.right-nav .el-menu .is-active {
  border-bottom-color: #1377ff !important;
  color: #000 !important;
  background-color: transparent;
}
.right-nav .el-menu.el-menu--horizontal {
  border: none !important;
}
.el-submenu__icon-arrow, .el-icon-arrow-down {
  display: none !important;
}
.el-menu--horizontal > .el-menu-item {
  border-bottom: none !important;
}
.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: none !important;
}
.el-menu--horizontal > .el-menu-item.is-active:hover {
  border-bottom: none !important;
  font-weight: bolder !important;
}
.el-menu--horizontal > .el-menu-item:hover {
  border-bottom: none !important;
  font-weight: bolder !important;
}
.el-menu--horizontal > .el-menu-item.is-active:hover {
  border-bottom: none !important;
  font-weight: bolder !important;
}
.el-submenu__title:hover {
  background-color: transparent !important;
  color: #1377ff !important;
  font-weight: bolder !important;
}
.el-menu--popup-bottom-start {
  padding: 0 !important;
  border-radius: 0 !important;
  margin-top: 10px;
}
.isActive {
  border-bottom: 5px solid #1377ff;
  padding-bottom: 6px;
}
.isNormal {
  width: 100px;
  height: 100px;
  font-size: 1.0416666667vw;
  font-weight: normal;
}
.isNormal:hover {
  font-weight: bold;
}
.requestdemobtn {
  background-color: #1377ff;
  height: 100%;
  border: none;
  padding: 0 2.6vw;
}

/*核心产品banner样式*/
.hxprod {
  display: flex;
}
.hxprod .mainChoose {
  width: 21%;
  background-color: rgba(255, 255, 255, 0.8);
}
.hxprod .mainChoose .singleProd {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 10% 0;
  font-weight: bold;
  cursor: pointer;
}
.hxprod .mainChoose .singleProd .title {
  margin-left: 50%;
}
.hxprod .mainChoose .activeProd {
  background-color: #fff;
}
.hxprod .mainChoose .hoverStyle:hover {
  color: #1377ff;
}
.hxprod .subChoose {
  width: 79%;
}
.hxprod .subChoose .subInfo {
  background-size: cover;
  height: 100%;
  width: 100%;
  position: relative;
}
.hxprod .subChoose .subInfo .bottomDesc {
  position: absolute;
  bottom: 7%;
  right: 6%;
}
.hxprod .subChoose .subInfo .subMenu .rowMenu {
  padding: 2% 4%;
  display: flex;
}
.hxprod .subChoose .subInfo .subMenu .rowMenu .singleTitle {
  padding-left: 6%;
  width: 24%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.hxprod .subChoose .bg1 {
  background-image: url(../../static/img/hxbannerbg.535f186a.png);
}
.hxprod .subChoose .bg2 {
  background-image: url(../../static/img/hxbannerbg2.d10eb6b3.png);
}
.mobile__menu {
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 0.8rem;
  right: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
}
.mobile__menu__left {
  width: 30%;
}
.mobile__menu__left__single {
  padding-left: 2vw;
  padding-bottom: 2vw;
  padding-top: 2vw;
  cursor: pointer;
}
.mobile__menu__left .active__menu {
  border-left: 0.6vw solid #1377ff;
  background: linear-gradient(to right, rgba(19, 119, 255, 0.11), #fff);
  color: #1377FF;
}
.mobile__menu__right {
  width: 70%;
}
.custom-context-menu {
  background-color: #0e5acb;
}
@media screen and (min-width: 959px) {
.isSHowWeb {
    display: flex !important;
}
.isShowMobile {
    display: none !important;
}
}
@media screen and (max-width: 959px) {
.isSHowWeb {
    display: none !important;
}
.isShowMobile {
    height: 0.8rem !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-right: 2vw !important;
    position: relative !important;
    background-color: #fff !important;
}
}
@charset "UTF-8";
.border[data-v-87c824b0] {
  display: none;
}
.border1[data-v-87c824b0] {
  width: 1px;
  height: 10vw;
  background-color: #fffdfc;
  margin: auto 0;
}
.border2[data-v-87c824b0] {
  height: 1px;
  width: 70%;
  background-color: #fffdfc;
  margin: auto 0;
}
@media screen and (min-width: 965px) {
.footer[data-v-87c824b0] {
    width: 100%;
    background-color: #363636;
    color: #fff;
    font-size: 0.12rem;
    position: relative;
}
.footer .bg-img[data-v-87c824b0] {
    position: absolute;
    bottom: 0;
    left: 20%;
    height: 18vw;
    z-index: 9;
}
.put-on-records[data-v-87c824b0] {
    display: flex;
    align-items: flex-end;
    margin-left: 4.1666666667vw;
}
.put-on-records a[data-v-87c824b0] {
    font-size: 0.8333333333vw;
    font-family: 思源黑体;
    color: #999999;
    text-decoration: none;
}
.put-on-records a[data-v-87c824b0]:hover {
    color: #69d2ff;
    text-decoration: underline;
}
}
@media screen and (max-width: 965px) {
.menu[data-v-87c824b0] {
    color: #909090;
    margin: 2vw 2%;
    width: 50%;
}
.mobile_part[data-v-87c824b0] {
    width: 100%;
    background-color: #363636;
    position: relative;
}
.mobile_part .bg-img2[data-v-87c824b0] {
    width: 70%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9 !important;
}
.subTitle[data-v-87c824b0] {
    padding: 1.6vw 2vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #474747;
}
.put-on-records[data-v-87c824b0] {
    display: flex;
    margin-top: 6px;
    align-items: center;
}
.put-on-records a[data-v-87c824b0] {
    font-size: 2.0833333333vw;
    font-family: 思源黑体;
    color: #fff;
    text-decoration: none;
}
.put-on-records a[data-v-87c824b0]:hover {
    color: #999999;
    text-decoration: underline;
}
}
.content[data-v-87c824b0] {
  width: 100%;
  height: 84%;
  display: flex;
  z-index: 99;
}
h6[data-v-87c824b0] {
  font-size: 1.25vw;
  margin: 10px 0;
  font-family: 思源黑体;
}
p[data-v-87c824b0] {
  font-size: 0.8333333333vw;
  font-family: 思源黑体;
}
.production[data-v-87c824b0] {
  width: 35%;
  margin-top: 30px;
  margin-left: 40px;
  z-index: 99;
}
.production .sub-title[data-v-87c824b0] {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.production .sub-title p[data-v-87c824b0] {
  margin: 20px 0;
}
.pt20[data-v-87c824b0] {
  padding-top: 20px;
}
.contact[data-v-87c824b0] {
  width: 35%;
  margin-top: 30px;
  margin-right: 40px;
  z-index: 9999;
}
.contact .single-info[data-v-87c824b0] {
  display: flex;
  margin: 0;
}
.contact .single-info p[data-v-87c824b0] {
  margin: 10px 0;
}
.attention[data-v-87c824b0] {
  width: 20%;
  margin-top: 30px;
  margin-left: 40px;
  padding-left: 2%;
  display: flex;
  flex-direction: column;
}
.attention img[data-v-87c824b0] {
  margin-top: 2vw;
  width: 40%;
}
.records-info[data-v-87c824b0] {
  width: 100%;
  height: 16%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 0.5208333333vw;
}
.records-info p[data-v-87c824b0] {
  margin: 0;
}
.records-info .copyright-info[data-v-87c824b0] {
  display: flex;
  align-items: flex-start;
}
.records-info .copyright-info a[data-v-87c824b0] {
  font-size: 0.8333333333vw;
  font-family: 思源黑体;
  color: #fff;
  text-decoration: none;
}
.records-info .copyright-info a[data-v-87c824b0]:hover {
  color: #69d2ff;
  text-decoration: underline;
}
@media screen and (max-width: 659px) {
.production[data-v-87c824b0] {
    width: 50%;
}
.content[data-v-87c824b0] {
    flex-wrap: wrap;
}
.border[data-v-87c824b0] {
    display: block;
    margin: 0 !important;
}
.border1[data-v-87c824b0], .border2[data-v-87c824b0] {
    display: none;
}
.records-info[data-v-87c824b0] {
    align-items: center;
    margin-top: 2vw;
    padding-bottom: 2vw;
}
.contact[data-v-87c824b0] {
    width: 100%;
}
h6[data-v-87c824b0] {
    margin: 0;
}
}
.ground-glass {
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999998;
  height: 0.8rem;
  width: 100vw;
}
@charset "UTF-8";
@media screen and (min-width: 960px) {
.content[data-v-2a5b7610] {
    text-align: center;
    padding: 20px 0;
}
.content .title[data-v-2a5b7610] {
    font-size: 1.4583333333vw;
    font-weight: bold;
    margin-bottom: 16px;
    font-family: 微软雅黑;
}
.content .desc[data-v-2a5b7610] {
    font-size: 0.8333333333vw;
    width: 79%;
    margin: 0 auto 10px;
}
.content .borderBox[data-v-2a5b7610] {
    border-bottom: 0.3vw solid #1377ff;
    width: 2%;
    margin: 0.6vw auto 0;
}
}
@media screen and (max-width: 959px) {
.content[data-v-2a5b7610] {
    text-align: center;
    padding: 12px 0 0;
}
.content .title[data-v-2a5b7610] {
    font-size: 2.6041666667vw;
    font-weight: bold;
    margin-bottom: 8px;
    font-family: 微软雅黑;
}
.content .desc[data-v-2a5b7610] {
    font-size: 1.4583333333vw;
    width: 79%;
    margin: 0 auto 6px;
}
.content .borderBox[data-v-2a5b7610] {
    border-bottom: 0.2vw solid #1377ff;
    width: 2%;
    margin: 0.2vw auto 0;
}
}
.content[data-v-6fed1acc] {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 965px) {
.ratioCard[data-v-6fed1acc] {
    position: absolute;
    top: -2vw;
    left: 50%;
    transform: translateX(-50%);
    width: 86vw;
    background: linear-gradient(to right, #1152e2, #1b9fff);
    border-radius: 0.1rem;
    padding-top: 2vw;
}
.ratioCard .coreInfo[data-v-6fed1acc] {
    display: flex;
    width: 100%;
    justify-content: space-around;
}
.ratioCard .coreInfo .singleCore[data-v-6fed1acc] {
    display: flex;
    justify-content: space-around;
    color: #fff;
    align-items: center;
    width: 25%;
}
.ratioCard .coreInfo .singleCore .num[data-v-6fed1acc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ratioCard .coreInfo .singleCore[data-v-6fed1acc]:not(:last-child) {
    border-right: 1px solid #8bc1fa;
}
.ratioCard .remark[data-v-6fed1acc] {
    width: 98%;
    margin: 1vw auto;
    text-align: right;
    font-weight: lighter;
}
.infoCard[data-v-6fed1acc] {
    width: 100%;
    position: absolute;
    top: 20%;
    height: 80%;
}
.infoCard .displayCard[data-v-6fed1acc] {
    display: flex;
    height: 60%;
    width: 80%;
    margin: 0.8% auto 0;
    justify-content: space-between;
}
.infoCard .displayCard .singleInfo[data-v-6fed1acc] {
    background-color: #FFFFFF;
    border-radius: 0.1rem;
    position: relative;
    height: 100%;
    width: 32%;
}
.infoCard .displayCard .singleInfo .infoImg[data-v-6fed1acc] {
    width: 7vw;
    position: absolute;
    top: 0;
    right: 4%;
}
.infoCard .displayCard .singleInfo .singleDesc[data-v-6fed1acc] {
    margin-top: 24%;
    margin-left: 8%;
}
.infoCard .displayCard .singleInfo .singleDesc .subTitle[data-v-6fed1acc] {
    margin: 4% 0;
}
.infoCard .displayCard .singleInfo .singleDesc .subDesc[data-v-6fed1acc] {
    display: flex;
    flex-direction: column;
}
.infoCard .displayCard .singleInfo .singleDesc .subDesc span[data-v-6fed1acc] {
    margin: 1% 0;
    color: #666666;
}
.infoCard .displayCard .singleInfo[data-v-6fed1acc]:hover {
    background: linear-gradient(to top, #c8e6ff, #fff);
}
.infoCard .displayCard .singleInfo:hover .singleDesc > .subTitle[data-v-6fed1acc] {
    color: #1367ea;
}
}
@media screen and (max-width: 965px) {
.ratioCard[data-v-6fed1acc] {
    position: absolute;
    top: -2vw;
    left: 50%;
    transform: translateX(-50%);
    width: 86vw;
    background: linear-gradient(to right, #1152e2, #1b9fff);
    border-radius: 0.1rem;
    padding-top: 2vw;
}
.ratioCard .coreInfo[data-v-6fed1acc] {
    display: flex;
    width: 100%;
    justify-content: space-around;
}
.ratioCard .coreInfo .singleCore[data-v-6fed1acc] {
    display: flex;
    color: #fff;
    align-items: center;
    width: 25%;
    flex-direction: column;
    justify-content: space-between;
}
.ratioCard .coreInfo .singleCore .num[data-v-6fed1acc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 6px;
}
.ratioCard .coreInfo .singleCore__num[data-v-6fed1acc], .ratioCard .coreInfo .singleCore img[data-v-6fed1acc] {
    margin-right: 1.6vw;
}
.ratioCard .coreInfo .singleCore[data-v-6fed1acc]:not(:last-child) {
    border-right: 1px solid #8bc1fa;
}
.ratioCard .remark[data-v-6fed1acc] {
    width: 98%;
    margin: 1vw auto;
    text-align: right;
}
.infoCard[data-v-6fed1acc] {
    width: 100%;
    position: absolute;
    top: 20%;
    height: 80%;
}
.infoCard .outBox[data-v-6fed1acc] {
    width: 100%;
    position: relative;
    overflow-x: hidden;
    height: 80%;
}
.infoCard .outBox .displayCard[data-v-6fed1acc] {
    display: flex;
    justify-content: space-around;
    position: absolute;
    left: -15vw;
    bottom: 6%;
    width: auto;
    animation: moveBox-6fed1acc 14s infinite;
    align-items: center;
    height: 100%;
}
.infoCard .outBox .displayCard .singleCard[data-v-6fed1acc] {
    background-color: #fff;
    border-radius: 0.1rem;
    width: 40vw;
    height: 80%;
    position: relative;
    margin: 0 1vw;
    padding: 0 2vw;
}
.infoCard .outBox .displayCard .singleCard .infoImg[data-v-6fed1acc] {
    width: 10vw;
    position: absolute;
    top: 0;
    right: 4%;
}
.infoCard .outBox .displayCard .singleCard .singleDesc[data-v-6fed1acc] {
    margin-top: 24%;
    margin-left: 8%;
}
.infoCard .outBox .displayCard .singleCard .singleDesc .subTitle[data-v-6fed1acc] {
    margin: 4% 0;
}
.infoCard .outBox .displayCard .singleCard .singleDesc .subDesc[data-v-6fed1acc] {
    display: flex;
    flex-direction: column;
}
.infoCard .outBox .displayCard .singleCard .singleDesc .subDesc span[data-v-6fed1acc] {
    margin: 1% 0;
    color: #666666;
}
.infoCard .outBox .displayCard .singleCard[data-v-6fed1acc]:hover {
    background: linear-gradient(to top, #c8e6ff, #fff);
}
.infoCard .outBox .displayCard .singleCard:hover .singleDesc > .subTitle[data-v-6fed1acc] {
    color: #1367ea;
}
}
@keyframes moveBox-6fed1acc {
0% {
    left: 15vw;
}
25% {
    left: -15vw;
}
50% {
    left: -41vw;
}
75% {
    left: -15vw;
}
100% {
    left: 15vw;
}
}
.FloorNavigation {
  width: 4vw;
  height: 20vw;
  position: fixed;
  top: 70vh;
  right: 0px;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.FloorNavigation .CenterFixed {
  height: 100%;
  width: 100%;
}
.FloorNavigation .CenterFixed ul {
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.FloorNavigation .CenterFixed ul li {
  color: #fff;
  text-align: center;
  display: block;
  padding: 0.4vw;
  margin-top: 0.4vw;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 999;
  width: 100%;
}
.FloorNavigation .CenterFixed ul .contact-card {
  width: 110%;
  position: absolute;
  height: 100%;
  left: -110%;
  top: 0;
  z-index: 998;
  display: flex;
  align-items: center;
}
.FloorNavigation .CenterFixed ul .contact-card .contact-content {
  width: calc(100% - 10px);
  height: 100%;
  background-color: #69d2ff;
}
.FloorNavigation .CenterFixed ul .contact-card .triangle-right {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 10px solid #69d2ff;
  border-bottom: 5px solid transparent;
}
.FloorNavigation .CenterFixed ul li:nth-child(3) {
  height: 20%;
  background-color: rgba(115, 115, 115, 0.8);
}
.content[data-v-7c4f70ae] {
  width: 100%;
  background-color: #31363D;
  padding-bottom: 5vw;
}
@media screen and (min-width: 965px) {
.matrixBox[data-v-7c4f70ae] {
    width: 80%;
    margin: 0 auto;
    height: 26vw;
    position: relative;
}
.matrixBox .singleMatrix[data-v-7c4f70ae] {
    height: 100%;
    width: 24.36%;
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.matrixBox .singleMatrix img[data-v-7c4f70ae] {
    width: 100%;
}
.matrixBox .singleMatrix .activeImg[data-v-7c4f70ae] {
    display: none;
}
.matrixBox .singleMatrix .desc[data-v-7c4f70ae] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.matrixBox .singleMatrix .desc img[data-v-7c4f70ae] {
    width: 20%;
    margin: 30% 0;
}
.matrixBox .singleMatrix .desc div[data-v-7c4f70ae] {
    margin-right: 2.4vw;
}
.matrixBox .singleMatrix:hover .norImg[data-v-7c4f70ae] {
    display: none;
}
.matrixBox .singleMatrix:hover .activeImg[data-v-7c4f70ae] {
    display: block;
}
.matrixBox .no2[data-v-7c4f70ae] {
    left: 19.264%;
}
.matrixBox .no3[data-v-7c4f70ae] {
    left: 38.528%;
}
.matrixBox .no4[data-v-7c4f70ae] {
    left: 57.792%;
}
.matrixBox .no5[data-v-7c4f70ae] {
    left: 77.056%;
}
}
@media screen and (max-width: 965px) {
.matrixBox[data-v-7c4f70ae] {
    width: 90%;
    margin: 0 auto;
    height: 12vw;
    display: flex;
    justify-content: space-between;
}
.matrixBox .singleMatrix[data-v-7c4f70ae] {
    width: 14vw;
    height: 14vw;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.matrixBox .singleMatrix .norImg[data-v-7c4f70ae], .matrixBox .singleMatrix .activeImg[data-v-7c4f70ae] {
    width: 14vw;
    height: 14vw;
    transform: scale(3);
    -o-object-fit: contain;
       object-fit: contain;
}
.matrixBox .singleMatrix .activeImg[data-v-7c4f70ae] {
    display: none;
}
.matrixBox .singleMatrix .desc[data-v-7c4f70ae] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    color: #fff;
}
.matrixBox .singleMatrix .desc img[data-v-7c4f70ae] {
    width: 3.2vw;
    height: 3.2vw;
}
.matrixBox .singleMatrix:hover .norImg[data-v-7c4f70ae] {
    display: none;
}
.matrixBox .singleMatrix:hover .activeImg[data-v-7c4f70ae] {
    display: block;
}
}
@charset "UTF-8";
@media screen and (min-width: 965px) {
.content[data-v-a0fddb64] {
    width: 100%;
    background-color: #efefef;
    padding-bottom: 2%;
    padding-top: 2%;
}
.content .outBox[data-v-a0fddb64] {
    width: 100%;
    position: relative;
    height: 21vw;
    overflow-x: hidden;
}
.content .outBox .displayCard[data-v-a0fddb64] {
    display: flex;
    justify-content: space-around;
    position: absolute;
    left: 0;
    bottom: 6%;
    width: auto;
    animation: moveBox-a0fddb64 14s infinite alternate;
}
.content .outBox .displayCard .singleCard[data-v-a0fddb64] {
    background-color: #fff;
    border-radius: 0.1rem;
    width: 21vw;
    position: relative;
    margin: 0 1vw;
    padding: 0 2vw;
}
.content .outBox .displayCard .singleCard[data-v-a0fddb64]:hover {
    background: linear-gradient(to right, #1b9fff, #1152e2);
    color: #fff;
}
.content .outBox .displayCard .singleCard:hover .cardImg[data-v-a0fddb64] {
    animation: moveImg-a0fddb64 0.4s ease-in forwards;
}
.content .outBox .displayCard .singleCard:hover .infoDesc > .desc[data-v-a0fddb64] {
    color: #fff;
}
.content .outBox .displayCard .singleCard .cardImg[data-v-a0fddb64] {
    width: 4vw;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -4%;
}
.content .outBox .displayCard .singleCard .infoDesc[data-v-a0fddb64] {
    text-align: center;
    padding-top: 6vw;
    padding-bottom: 14%;
}
.content .outBox .displayCard .singleCard .infoDesc .title[data-v-a0fddb64] {
    margin: 6% 0;
}
.content .outBox .displayCard .singleCard .infoDesc .desc[data-v-a0fddb64] {
    color: #666;
    line-height: 160%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /*超出1行就显示省略号，可以填3或者其它正整数*/
}
@keyframes moveBox-a0fddb64 {
0% {
      left: 0;
}
20% {
      left: 0;
}
40% {
      left: -15vw;
}
60% {
      left: -15vw;
}
80% {
      left: 0;
}
100% {
      left: 0;
}
}
@keyframes moveImg-a0fddb64 {
0% {
      top: -4%;
}
100% {
      top: 2%;
}
}
}
@media screen and (max-width: 965px) {
.content[data-v-a0fddb64] {
    width: 100%;
    background-color: #efefef;
    padding-bottom: 2%;
    padding-top: 2%;
}
.content .outBox[data-v-a0fddb64] {
    width: 100%;
    position: relative;
    height: 30vw;
    overflow-x: hidden;
}
.content .outBox .displayCard[data-v-a0fddb64] {
    display: flex;
    justify-content: space-around;
    position: absolute;
    left: 0;
    bottom: 6%;
    width: auto;
    height: 26vw;
    animation: moveBox-a0fddb64 14s infinite alternate;
}
.content .outBox .displayCard .singleCard[data-v-a0fddb64] {
    background-color: #fff;
    border-radius: 0.1rem;
    width: 30vw;
    position: relative;
    margin: 0 1vw;
    padding: 0 2vw;
}
.content .outBox .displayCard .singleCard[data-v-a0fddb64]:hover {
    background: linear-gradient(to right, #1b9fff, #1152e2);
    color: #fff;
}
.content .outBox .displayCard .singleCard:hover .cardImg[data-v-a0fddb64] {
    animation: moveImg-a0fddb64 0.4s ease-in forwards;
}
.content .outBox .displayCard .singleCard:hover .infoDesc > .desc[data-v-a0fddb64] {
    color: #fff;
}
.content .outBox .displayCard .singleCard .cardImg[data-v-a0fddb64] {
    width: 4vw;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -4%;
}
.content .outBox .displayCard .singleCard .infoDesc[data-v-a0fddb64] {
    text-align: center;
    padding-top: 6vw;
    padding-bottom: 14%;
}
.content .outBox .displayCard .singleCard .infoDesc .title[data-v-a0fddb64] {
    margin: 6% 0;
}
.content .outBox .displayCard .singleCard .infoDesc .desc[data-v-a0fddb64] {
    color: #666;
    line-height: 160%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /*超出1行就显示省略号，可以填3或者其它正整数*/
}
@keyframes moveBox-a0fddb64 {
0% {
      left: 0;
}
20% {
      left: 0;
}
40% {
      left: -15vw;
}
60% {
      left: -15vw;
}
80% {
      left: 0;
}
100% {
      left: 0;
}
}
@keyframes moveImg-a0fddb64 {
0% {
      top: -4%;
}
100% {
      top: 2%;
}
}
}
.content[data-v-ec3991c0] {
  width: 100%;
  position: relative;
}
.content .subtitle[data-v-ec3991c0] {
  position: absolute;
  top: 0;
}
.bgBlue[data-v-ec3991c0] {
  background-color: #3294d7;
}
.bgpurple[data-v-ec3991c0] {
  background-color: #5f74c2;
}
.bgblue2[data-v-ec3991c0] {
  background-color: #2f67b9;
}
@media screen and (min-width: 965px) {
.singleColorfulCardRow[data-v-ec3991c0] {
    width: 4.6vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.singleColorfulCardCol[data-v-ec3991c0] {
    height: 4.6vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.singleColorfulCard[data-v-ec3991c0] {
    border-radius: 0.1rem;
    padding: 1vw;
}
.polishCard[data-v-ec3991c0] {
    width: 90%;
    height: 40%;
    position: absolute;
    top: 18%;
    right: 0;
    display: flex;
}
.polishCard .leftCard[data-v-ec3991c0] {
    display: flex;
    width: 50%;
    height: 100%;
    padding: 2vw;
    justify-content: space-around;
}
.polishCard .leftCard .centerPart[data-v-ec3991c0] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 70%;
    text-align: center;
}
.polishCard .rightCard[data-v-ec3991c0] {
    width: 42%;
    padding: 2% 2% 2% 4%;
    color: #fff;
}
.polishCard .rightCard .title[data-v-ec3991c0] {
    text-align: right;
    font-weight: 560;
    line-height: 6vw;
    letter-spacing: 4px;
}
.polishCard .rightCard .desc[data-v-ec3991c0] {
    line-height: 1.6vw;
}
.displayCard[data-v-ec3991c0] {
    width: 80%;
    height: 30%;
    position: absolute;
    bottom: 8%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
}
.displayCard .singleInfo[data-v-ec3991c0] {
    width: 30%;
    height: 100%;
    background-color: #fff;
    border-radius: 0.1rem;
    position: relative;
}
.displayCard .singleInfo .imgShow[data-v-ec3991c0] {
    width: 8vw;
    height: 8vw;
    position: absolute;
    top: 0;
    right: 4%;
    background-size: 100% 100%;
}
.displayCard .singleInfo .computer[data-v-ec3991c0] {
    background-image: url(../../static/img/computer.a01ec876.png);
}
.displayCard .singleInfo .build[data-v-ec3991c0] {
    background-image: url(../../static/img/build.eb987c2e.png);
}
.displayCard .singleInfo .circle[data-v-ec3991c0] {
    background-image: url(../../static/img/circle.f83d0515.png);
}
.displayCard .singleInfo[data-v-ec3991c0]:hover {
    background: linear-gradient(to top, #C5E5FF, #FFFFFF);
}
.displayCard .singleInfo:hover .computer[data-v-ec3991c0] {
    background-image: url(../../static/img/acComputer.3785e12b.png);
}
.displayCard .singleInfo:hover .build[data-v-ec3991c0] {
    background-image: url(../../static/img/acBuild.d0c02816.png);
}
.displayCard .singleInfo:hover .circle[data-v-ec3991c0] {
    background-image: url(../../static/img/acCircle.fa4c75ae.png);
}
.displayCard .singleInfo .info[data-v-ec3991c0] {
    position: absolute;
    top: 30%;
    bottom: 10%;
    left: 8%;
    right: 8%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.displayCard .singleInfo .info .title2[data-v-ec3991c0] {
    font-weight: bold;
}
.displayCard .singleInfo .info .desc2[data-v-ec3991c0] {
    display: flex;
    flex-direction: column;
    color: #666666;
    justify-content: center;
}
}
@media screen and (max-width: 965px) {
.singleColorfulCardRow[data-v-ec3991c0] {
    width: 6.6vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.singleColorfulCardCol[data-v-ec3991c0] {
    height: 6.6vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.singleColorfulCard[data-v-ec3991c0] {
    padding: 2vw;
}
.polishCard[data-v-ec3991c0] {
    width: 90%;
    position: absolute;
    top: 10%;
    right: 5%;
    background: rgba(0, 0, 0, 0.24);
    border-radius: 12px 12px 12px 12px;
}
.polishCard .leftCard[data-v-ec3991c0] {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 2vw;
    justify-content: space-around;
}
.polishCard .leftCard .centerPart[data-v-ec3991c0] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 70%;
    text-align: center;
}
.polishCard .rightCard[data-v-ec3991c0] {
    width: 100%;
    padding: 2% 2% 2% 4%;
    color: #fff;
}
.polishCard .rightCard .title[data-v-ec3991c0] {
    text-align: center;
    font-weight: 560;
    line-height: 6vw;
    letter-spacing: 4px;
}
.polishCard .rightCard .desc[data-v-ec3991c0] {
    line-height: 3vw;
    text-align: center;
}
.displayCard[data-v-ec3991c0] {
    width: 100%;
    height: 30%;
    position: absolute;
    bottom: 4%;
    left: 50%;
    overflow: hidden;
    transform: translateX(-50%);
}
.displayCard .swiper-box[data-v-ec3991c0] {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    animation: moveBox-ec3991c0 14s infinite;
    left: -15vw;
}
.displayCard .swiper-box .singleInfo[data-v-ec3991c0] {
    width: 40vw;
    height: 70%;
    background-color: #fff;
    border-radius: 0.1rem;
    position: relative;
    margin: 0 2vw;
}
.displayCard .swiper-box .singleInfo .imgShow[data-v-ec3991c0] {
    width: 12vw;
    height: 12vw;
    position: absolute;
    top: 0;
    right: 4%;
    background-size: 100% 100%;
}
.displayCard .swiper-box .singleInfo .computer[data-v-ec3991c0] {
    background-image: url(../../static/img/computer.a01ec876.png);
}
.displayCard .swiper-box .singleInfo .build[data-v-ec3991c0] {
    background-image: url(../../static/img/build.eb987c2e.png);
}
.displayCard .swiper-box .singleInfo .circle[data-v-ec3991c0] {
    background-image: url(../../static/img/circle.f83d0515.png);
}
.displayCard .swiper-box .singleInfo[data-v-ec3991c0]:hover {
    background: linear-gradient(to top, #C5E5FF, #FFFFFF);
}
.displayCard .swiper-box .singleInfo:hover .computer[data-v-ec3991c0] {
    background-image: url(../../static/img/acComputer.3785e12b.png);
}
.displayCard .swiper-box .singleInfo:hover .build[data-v-ec3991c0] {
    background-image: url(../../static/img/acBuild.d0c02816.png);
}
.displayCard .swiper-box .singleInfo:hover .circle[data-v-ec3991c0] {
    background-image: url(../../static/img/acCircle.fa4c75ae.png);
}
.displayCard .swiper-box .singleInfo .info[data-v-ec3991c0] {
    position: absolute;
    top: 30%;
    bottom: 10%;
    left: 8%;
    right: 8%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.displayCard .swiper-box .singleInfo .info .title2[data-v-ec3991c0] {
    font-weight: bold;
}
.displayCard .swiper-box .singleInfo .info .desc2[data-v-ec3991c0] {
    display: flex;
    flex-direction: column;
    color: #666666;
    justify-content: center;
}
}
@keyframes moveBox-ec3991c0 {
0% {
    left: 12vw;
}
25% {
    left: -15vw;
}
50% {
    left: -45vw;
}
75% {
    left: -15vw;
}
100% {
    left: 12vw;
}
}
.content[data-v-192564c3] {
  width: 100%;
  position: relative;
}
@keyframes warn1-192564c3 {
0% {
    transform: scale(1);
    opacity: 0;
}
30% {
    transform: scale(1.15);
    opacity: 0.7;
}
60% {
    transform: scale(1.3);
    opacity: 0.4;
}
90% {
    transform: scale(1.45);
    opacity: 0.1;
}
100% {
    transform: scale(1.5);
    opacity: 0;
}
}
@keyframes warn2-192564c3 {
0% {
    transform: scale(0.9);
    opacity: 0.9;
}
10% {
    transform: scale(1);
    opacity: 0.8;
}
20% {
    transform: scale(1.1);
    opacity: 0.7;
}
30% {
    transform: scale(1.2);
    opacity: 0.6;
}
40% {
    transform: scale(1.3);
    opacity: 0.5;
}
50% {
    transform: scale(1.4);
    opacity: 0.4;
}
60% {
    transform: scale(1.5);
    opacity: 0.3;
}
70% {
    transform: scale(1.6);
    opacity: 0.2;
}
80% {
    transform: scale(1.7);
    opacity: 0.1;
}
90% {
    transform: scale(1.8);
    opacity: 0;
}
100% {
    transform: scale(1.9);
    opacity: 0;
}
}
@media screen and (min-width: 965px) {
.tabCard[data-v-192564c3] {
    z-index: 999;
    width: 30%;
    position: absolute;
    top: 10.6vw;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.tabCard .chooseBar[data-v-192564c3] {
    background-color: #fff;
    padding: 0.1rem 0.4rem;
    border-radius: 0.4rem;
    border: 1px solid #C4C4C4;
    cursor: pointer;
}
.tabCard .activeBar[data-v-192564c3] {
    background-color: #fff;
    padding: 0.1rem 0.4rem;
    border-radius: 0.4rem;
    cursor: pointer;
    border: 1px solid #1377FF;
    color: #1377FF;
}
.descCard[data-v-192564c3] {
    height: 34vw;
    background-image: url(../../static/img/coreProdBg.8f79c943.png);
    background-size: 100% 100%;
}
.descCard .SKB[data-v-192564c3] {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.descCard .SKB .SKBImg[data-v-192564c3] {
    width: 44%;
    position: absolute;
    bottom: 8%;
    right: 3%;
}
.descCard .SKBDesc[data-v-192564c3] {
    position: absolute;
    bottom: 44%;
    left: 0;
    padding-top: 8%;
    width: 42%;
}
.descCard .SKBDesc .desc[data-v-192564c3] {
    line-height: 0.3rem;
}
.descCard .SKBDesc .detailBtn[data-v-192564c3] {
    padding: 0.08rem 0;
    border-radius: 0.2rem;
    background-color: #1377FF;
    color: #fff;
    width: 20%;
    text-align: center;
    margin-top: 4%;
    margin-left: 2%;
    cursor: pointer;
    position: relative;
    z-index: 999;
}
.descCard .SKBDesc .detailBtn .ripple[data-v-192564c3], .descCard .SKBDesc .detailBtn .ripple2[data-v-192564c3], .descCard .SKBDesc .detailBtn .ripple3[data-v-192564c3] {
    z-index: 99;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.2rem;
    border: 1px solid #ccc;
}
.descCard .SKBDesc .detailBtn .ripple[data-v-192564c3] {
    animation: warn1-192564c3 3s 0s linear infinite;
}
.descCard .SKBDesc .detailBtn .ripple2[data-v-192564c3] {
    animation: warn1-192564c3 3s 0.7s linear infinite;
}
.descCard .SKBDesc .detailBtn .ripple3[data-v-192564c3] {
    animation: warn1-192564c3 3s 1.5s linear infinite;
}
.descCard .SKBModle[data-v-192564c3] {
    background-color: #FFFFFF;
    width: 90%;
    height: 30%;
    position: absolute;
    bottom: 5.6%;
    left: 46%;
    transform: translateX(-50%);
    border-radius: 0.1rem;
    display: flex;
    overflow: hidden;
}
.descCard .SKBModle .BS[data-v-192564c3] {
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom, #E3F3FF, #FFFFFF);
}
.descCard .SKBModle .BS .title[data-v-192564c3] {
    color: #004FFF;
}
.descCard .SKBModle .BS .desc[data-v-192564c3] {
    text-align: center;
    margin: 4% 0;
}
.descCard .SKBModle .imgDesc[data-v-192564c3] {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.descCard .SKBModle .imgDesc img[data-v-192564c3] {
    width: 20%;
}
.descCard .SKBModle .imgDesc div[data-v-192564c3] {
    margin-top: 10px;
}
.descCard .SKBModle .imgDesc .title2[data-v-192564c3] {
    color: #004FFF;
    display: none;
}
.descCard .SKBModle .imgDesc .desc[data-v-192564c3] {
    text-align: center;
    margin: 4% 0;
    display: none;
}
.descCard .SKBModle .imgDesc[data-v-192564c3]:hover {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom, #E3F3FF, #FFFFFF);
}
.descCard .SKBModle .imgDesc:hover .img[data-v-192564c3], .descCard .SKBModle .imgDesc:hover .title[data-v-192564c3] {
    display: none;
}
.descCard .SKBModle .imgDesc:hover .title2[data-v-192564c3], .descCard .SKBModle .imgDesc:hover .desc[data-v-192564c3] {
    display: block;
}
}
@media screen and (max-width: 965px) {
.tabCard[data-v-192564c3] {
    z-index: 9999;
    background-color: #e0e3e7;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-bottom: 1vw;
}
.tabCard .chooseBar[data-v-192564c3] {
    z-index: 9999;
    background-color: #fff;
    padding: 0.06rem 0.2rem;
    border-radius: 0.2rem;
    border: 1px solid #C4C4C4;
    cursor: pointer;
}
.tabCard .activeBar[data-v-192564c3] {
    z-index: 9999;
    background-color: #fff;
    padding: 0.06rem 0.2rem;
    border-radius: 0.2rem;
    cursor: pointer;
    border: 1px solid #1377FF;
    color: #1377FF;
}
.descCard[data-v-192564c3] {
    height: 34vw;
    background-image: url(../../static/img/coreProdBg.8f79c943.png);
    background-size: 100% 100%;
}
.descCard .SKB[data-v-192564c3] {
    width: 90%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.descCard .SKB .SKBImg[data-v-192564c3] {
    width: 44%;
    position: absolute;
    bottom: 8%;
    right: 3%;
}
.descCard .SKBDesc[data-v-192564c3] {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 0;
    width: 42%;
    z-index: 999;
}
.descCard .SKBDesc .desc[data-v-192564c3] {
    line-height: 0.3rem;
}
.descCard .SKBDesc .detailBtn[data-v-192564c3] {
    padding: 0.08rem 0;
    background-color: #1377FF;
    color: #fff;
    width: 30%;
    text-align: center;
    margin-top: 4%;
    margin-left: 2%;
    cursor: pointer;
    position: relative;
    z-index: 999;
}
.descCard .SKBDesc .detailBtn .ripple[data-v-192564c3], .descCard .SKBDesc .detailBtn .ripple2[data-v-192564c3], .descCard .SKBDesc .detailBtn .ripple3[data-v-192564c3] {
    z-index: 99;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.2rem;
    border: 1px solid #ccc;
}
.descCard .SKBDesc .detailBtn .ripple[data-v-192564c3] {
    animation: warn1-192564c3 3s 0s linear infinite;
}
.descCard .SKBDesc .detailBtn .ripple2[data-v-192564c3] {
    animation: warn1-192564c3 3s 0.7s linear infinite;
}
.descCard .SKBDesc .detailBtn .ripple3[data-v-192564c3] {
    animation: warn1-192564c3 3s 1.5s linear infinite;
}
.descCard .SKBModle[data-v-192564c3] {
    background-color: #FFFFFF;
    width: 100%;
    height: 30%;
    position: absolute;
    bottom: 5.6%;
    left: 46%;
    transform: translateX(-50%);
    border-radius: 0.1rem;
    display: flex;
    overflow: hidden;
}
.descCard .SKBModle .BS[data-v-192564c3] {
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom, #E3F3FF, #FFFFFF);
}
.descCard .SKBModle .BS .title[data-v-192564c3] {
    color: #004FFF;
}
.descCard .SKBModle .BS .desc[data-v-192564c3] {
    text-align: center;
    margin: 4% 0;
}
.descCard .SKBModle .imgDesc[data-v-192564c3] {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.descCard .SKBModle .imgDesc img[data-v-192564c3] {
    width: 20%;
}
.descCard .SKBModle .imgDesc div[data-v-192564c3] {
    margin-top: 0.5208333333vw;
}
.descCard .SKBModle .imgDesc .title2[data-v-192564c3] {
    color: #004FFF;
    display: none;
}
.descCard .SKBModle .imgDesc .desc[data-v-192564c3] {
    text-align: center;
    display: none;
}
.descCard .SKBModle .imgDesc[data-v-192564c3]:hover {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom, #E3F3FF, #FFFFFF);
}
.descCard .SKBModle .imgDesc:hover .img[data-v-192564c3], .descCard .SKBModle .imgDesc:hover .title[data-v-192564c3] {
    display: none;
}
.descCard .SKBModle .imgDesc:hover .title2[data-v-192564c3], .descCard .SKBModle .imgDesc:hover .desc[data-v-192564c3] {
    display: block;
}
}
.content[data-v-4225adb4] {
  width: 100%;
  background: linear-gradient(to bottom, #1863D0, #7EC8FF);
  padding-bottom: 2.6vw;
  padding-top: 1.2vw;
}
@media screen and (min-width: 965px) {
.tabsContent[data-v-4225adb4] {
    width: 80%;
    margin: 0 auto;
}
.tabsContent .tabs[data-v-4225adb4] {
    display: flex;
    justify-content: space-between;
    margin: 2vw 0;
}
.tabsContent .tabs div[data-v-4225adb4] {
    padding-bottom: 0.4vw;
    cursor: pointer;
}
.tabsContent .tabs .activeBorder[data-v-4225adb4] {
    border-bottom: 0.4vw solid #fff;
}
.detail[data-v-4225adb4] {
    width: 100%;
    margin: 0 auto;
}
.detail .singleDetail[data-v-4225adb4] {
    width: 100%;
    display: flex;
}
.detail .singleDetail .info[data-v-4225adb4] {
    width: 50%;
    background: linear-gradient(to bottom, #CDE5FA, #FFFFFF);
    padding: 0 2vw 2vw;
    height: 30vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.detail .singleDetail .info .infoSpan[data-v-4225adb4] {
    background-color: #FFFFFF;
    padding: 0.6vw;
    margin-right: 5%;
}
.detail .singleDetail .info .prod[data-v-4225adb4] {
    display: flex;
}
.detail .singleDetail .info .prod span[data-v-4225adb4] {
    margin-right: 5%;
}
.detail .singleDetail .info .normalBtn[data-v-4225adb4] {
    background-color: #1377ff;
    color: #fff;
    padding: 0.4vw 1.6vw;
    border-radius: 1.2vw;
    cursor: pointer;
}
.detail .singleDetail .info .normalBtn[data-v-4225adb4]:hover {
    background-color: #1163d7;
}
.detail .singleDetail .show[data-v-4225adb4] {
    width: 50%;
    height: 30vw;
}
.detail .singleDetail .descTitle[data-v-4225adb4] {
    margin: 1.6vw 0 1vw;
}
[data-v-4225adb4] .swiper-button-next {
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    width: 2.0833333333vw;
    height: 2.0833333333vw;
}
[data-v-4225adb4] .swiper-button-prev {
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    width: 2.0833333333vw;
    height: 2.0833333333vw;
}
[data-v-4225adb4] .swiper-button-next:after {
    font-size: 1.0416666667vw;
    line-height: 2.0833333333vw;
}
[data-v-4225adb4] .swiper-button-prev:after {
    font-size: 1.0416666667vw;
    line-height: 2.0833333333vw;
}
}
@media screen and (max-width: 965px) {
.tabsContent[data-v-4225adb4] {
    width: 96%;
    margin: 0 auto;
}
.tabsContent .tabs[data-v-4225adb4] {
    margin: 2vw 0;
    position: relative;
    height: 5.2083333333vw;
}
.tabsContent .tabs .normalStyle[data-v-4225adb4] {
    width: 25vw;
    height: 5.2083333333vw;
    text-align: center;
    line-height: 5.2083333333vw;
}
.tabsContent .tabs .activeBorder[data-v-4225adb4] {
    border-bottom: 0.4vw solid #fff;
}
.detail[data-v-4225adb4] {
    width: 98%;
    margin: 0 auto;
    height: 52.0833333333vw;
}
.detail .singleDetail[data-v-4225adb4] {
    width: 100%;
    display: flex;
    background-size: cover;
    height: 52.0833333333vw;
}
.detail .singleDetail .info[data-v-4225adb4] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(#CDE5FA, rgb(205, 229, 250), rgba(255, 255, 255, 0.9));
    padding: 1vw;
}
.detail .singleDetail .info .infoSpan[data-v-4225adb4] {
    background-color: #FFFFFF;
    padding: 0.6vw;
    margin-right: 5%;
}
.detail .singleDetail .info .prod[data-v-4225adb4] {
    display: flex;
}
.detail .singleDetail .info .prod span[data-v-4225adb4] {
    margin-right: 5%;
}
.detail .singleDetail .info .bottom[data-v-4225adb4] {
    width: 100%;
    display: flex;
    justify-content: end;
}
.detail .singleDetail .info .bottom .normalBtn[data-v-4225adb4] {
    background-color: #1377ff;
    color: #fff;
    padding: 0.4vw 1.6vw;
    cursor: pointer;
}
.detail .singleDetail .info .bottom .normalBtn[data-v-4225adb4]:hover {
    background-color: #1163d7;
}
[data-v-4225adb4] .swiper-button-next {
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    width: 4.1666666667vw;
    height: 4.1666666667vw;
}
[data-v-4225adb4] .swiper-button-prev {
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    width: 4.1666666667vw;
    height: 4.1666666667vw;
}
[data-v-4225adb4] .swiper-button-next:after {
    font-size: 2.0833333333vw;
    line-height: 4.1666666667vw;
}
[data-v-4225adb4] .swiper-button-prev:after {
    font-size: 2.0833333333vw;
    line-height: 4.1666666667vw;
}
}
.honorContent[data-v-97bd06e6] {
  width: 100%;
  padding-top: 1vw;
  padding-bottom: 1vw;
}
@media screen and (min-width: 965px) {
.Title[data-v-97bd06e6] {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.Title .text[data-v-97bd06e6] {
    background: linear-gradient(to bottom, #E1E1E1, #EFEFEF);
    -webkit-background-clip: text;
    color: transparent;
}
.Title .subTitle[data-v-97bd06e6] {
    position: absolute;
    left: 50%;
    bottom: 4%;
    transform: translateX(-50%);
    z-index: 9999;
}
.Title .subTitle .borderBox[data-v-97bd06e6] {
    width: 40%;
    margin: 0.6vw auto 0;
    border-bottom: 0.4vw solid #1377ff;
}
.detail[data-v-97bd06e6] {
    width: 100%;
}
.detail .titleInfo[data-v-97bd06e6] {
    width: 40%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    text-align: center;
    color: #444444;
    cursor: pointer;
}
.detail .titleInfo .borderBox[data-v-97bd06e6] {
    width: 40%;
    margin: 0vw auto 0;
    border-bottom: 0.3vw solid #1377ff;
}
.detail .titleInfo .singleTitle[data-v-97bd06e6] {
    color: #1377ff;
}
.detail .detailWall[data-v-97bd06e6] {
    width: 80%;
    margin: 3.6vw auto 2vw;
    border: 1px solid rgba(151, 151, 151, 0.19);
    box-shadow: 0px 11px 14px rgba(128, 128, 128, 0.08);
    position: relative;
    height: 20vw;
    overflow: hidden;
}
.detail .detailWall .pointer[data-v-97bd06e6] {
    width: 98%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.detail .detailWall .pointer .handleBtn[data-v-97bd06e6] {
    background-color: rgba(0, 0, 0, 0.29);
    display: none;
    cursor: pointer;
    width: 2vw;
    height: 2vw;
    text-align: center;
    line-height: 2vw;
}
.detail .detailWall .pointer:hover .handleBtn[data-v-97bd06e6] {
    display: block;
}
.detail .detailWall .wall[data-v-97bd06e6] {
    display: flex;
    text-align: center;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
}
.detail .detailWall .wall .singleWall[data-v-97bd06e6] {
    width: 20vw;
    padding-bottom: 2.4vw;
}
.detail .detailWall .wall .singleWall .Img[data-v-97bd06e6] {
    position: relative;
}
.detail .detailWall .wall .singleWall .Img img[data-v-97bd06e6] {
    width: 70%;
}
.detail .detailWall .wall .singleWall .Img .detailTitle[data-v-97bd06e6] {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.detail .detailWall .wall .singleWall .subInfo[data-v-97bd06e6] {
    width: 50%;
    margin: 0.8vw auto 0;
}
}
@media screen and (max-width: 965px) {
.Title[data-v-97bd06e6] {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.Title .text[data-v-97bd06e6] {
    background: linear-gradient(to bottom, #E1E1E1, #EFEFEF);
    -webkit-background-clip: text;
    color: transparent;
}
.Title .subTitle[data-v-97bd06e6] {
    position: absolute;
    left: 50%;
    bottom: 4%;
    transform: translateX(-50%);
    z-index: 9999;
}
.Title .subTitle .borderBox[data-v-97bd06e6] {
    width: 40%;
    margin: 0.6vw auto 0;
    border-bottom: 0.4vw solid #1377ff;
}
.detail[data-v-97bd06e6] {
    width: 100%;
}
.detail .titleInfo[data-v-97bd06e6] {
    width: 40%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    text-align: center;
    color: #444444;
    cursor: pointer;
}
.detail .titleInfo .borderBox[data-v-97bd06e6] {
    width: 40%;
    margin: 0vw auto 0;
    border-bottom: 0.3vw solid #1377ff;
}
.detail .titleInfo .singleTitle[data-v-97bd06e6] {
    color: #1377ff;
}
.detail .detailWall[data-v-97bd06e6] {
    width: 90%;
    margin: 3.6vw auto 2vw;
    border: 1px solid rgba(151, 151, 151, 0.19);
    box-shadow: 0px 11px 14px rgba(128, 128, 128, 0.08);
    position: relative;
    height: 40vw;
    overflow: hidden;
}
.detail .detailWall .pointer[data-v-97bd06e6] {
    width: 98%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.detail .detailWall .pointer .handleBtn[data-v-97bd06e6] {
    background-color: rgba(0, 0, 0, 0.29);
    display: none;
    cursor: pointer;
    width: 4.6875vw;
    height: 4.6875vw;
    text-align: center;
    line-height: 4.6875vw;
}
.detail .detailWall .pointer:hover .handleBtn[data-v-97bd06e6] {
    display: block;
}
.detail .detailWall .wall[data-v-97bd06e6] {
    display: flex;
    text-align: center;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
}
.detail .detailWall .wall .singleWall[data-v-97bd06e6] {
    width: 45vw;
    padding-bottom: 2.4vw;
}
.detail .detailWall .wall .singleWall .Img[data-v-97bd06e6] {
    position: relative;
}
.detail .detailWall .wall .singleWall .Img img[data-v-97bd06e6] {
    width: 70%;
}
.detail .detailWall .wall .singleWall .Img .detailTitle[data-v-97bd06e6] {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.detail .detailWall .wall .singleWall .subInfo[data-v-97bd06e6] {
    width: 50%;
    margin: 0.8vw auto 0;
}
}
.boxContent[data-v-422d8800] {
  width: 100%;
  background-color: #EFEFEF;
  padding-bottom: 1vw;
}
@media screen and (min-width: 965px) {
.headerTitle[data-v-422d8800] {
    width: 30%;
    height: 10vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
    cursor: pointer;
}
.headerTitle .borderBox[data-v-422d8800] {
    border-bottom: 0.3vw solid #1377ff;
    width: 40%;
    margin: 0.2vw auto 0;
    display: none;
}
.headerTitle .activeBorder[data-v-422d8800] {
    display: block;
}
.displayCard[data-v-422d8800] {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    height: 26.0416666667vw;
}
.displayCard .singleCard[data-v-422d8800] {
    width: 32%;
}
.displayCard .singleCard:hover .imgCard[data-v-422d8800] {
    transform: translateY(-2vw);
    box-shadow: 0px 14px 20px rgba(90, 95, 104, 0.24);
}
.displayCard .imgCard[data-v-422d8800] {
    position: relative;
    background-color: #fff;
    height: 100%;
    width: 100%;
    transition: all 0.6s;
}
.displayCard .imgCard img[data-v-422d8800] {
    width: 100%;
}
.displayCard .imgCard .cardDesc[data-v-422d8800] {
    padding: 3%;
    height: 50%;
}
.displayCard .imgCard .cardDesc .descTitle[data-v-422d8800] {
    margin: 2% 0;
}
.displayCard .imgCard .handleInfoBtn[data-v-422d8800] {
    position: absolute;
    bottom: 0.8vw;
    right: 1vw;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 1vw;
    margin-bottom: 0.6vw;
    cursor: pointer;
}
.displayCard .imgCard .handleInfoBtn img[data-v-422d8800] {
    width: 0.8vw;
    margin-left: 4px;
}
.displayCard .newsList[data-v-422d8800] {
    padding: 0.2vw 1vw 1vw;
    background-color: #fff;
    transition: all 1s;
}
.displayCard .newsList .list[data-v-422d8800] {
    border-bottom: 1px solid #EDEDED;
}
.displayCard .newsList .list .listTile[data-v-422d8800] {
    margin: 0.6vw 0;
}
.displayCard .newsList .list .detail[data-v-422d8800] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.displayCard .newsList .list .detail .handleInfoBtn[data-v-422d8800] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 1vw;
    margin-bottom: 0.6vw;
    cursor: pointer;
}
.displayCard .newsList .list .detail .handleInfoBtn img[data-v-422d8800] {
    width: 0.8vw;
    margin-left: 4px;
}
.displayCard .newsList .handlePart[data-v-422d8800] {
    width: 18%;
    background-color: #F0F3F8;
    text-align: center;
    padding: 1.6% 0;
    margin-top: 10px;
    cursor: pointer;
    white-space: nowrap;
    margin-right: 10px;
}
.displayCard .newsList .handlePart[data-v-422d8800]:hover {
    background-color: #dfe2e5;
}
}
@media screen and (max-width: 965px) {
.headerTitle[data-v-422d8800] {
    width: 100%;
    height: 10vw;
    margin: 0 auto 1vh;
    display: flex;
    align-items: center;
    justify-content: space-around;
    cursor: pointer;
}
.headerTitle .borderBox[data-v-422d8800] {
    border-bottom: 0.3vw solid #1377ff;
    width: 40%;
    margin: 0.2vw auto 0;
    display: none;
}
.headerTitle .activeBorder[data-v-422d8800] {
    display: block;
}
.handlePart[data-v-422d8800] {
    width: 14%;
    background-color: #1377FF;
    text-align: center;
    padding: 1.4% 0;
    margin-top: 10px;
    cursor: pointer;
    white-space: nowrap;
    color: #fff;
    font-weight: bold;
}
.handlePart[data-v-422d8800]:hover {
    background-color: #0e5acb;
}
.displayCard[data-v-422d8800] {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.displayCard .singleCard[data-v-422d8800] {
    width: 100%;
}
.displayCard .singleCard:hover .imgCard[data-v-422d8800], .displayCard .singleCard:hover .newsList[data-v-422d8800] {
    transform: translateY(-2vw);
    box-shadow: 0px 14px 20px rgba(90, 95, 104, 0.24);
}
.displayCard .imgCard[data-v-422d8800] {
    position: relative;
    background-color: #fff;
    height: 100%;
    width: 100%;
    transition: all 0.6s;
}
.displayCard .imgCard img[data-v-422d8800] {
    width: 100%;
}
.displayCard .imgCard .cardDesc[data-v-422d8800] {
    padding: 3%;
}
.displayCard .imgCard .cardDesc .descTitle[data-v-422d8800] {
    margin: 2% 0;
}
.displayCard .imgCard .handleInfoBtn[data-v-422d8800] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 1vw;
    margin-bottom: 0.6vw;
    cursor: pointer;
}
.displayCard .imgCard .handleInfoBtn img[data-v-422d8800] {
    width: 0.8vw;
    margin-left: 4px;
}
}
.box[data-v-5f36d72b] {
  width: 100%;
  background-color: #EFEFEF;
  padding-bottom: 2vw;
}
.box .brandBoard[data-v-5f36d72b] {
  width: 80%;
  margin: 2vw auto 0;
  background-color: #257fe2;
}
.box .brandBoard .singleBox[data-v-5f36d72b] {
  width: 100%;
  display: flex;
}
.box .brandBoard .singleBox .title[data-v-5f36d72b] {
  width: 16%;
  text-align: center;
  margin-right: 4%;
}
.box .brandBoard .singleBox .content[data-v-5f36d72b] {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
}
.box .brandBoard .singleBox .content .singleImg[data-v-5f36d72b] {
  width: calc(16.6666666667% - 0.625vw);
  margin-left: 0.625vw;
  margin-bottom: 0.625vw;
}
.box .brandBoard .borderStyle[data-v-5f36d72b] {
  border-bottom: 1px dashed #d5e6f9;
}
.box .brandMobileBoard[data-v-5f36d72b] {
  width: 90vw;
  margin: 3.6vw auto 2vw;
  position: relative;
  overflow: hidden;
}
.box .brandMobileBoard .chooseBar[data-v-5f36d72b] {
  display: flex;
  text-align: center;
  line-height: 4vw;
  background: #fff;
  color: #444444;
  cursor: pointer;
}
.box .brandMobileBoard .normalStyle[data-v-5f36d72b]:hover {
  background: #257fe2;
  color: #fff;
}
.box .brandMobileBoard .activeStyle[data-v-5f36d72b] {
  background: #257fe2;
  color: #fff;
}
.box .brandMobileBoard .content[data-v-5f36d72b] {
  width: 100%;
  background: #257fe2;
}
.box .brandMobileBoard .content .swiper__content[data-v-5f36d72b] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 1.5625vw;
}
.box .brandMobileBoard .content .swiper__content .logoImg[data-v-5f36d72b] {
  width: calc(33.3333333333% - 3.125vw);
  margin: 1.5625vw;
}
[data-v-5f36d72b] .swiper-button-next {
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  width: 5.2083333333vw;
  height: 5.2083333333vw;
}
[data-v-5f36d72b] .swiper-button-prev {
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  width: 5.2083333333vw;
  height: 5.2083333333vw;
}
[data-v-5f36d72b] .swiper-button-next:after {
  font-size: 2.0833333333vw;
  line-height: 5.2083333333vw;
}
[data-v-5f36d72b] .swiper-button-prev:after {
  font-size: 2.0833333333vw;
  line-height: 5.2083333333vw;
}
@charset "UTF-8";
video[data-v-fae5bece]::-webkit-media-controls {
  display: none !important;
}
.index1[data-v-fae5bece] {
  background: #eafafa;
}
.index0[data-v-fae5bece] {
  background: #e7f9fc;
}
.index2[data-v-fae5bece] {
  background-image: linear-gradient(to left bottom, #772800, #efa248, #ffdba6, #efa248);
}
.container[data-v-fae5bece] {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 12rem;
  height: 100%;
  margin: auto;
  font-size: 0;
  position: relative;
}
.container .left img[data-v-fae5bece] {
  height: 3.6rem;
}
.container .right[data-v-fae5bece] {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  height: 80%;
}
.container .right .littleImg[data-v-fae5bece] {
  width: 2.51rem;
}
.container h2[data-v-fae5bece],
.container h3[data-v-fae5bece] {
  color: #d7d7d7;
}
.container h2[data-v-fae5bece] {
  font-size: 0.32rem;
  color: #f90;
}
.container h3[data-v-fae5bece] {
  font-size: 0.22rem;
}
.mobile[data-v-fae5bece] {
  text-align: center;
  box-sizing: border-box;
  padding-top: 1rem;
}
.mobile h2[data-v-fae5bece] {
  font-size: 0.66rem;
  color: #3f3f3f;
}
.mobile h3[data-v-fae5bece] {
  font-size: 0.66rem;
  color: #3f3f3f;
  margin-bottom: 0.72rem;
}
.mobile a[data-v-fae5bece] {
  display: block;
  width: 3.6rem;
  line-height: 1rem;
  background-color: #12cd5a;
  font-size: 0.32rem;
  color: #fff;
  margin: auto;
  margin-bottom: 0.4rem;
}
.mobile .compatible[data-v-fae5bece] {
  color: #474747;
  font-size: 0.14rem;
  margin-bottom: 0.8rem;
}
.mobile .footer[data-v-fae5bece] {
  color: #0bd561;
  font-size: 0.4rem;
}
.arrowStyle[data-v-fae5bece] {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 6px;
  font-weight: lighter;
  cursor: pointer;
}
@media screen and (max-width: 575px) {
.left[data-v-fae5bece] {
    left: 0;
    right: 0;
}
.left img[data-v-fae5bece] {
    height: 3.6rem;
}
}
.normalNav[data-v-fae5bece] {
  width: 25vw;
  height: 5.2083333333vw;
  text-align: center;
  line-height: 5.2083333333vw;
}
.activeNav[data-v-fae5bece] {
  color: #1377FF;
  position: relative;
}
.activeNav[data-v-fae5bece]:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 16%;
  border-bottom: 0.5208333333vw solid #1377FF; /* 设置border-bottom的样式 */
  transform: translateX(-50%);
}

/* 添加这个样式来隐藏滚动条 */
[data-v-fae5bece] .swiper .swiper-scrollbar {
  display: none;
}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,button,input,textarea,th,td{margin:0;padding:0}body{font-style:normal;font-family:"\5FAE\8F6F\96C5\9ED1",Helvetica,sans-serif}small{font-size:12px}h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}h4,h5,h6{font-size:100%}ul,ol{list-style:none}a{text-decoration:none;background-color:transparent}a:hover,a:active{outline-width:0;text-decoration:none}table{border-collapse:collapse;border-spacing:0}hr{border:0;height:1px}img{border-style:none}img:not([src]){display:none}svg:not(:root){overflow:hidden}html{-webkit-touch-callout:none;-webkit-text-size-adjust:100%}input,textarea,button,a{-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]),video:not([controls]){display:none;height:0}progress{vertical-align:baseline}mark{background-color:#ff0;color:#000}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}button,input,select,textarea{font-size:100%;outline:0}button,input{overflow:visible}button,select{text-transform:none}textarea{overflow:auto}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.clearfix:after{display:block;height:0;content:"";clear:both}

@charset "UTF-8";
/*全局滚动条样式*/
::-webkit-scrollbar {
  width: 0.5vw;
  height: 14px;
}

::-webkit-scrollbar-thumb {
  /* background-color: #01c8dc;
  border-radius: 3px; */
  background-color: #b6b6b6;
  border-radius: 0.25vw;
}

/*全局滚动条样式结束*/
/*正常字体大小*/
.format-font-default {
  font-size: 0.2rem;
  font-weight: bold;
}

/*导航样式*/
.nav-single {
  height: 1rem;
  /*height: 0.8rem;*/
  display: flex;
  align-items: center;
  margin-right: 0.6rem;
}

.nav-btn-style {
  height: 70%;
  line-height: 100%;
  margin: 0;
  padding: 0.06rem 0.2rem;
  /*color: #4b4b4b;*/
  color: #fff;
  /*border: 0.02rem solid #4b4b4b;*/
  border-radius: 0;
}

.nav-btn-style:hover {
  /*color: #fff;*/
  border-bottom: 0.03rem solid #0073c0;
  color: #0073c0;
}

.nav-btn-active {
  border-bottom: 0.03rem solid #0073c0;
  color: #0073c0;
}

/*请求示例样式*/
.request-demo {
  color: #fff;
  background-color: #0073c0;
  height: 40%;
  line-height: 40%;
  font-size: 0.8854166667vw;
  font-weight: bold;
  padding: 10px 30px;
}

.request-demo:hover {
  color: #ffffff;
  background-color: #69d2ff;
}
@charset "UTF-8";
/*文字大小相关*/
.ft10 {
  font-size: 0.5208333333vw;
}

.ft12 {
  font-size: 0.625vw;
}

.ft14 {
  font-size: 0.7291666667vw;
}

.ft16 {
  font-size: 0.8333333333vw;
}

.ft18 {
  font-size: 0.9375vw;
}

.ft20 {
  font-size: 1.0416666667vw;
}

.ft22 {
  font-size: 1.1458333333vw;
}

.ft24 {
  font-size: 1.25vw;
}

.ft26 {
  font-size: 1.3541666667vw;
}

.ft28 {
  font-size: 1.4583333333vw;
}

.ft30 {
  font-size: 1.5625vw;
}

.ft32 {
  font-size: 1.6666666667vw;
}

.ft34 {
  font-size: 1.7708333333vw;
}

.ft36 {
  font-size: 1.875vw;
}

.ft38 {
  font-size: 1.9791666667vw;
}

.ft40 {
  font-size: 2.0833333333vw;
}

.ft42 {
  font-size: 2.1875vw;
}

.ft44 {
  font-size: 2.2916666667vw;
}

.ft46 {
  font-size: 2.3958333333vw;
}

.ft48 {
  font-size: 2.5vw;
}

.ft50 {
  font-size: 2.6041666667vw;
}

.ft52 {
  font-size: 2.7083333333vw;
}

.ft56 {
  font-size: 2.9166666667vw;
}

.ft58 {
  font-size: 3.0208333333vw;
}

.ft60 {
  font-size: 3.125vw;
}

.ft70 {
  font-size: 3.6458333333vw;
}

.ft74 {
  font-size: 3.8541666667vw;
}

.ft80 {
  font-size: 4.1666666667vw;
}

.ft90 {
  font-size: 5.2083333333vw;
}

/*文字大小相关*/
.ftbold {
  font-weight: bold;
}

.ftLight {
  font-weight: lighter;
}

/*文字颜色相关*/
.ftcolwhite {
  color: #fff;
}

.ftcolblack {
  color: #000;
}

.ftcol4545 {
  color: #FF4545;
}

.ftcol90 {
  color: #909090;
}

.ftThemeColor {
  color: #1377ff;
}

.ftcol86BCFF {
  color: #86BCFF;
}

.ftcol666 {
  color: #666666;
}

.ftcol999 {
  color: #999999;
}

.ftcolccc {
  color: #CCCCCC;
}

.ftcol333 {
  color: #333333;
}

/*间距相关*/
.pdtb36 {
  padding: 0 3.6vw 0px;
}

.pdtb32 {
  padding: 0 3.2vw 0px;
}

.mrlr4 {
  margin: 0 4px;
}

.mrR4 {
  margin-right: 4px;
}

.mg2vw {
  margin: 2vw;
}

.mg1vw {
  margin: 1vw;
}

.pd2vw {
  padding: 2vw;
}

.pdlr2vw {
  padding-left: 2vw;
  padding-right: 2vw;
}

.pdtb2vw {
  padding-top: 2vw;
  padding-bottom: 2vw;
}

.pdtb3vw {
  padding-top: 3vw;
  padding-bottom: 3vw;
}

.pd1vw {
  padding: 1vw;
}

.pdtb1vw {
  padding-top: 1vw;
  padding-bottom: 1vw;
}

/*文字超出省略*/
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.text-ellipsis1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; /*超出1行就显示省略号，可以填3或者其它正整数*/
}

.text-ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /*超出1行就显示省略号，可以填3或者其它正整数*/
}

.text-ellipsis3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /*超出1行就显示省略号，可以填3或者其它正整数*/
}

.text-ellipsis5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5; /*超出1行就显示省略号，可以填3或者其它正整数*/
}

.text-ellipsis6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6; /*超出1行就显示省略号，可以填3或者其它正整数*/
}

.text-ellipsis7 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7; /*超出1行就显示省略号，可以填3或者其它正整数*/
}

/* 文字类型相关*/
.ftheiti {
  font-family: SimHei;
}

.ftweiruan {
  font-family: 微软雅黑;
}

/*文字竖向排列*/
.ftVertical {
  writing-mode: vertical-rl;
}

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

.padding-tb-2 {
  padding-top: 2vh;
  padding-bottom: 2vh;
}

.margin-p {
  margin: 10px 0 20px;
}

.text-indent2 {
  text-indent: 2ch;
}

.line-height-30 {
  line-height: 1.5625vw;
}

.line-height-40 {
  line-height: 2.0833333333vw;
}

.line-height-60 {
  line-height: 3.125vw;
}

/*普通按钮样式*/
.normalBtnBg {
  background-color: #1377ff;
  color: #fff;
}

/*鼠标移入样式*/
.cursorPointer {
  cursor: pointer;
}

/*文字阴影*/
.shadowed-text {
  text-shadow: 0.1041666667vw 0.1041666667vw 0.1041666667vw #ccc;
}

/*文字间距*/
.myText {
  letter-spacing: 2px; /* 像素值或其他长度单位，正数表示增加间距，负数表示减小间距 */
}

.myText4 {
  letter-spacing: 4px; /* 像素值或其他长度单位，正数表示增加间距，负数表示减小间距 */
}