:root {
  --base: 16px;
}

.tel-wap {
  display: none;
}

.foot .lef .div2 .bot .address {
  font-size: 14px;
  color: #999999;
  line-height: 22px;
  margin-bottom: 10px;
}

/* 404 start */
.page-not-found {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.page-not-found .big {
  font-size: 60px;
  font-weight: bold;
  color: var(--el-color-primary);
}

.page-not-found .t1 {
  margin-top: 15px;
  font-size: 40px;
}

.page-not-found a {
  margin-top: calc(var(--base) * 1.5);
  background-color: var(--el-color-primary);
  padding: calc(var(--base) * 0.8) calc(var(--base) * 2.5);
  border-radius: calc(var(--base) * 1.5);
  font-size: 1em;
  color: #fff;
  display: block;

}
/* 404 end */

/* index start */
.swiper-thumbs-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  bottom: calc(var(--base) * 2);
  width: 50%;
  margin: auto;
}

.swiper-thumbs {
  width: 100%;
}

.swiper-thumbs-wrapper a {
  display: block;
}

.swiper-thumbs-wrapper .swiper-slide-thumb-active a {
  padding-bottom: 10px;
  border-bottom: 3px solid #ff730f;
}

.swiper-thumbs-wrapper .bj {
  cursor: pointer;
}

.sy_banner .swiper-thumbs .swiper-slide-active .bj {
  transform: scale(1);
}
/* index end */

/* product-list start */
.pro_con2 .wap-filter {
  display: none;
}

.compare-dialog {
  max-width: 1600px;
  font-size: 16px;
}

.compare-dialog .content {
  padding: 30px 40px;
  position: relative;
  font-size: 16px;
}

.compare-dialog .back {
  display: flex;
  align-items: center;
  position: absolute;
  top: 40px;
  left: 50px;
  cursor: pointer;
  z-index: 1;
}

.compare-dialog .back .icon {
  width: 40px;
  height: 40px;
}

.compare-dialog .back .text {
  margin-left: 16px;
  font-size: 1.1em;
  color: #ff730f;
}

.compare-dialog .title1 {
  text-align: center;
  font-size: 2.2em;
  color: #14316b;
}

.compare-dialog .title2 {
  text-align: center;
  margin-top: 13px;
  font-size: 1.1em;
}

.compare-dialog table {
  width: 100%;
  table-layout: fixed;
  margin-top: calc(var(--base) * 2);
}

.compare-dialog .wap-table {
  display: table;
}

.wap-table th:first-child, .wap-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #fff;
  padding: 0 calc(var(--base) * 1) 0 0;
}

.compare-dialog .wap-table th {
  width: 21.25%;
}

.compare-dialog .wap-table th:first-child {
  width: 15%;
}

.wap-table .cate, .wap-table .name {
  font-size: 4vw;
}

.wap-table .more-td {
  padding-top: 13vw !important;
}

.wap-table .more {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wap-table .more .icon {
  width: 5.5vw;
}

.wap-table .more .text {
  font-size: 2.6vw;
  margin-top: 2vw;
  color: #898989;
}

.wap-table .lb {
  width: 100%;
  height: calc(var(--base) * 3);
  line-height: calc(var(--base) * 3);
  padding-left: calc(var(--base) * 3);
  background-color: #f5f5f5;
  color: #ff730f;
  font-size: 1.2em;
  display: flex;
  justify-content: space-between;
}

.wap-table .lb .lb-pro {
  display: flex;
  align-items: center;
  color: #0f2f6e;
  cursor: pointer;
}

.wap-table .lb .lb-pro .icon {
  width: calc(var(--base) * 1);
  margin-left: calc(var(--base) * 3 );
}

.wap-table .lb .lb-nodata {
  color: #898989;
  /*margin-right: 4.44vw;*/
  margin-right: calc(var(--base) * 1);
  font-size: 0.8em;
}

.wap-table .expend {
  padding: 0 calc(var(--base) * 0.5);
  width: calc(var(--base) * 3);
  height: calc(var(--base) * 1.5);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}

.wap-table .expend .icon {
  width: calc(var(--base) * 1);
}

.wap-table .params-tr {
  font-size: 1em;
  line-height: 1.4;
}

.wap-table .label-td {
  padding-left: 4.44vw;
  vertical-align: middle;
  padding-right: 4vw;
  text-align: right;
}

.wap-table .params-name-tr td {
  padding-right: 0;
  position: relative;
}

.wap-table .params-tr.first-param .label-td {
  padding-top: calc(var(--base) * 1);
}

.wap-table .params-tr.last-param .label-td {
  padding-bottom: calc(var(--base) * 1);
}

.wap-table .label-td .label {
  color: #0f2f6e;
}

.wap-table .value-td {
}

.wap-table .params-tr.first-param .value-td {
  padding-top: calc(var(--base) * 1);
}

.wap-table .params-tr.last-param .value-td {
  padding-bottom: 2vw;
}

.wap-table .value-td .value {
  padding: calc(var(--base) * 0.6) calc(var(--base) * 1.5);
  text-align: center;
  color: transparent;
}

.wap-table .value-td.show .value {
  color: var(--el-text-color-regular);
}

.wap-table .value-td.high .value {
  background-color: #f5f5f5;
}

.type-choose-dialog .content {
  padding: 31px 30px;
}

.type-choose-dialog .content > .title {
  font-size: 1.3em;
  font-weight: bold;
}

.type-choose-dialog .type-list {
  margin-top: calc(var(--base)* 2);
  display: flex;
}

.type-choose-dialog .type {
  cursor: pointer;
  border: 2px solid #ff730f;
  color: #ff730f;
  border-radius: calc(var(--base)* 0.3);
  margin-right: calc(var(--base)* 1);
  padding: calc(var(--base)* 0.5) calc(var(--base)* 1);
  font-size: 1.2em;
}

.type-choose-dialog .type.inpk {
  border-color: #0d4b83;
  color: #0d4b83;
}

.type-choose-dialog .btn-box {
  margin-top: calc(var(--base) * 3);
  display: flex;
  justify-content: center;
}

.type-choose-dialog .btn {
  width: calc(var(--base)* 8);
  height: calc(var(--base)* 2.5);
  font-size: 1.2em;
  border: 2px solid transparent;
  border-radius: calc(var(--base)* 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.type-choose-dialog .btn + .btn {
  margin-left: calc(var(--base) * 4);
}

.type-choose-dialog .compare {
  background-color: #ed7d31;
  color: #fff;
}

.type-choose-dialog .cancel {
  border-color: #ed7d31;
}

.compare-dialog .comp {
  width: 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.compare-dialog .comp + .comp {
  margin-left: 1.5%;
}

.compare-dialog .cate, .compare-dialog .name {
  font-size: 1.5em;
  color: #14316b;
  line-height: 1.3;
}

.compare-dialog .img-td {
  padding-top: calc(var(--base) * 2);
  text-align: center;
}

.compare-dialog .comp-img {
  width: calc(var(--base) * 9);
  display: block;
  margin: 0 auto;
}

.compare-dialog .del {
  margin: calc(var(--base) * 1.6) auto 0;
  width: 5.87em;
  height: 2.37em;
  border-radius: 6px;
  border: solid 1px #0d4b83;
  font-size: 1.1em;
  color: #0d4b83;
  cursor: pointer;
}

.compare-dialog .clightspot-td {
  padding-bottom: calc(var(--base) * 2);
  vertical-align: top;
}

.compare-dialog .clightspot {
  width: 100%;
  margin-top: 3.43em;
  padding-right: calc(var(--base) * 1);
}

.compare-dialog .l-title {
  font-size: 1.18em;
  color: #ff730f;
  padding-bottom: 0.7em;
  border-bottom: 2px solid #666;
}

.compare-dialog .clightspot .ul {
  margin-top: 0.6em;
}

.compare-dialog .clightspot .li {
  line-height: 1.7;
  font-size: 1em;
  display: flex;
  font-weight: 500;
  color: #000;
}

.compare-dialog .clightspot .li .order {
  flex-shrink: 0;
  margin-right: 0.5em;
}

.compare-dialog .params {
  margin-top: 2.5em;
  width: 100%;
}

.compare-dialog .p-title {
  font-size: 1.18em;
  color: #ff730f;
  padding-bottom: 0.7em;
  border-bottom: 2px solid #666;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.compare-dialog .p-title .expend {
  font-size: 14px;
  cursor: pointer;
}

.compare-dialog .p-title .expend .icon {
  width: 12px;
  margin-right: 8px;
}

.compare-dialog .params .list {

}

.compare-dialog .params .item {
  /*line-height: 2.1em;*/
  padding: 0 5px;
  line-height: 3;
  display: flex;
  justify-content: space-between;
  font-size: 0.7em;
}

.compare-dialog .params .item:nth-child(2n) {
  background-color: #d9d9d9;
}

.compare-dialog .params .label {
  max-width: 48%;
}

.compare-dialog .params .value {
  max-width: 48%;
  text-align: right;
}

.compare-dialog .params.pro .p-title {
  color: #102b62;
}

.compare-dialog .ec-box {
  margin-top: 2em;
  width: 100%;
  display: flex;
  height: 1.81em;
}

.compare-dialog .ec-box .butn {
  display: flex;
  align-items: center;
  width: 33%;
  height: 100%;
  border-radius: 5px;
  border: solid 1px #0d4b83;
  font-size: 0.9em;
  color: #0d4b83;
  cursor: pointer;
}

.compare-dialog .ec-box .butn + .butn {
  margin-left: 8%;
}

.compare-dialog .ec-box .butn .icon {
  margin-right: 10%;
  width: 12px;
}

.guide-dialog {
  max-width: 1600px;
}

.guide-dialog .content {
  padding: 4em 3.5em;
  position: relative;
  font-size: 16px;
  display: flex;
  align-items: flex-start;
  background-color: #f7f7f7;
  --base: 16px;
}

.guide-dialog .guide {
  width: 3.3em;
  flex-shrink: 0;
}

.guide-dialog .info {
  flex-grow: 1;
  margin-left: 2.8em;
}

.guide-dialog .g-title {
  font-size: calc(var(--base) * 1.5);
  color: #ff730f;
}

.guide-dialog .please {
  margin-top: 0.7em;
  height: calc(var(--base) * 2);
  line-height: calc(var(--base) * 2);
  color: #0f2f6e;
  font-size: 1em;
}

.guide-dialog .choose-box {
  margin-top: 0.7em;
  display: flex;
  align-items: center;
  height: calc(var(--base) * 2);
}

.guide-dialog .choose-box .label {
  font-size: 1em;
  flex-shrink: 0;
}

.guide-dialog .choose-list {
  flex-grow: 1;
  margin-left: calc(var(--base) * 2);
  display: flex;
}

.guide-dialog .choose {
  display: flex;
  align-items: center;
  color: #ff6633;
  font-size: 1em;
}

.guide-dialog .choose + .choose {
  margin-left: calc(var(--base) * 1.8);
}

.guide-dialog .choose .icon {
  width: calc(var(--base) * 1.5);
  margin-right: calc(var(--base) * 0.6);
}

.guide-dialog .recommend {
  /*margin-top: calc(var(--base) * 1.5);*/
}

.guide-dialog .title-line {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 0.7em;
  border-bottom: 2px solid #102b62;
  height: calc(var(--base) * 6);
}

.guide-dialog .title-line .title {
  font-size: calc(var(--base) * 1.25);
  color: #ff730f;
}

.guide-dialog .btn-box {
  display: flex;
  justify-content: flex-end;
  width: 35%;
}

.guide-dialog .btn-box .butn {
  width: calc(var(--base) * 7.4);
  aspect-ratio: 3 / 1;
  display: flex;
  align-items: center;
  border-radius: 10px 10px 0 10px;
  position: relative;
  cursor: pointer;
}

.guide-dialog .butn + .butn {
  margin-left: 5%;
}

.guide-dialog .re {
  border: solid 1px #0d4b83;
}

.guide-dialog .compare {
  background-color: #0d4b83;
}

.guide-dialog .butn .icon {
  width: calc(var(--base)* 1.3);
  margin-right: calc(var(--base)* 0.25);
}

.guide-dialog .butn .btitle {
  color: #fff;
  font-size: calc(var(--base) * 0.95);
}

.guide-dialog .butn.re .btitle {
  color: #0d4b83;
}

.guide-dialog .butn .num {
  position: absolute;
  width: calc(var(--base) * 2);
  height: calc(var(--base) * 2);
  transform: translate(50%, -50%);
  right: 0;
  top: 0;
  background-color: #ff730f;
  color: #fff;
  font-size: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.guide-dialog .choose-zone {
  margin-top: calc(var(--base) * 2.9);
  display: flex;
  align-items: flex-start;
}

.guide-dialog .choose-zone .icon {
  flex-shrink: 0;
  width: calc(var(--base) * 1.3);
}

.guide-dialog .option-list {
  margin-left: calc(var(--base) * 3);
  display: flex;
  flex-wrap: wrap;
}

.guide-dialog .option {
  width: calc(var(--base) * 13);
  margin-right: calc(var(--base) * 2);
  margin-bottom: calc(var(--base) * 2);
}

/*.guide-dialog .option + .option {*/
/*  margin-left: calc(var(--base) * 3);*/
/*}*/

.guide-dialog .option img {
  width: 100%;
}

.guide-dialog .option .blueinfo {
  margin-top: calc(var(--base) * 0.53);
  display: flex;
  flex-direction: column;
  align-items: center;
  height: calc(var(--base) * 8);
  background-color: #0d4b83;
  padding-top: calc(var(--base) * 1.6);
}

.guide-dialog .option .t1 {
  font-size: 1.2em;
  color: #fff;
}

.guide-dialog .option .butn {
  margin-top: calc(var(--base) * 1.5);
  width: calc(var(--base) * 7);
  height: calc(var(--base) * 2.2);
  border-radius: calc(var(--base) * 1.1);
  border: 2px solid #ff730f;
  font-size: 0.9em;
  color: #ff730f;
  cursor: pointer;
}

.guide-dialog .gproduct-list {
  margin-top: calc(var(--base) * 2);
  display: flex;
  flex-wrap: wrap;
}

.guide-dialog .gproduct {
  width: 24%;
  position: relative;
  margin-right: 1.33%;
}

.guide-dialog .gproduct:nth-child(4n) {
  margin-right: 0;
}

.guide-dialog .gproduct:nth-child(n + 5) {
  margin-top: 20px;
}

.guide-dialog .pk {
  width: 20%;
  aspect-ratio: 2.6 / 1;
  border-radius: 3px 3px 0 3px;
  border: solid 1px #ff730f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  color: #ff730f;
  position: absolute;
  top: 3.4%;
  right: 5.1%;
  left: auto;
  z-index: 1;
  background-color: #fff;
  cursor: pointer;
}

.guide-dialog .pk.added {
  border-color: #102b62;
  background-color: #0d4b83;
  color: #fff;
}

.guide-dialog .gproduct .white {
  padding-top: calc(var(--base) * 2);
  /*padding-bottom: calc(var(--base) * 2.8);*/
  width: 100%;
  border: 1px solid #e8e8e8;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  position: relative;
}

.guide-dialog .gproduct .white .power {
  /*position: absolute;*/
  /*width: 39%;*/
  /*aspect-ratio: 1 / 1;*/
  /*right: 0;*/
  /*bottom: 0;*/
  /*background: transparent url('../../../icons/power-bg.png') no-repeat right bottom;*/
  /*background-size: contain;*/
  /*padding-top: 26.6%;*/
  /*padding-left: 11%;*/
  /*text-align: center;*/
  /*font-size: 1.14em;*/
  /*color: #f7f7f7;*/

  width: 100%;
  right: 0;
  bottom: 0;
  padding: calc(var(--base)* 0.5) calc(var(--base)* 0.5);
  font-size: 1em;
  color: #f7f7f7;
  background-color: #ff730f;
  text-align: center;
  margin-top: calc(var(--base) * 0.5);
}

.guide-dialog .gproduct .cover {
  width: 60%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

.guide-dialog .gproduct .t1 {
  width: 100%;
  text-align: center;
  margin-top: calc(var(--base) * 0.2);
  font-size: 0.95em;
  color: #000;
  font-weight: bold;
}

.guide-dialog .gproduct .t2 {
  width: 100%;
  text-align: center;
  margin-top: calc(var(--base)* 0.75);
  font-size: 0.8em;
  color: #666;
  height: 3em;
  line-height: 1.5;
  padding: 0 10px;
}

.guide-dialog .gproduct .xiang {
  margin: calc(var(--base) * 1.75) auto 0;
  width: calc(var(--base) * 8);
  height: calc(var(--base) * 2.5);
  border: 1px solid #ff730f;
  color: #ff730f;
  font-size: 1em;
  border-radius: calc(var(--base) * 0.57);
  cursor: pointer;
}

.guide-dialog .close-btn {
  position: absolute;
  right: calc(var(--base) * 1);
  top: calc(var(--base) * 1);
  width: calc(var(--base) * 7);
  height: calc(var(--base) * 2.5);
  color: #fff;
  background-color: #ff730f;
  border-radius: 0.9em 0.9em 0 0.9em;
  font-size: 0.8em;
  cursor: pointer;
}
/* product-list end */

/* product start */
.ny_banner_xz {
  background-color: #fafafa;
  height: 56vw;
}

.wap-ptop {
  display: none;
}

.detail {
  position: absolute;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  line-height: 1;
  left: 0;
  right: 0;
  top: clamp(60px, 7.1vw, 140px);
  margin: auto;
}

.detail .img-box {
  width: 30vw;
  max-width: 600px;
}

.detail .big {
  width: 100%;
  height: 34.35vw;
  background-position: center;
  object-fit: contain;
  background-color: #fff;
}

.detail .img-box .list {
  margin-top: 1vw;
  display: flex;
  /*justify-content: space-between;*/
}

.detail .img-box .list .img {
  width: 23%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  cursor: pointer;
}

.detail .img-box .list .img.bg-small {
  object-fit: cover;
}

.detail .img-box .list .img + .img {
  margin-left: 2.66%;
}

.detail .img-box .list .img.active {
  border-color: #ff730f;
}

.detail .info {
  width: 45%;
  margin-left: clamp(30px, 10%, 100px);
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.detail h1 {
  font-size: 38px;
  font-weight: bold;
}

.detail h2 {
  margin-top: 18px;
  font-size: 29px;
  font-weight: normal;
}

.lightspot {
  margin-top: 45px;
}

.lightspot .title {
  font-size: 25px;
  color: #ff6633;
  font-weight: bold;
}

.lightspot .ul {
  margin-top: 20px;
}

.lightspot .ul .li::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #000;
  flex-shrink: 0;
  margin-right: 10px;
  margin-top: 9px;
}

.lightspot .ul .li {
  display: flex;
  line-height: 1.7;
  font-size: 16px;
  color: #333;
}

.kernel-param {
  margin-top: 60px;
}

.kernel-param .title {
  font-size: 25px;
  color: #102b62;
  font-weight: bold;
}

.kernel-param .list {
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 5px;
  border-bottom: 2px solid #eee;
}

.kernel-param .item {
  width: 100%;
  font-size: 16px;
  line-height: 1.8;
  display: flex;
  justify-content: space-between;
  word-break: break-all;
}

.kernel-param .item:nth-child(n + 3) {
  border-top: 2px solid #eee;
}

.kernel-param .label {

}

.kernel-param .value {
  max-width: 50%;
  text-align: right;
}



.detail .btn-box {
  margin-top: 27px;
  display: flex;
}

.detail .btn-box .btn {
  width: 30%;
  aspect-ratio: 10 / 3;
  border-radius: 9px;
  background-color: #ff730f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  color: #fffefe;
  cursor: pointer;
  position: relative;
}

.detail .btn-box .btn + .btn {
  margin-left: 5%;
}

.detail .btn-box .buy-list {
  position: absolute;
  left: 0;
  top: calc(100% - 10px);
  width: 100%;
  background-color: inherit;
  color: inherit;
  display: flex;
  flex-direction: column;
  padding: calc(var(--base) * 0.5) 0;
  border-radius: 0 0 9px 9px;
  overflow: hidden;
  z-index: 1;
}

.detail .btn-box .buy-list .item {
  text-align: center;
  color: #fff;
  font-size: 0.8em;
  padding: calc(var(--base) * 0.8) 0;
}

.detail.big-bg .big, .detail.big-bg h1, .detail.big-bg h2, .detail.big-bg .lightspot, .detail.big-bg .kernel-param {
  opacity: 0;
}

.pro_dat1 {
  background-color: #fff;
}

.pro_dat1 .prop-top {
  display: flex;
  justify-content: center;
  background-color: #fff;
}

.pro_dat1 .prop-top.fixed {
  width: 100%;
  position: fixed;
}

.p-display {
  display: none;
}

.p-display-pc {
  display: block;
}

.helper {
  position: fixed;
  width: 60px;
  background-color: #ff730f;
  border-radius: 14px 14px 0 14px;
  bottom: 30%;
  right: 60px;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 20px;
  cursor: pointer;
}

.helper .icon {
  width: 30px;
}

.helper .text {
  margin-top: 23px;
  color: #fff;
  font-size: 17px;
  writing-mode: tb;
  letter-spacing: 10px;
}

.pro_dat3 .rq {
  font-size: 16px;
}

.product-params {
  width: 100%;
  /*overflow-x: auto;*/
}

.product-params .p-title {
  font-size: 1.17em;
  color: #ff730f;
  padding-bottom: 0.7em;
  /*border-bottom: 1px solid #cfcfcf;*/
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.product-params .table-wrapper {
  width: 100%;
  overflow-x: auto;
}

.product-params .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.product-params .item {
  width: 49%;
  padding: 0 calc(var(--base) * 2.5);
  line-height: 3;
  display: flex;
  justify-content: space-between;
  font-size: 1.16em;
  word-break: break-all;
}

.product-params .item:nth-child(4n - 1), .product-params .item:nth-child(4n) {
  background-color: #ededed;
}

.product-params .label {
  max-width: 48%;
}

.product-params .value {
  max-width: 48%;
  text-align: right;
}

.product-params.pro {
  margin-top: calc(var(--base) * 2.8);
}

.product-params.pro .p-title {
  color: #0f2f6e;
}

.pro_dat4 {
  width: 100%;
  padding-top: 2%;
  padding-bottom: 6%;
  font-size: 16px;
}

.pro_dat4 .rq {
  display: flex;
  justify-content: space-between;
}

.pro_dat4 .datum {
  /*width: 48.5%;*/
  width: 100%;
}

.pro_dat4 .datum > .title {
  font-size: 1.17em;
  color: #ff730f;
  padding-bottom: calc(var(--base) * 0.75);
  border-bottom: 2px solid #898989;
}

.pro_dat4 .download-box {
  margin: calc(var(--base) * 1.6) auto 0;
  display: flex;
  align-items: center;
  /*justify-content: space-between;*/
  justify-content: center;
}

.pro_dat4 .name {
  font-size: 1.16em;
}

.pro_dat4 .you {
  margin-left: calc(var(--base) * 5);
  display: flex;
  align-items: center;
  /*padding: 0 calc(var(--base) * 3);*/
}

.pro_dat4 .download {
  display: flex;
  align-items: center;
  /*width: 50%;*/
  justify-content: center;
  cursor: pointer;
  padding: 0 calc(var(--base) * 2);
}

.pro_dat4 .download .icon {
  width: calc(var(--base) * 1);
}

.pro_dat4 .download .text {
  margin-left: calc(var(--base) * 1.5);
  font-size: 1.16em;
  color: #0f2f6e;
}

.pro_dat4 .gong-box {
  margin-top: calc(var(--base) * 1.6);
}

.pro_dat4 .gong-desc {
  font-size: 1.16em;
  color: #000;
}

.pro_dat4 .gong-img {
  margin-top: calc(var(--base) * 1.1);
  width: calc(var(--base) * 11.75);
}

.pro_dat3 .rq th {
  font-size: 16px;
  color: #333333;
  font-family: "HarmonyOS_Sans_SC_Light";
  padding: 20px 35px;
  text-align: center;
}
/* product end */

/* project start */
.pcate-list {
  display: block;
  width: 100%;
  justify-content: center;
  background-color: #fafafa;
  padding: 2em 0;
  font-size: 16px;
}

.pcate-list.fixed {
  position: fixed;
  width: 100%;
  z-index: 5;
}

.pcate-list .inner {
  margin: 0 auto;
  max-width: 1600px;
  display: flex;
  justify-content: center;
}

.pcate-list .pcate {
  background-color: #fff;
  width: 13%;
  padding: calc(var(--base) * 1.7) 0;
  border-radius: calc(var(--base) * 1.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
}

.pcate-list .pcate .active {
  display: none;
}

.pcate-list .pcate.active .normal {
  display: none;
}

.pcate-list .pcate.active .active {
  display: block;
}

.pcate-list .pcate:nth-child(n + 2) {
  margin-left: 4%;
}

.pcate-list .pcate .icon {
  width: calc(var(--base) * 3.6);
}

.pcate-list .pcate .title {
  margin-top: calc(var(--base)* 0.6);
  font-size: 1.1em;
  color: #0f2f6e;
}

.pcate-list .pcate.active .title {
  color: #ff730f;
}

.pcate .qrcode-box {
  position: absolute;
  left: 50%;
  top: calc(100% + var(--base));
  border: 2px solid #ff730f;
  border-radius: calc(var(--base) * 1.74);
  padding: calc(var(--base) * 1);
  flex-direction: column;
  align-items: center;
  width: calc(var(--base) * 16);
  z-index: 3;
  background-color: #fff;
  transform: translateX(-50%);
  display: none;
}

.pcate:hover .qrcode-box {
  display: flex;
}

.pcate .qrcode-box .declare {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pcate .qrcode-box .declare .tri {
  width: calc(var(--base) * 1.5);
}

.pcate .qrcode-box .declare .text {
  font-size: 1em;
  color: #0f2f6e;
  margin-left: calc(var(--base) * 0.7);
}

.pcate .qrcode-box .qrcode {
  width: 100%;
}
/* project end */

/* project-detail start */
.case_xz .relation-box {
  display: flex;
  justify-content: space-between;
}

.case_xz .product {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 32%;
}

.case_xz .product-img {
  width: 100%;
}

.case_xz .see-detail {
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1em;
  aspect-ratio: 4 / 1;
  background-color: #ff730f;
  color: #fff;
  font-size: 0.9em;
  cursor: pointer;
}

.case_xz .contact-form {
  margin-top: calc(var(--base) * 4.19);
  font-size: 16px;
}

.contact-bottom {
  display: none;
}

.case_xz .contact-form > .title {
  font-size: 1.1em;
  color: #3181ba;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.case_xz .contact-form > .title:before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #3181ba;
  display: block;
  margin-right: 4px;
}

.case_xz .contact-form .explain {
  margin-top: var(--base);
  font-size: 0.9em;
  color: #000;
  line-height: 1.4;
  padding-left: 8px;
}

.case_xz .contact-form .form-item {
  margin-top: calc(var(--base) * 1.8);
  padding-left: 8px;
  display: flex;
  align-items: flex-end;
}


.case_xz .contact-form .icon {
  width: calc(var(--base) * 2.5);
  flex-shrink: 0;
}

.case_xz .contact-form input {
  margin-left: calc(var(--base) * 1);
  font-size: 0.8em;
  border-bottom: 1px solid #717171;
  flex-grow: 1;
  color: #000;
  padding-bottom: calc(var(--base) * 0.3);
} 

.case_xz .contact-form input::placeholder {
  color: #a8abb2;
}

.case_xz .contact-form .el-select {
  margin-left: calc(var(--base) * 1);
  font-size: 0.8em;
}

.case_xz .contact-form .el-select__wrapper {
  font-size: calc(var(--base) * 0.8);
  box-shadow: none !important;
  border-bottom: 1px solid #717171;
  border-radius: 0;
  padding: 0 0 calc(var(--base) * 0.3);
  background-color: transparent;
}

.case_xz .contact-form .submit {
  margin-top: 2em;
  width: 30%;
  aspect-ratio: 3 / 1;
  background-color: #dcdcdc;
  color: #fff;
  font-size: 0.9em;
  cursor: pointer;
}

.case_xz .contact-form .submit.valid {
  background-color: #ff730f;
}
/* project-detail end */

/* service start */
.ser_con1 .qrcode-box {
  position: absolute;
  width: 100%;
  top: -15%;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s;
  display: flex;
}

.ser_con1 .div.qrc:hover .qrcode-box {
  opacity: 1;
}

.ser_con1 .div.qrc:hover .ig1, .ser_con1 .div.qrc:hover .ig2 {
  opacity: 0;
}

.ser_con1 .qrcode-box > .title {
  font-size: 0.8em;
  text-align: center;
  color: #0f2f6e;
}

.ser_con1 .ig .qrcode-box .qrcode {
  margin-top: calc(var(--base)* 0.5);
  width: calc(var(--base)* 9);
  max-height: none;
  position: relative;
  top: auto;
  transform: none;
  left: auto;
}

.ser_con1 .div.qrc:hover p::before {
  opacity: 0;
}
/* service end */

/* service-concept start */
.ser2_con1 .rq .div + .div {
  margin-top: calc(var(--base) * 3.44);
}

.ser2_con1 .rq .rig {
  padding: 2.7% 1.8%;
  background-color: #fafafa;
  font-size: 16px;
}

.ser2_con1 .rq .rig .title {
  font-size: 1.45em;
  color: #0f2f6e;
  font-weight: bold;
}

.ser2_con1 .rq .rig .text {
  margin-top: calc(var(--base) * 2);
  font-size: 1.16em;
  line-height: 1.8;
}

.ser2_con1 .rq .rig .tel {
  color: #ff730f;
}

.ser2_con1 .rq .rig a {
  color: #0d4b83;
  text-decoration: underline;
  cursor: pointer;
}

.ser2_con1 .rq .rig table {
  margin-top: calc(var(--base) * 2.8);
  width: 100%;
}

.ser2_con1 .rq .rig th {
  width: 50%;
  font-size: 1.16em;
  line-height: 2.73;
  color: #ffffff;
  font-family: "HarmonyOS_Sans_SC_Light";
  background: #0d4b83;
  font-weight: 100;
  text-align: center;
}

.ser2_con1 .rq .rig td {
  font-size: 1em;
  color: #333;
  font-family: "HarmonyOS_Sans_SC_Light";
  text-align: center;
  line-height: 2.8;
}

.ser2_con1 .rq .rig tr {
  /*background: #f5f5f5;*/
  border: 1px solid #eeeeee;
}

.ser2_con1 .rq .rig tr:nth-child(2n) {
  /*background: #fff;*/
}

.standard-content {
}

.standard-content .high {
  color: #ff730f;
}

.standard-content .explain {
  font-size: 1em;
}

.standard-content table {
  margin-top: calc(var(--base) * 1);
  width: 100%;
}

.standard-content table tr {

}

.standard-content table th {
  border: 1px solid #0d4b83;
  padding: calc(var(--base) * 0.5) 0;
}

.standard-content table td {
  border: 1px solid #0d4b83;
  text-align: center;
  padding: calc(var(--base) * 0.5);
}

.standard-content .remark {
  margin-top: calc(var(--base) * 1);
  font-size: 1em;
  color: #ff730f;
}
/* service-concept end */

/* service-after start */
.after-sale {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: calc(var(--base) * 1.69);
  padding-bottom: calc(var(--base) * 5.81);
}

.after-sale .title {
  font-size: 1.4em;
  font-weight: bold;
  color: #0f2f6e;
}

.after-sale .qrcode {
  margin-top: calc(var(--base) * 0.5);
  width: calc(var(--base) * 17.5);
}
/* service-after end */

/* service-question start */
.question-filter {
  margin: 0 auto calc(var(--base) * 3);
  /*max-width: 1600px;*/
  background-color: #fff;
  padding: calc(var(--base) * 2) 0;
}

.question-filter .inner {
  max-width: 1600px;
  margin: 0 auto;
}

.question-filter .el-row {
  max-width: 1600px;
}

.question-filter .el-col {
  margin-bottom: calc(var(--base) * 1);
}

.question-filter .el-select__wrapper {
  box-shadow: none !important;
}

.question-filter .search-btn {
  background-color: #0d4b83;
  color: #fff;
  height: calc(var(--el-input-height, 40px) - 2px);
  margin: 0 10px;
  border-radius: 9px;
  cursor: pointer;
}
/* service-question end */

/* service-channel start */
.channel-body {
  background-color: #fff;
  padding-bottom: 3%;
  font-size: 16px;
}

.channel-body .content {
  max-width: 1600px;
  margin: 0 auto;
}

.channel-filter {
  margin: 0 auto calc(var(--base) * 3);
  background-color: #fff;
  padding: calc(var(--base) * 2) 0;
}

.channel-filter .inner {
  max-width: 1600px;
  margin: 0 auto;
}

.channel-filter .btn-top {
  margin-bottom: calc(var(--base) * 1.6);
}

.channel-filter .butn {
  min-height: calc(var(--el-input-height, 40px) - 2px);
  border-radius: 9px;
  font-size: 1em;
  cursor: pointer;
}

.channel-filter .offline {
  background-color: #ff730f;
  color: #fff;
}

.channel-filter .online {
  border: 1px solid #0d4b83;
  color: #0d4b83;
  position: relative;
}

.channel-filter .buy-list {
  position: absolute;
  left: -1px;
  right: -1px;
  top: calc(100% - 10px);
  /*width: calc(100% + 2px);*/
  display: flex;
  flex-direction: column;
  padding: calc(var(--base) * 0.7) 0;
  border-radius: 0 0 9px 9px;
  overflow: hidden;
  z-index: 1;
  border: 1px solid #0d4b83;
  border-top: none;
  background-color: #fff;
}

.channel-filter .buy-list .item {
  text-align: center;
  color: #0d4b83;
  font-size: 0.9em;
  padding: calc(var(--base) * 0.8) 0;
}

.channel-filter .search-btn {
  background-color: #0d4b83;
  color: #fff;
  margin: 0 10px;
}

.store-list {
  margin-top: calc(var(--base) * 3.44);
  display: flex;
  flex-wrap: wrap;
}

.store-list .store {
  width: 30%;
  margin-right: 5%;
  background-color: #f5f5f5;
  padding: calc(var(--base) * 1.69) calc(var(--base) * 2.5) calc(var(--base) * 2);
}

.store-list .store:nth-child(3n) {
  margin-right: 0;
}

.store-list .store:nth-child(n + 4) {
  margin-top: calc(var(--base) * 3.44);
}

.store-list .title {
  font-size: 1.4em;
  color: #ff730f;
  margin-bottom: calc(var(--base) * 1.5);
}

.store-list .line {
  display: flex;
  align-items: flex-start;
}

.store-list .line + .line {
  margin-top: calc(var(--base) * 1);
}

.store-list .line .icon {
  width: calc(var(--base) * 1.5);
  flex-shrink: 0;
}

.store-list .line .text {
  padding-top: calc(var(--base) * 0.1);
  margin-left: calc(var(--base) * 0.6);
  font-size: 1em;
  line-height: 1.4;
}

.store-list a {
  display: block;
  margin-top: calc(var(--base) * 2.5);
  font-size: 1em;
  color: #0f2f6e;
  cursor: pointer;
}

.channel-body .Pages {
  margin-top: calc(var(--base) * 5);
}
/* service-channel end */

/* service-download start */
.download-filter {
  margin: 0 auto calc(var(--base) * 3);
  /*max-width: 1600px;*/
  background-color: #fff;
  padding: calc(var(--base) * 2) 0;
}

.download-filter .inner {
  max-width: 1600px;
  margin: 0 auto;
}

.download-filter .el-row {
  max-width: 1600px;
}

.download-filter .el-col {
  margin-bottom: calc(var(--base) * 1);
}

.download-filter .el-select__wrapper {
  box-shadow: none !important;
}

.download-filter .search-btn {
  background-color: #0d4b83;
  color: #fff;
  height: calc(var(--el-input-height, 40px) - 2px);
  margin: 0 10px;
  border-radius: 9px;
  cursor: pointer;
}

.provider-down {
  margin-top: calc(var(--base) * 1.69);
  padding: calc(var(--base) * 1.5) calc(var(--base) * 2);
  background-color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
}

.provider-down .qrcode {
  width: calc(var(--base) * 8.63);
}

.provider-down .desc {
  margin-left: calc(var(--base) * 2.81);
  font-size: 1em;
  color: #0f2f6e;
}
/* service-download end */

/* brand-news start */
.news-filter {
  font-size: 16px;
  padding: calc(var(--base) * 2) calc(var(--base) * 3);
}

.news-filter .inner {
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.news-filter .year-list {
  display: flex;
}

.news-filter .butn {
  padding: calc(var(--base) * 1) calc(var(--base) * 2);
  border-radius: calc(var(--base) * 0.5);
  font-size: 1em;
  cursor: pointer;
  color: #0f2f6e;
}

.news-filter .butn + .butn {
  margin-left: calc(var(--base) * 1);
}

.news-filter .butn.active {
  background-color: #ff730f;
  color: #fff;
}

.news-filter .input-box {
  height: calc(var(--base) * 2.5);
  border-radius: calc(var(--base) * 1.25);
  width: calc(var(--base) * 17);
  display: flex;
  align-items: center;
  border: 1px solid #898989;
  padding: 0 calc(var(--base) * 1);
}

.news-filter .input-box input {
  width: 0;
  font-size: 0.9em;
  flex-grow: 1;
}

.news-filter .input-box img {
  margin-left: calc(var(--base) * 0.2);
  width: calc(var(--base) * 1.25);
}

.news-content {
  font-size: 16px;
  background-color: #f5f5f5;
  padding-bottom: 5%;
  padding-top: 2%;
}

.news-list {
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.news-list .news {
  width: 31%;
  margin-right: 3.5%;
  cursor: pointer;
}

.news-list .news:nth-child(3n) {
  margin-right: 0;
}

.news-list .news:nth-child(n + 4) {
  margin-top: calc(var(--base) * 2);
}

.news-list .cover {
  width: 100%;
  aspect-ratio: 2.35 / 1;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-color: #fff;
}

.news-list .info {
  background-color: #fff;
  padding: calc(var(--base) * 1.5) calc(var(--base) * 1.7) 0;
  height: calc(var(--base)* 8.2);
}

.news-list .date {
  font-size: 1em;
  color: #898989;
}

.news-list .title {
  margin-top: calc(var(--base) * 0.5);
  line-height: 1.8;
  font-size: 1.1em;
  color: #000;
}

.news-content .Pages {
  margin-top: calc(var(--base) * 4);
}
/* brand-news end */

/* brand-technology start */
.tech-cate {
  font-size: 16px;
  background-color: #fff;
  padding: calc(var(--base) * 2) 0;
}

.tech-cate .inner {
  margin: 0 auto;
  max-width: 1600px;
}

.tech-cate .cate-list1 {
  display: flex;
  flex-wrap: wrap;
}

.tech-cate .cate-list1 .cate {
  padding: calc(var(--base) * 0.8) calc(var(--base) * 2);
  border-radius: calc(var(--base) * 0.63);
  font-size: 1.1em;
  border: 2px solid #0d4b83;
  color: #0d4b83;
  cursor: pointer;
  margin-right: calc(var(--base) * 5);
  margin-bottom: calc(var(--base));
}

.tech-cate .cate-list1 .cate.active {
  background-color: #ff730f;
  color: #fff;
  border: none;
}

.tech-cate .cate-list2 {
  margin-top: calc(var(--base) * 0.88);
  display: flex;
}

.tech-cate .cate-list2 .cate {
  padding: calc(var(--base) * 0.8) calc(var(--base) * 2);
  border-radius: calc(var(--base) * 0.63);
  font-size: 1.1em;
  color: #0f2f6e;
  cursor: pointer;
}

.tech-cate .cate-list2 .cate + .cate {
  margin-left: calc(var(--base) * 0.3);
}

.tech-cate .cate-list2 .cate.active {
  background-color: #f5f5f5;
}
/* brand-technology end */

/* join-investment start */
.join-investment {
  padding-bottom: calc(var(--base) * 8);
  font-size: var(--base);
}

.join-investment .container {
  /*margin: 0 auto;*/
  /*max-width: 1600px;*/
}

.join-block {
  color: #898989;
}

.join-block:first-child {
  margin-top: calc(var(--base) * 6.44)
}

.join-block + .join-block {
  margin-top: calc(var(--base) * 10);
}

.join-block > .title {
  text-align: center;
  color: #0f2f6e;
  font-size: 45px;
}

.join-block > .subtitle {
  text-align: center;
  margin-top: calc(var(--base) * 1.88);
  font-size: 20px;
  color: #000;
}

.join-block .high {
  color: #0f2f6e;
}

.join-block.nabian {
}

.nabian .desc {
  margin-top: calc(var(--base) * 3);
  font-size: 18px;
  line-height: 2;
}

.buju-list {
  margin-top: calc(var(--base) * 3);
  display: flex;
  justify-content: space-between;
}

.buju {
}

.buju .up {
  font-size: 2.4em;
  color: #ff730f;
  font-weight: bold;
}

.buju .bottom {
  margin-top: calc(var(--base) * 1.2);
  color: #000;
  font-size: 1.4em;
}

.nabian .shengeng {
  margin-top: calc(var(--base) * 2.5);
  width: 100%;
  display: block;
}

.join-block.jidi {
  font-size: 15px;
}

.jidi-content {
  margin-top: calc(var(--base) * 3.6);
  position: relative;
}

.jidi-content .bg {
  width: 53.7%;
  display: block;
  margin: 0 0 0 auto;
}

.jidi-content .main {
  /*position: absolute;*/
  left: 0;
  top: 0;
  width: 100%;
}

.jidi-content .text1 {
  font-size: 18px;
}

.jidi-content .factory-list {
  margin-top: calc(var(--base) * 2.94);
  display: flex;
}

.jidi-content .factory {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
}

.jidi-content .factory + .factory {
  /*margin-top: calc(var(--base) * 3.75);*/
}

.jidi-content .factory img {
  width: calc(var(--base) * 28.19);
}

.jidi-content .factory .info {
  margin-top: calc(var(--base) * 1);
  font-size: 18px;
  line-height: 1.8;
  text-align: center;
}

.jidi-content .factory .orange {
  font-size: 26px;
  color: #ff730f;
  font-weight: 500;
}

.jidi-content .text2 {
  margin-top: calc(var(--base) * 3);
  font-size: 18px;
  padding-right: calc(var(--base) * 3);
  line-height: 1.5;
  letter-spacing: 1px;
}

.join-block.polybasic {

}

.polybasic .more {
  margin: calc(var(--base) * 3) auto 0;
  width: calc(var(--base) * 12.5);
  height: calc(var(--base) * 1.94);
  background-color: #ff730f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25em;
  color: #fff;
  cursor: pointer;
}

.join-block .img {
  margin-top: calc(var(--base) * 1.81);
  display: block;
  width: 100%;
}

.join-block.innovate {
}

.inno-list {
  margin-top: calc(var(--base) * 3.81);
}

.inno-list.pc {
  display: block;
}

.inno-list.wap {
  display: none;
}

.inno-list .line {
  display: flex;
  justify-content: center;
}

.inno-list .line + .line {
  margin-top: calc(var(--base) * 6.31);
}

.inno-list .inno {
  width: calc(var(--base) * 16.25);
}

.inno-list .inno + .inno {
  margin-left: calc(var(--base) * 9.44);
}

.inno-list .icon-box {
  border: 2px solid #0d4b83;
  border-radius: calc(var(--base) * 1.88) calc(var(--base) * 1.88) 0 0;
  height: calc(var(--base) * 10);
  display: flex;
  align-items: center;
  justify-content: center;
}

.inno-list .icon-box > .icon {
  width: calc(var(--base) * 6.5);
}

.inno-list .inno .blue {
  background-color: #0d4b83;
  height: calc(var(--base) * 6.31);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1.25em;
  color: #fff;
  line-height: 1.8;
}

.inno-list .inno .more {
  height: calc(var(--base) * 2.44);
  border-radius: 0 0 calc(var(--base) * 1.88) calc(var(--base) * 1.88);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff730f;
  font-size: 1.125em;
  color: #fff;
  position: relative;
  cursor: pointer;
}

.inno-list .inno .more img {
  width: calc(var(--base) * 0.63);
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(var(--base) * 1.88);
  margin: auto;
}

.join-block.honor-strength {
  width: 100vw;
  margin-left: calc((1600px - 100vw) / 2);
}

.honor-wrapper {
  margin-top: calc(var(--base) * 3.75);
  /*background: url('../../../images/join/honor-bg.png');*/
  background-size: 100%;
  padding: calc(var(--base) * 3.1) 0;
}

.honor-list {
  max-width: 1600px;
  margin: 0 auto;
}

.honor-list .line {
  display: flex;
  justify-content: center;
}

.honor-list .line + .line {
  margin-top: calc(var(--base) * 3.2);
}

.honor-list .honor {
  max-width: 180px;
}

.honor-list .honor + .honor {
  margin-left: 25px;
}

.honor-list .honor img {
  display: block;
  width: 100%;
}

.honor-list .honor .name {
  text-align: center;
  line-height: 1.5;
  color: #000;
  font-size: 1.25em;
  margin-top: calc(var(--base) * 1.2);
}

.join-block.case-block {

}

.case-content {
  margin-top: calc(var(--base) * 3.81);
  display: flex;
  justify-content: space-between;
}

.case-inner {
  width: 49%;
}

.case-content .text1 {
  text-align: center;
  font-size: 1.25em;
  color: #0d4b83;
}

.case-content .text2 {
  margin-top: calc(var(--base) * 1.8);
  text-align: center;
  font-size: 1.25em;
}

.case-list {
  margin-top: calc(var(--base) * 3.69);
  display: flex;
  flex-wrap: wrap;
}

.case-list .case {
  width: 33.33%;
  background: url('../../../images/join/case-pedestal.png') 0 100% no-repeat;
  background-size: 100% auto;
  padding-bottom: 1.6%;
}

.case-list .case:nth-child(n + 4) {
  margin-top: calc(var(--base) * 3);
}

.case-list .case img {
  display: block;
  margin: 0 auto;
  width: calc(100% - var(--base) * 1.7);
}

.join-block.certification-block {
}

.certification-block {
}

.certification-block .corona-wrapper {
  margin-top: calc(var(--base) * 3);
  display: flex;
  justify-content: center;
  padding: 100px 0;
}

.certification-block .corona-box {
  display: flex;
  justify-content: center;
  position: relative;
}

.certification-block .corona-box .ctext {
  position: absolute;
  text-align: center;
  width: 600px;
  font-size: 1.1em;
}

.certification-block .corona-box .ctext .t1 {
  color: #ff730f;
}

.certification-block .corona-box .ctext .t2 {
  margin-top: calc(var(--base) * 0.5);
  line-height: 1.7;
  color: #000;
}

.certification-block .corona-box .c1 {
  top: -20%;
}

.certification-block .corona-box .c2 {
  left: 105%;
  top: 16%;
  text-align: left;
}

.certification-block .corona-box .c3 {
  left: 105%;
  top: 64.4%;
  text-align: left;
}

.certification-block .corona-box .c4 {
  bottom: -20%;
}

.certification-block .corona-box .c5 {
  right: 105%;
  top: 64.4%;
  text-align: right;
}

.certification-block .corona-box .c6 {
  right: 105%;
  top: 16%;
  text-align: right;
}

.certification-block .corona {
  max-width: 500px;
}

.join-block.apply-block {

}

.apply-content {
  margin-top: calc(var(--base) * 3.63);
  width: 100%;
  aspect-ratio: 100 / 59;
  background-image: url('../../../images/join/join-bg.png');
  background-size: 100%;
  position: relative;
}

.apply-content .form {
  position: absolute;
  left: calc(var(--base) * 3.13);
  right: calc(var(--base) * 3.13);
  bottom: calc(var(--base) * 3.63);
  aspect-ratio: 2.8 / 1;
  background-color: rgba(13, 75, 131, 0.75);
  padding: calc(var(--base) * 3.75);
}

.apply-content .el-row + .el-row {
  margin-top: calc(var(--base) * 3);
}

.apply-content .input {
  background-color: #fff;
  border-radius: 0;
  width: 100%;
  height: calc(var(--base) * 4);
  padding: 0 12px;
  font-size: calc(var(--base) * 1.1);
}

.apply-content .el-select__wrapper {
  font-size: calc(var(--base) * 1.1);
  box-shadow: none !important;
  border-bottom: 1px solid #717171;
  border-radius: 0;
  height: calc(var(--base) * 4);
  background-color: #fff;
  /*padding: 0 0 calc(var(--base) * 0.3);*/
}

.apply-content .submit-btn {
  margin: calc(var(--base) * 4.94) auto 0;
  width: calc(var(--base) * 18.75);
  height: calc(var(--base) * 4);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff730f;
  font-size: 1.25em;
  color: #fff;
  cursor: pointer;
}
/* join-investment end */

/* product-compare-bottom start */
.flex-center {
  -ms-flex-pack: center;
  justify-content: center
}

.flex-between,.flex-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.flex-between {
  -ms-flex-pack: justify;
  justify-content: space-between
}

.hv-opacity {
  cursor: pointer;
  transition: opacity .3s ease-in-out;
  -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.contain-img,.fit-img {
  width: 100%;
  height: 100%
}

.contain-img {
  -o-object-fit: contain;
  object-fit: contain
}

.contrast-fbar {
  display: none;
  position: fixed;
  z-index: 50;
  width: 100%;
  height: 56px;
  bottom: 0;
  left: 0;
  background: #f5f5f5;
  transition: height .3s ease-in-out;
  overflow: hidden;
  box-shadow: 0 -4px 8px -1px #f0f0f0;
}

.contrast-fbar.active {
  height: 182px
}

.contrast-fbar.active .contrast-fbar-bd {
  opacity: 1;
  visibility: visible
}

.contrast-fbar.active .contrast-cbtn span:after {
  content: "\6536\8D77"
}

.contrast-fbar.active .contrast-cbtn i:after {
  display: none
}

.contrast-fbar-hd {
  height: 56px;
  padding: 4px 90px 0;
  box-sizing: border-box;
}

.contrast-fbar-hd .contrast-fbar-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.contrast-fbar-hd .contrast-fbar-title .title {
  font-weight: 700;
  font-size: 18px;
  color: #0d4b83;
  line-height: 1;
  vertical-align: baseline
}

.contrast-fbar-hd .contrast-fbar-title .desc {
  font-weight: 300;
  font-size: 12px;
  color: #879ba5;
  line-height: 18px;
  vertical-align: baseline;
  margin-left: 10px;
  position: relative;
  top: 2px
}

.contrast-cbtn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  top: 1px
}

.contrast-cbtn span {
  font-size: 16px;
  color: #0d4b83;
  margin-right: 6px;
  position: relative;
  top: 1px
}

.contrast-cbtn span:after {
  content: "\5C55\5F00"
}

.contrast-cbtn i {
  display: block;
  position: relative;
  width: 13px;
  height: 13px
}

.contrast-cbtn i:before {
  width: 200%;
  height: 3px
}

.contrast-cbtn i:after,.contrast-cbtn i:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%) scale(.5);
  background: #0d4b83;
}

.contrast-cbtn i:after {
  width: 3px;
  height: 200%
}

.contrast-fbar-bd {
  border-top: 1px solid #0d4b83;
  transition: all .3s ease-in-out;
  visibility: hidden;
  opacity: 0;
  display: -ms-flexbox;
  display: flex
}

.contrast-fbar-bd .contrast-main {
  -ms-flex: 1;
  flex: 1;
  width: 0;
  display: -ms-flexbox;
  display: flex
}

.contrast-fbar-bd .contrast-item {
  -ms-flex: 1;
  flex: 1;
  width: 25%;
  border-right: 1px solid #0d4b83;
  height: 126px
}

.contrast-fbar-bd .contrast-item.active .contrast-item-empty {
  display: none
}

.contrast-fbar-bd .contrast-item.active .contrast-item-pro {
  display: -ms-flexbox;
  display: flex
}

.contrast-fbar-bd .contrast-item-empty {
  width: 100%;
  height: 126px;
  font-weight: 300;
  font-size: 13px;
  color: #879ba5;
  text-align: center;
}

.contrast-fbar-bd .contrast-item-pro {
  display: none;
  position: relative;
  box-sizing: border-box;
  padding: 18px 20px 0;
}

.contrast-fbar-bd .contrast-item-pro .ico-adclose {
  position: absolute;
  right: 18px;
  top: 10px;
  font-size: 13px;
  color: #0d4b83;
  z-index: 5;
  cursor: pointer
}

.contrast-fbar-bd .contrast-item-pro .contrast-product-item {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.contrast-fbar-bd .contrast-item-pro .contrast-product-item .photo {
  width: 134px;
  height: 88px
}

.contrast-fbar-bd .contrast-item-pro .contrast-product-item .info {
  -ms-flex: 1;
  flex: 1;
  width: 0
}

.contrast-fbar-bd .contrast-item-pro .contrast-product-item .info .title {
  font-size: 18px;
  color: #0d4b83;
  line-height: 1;
  width: 100%
}

.contrast-fbar-bd .contrast-item-pro .contrast-product-item .info .desc {
  font-weight: 300;
  font-size: 13px;
  color: #879ba5;
  line-height: 1;
  margin-top: 10px;
  width: 100%
}

.contrast-fbar-bd .contrast-btns {
  width: 250px;
  box-sizing: border-box;
  padding-right: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column
}

.contrast-fbar-bd .contrast-btns .contrast-btn {
  width: 130px;
  height: 38px;
  background: #0071d0;
  color: #fff;
  font-size: 14px;
  margin-top: 25px;
  font-weight: 300
}

.contrast-fbar-bd .contrast-btns .contrast-text {
  font-size: 14px;
  color: #0d4b83;
  margin-top: 19px;
  font-weight: 300
}
/* product-compare-bottom end */

/* app-download start */
.app-download {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.app-download .text1 {
  text-align: center;
  font-size: 45px;
  color: #0c2f6f;
  font-family: "HuXiaoBo", sans-serif;
}

.app-download .text2 {
  margin-top: 20px;
  text-align: center;
  font-size: 24px;
  font-family: "HarmonyOS_Sans_SC_Regular", sans-serif;
}

.app-download .download-list {
  margin-top: calc(var(--base) * 3);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.app-download .download {
  box-shadow: 0 3px 8px #ccc;
  border-radius: 5px;
  display: flex;
  width: 48.5%;
  padding: calc(var(--base) * 1) calc(var(--base) * 2);
  align-items: center;
  justify-content: space-between;
}

.app-download .download:nth-child(n + 3) {
  margin-top: calc(var(--base) * 2);
}

.app-download .download .left {
  width: 65%;
}

.app-download .download .qrcode-box {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*align-items: center;*/
  align-items: flex-end;
  align-self: stretch;
}

.app-download .download .qrcode {
  width: 80%;
}
/* app-download end */