html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, main, footer, header, hgroup, menu, nav, section, summary, input, textarea, select, button, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: initial;
  vertical-align: baseline;
  background: transparent;
  -webkit-tap-highlight-color: transparent;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
  display: block;
}
.ptab a.act{background: #01adbb;color: #fff;}
/*@font-face{font-family:"SOURCEHANSANSCN-BOLD";src:url(../fonts/SourceHanSansCN-Bold.ttf);}*/
/*@font-face{font-family:"SOURCEHANSANSCN-EXTRALIGHT";src:url(../fonts/SOURCEHANSANSCN-EXTRALIGHT.OTF);}*/
/*@font-face{font-family:"SOURCEHANSANSCN-HEAVY";src:url(../fonts/SOURCEHANSANSCN-HEAVY.OTF);}*/
/*@font-face{font-family:"SOURCEHANSANSCN-LIGHT";src:url(../fonts/SourceHanSansCN-Light.ttf);}*/
/*@font-face{font-family:"SOURCEHANSANSCN-MEDIUM";src:url(../fonts/SOURCEHANSANSCN-MEDIUM.OTF);}*/
@font-face {
  font-family: "NunitoSans";
  src: url(../font/NunitoSans_7pt_Condensed-Medium.ttf);
  font-weight: normal;
}
@font-face {
  font-family: "NunitoSans";
  src: url(../font/NunitoSans_7pt-Bold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: "NunitoSans";
  src: url(../font/NunitoSans_10pt_Condensed-ExtraBold.ttf);
  font-weru.onerugged.comight: 800;
}
* {
  font-family: "NunitoSans" !important;
}
.fontb {
  font-family: "SOURCEHANSANSCN-BOLD";
}
.fontl {
  font-family: "SOURCEHANSANSCN-LIGHT";
}
.font48 {
  font-size: 48px;
}
.font46 {
  font-size: 46px;
}
.font36 {
  font-size: 36px;
}
.font30 {
  font-size: 30px;
}
.font0 {
  font-size: 0;
}
.wow {
  animation-duration: 1.2s;
}
body {
  padding: 0;
  margin: 0 auto !important;
  font-size: 16px;
  line-height: 1.4;
  color: #000;
  min-width: 320px;
  width: 100%;
  zoom: 1;
  background: #fff;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  padding-top: 66px;
  font-family: "SOURCEHANSANSCN-REGULAR";
  overflow-x: hidden;
}
* {
  -webkit-tap-highlight-color: transparent;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
p, span {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  -webkit-tap-highlight-color: transparent;
}
h1, h2, h3, h4, h5, h6, em, i {
  font-weight: normal;
  font-style: normal;
}
ul, ol, li {
  list-style-type: none;
}
a {
  text-decoration: none;
  outline: none;
  color: #000;
  cursor: pointer;
}
a:focus {
  outline: none;
  -moz-outline: none;
}
a img {
  border: none;
}
select, input, textarea {
  border-radius: 0;
  -webkit-border-radius: 0;
}
input:focus {
  outline: none;
}
input, button, select, textarea {
  outline: none;
}
textarea {
  resize: none;
}
textarea, input, select {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
table {
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
  box-sizing: border-box;
}
table th {
  background-color: #f9f9f9;
  text-align: center;
  box-sizing: border-box;
}
table td, table th {
  padding: 5px 10px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
input[type="button"], input[type="submit"], input[type="file"], button {
  cursor: pointer;
  -webkit-appearance: none;
}
.clearfix:after {
  clear: both;
  display: block;
  content: "";
  height: 0;
  visibility: hidden;
}
.clearfix {
  *zoom: 1;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.fleximportant {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.inlineflex {
  display: inline-flex;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
}
.d_flex > * {
  display: block;
}
.f_direction_column {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.f_direction_row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.j_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.j_end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.j_start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.j_justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.j_around {
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.a_start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.a_end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.a_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.a_baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.flex_wrap {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.flex_auto {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  -webkit-flex: auto;
  flex: auto;
}
.flex_1 {
  width: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.order_2 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.order_3 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}
.text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dh {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.fd {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.imgfd {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  -o-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
}
.xzx {
  transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.xzy {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.ab {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.abimg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.w1800 {
  width: 100%;
  max-width: 1920px;
  padding: 0 60px;
}
.w1680 {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
}
.w1600 {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
.w1560 {
  width: 100%;
  max-width: 1560px;
  margin: 0 auto;
}
.w1440 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.w1400, .wrap {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.w1280 {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.w1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
img {
  max-width: 100%;
  max-height: 100%;
}
.dis_pc {
  display: block !important;
}
.dis_mb {
  display: none !important;
}
@media (max-width:1800px) {
  .w1680 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1720px) {
  .w1600 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1680px) {
  .w1560 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1560px) {
  .w1440 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1520px) {
  .w1400, .wrap {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1440px) {
  .w1280 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1320px) {
  .w1200 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1024px) {
  .w1800, .w1680, .w1400, .wrap, .w1440, .w1600, .w1560, .w1280, .w1200 {
    padding: 0 30px;
  }
}
@media (max-width:990px) {
  .w1800, .w1680, .w1400, .wrap, .w1440, .w1600, .w1560, .w1280, .w1200 {
    padding: 0 20px;
  }
}
@media (max-width:768px) {
  .dis_pc {
    display: none !important;
  }
  .dis_mb {
    display: block !important;
  }
}
h2.h2 {
  font-size: 48px;
}
@media (max-width:1680px) {
  h2.h2 {
    font-size: 42px;
  }
}
@media (max-width:1440px) {
  h2.h2 {
    font-size: 36px;
  }
}
@media (max-width:1280px) {
  h2.h2 {
    font-size: 32px;
  }
}
@media (max-width:1024px) {
  h2.h2 {
    font-size: 25.6px;
  }
}
@media (max-width:1680px) {
  h2.h2 {
    font-size: 42px;
  }
}
@media (max-width:1440px) {
  h2.h2 {
    font-size: 32px;
  }
}
@media (max-width:1280px) {
  h2.h2 {
    font-size: 28px;
  }
}
@media (max-width:1024px) {
  h2.h2 {
    font-size: 24px;
  }
}
h3.h3 {
  font-size: 44px;
}
@media (max-width:1680px) {
  h3.h3 {
    font-size: 38.5px;
  }
}
@media (max-width:1440px) {
  h3.h3 {
    font-size: 33px;
  }
}
@media (max-width:1280px) {
  h3.h3 {
    font-size: 29.33333333px;
  }
}
@media (max-width:1024px) {
  h3.h3 {
    font-size: 23.46666667px;
  }
}
@media (max-width:1680px) {
  h3.h3 {
    font-size: 38px;
  }
}
@media (max-width:1440px) {
  h3.h3 {
    font-size: 28px;
  }
}
@media (max-width:1280px) {
  h3.h3 {
    font-size: 24px;
  }
}
@media (max-width:1024px) {
  h3.h3 {
    font-size: 22px;
  }
}
h4.h4 {
  font-size: 40px;
}
@media (max-width:1680px) {
  h4.h4 {
    font-size: 35px;
  }
}
@media (max-width:1440px) {
  h4.h4 {
    font-size: 30px;
  }
}
@media (max-width:1280px) {
  h4.h4 {
    font-size: 26.66666667px;
  }
}
@media (max-width:1024px) {
  h4.h4 {
    font-size: 21.33333333px;
  }
}
@media (max-width:1680px) {
  h4.h4 {
    font-size: 34px;
  }
}
@media (max-width:1440px) {
  h4.h4 {
    font-size: 26px;
  }
}
@media (max-width:1280px) {
  h4.h4 {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  h4.h4 {
    font-size: 20px;
  }
}
h5.h5 {
  font-size: 30px;
}
@media (max-width:1680px) {
  h5.h5 {
    font-size: 26.25px;
  }
}
@media (max-width:1440px) {
  h5.h5 {
    font-size: 22.5px;
  }
}
@media (max-width:1280px) {
  h5.h5 {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  h5.h5 {
    font-size: 16px;
  }
}
@media (max-width:1680px) {
  h5.h5 {
    font-size: 24px;
  }
}
@media (max-width:1440px) {
  h5.h5 {
    font-size: 22px;
  }
}
@media (max-width:1024px) {
  h5.h5 {
    font-size: 18px;
  }
}
h6.h6 {
  font-size: 26px;
}
@media (max-width:1680px) {
  h6.h6 {
    font-size: 22.75px;
  }
}
@media (max-width:1440px) {
  h6.h6 {
    font-size: 19.5px;
  }
}
@media (max-width:1280px) {
  h6.h6 {
    font-size: 17.33333333px;
  }
}
@media (max-width:1024px) {
  h6.h6 {
    font-size: 13.86666667px;
  }
}
@media (max-width:1680px) {
  h6.h6 {
    font-size: 22px;
  }
}
@media (max-width:1440px) {
  h6.h6 {
    font-size: 18px;
  }
}
@media (max-width:1024px) {
  h6.h6 {
    font-size: 16px;
  }
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@keyframes run {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes run2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes circleProgress {
  0% {
    stroke-dashoffset: 314;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes show {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes fd {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@keyframes ripple {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
  }
}
.cle {
  clear: both;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
  font-size: 0px;
}
.imgmid {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 100%;
  width: 1px;
  margin-left: -1px;
  vertical-align: middle;
  font-size: 0px;
}
.dks {
  width: 40px;
  height: 40px;
  margin: 0 auto 25px;
  position: relative;
}
.dks:before, .dks:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  border-radius: 50%;
  background: #ff1f0a;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  box-sizing: border-box;
}
.dks:before {
  animation: ripple 3s ease-out 0s infinite;
}
.dks:after {
  animation: ripple 3s ease-out 1.5s infinite;
}
.dks i {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #ff1f0a;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width:1680px) {
  .dks i {
    font-size: 17.5px;
  }
}
@media (max-width:1440px) {
  .dks i {
    font-size: 15px;
  }
}
@media (max-width:1280px) {
  .dks i {
    font-size: 13.33333333px;
  }
}
@media (max-width:1024px) {
  .dks i {
    font-size: 10.66666667px;
  }
}
@media (max-width:1680px) {
  .dks i {
    font-size: 18px;
  }
}
@media (max-width:1440px) {
  .dks i {
    font-size: 16px;
  }
}
.videomark {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 9998;
  display: none;
}
.videobox {
  position: fixed;
  width: 1400px;
  max-width: calc(100% - 100px);
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: none;
}
.videobox video {
  width: 100%;
  object-fit: fill;
}
.videobox .close {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  right: -20px;
  top: -20px;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 30px;
  color: #ff1f0a;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.videobox .close:hover {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  background: #ff1f0a;
  color: #fff;
}
.videobox .video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.videobox .video video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
@media (max-width:1440px) {
  .videobox {
    max-width: 70%;
  }
}
@media (max-width:768px) {
  .videobox {
    width: 100%;
    max-width: 100%;
  }
  .videobox .close {
    right: 0;
    top: -40px;
  }
}
header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  justify-content: space-between;
  align-items: center;
  padding: 0 40px;
  transition: .3s;
}
.nav li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 15px;
}
.nav li .li_a {
  display: block;
  border-bottom: 2px solid transparent;
  line-height: 1;
  font-size: 15px;
  color: #000;
  font-weight: bold;
}
.nav li .navSub {
  position: absolute;
  left: 0;
  top: 100%;
  overflow: hidden;
  min-width: 100%;
  background: #fff;
  padding: 0 30px;
  transition: .3s;
  max-height: 0;
}
.nav li .navSub a {
  display: block;
  line-height: 40px;
  white-space: nowrap;
  font-size: 14px;
}
.nav li:hover .navSub {
  max-height: 300px;
}
.nav li .navSub a:hover {
  color: #01adbb;
}
.nav li:hover .li_a, .nav li.on .li_a {
  border-color: #01adbb;
  color: #01adbb;
}
.dropMenu.min .navNormal dt a {
  position: relative;
  padding-right: 20px;
}
.dropMenu.min .navNormal dt a:after {
  content: "";
  position: absolute;
  right: 5px;
  width: 8px;
  height: 8px;
  top: 50%;
  margin-top: -4px;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  transition: .3s;
  transform: rotate(45deg);
}
.dropMenu.min .navNormal dt a:hover {
  color: #01adbb;
}
.dropMenu.min .navNormal dt a:hover:after {
  border-color: #01adbb;
}
.hbtns .btn {
  min-width: 112px;
  line-height: 36px;
  border: 2px solid #d6d6d6;
  border-radius: 20px;
  text-align: center;
  padding: 0 14px;
  margin-right: 10px;
  white-space: nowrap;
  font-size: 14px;
  transition: .3s;
}
.hbtns .btn span {
  display: inline-block;
  vertical-align: middle;
}
.hbtns .btn .icon {
  width: 21px;
  height: 21px;
  margin-right: 5px;
}
.hbtns .btn:hover, header .right .btn.on {
  border-color: #01adbb;
  background-color: #01adbb;
  color: #fff;
}
.icon-tel {
  background: url(../images/icon-tel.png) no-repeat center;
  background-size: 100%;
}
.btn:hover .icon-tel {
  background-image: url(../images/icon-tel-white.png);
}
.icon-bag {
  background: url(../images/icon-bag.png) no-repeat center;
}
.btn:hover .icon-bag {
  background-image: url(../images/icon-bag-white.png);
}
.icon-user {
  background: url(../images/icon-user.png) no-repeat center;
}
.btn:hover .icon-user, .btn.on .icon-user {
  background-image: url(../images/icon-user-white.png);
}
.search {
  margin: 0 20px;
  position: relative;
}
@media (max-width: 1370px) {
  .search {
    margin: 0 10px;
    position: relative;
  }
  .hbtns .btn span {
    font-size: 12px;
  }
  .hbtns .btn .icon {
    width: 15px;
    height: 15px;
  }
  .logo {
    width: 110px;
  }
}
.search .icon {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.search .searchBox {
  position: absolute;
  right: 0;
  top: -60px;
  margin-top: -25px;
  background: #fff;
  z-index: 10;
  width: 480px;
  opacity: 0;
  transition: .3s;
}
.searchBox input {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  border: none;
  outline: none;
  font-size: 14px;
  background: #f3f3f3;
}
.searchBox {
  padding: 5px;
  position: relative;
  padding-right: 40px;
}
.searchBox .sbtn {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 100%;
  z-index: 5;
  cursor: pointer;
  background: url(../images/icon-search.png) no-repeat center;
}
header .right {
  align-items: center;
}
.icon-search {
  background: url(../images/icon-search.png) no-repeat center;
}
.showSearch .search .searchBox {
  top: 50%;
  opacity: 1;
}
.headmask {
  position: fixed;
  left: 0;
  top: 66px;
  width: 100%;
  bottom: 0;
  display: none;
  z-index: 90;
}
.showSearch .headmask, .showMenu .headmask {
  display: block;
}
.lang {
  position: relative;
  padding-right: 15px;
  background: url(../images/icon-down.png) no-repeat right center;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.lang .icon {
  width: 20px;
  height: 20px;
}
.lang .langDown {
  position: absolute;
  top: 100%;
  background: #fff;
  min-width: 100%;
  z-index: 5;
  display: none;
  width: 100px;
  box-shadow: 0 0 10px 1px #888;
  border-radius: 10px;
  overflow: hidden;
}
.lang .langDown a {
  display: block;
  line-height: 50px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
}
.lang .langDown a:hover {
  background: #01adbb;
  color: #fff;
}
.lang:hover .langDown {
  display: block;
}
.icon-lang {
  background: url(../images/icon-lang.png) no-repeat center;
}
.logo {
  width: 220px;
}
.h_top {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  padding: 0 4%;
  align-items: center;
  height: 60px;
  justify-content: space-between;
  background: #fff;
}
.open_nav {
  cursor: pointer;
  position: relative;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  display: block;
}
.open_nav i {
  position: absolute;
  width: 100%;
  left: 0;
  height: 1px;
  background: #333;
  top: 50%;
}
.open_nav i:before, .open_nav i:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #333;
  transition: .3s;
}
.open_nav i:before {
  top: -8px;
}
.open_nav i:after {
  top: 8px;
}
.h_bot {
  position: fixed;
  left: 0;
  top: 60px;
  background: #fff;
  z-index: 999;
  border-top: 1px solid #dedede;
  padding: 20px 4%;
  width: 100%;
  display: none;
}
.h_nav .atop {
  border-bottom: 1px solid #eee;
  align-items: center;
  justify-content: space-between;
}
.h_nav .atop a {
  line-height: 40px;
  flex: 1 1 auto;
}
.h_nav .atop .op {
  position: relative;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
}
.h_nav .atop .op:after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  transform: rotate(45deg);
  content: "";
  margin-top: -4px;
  transition: .3s;
}
.h_nav li.act .atop .op:after {
  transform: rotate(135deg);
}
.h_nav .navSub {
  display: none;
  padding: 10px;
}
.h_nav .navSub a {
  display: block;
  font-size: 14px;
  line-height: 34px;
}
.h_bot .searchBox {
  margin-top: 20px;
  padding: 0;
}
.h_lan {
  margin-top: 20px;
  text-align: center;
}
.h_lan a {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  padding: 0 5px;
}
.h_bot .searchBox .sbtn {
  background: url(../images/icon-search.png) no-repeat center;
  width: 40px;
}
.h_nav li.on .atop a {
  color: #01adbb;
}
.head_wap {
  display: none;
}
.h_bot .hbtns {
  margin-top: 20px;
  flex-wrap: wrap;
  gap: 20px;
}
.showMenu .open_nav i {
  background: none;
}
.showMenu .open_nav i:before {
  top: 0;
  transform: rotate(45deg);
}
.showMenu .open_nav i:after {
  top: 0;
  transform: rotate(-45deg);
}
footer {
  padding-top: 87px;
  background: #1e1e1e;
}
.ftop {
  justify-content: space-between;
}
.footl .tit {
  font-size: 24px;
  color: #fff;
  line-height: 1.25;
  margin-bottom: 20px;
  white-space: nowrap;
}
.footl .t1 {
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}
@media(min-width:768px) {
  .footl .t1 {
    display: block;
  }
}
.footl .btn {
  line-height: 32px;
  display: inline-block;
  background: #01adbb;
  font-size: 12px;
  cursor: pointer;
  border-radius: 16px;
  padding: 0 15px;
  color: #fff;
}
.footl .share {
  margin-top: 110px;
  color: #fff;
}
.share .t {
  font-size: 14px;
  margin-bottom: 20px;
}
.share .i {
  position: relative;
  flex: 0 0 auto;
  margin-right: 5px;
  display: flex;
  justify-content: center;
}
.share .i .imagesFooter {
  position: absolute;
  bottom: calc(100% + 20px);
  min-width: 120px;
  padding: 10px;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transform: translateY(20px);
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  visibility: hidden;
}
.share .i .imagesFooter::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 11px 0 11px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 100%;
}
.share .i:hover .imagesFooter {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.share .i .imagesFooter img {
  width: 100%;
}
.share .i .icon {
  display: block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  transition: .3s;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.5;
  background-size: 60%;
}
.share .i:hover .icon {
  background-color: #454545;
  opacity: 1;
}
.fnav {
  flex: 1 1 auto;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-right: 5%;
}
.fnav dl {
  width: 33.33%;
  padding-left: 15%;
  margin-bottom: 45px;
}
.fnav dl dt a {
  font-size: 14px;
  color: #fff;
  display: block;
  line-height: 1.7;
  margin-bottom: 5px;
}
.fnav dl dd a {
  font-size: 14px;
  color: #fff;
  opacity: 0.5;
  line-height: 2;
  display: block;
}
.fnav dl dd a:hover {
  opacity: 1;
}
.footr {
  flex: 0 0 auto;
  max-width: 445px;
}
.fcnt {
  color: #fff;
}
.fcnt .t {
  font-size: 14px; display:inline-flex;
}
.fcnt .b {
  font-size: 30px;
  margin-top: 10px;
}
.fcnt .p1 {
  font-size: 12px;
  opacity: 0.5;
}
.fcnt .p2 {
  opacity: 0.5;
  line-height: 2;
  margin-top: 10px;
  font-size: 14px;
}
.dy {
  margin-top: 88px;
  font-size: 14px;
  color: #fff;
}
.dy .in {
  padding-bottom: 13px;
  border-bottom: 1px solid #363636;
  position: relative;
  padding-right: 85px;
  margin-top: 25px;
}
.dy .in input {
  width: 100%;
  border: none;
  padding: 0;
  outline: none;
  background: none;
  height: 42px;
  font-size: 14px;
  color: #fff;
}
.dy .in .btn {
  min-width: 110px;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 38px;
  border: 2px solid #fff;
  text-align: center;
  border-radius: 21px;
  cursor: pointer;
  font-size: 14px;
  padding: 0 15px;
}
.fbottom {
  font-size: 14px;
  color: #797979;
  line-height: 1.7;
  padding: 27px 0;
  border-top: 1px solid #363636;
}
.fbottom .w1400 {
  align-items: center;
  justify-content: space-between;
}
.flinks a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 22px;
  color: #797979;
  font-size: 14px;
}
.copy {
  font-size: 14px;
}
.flinks .jxs {
  padding-left: 30px;
  background: url(../images/icon-jxs.png) no-repeat left center;
}
.icon-wx {
  background-image: url(../images/icon-wx.png);
}
.icon-wb {
  background-image: url(../images/icon-wb.png);
}
.icon-pyq {
  background-image: url(../images/icon-pyq.png);
}
.icon-lin {
  background-image: url(../images/icon-ink.png);
}
.icon-fac {
  background-image: url(../images/icon-fa.png);
}
.icon-twi {
  background-image: url(../images/icon-tt.png);
}
.icon-you {
  background-image: url(../images/icon-you.png);
}
.icon-lin:hover {
  background-image: url(../images/icon-inkb.png);
}
.icon-fac:hover {
  background-image: url(../images/icon-fab.png);
}
.icon-twi:hover {
  background-image: url(../images/icon-ttb.png);
}
.pbanner {
  position: relative;
}
.pbanner img {
  display: block;
  width: 100%;
}
.pbanner .txt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 10;
  text-align: center;
}
.pbanner h2 {
  font-size: 56px;
  color: #fff;
  font-weight: bold;
}
.pageMain {
  padding: 5% 0;
}
.ptitle {
  font-size: 44px;
  color: #000;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}
.ptitle.alignleft {
  text-align: left;
}
.product .itop {
  margin-bottom: 24px;
}
.product .itop a {
  align-items: center;
  justify-content: space-between;
  background: #f4f4f4;
  border-radius: 20px;
  padding: 5% 10%;
  flex-direction: row-reverse;
}
.product .itop .img {
  flex: 0 0 auto;
  max-width: 50%;
}
.product .itop .txt {
  flex: 1 1 auto;
  padding-right: 15%;
  overflow: hidden;
}
.product .itop .hot {
  color: #f6ac03;
  font-size: 16px;
  font-weight: bold;
}
.product .itop .tit {
  font-size: 62px;
  color: #000;
  line-height: 1.2;
  margin-bottom: 25px;
}
.product .itop .desc {
  font-size: 16px;
  color: #666;
  line-height: 1.75;
}
.product .itop .vm {
  margin-top: 65px;
}
.vm {
  display: inline-block;
  padding: 0 25px;
  border: 2px solid #c3c3c3;
  line-height: 44px;
  border-radius: 24px;
  cursor: pointer;
  transition: .3s;
  font-size: 0;
  white-space: nowrap;
}
.vm span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-size: 16px;
  color: #000;
  font-family: "SOURCEHANSANSCN-BOLD";
}
.vm .icon {
  margin-left: 20px;
  width: 10px;
  height: 10px;
}
.icon-right {
  position: relative;
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
}
.icon-right:after {
  content: "";
  width: 90%;
  height: 90%;
  border-right: 2px solid #000;
  border-top: 2px solid #000;
  position: absolute;
  left: 5%;
  top: 5%;
  transform: rotate(45deg);
  margin-top: -1px;
}
.vm.on, .vm:hover {
  border-color: #01adbb;
  background: #01adbb;
}
.vm:hover span, .vm.on span {
  color: #fff;
}
.vm:hover .icon:after, .vm.on .icon:after {
  border-color: #fff;
}
.product .items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px 20px;
}
.product .item {
  width: 100% !important;
  text-align: center;
}
.product .item a {
  display: block;
  background: #f4f4f4;
  padding: 40px 50px;
  border-radius: 20px;
  height: 100%;
}
.product .item:nth-child(3n) {
  margin-right: 0;
}
.product .item .img {
  margin-bottom: 40px;
}
.product .item .tit {
  font-size: 40px;
  color: #000;
  text-align: center;
}
.product .item .desc {
  margin-bottom: 30px;
  font-size: 20px;
  color: #000;
  line-height: 1.4;
}
.pages {
  text-align: center;
  margin-top: 60px;
}
.pages a {
  display: inline-block;
  vertical-align: middle;
  width: 42px;
  text-align: center;
  line-height: 42px;
  height: 42px;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 18px;
  color: #777;
  transition: .3s;
  border-radius: 50%;
  margin: 0 5px;
}
.pages a:hover, .pages a.a_cur {
  color: #fff;
  background: #01adbb;
}
.pages a.a_prev, .pages a.a_next {
  width: 54px;
  border: 1px solid #b2b2b2;
  line-height: 52px;
  height: 54px;
}
.pages a.a_prev .icon-right {
  transform: rotate(180deg);
  margin-left: 7px;
}
.pages a.a_prev:hover, .pages a.a_next:hover {
  border-color: #01adbb;
  background: #01adbb !important;
}
.pages a:hover .icon:after {
  border-color: #fff;
}
.pages.s2 a:hover, .pages.s2 a.a_cur {
  color: #01adbb;
  background: none;
}

.pages a.layui-laypage-prev:hover{ color: #fff;background: #01adbb;}
.pages a.layui-laypage-next:hover{ color: #fff;background: #01adbb;}

.pages .page-num-current{color: #01adbb;background: none;}
.banner .pic {
  height: auto;
  position: relative;
  z-index: 1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.banner .pic::after {
  content: '';
  width: 100%;
  height: 0;
  padding-bottom: 43.4375%;
  display: block;
}
.banner .pic a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.bantxt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  z-index: 10;
  pointer-events: none;
}
.bantxt .tit {
  font-size: 58px;
  font-style: italic;
  color: #fff;
  font-family: "SOURCEHANSANSCN-BOLD";
}
.bantxt .p {
  font-size: 18px;
  line-height: 1.6;
  color: #fff;
  max-width: 560px;
  margin: 10px 0;
  text-align: justify;
}
.bantxt .vm {
  margin-right: 10px;
}
.bantxt .vm:hover {
  border-color: #01adbb !important;
}
.bantxt .tit, .bantxt .p {
  position: relative;
  opacity: 0;
  top: 50px;
  left: 50px;
  transition: .3s;
  transition-delay: .3s;
  pointer-events: initial;
}
.bantxt .img {
  width: 25%;
  position: relative;
  opacity: 0;
  top: 50px;
  transition: .3s;
  transition-delay: .7s;
}
.bantxt .p {
  transition-delay: .4s;
}
.bantxt .btns {
  position: relative;
  opacity: 0;
  top: 50px;
  transition: .3s;
  transition-delay: .6s;
}
.swiper-slide-active .bantxt .tit, .swiper-slide-active .bantxt .p, .swiper-slide-active .bantxt .btns, .swiper-slide-active .bantxt .img {
  opacity: 1;
  left: 0;
  top: 0;
}
.bantxt .vm:not(.on) {
  border-color: rgba(255, 255, 255, 0.5);
}
.bantxt .vm:not(.on) span {
  color: #fff;
}
.bantxt .vm:not(.on) .icon:after {
  border-color: #fff;
}
.bantxt .btns {
  margin-bottom: 40px;
}
.swiperCtr {
  position: absolute;
  left: 0;
  bottom: 50px;
  width: 100%;
  z-index: 20;
}
.swiperCtr .w1440 {
  justify-content: flex-end;
  align-items: center;
}
.swiperCtr .prev, .swiperCtr .next {
  width: 33px;
  height: 15px;
  flex: 0 0 auto;
  cursor: pointer;
}
.swiperCtr .prev {
  background: url(../images/banprev.png) no-repeat center;
  background-size: contain;
}
.swiperCtr .next {
  background: url(../images/bannext.png) no-repeat center;
  background-size: contain;
}
.swiperCtr .cur {
  width: 50px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}
.swiperCtr .total {
  width: 50px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  opacity: 0.6;
}
.swiperCtr .progress {
  position: relative;
  width: 26px;
  height: 26px;
  z-index: 5;
}
.swiperCtr .progress:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  z-index: -1;
  box-sizing: border-box;
}
.swiperCtr .progress svg {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.swiperCtr .progress #circle {
  stroke-dasharray: 145, 145;
  stroke-dashoffset: 145;
  animation: progress linear 5s forwards;
}
@keyframes progress {
  0% {
    stroke-dashoffset: 145;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.swiperCtr .pause {
  position: absolute;
  left: 30%;
  top: 30%;
  width: 40%;
  height: 40%;
  z-index: 5;
  cursor: pointer;
}
.swiperCtr .pause:after, .swiperCtr .pause:before {
  content: "";
  position: absolute;
  top: 10%;
  height: 80%;
  width: 2px;
  background: #fff;
  transition: .3s;
}
.swiperCtr .pause:before {
  left: 0;
}
.swiperCtr .pause:after {
  right: 0;
}
.swiperCtr .pause.on:after {
  top: 50%;
  height: 0;
}
.swiperCtr .pause.on:before {
  width: auto;
  height: auto;
  top: 50%;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #fff;
  background: none;
  left: 50%;
  margin-top: -4px;
  margin-left: -2px;
}
.title {
  text-align: center;
  margin-bottom: 40px;
}
.title span {
  color: #000;
  font-family: "SOURCEHANSANSCN-BOLD";
}
.index1 .items {
  flex-wrap: wrap;
  align-items: stretch;
}
.index1 .item {
  width: 25%;
  flex: 0 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #e1e1e1;
  margin-right: -1px;
  margin-top: -1px;
}
.index1 .item a {
  display: block;
  transition: .3s;
  height: 100%;
  padding: 70px 40px;
  background: #fdfdfd;
}
.index1 .item .tit {
  font-size: 20px;
  color: #000;
  margin-bottom: 10px;
  transition: .3s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index1 .item .p {
  font-size: 16px;
  color: #999;
  line-height: 1.625;
  max-width:inherit;
  transition: .3s;
  opacity: 1;
  height: 3.25em;
  overflow: hidden;
}
.index1 .item .vm2 {
  display: inline-block;
  margin-top: 30px;
  width: 25px;
  height: 12px;
  transition: .3s;
  background: url(../images/icon-arrow-right.png) no-repeat center;
}
@media(min-width:768px) {
  .index1 .item:hover a {
    background: none;
  }
  .index1 .item:hover .tit {
    color: #fff;
  }
  .index1 .item:hover .p {
    color: #fff;
    opacity: 0.6;
  }
  .index1 .item:hover .vm2 {
    background: url(../images/icon-arrow-right2.png) no-repeat center;
  }
}
.index2 {
  padding: 6% 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.index2 .w1440 {
  justify-content: space-between;
}
.index2 .txt {
  flex: 0 0 auto;
  max-width: 50%;
}
.index2 .t1 {
  font-weight: bold;
  color: #242424;
}
.index2 .t2 {
  font-weight: bold;
  color: #242424;
}
.index2 .img {
  margin-top: 30px;
}
.index2 .form {
  width: 685px;
  max-width: 50%;
  flex: 0 0 auto;
}
.form .line {
  margin-bottom: 18px;
}
.form .line .label {
  font-size: 18px;
  color: #000;
  margin-bottom: 10px;
}
.form .line .label .red {
  color: #f00;
  font-weight: bold;
  font-size: 20px;
  vertical-align: middle;
}
.form .line .in {
  position: relative;
}
.form .line select {
  width: 100%;
  height: 60px;
  background: #fff;
  padding: 0 20px;
  border-radius: 10px;
  font-size: 16px;
  color: #999;
  border-right: 20px solid #fff;
}
.form .btns {
  margin-top: 40px;
}
.pt5 {
  padding-top: 5%;
}
.pb5 {
  padding-bottom: 5%;
}
.pb0 {
  padding-bottom: 0 !important;
}
/*yhm*/
.dropMenu {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 10;
  background: #f2f2f2;
  max-height: 0;
  overflow: hidden;
}
/*.li2 .dropMenu{position:fixed;left:0;top:66px;width:100%;z-index:10;background:#f2f2f2;max-height:100vh;overflow:hidden;}*/
.dropMenu:after {
  content: "";
  position: fixed;
  left: 0;
  top: 66px;
  width: 100%;
  bottom: 0;
  background: #000;
  opacity: 0;
  display: block;
  pointer-events: none;
  transition: 0s;
}
/*yhm*/
.dropMenu .w1440 {
  transition: 0s;
  height: 0;
  overflow: hidden;
  position: relative;
  z-index: 999;
}
/*.li2 .dropMenu .w1440{transition:0s;height:auto;overflow:hidden;position:relative;z-index:999;}*/
.nav {
  height: 80px;
  display: flex;
}
.nav li {
  height: 100%;
  display: flex;
  align-items: center;
}
.nav li:hover .dropMenu.min .w1440 {
  height: 130px;
}
.nav li:hover .dropMenu.min:after {
  top: 196px;
}
.dropMenu.min .navNormal {
  padding: 40px 0;
  justify-content: center;
}
.dropMenu.min .navNormal dl:not(:last-child) {
  padding-right: 4%;
}
.nav li:hover .dropMenu .w1440 {
  height: auto;
  transition: .3s;
}
.nav li:hover .dropMenu:after {
  display: block;
  top: 486px;
  opacity: 0.3;
  transition: top .3s;
  opacity: 0;
}
.subNav {
  position: absolute;
  left: 50%;
  top: 100%;
  padding: 15px 0;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  opacity: 0;
  visibility: hidden;
  transition: 0s;
  margin-top: 50px;
  min-width: 100%;
  transform: translate(-50%);
}
.nav li:hover .subNav {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  transition: .3s;
}
.subNav a {
  display: block;
  white-space: nowrap;
  line-height: 32px;
  padding: 0 20px;
}
.subNav a:hover {
  color: #01adbb;
}
.navcase {
  padding: 70px 0 30px;
  flex-wrap: wrap;
}
.navcase .item {
  width: 29.33%;
  margin-bottom: 40px;
  margin-right: 6%;
}
.navcase .item:nth-child(3n) {
  margin-right: 0;
}
.navcase .item .t {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  margin-bottom: 20px;
}
.navcase .item .p {
  opacity: 0.6;
}
.nav li:hover .dropMenu {
  max-height: 100vh;
}
.navtab {
  padding-top: 10px;
  padding-bottom: 40px !important;
  margin-bottom: 50px !important;
  border: 1px solid #e5e5e5;
}
.navtbBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 20px 0;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.navtbBox .navboxItem {
  width: 20%;
  border-right: 1px solid #e5e5e5;
}
.navtbBox .navboxItem:nth-child(5n) {
  border-right: 0;
}
.navtbBox .navboxItem .titleaa {
  display: block;
  padding: 0 22px;
  font-size: 14px;
  color: #333333;
  font-weight: bold;
  line-height: 26px;
  height: 26px;
}
.navtbBox .navboxItem .titleaa a:hover{color:#01adbb;}
.navtbBox .navboxItem .blx_list ul li {
  display: block;
  padding: 0 22px;
}
.navtbBox .navboxItem .blx_list ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  padding: 10px 0;
}
.navtbBox .navboxItem .blx_list ul li .images {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  text-align: center;
  margin-right: 10px;
}
.navtbBox .navboxItem .blx_list ul li .nbame {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 50px);
  font-size: 14px;
  color: #777777;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.navtab .tabs {
  margin-bottom: 50px;
  text-align: center;
}
.navtab .tabs span {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding: 0 35px;
  position: relative;
  font-size: 14px;
  color: #000;
}
.navtab .tabs span:not(:last-child):after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 2px;
  height: 1em;
  margin-top: -0.5em;
  background: #a6a6a6;
}
.navtab .tabs span.cur {
  color: #01adbb;
}
.pros {
  justify-content: space-between;
}
.pros_txt {
  justify-content: unset;
}
.pros .item {
  width: 25%;
  flex: 0 0 auto;
  padding: 0 5%;
}
.pros .item .tit {
  font-size: 18px;
  color: #000;
  margin: 20px 0 10px;
  text-align: center;
}
.pros .item:hover .tit {
  color: #01adbb;
}
.pros .item .desc {
  font-size: 14px;
  color: #666;
  text-align: center;
}
.navNormal {
  padding: 70px 0;
  justify-content: space-between;
}
.navNormal dl:not(:last-child) {
  padding-right: 20px;
}
.navNormal dt a {
  display: block;
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.navNormal dd a {
  display: block;
  font-size: 14px;
  line-height: 2.85;
  color: #999;
}
.tab {
  text-align: center;
  margin-bottom: 40px;
}
.tab span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 15px;
  min-width: 140px;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
  line-height: 40px;
  border-radius: 20px;
}
.tab span.cur {
  background: #01adbb;
  color: #fff;
}
.index3 {
  width: 100%;
  overflow: hidden;
}
.index3 .slideToggle {
  overflow: visible;
  max-width: 1200px;
  margin: auto;
}
.index3 .slideSwiper .swiper-container {
  overflow: visible;
}
.slideToggle .swiper-slide {
  position: relative;
  z-index: 5;
  opacity: 0;
}
.slideToggle .swiper-slide-active {
  z-index: 20;
  opacity: 1;
}
.slideSwiper .swiper-slide {
  opacity: 1;
}
.index3 .swiper-slide img {
  display: block;
  width: 100%;
}
.index3 .txt {
  position: absolute;
  z-index: 10;
  left: 0;
  width: 100%;
  top: 80px;
  text-align: center;
  color: #fff;
}
.index3 .txt .t {
  margin-bottom: 1em;
}
.index3 .vm3, .index3 .txt .t {
  position: relative;
  top: 50px;
  opacity: 0;
}
.index3 .slideSwiper .swiper-slide-active .vm3, .index3 .slideSwiper .swiper-slide-active .txt .t {
  top: 0;
  opacity: 1;
  transition: .3s;
  transition-delay: .3s;
}
.index3 .slideSwiper .swiper-slide-active .vm3 {
  transition-delay: .4s;
}
.index3 .vm3 span {
  color: #fff;
}
.vm3 span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.vm3 span.icon {
  margin-left: 8px;
  width: 8px;
  height: 8px;
}
.index3 .vm3 span.icon:after {
  border-color: #fff;
}
.slideSwiper .dots {
  position: absolute;
  left: 0;
  bottom: 30px;
  z-index: 10;
  text-align: center;
}
.slideSwiper .dots span {
  width: 30px;
  height: 2px;
  background: #fff;
  border-radius: 0;
  margin: 0 2px !important;
}
.index4 .item {
  display: block;
  position: relative;
  padding: 30px 30px 40px;
  background: #f4f4f4;
  border-radius: 20px;
}
.index4 .item .tg {
  margin-bottom: 60px;
}
.index4 .item .tg span {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  margin-right: 5px;
  color: #000;
}
.icon-windows {
  background: url(../images/icon-windows.png) no-repeat center;
  width: 22px;
  height: 20px;
}
.icon-android {
  background: url(../images/icon-android.png) no-repeat center;
  width: 20px;
  height: 24px;
}
.index4 .item .img {
  margin: 0 26px;
}
.index4 .item .txt {
  margin-top: 40px;
}
.index4 .item .tit {
  text-align: center;
  font-size: 30px;
  color: #000;
}
.index4 .item .p {
  font-size: 18px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 10px;
}
.index4 .item .img {
  margin: 0 26px;
}
.index4 .item .txt {
  margin-top: 90px;
}
.index4 .item .tit {
  text-align: center;
  color: #000;
}
.index4 .item .p {
  font-size: 18px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 10px;
}
.swiperWidthCtr {
  position: relative;
}
.swiperWidthCtr .ctr span {
  position: absolute;
  width: 60px;
  height: 60px;
  cursor: pointer;
  z-index: 10;
  border-radius: 50%;
  background-color: #f4f4f4;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon-jt.png);
  transition: .3s;
  top: 50%;
  margin-top: -30px;
}
.swiperWidthCtr .ctr span:hover {
  background-image: url(../images/icon-jt2.png);
  background-color: #000;
}
.swiperWidthCtr .ctr span.prev {
  left: -100px;
}
.swiperWidthCtr .ctr span.next {
  right: -100px;
  transform: rotate(180deg);
}
.index5 {
  position: relative;
  background: #f3f3f3;
  border-bottom: 1px solid #dbdbdb;
}
.index5:after {
  content: "";
  position: absolute;
  width: 33%;
  height: 1px;
  z-index: 5;
  bottom: -1px;
  background: linear-gradient(45deg, transparent, #01adbb);
  left: 0;
  animation: linear 10s line infinite;
}
@keyframes line {
  0% {
    left: 0;
  }
  66% {
    left: 100%;
  }
  66.1% {
    left: -33%;
  }
  100% {
    left: 0;
  }
}
.index5 .items {
  justify-content: space-between;
  align-items: stretch;
}
.index5 .item {
  width: 33%;
}
.index5 .item a {
  align-items: center;
  padding: 60px 35px;
  transition: .3s;
  border-radius: 20px;
}
.index5 .item .t {
  font-size: 30px;
  margin-bottom: 5px;
}
.index5 .item .p {
  font-size: 18px;
  opacity: 0.6;
}
.index5 .item .icon {
  position: relative;
  z-index: 5;
  margin-left: 50px;
}
.index5 .item .icon .x2 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
}
.index5 .item a:hover {
  background: #01adbb;
  color: #fff;
}
.index5 .item a:hover .icon .x1 {
  opacity: 0;
}
.index5 .item a:hover .icon .x2 {
  opacity: 1;
}
.index6 .w1440 {
  justify-content: space-around;
  align-items: center;
}
.index6 .p {
  font-size: 18px;
  margin-top: 10px;
}
.index6 {
  background: #f4f4f4;
}
.index6 .txt {
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: 5%;
}
.index6 .txt .t {
  color: #000;
}
.swiperDots {
  position: absolute;
  left: 0;
  bottom: 30px;
  z-index: 10;
  text-align: center;
}
.swiperDots span {
  width: 30px;
  height: 2px;
  background: #fff;
  border-radius: 0;
  margin: 0 2px !important;
}
.index7 {
  position: relative;
}
.index7 .imgs {
  position: relative;
  margin-left: 33.75%;
}
.index7 .imgs .swiperDots {
  width: 100%;
}
.index7 .imgs img {
  display: block;
  width: 100%;
}
.index7 .txt {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 33.75%;
  background: #01adbb;
  color: #fff;
  text-align: center;
  border-right: 10px solid #fff;
  padding: 40px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.index7 .txt .t {
  margin-bottom: 40px;
}
.index7 .txt .t2 {
  flex-direction: column;
}
.index7 .txt .p {
  font-size: 26px;
}
.index7 .txt .btn {
  margin-top: 20%;
}
.index7 .txt .vm {
  border-color: #fff;
  border-width: 1px;
}
.index7 .txt .vm span {
  color: #fff;
}
.index7 .txt .vm .icon:after {
  border-color: #fff;
}
.index8 .con {
  align-items: center;
  justify-content: space-between;
}
.index8 .news {
  flex: 0 0 auto;
  width: 50%;
  margin-left: 5%;
}
.news .item {
  position: relative;
  height: 155px;
}
.news .item a {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  transition: .3s;
  padding: 0 35px;
  border-radius: 20px;
  z-index: 5;
  width: 100%;
}
.news .item .date {
  font-size: 14px;
  color: #c9c9c9;
  margin-bottom: 10px;
}
.news .item .tit {
  font-size: 20px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 30px;
  border-bottom: 1px solid #e2e2e2;
}
.news .item .p {
  font-size: 14px;
  line-height: 1.7;
  transition: .3s;
  overflow: hidden;
  max-height: 0;
}
@media(min-width:768px) {
  .news .item:hover a {
    background: #01adbb;
    z-index: 20;
    padding: 25px 35px 45px;
  }
  .news .item:hover .p {
    max-height: 3.4em;
    color: #fff;
    margin-top: 20px;
  }
  .news .item:hover .tit {
    color: #fff;
    border-color: #4179b0;
  }
}
.index9 {
  background: url(../images/index9bg.jpg) no-repeat center bottom;
  background-size: cover;
}
.index9 .items {
  justify-content: space-between;
}
.index9 .tit {
  margin-bottom: 50px;
  color: #000;
}
.index9 .item {
  width: 30%;
}
.index9 .item a {
  align-items: center;
  color: #000;
  transition: .3s;
  opacity: 0.5;
}
.index9 .item .icon {
  position: relative;
  margin-right: 20px;
  z-index: 5;
}
.index9 .item .icon img {
  transition: .3s;
}
.index9 .item .icon .x2 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
}
.index9 .item .t {
  font-size: 24px;
  margin-bottom: 5px;
}
.index9 .item a:hover .icon .x1 {
  opacity: 0;
}
.index9 .item a:hover .icon .x2 {
  opacity: 1;
}
.index9 .item a:hover {
  opacity: 1;
}
.detailTop {
  position: fixed;
  left: 0;
  top: 66px;
  z-index: 99;
  width: 100%;
  padding: 0 40px;
  border-top: 1px solid #f1f1f1;
  background: #fff;
  align-items: center;
  justify-content: space-between;
  transition: .3s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.detailTop .tit {
  font-size: 18px;
  color: #2c303d;
  line-height: 60px;
}
.detailTop .anchor span {
  display: inline-block;
  vertical-align: middle;
  line-height: 59px;
  cursor: pointer;
  font-size: 14px;
  margin-left: 30px;
  position: relative;
}
.detailTop .anchor span.cur {
  color: #01adbb;
}
.detailTop .anchor span.cur:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 2px solid #01adbb;
  width: 100%;
}
.detailHeader.topDown .detailTop {
  top: 0;
}
.detailHeader.topDown header {
  top: -66px;
  transition: .3s;
}
.detailHeader.topDown .h_top {
  top: -60px;
  transition: .3s;
}
.detail1 {
  background: #fafbfc;
}
.detail1 .t {
  width: 30%;
  flex: 0 0 auto;
  color: #000;
}
.detail1 .txt {
  flex: 1 1 auto;
  overflow: hidden;
}
.detail1 .txt .t2 {
  font-size: 24px;
  color: #000;
  margin-bottom: 20px;
}
.detail1 .txt .p {
  font-size: 16px;
  color: #666;
  line-height: 1.625;
  margin-bottom: 60px;
  max-width: 850px;
}
.detail1 .tit {
  padding-bottom: 35px;
  margin-bottom: 35px;
  border-bottom: 1px solid #dcdcdd;
  font-size: 20px;
}
.detail2 .items {
  flex-wrap: wrap;
}
.detail2 .item {
  margin-top: 50px;
  width: 25%;
  padding-right: 7%;
}
.detail2 .item .icon {
  margin-bottom: 20px;
}
.detail2 .item .t {
  font-size: 22px;
  margin-bottom: 10px;
}
.detail2 .item .p {
  font-size: 16px;
  line-height: 1.625;
  color: #828282;
}
.detail3 {
  position: relative;
}
.fullimg {
  display: block;
  width: 100%;
}
.detail3 .txt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  align-items: center;
  color: #fff;
}
.detail3 .txt .icon {
  margin-bottom: 25px;
}
.detail3 .txt .t {
  margin-bottom: 30px;
}
.detail3 .txt .p {
  font-size: 24px;
  line-height: 1.7;
}
.yellow {
  color: #f6ac03;
}
.fontlinear {
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  background-image: linear-gradient(0deg, #566bfa, #6b94ff);
}
.detail4 {
  position: relative;
  overflow: hidden;
}
.detail4 .con {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.detail4 .con .txt {
  width: 100%;
  padding-top: 5%;
  text-align: center;
  color: #fff;
  padding-bottom: 50px;
  flex: 0 0 auto;
}
.detail4 .con .icon {
  overflow: hidden;
  width: 100%;
  margin-bottom: -10%;
}
.detail4 .con .icon img {
  display: block;
  margin: auto;
  max-height: 100%;
}
.detail4 .txt .t {
  margin-bottom: 50px;
}
.detail4 .txt .items {
  justify-content: space-between;
}
.detail4 .txt .item {
  width: 23%;
}
.detail4 .txt .item .t1 {
  font-size: 24px;
  margin-bottom: 24px;
}
.detail4 .txt .item .p {
  font-size: 16px;
  line-height: 1.7;
}
.detail5 {
  position: relative;
}
.detail5 .txt {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  color: #fff;
  text-align: center;
}
.detail5 .txt .t {
  margin-bottom: 30px;
}
.detail5 .txt .p {
  font-size: 24px;
  line-height: 1.7;
}
.detail4.detail6 .con .icon {
  margin-bottom: 0;
}
.detail7 {
  background: #000;
  position: relative;
}
.detail7 .con {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  color: #fff;
}
.detail7 .w1440 {
  height: 100%;
  justify-content: space-between;
}
.detail7 .txt {
  height: 100%;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: 5%;
}
.detail7 .txt .t {
  margin-bottom: 30px;
}
.detail7 .txt .p {
  font-size: 24px;
  line-height: 1.67;
  max-width: 690px;
}
.detail7 .fullimg {
  max-height: 895px;
}
.detail7 .img {
  position: relative;
  flex: 0 0 auto;
  height: 100%;
  overflow: hidden;
  align-items: center;
}
.detail7 .img .i {
  position: relative;
  height: 85%;
  margin: 0 30px;
}
.detail7 .img .i1 {
  top: -30%;
  animation-delay: .3s;
}
.detail7 .img .i2 {
  top: 30%;
  animation-delay: .6s;
}
.detail7 .img .i .tit {
  position: absolute;
  top: 115%;
  left: 50%;
  transform: translate(-50%);
  white-space: nowrap;
  font-size: 24px;
  line-height: 2;
}
.detail7 .img .i2 .tit {
  top: -15%;
}
.detail7 .img .i .tit i {
  position: absolute;
  left: 50%;
  width: 34px;
  margin-left: -17px;
  height: 34px;
  border: 2px dotted #fff;
  border-radius: 50%;
  z-index: 5;
  opacity: 0;
}
.detail7 .img .i .tit i:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  background: #01adbb;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -8px;
  box-sizing: border-box;
}
.detail7 .img .i .tit:before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border: 2px solid #fff;
  background: #01adbb;
  border-radius: 50%;
  left: 50%;
  margin-left: -6px;
  z-index: 5;
}
.detail7 .img .i1 .tit:before {
  bottom: 100%;
}
.detail7 .img .i2 .tit:before {
  top: 100%;
}
.detail7 .img .i1 .tit i {
  top: -330px;
}
.detail7 .img .i2 .tit i {
  top: 300px;
}
.detail7 .img .i1 .tit:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 100%;
  height: 300px;
  border-right: 1px solid #fff;
  margin-bottom: 6px;
}
.detail7 .img .i2 .tit:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  height: 268px;
  border-right: 1px solid #fff;
  margin-top: 6px;
}
.index7 .txt .vm:hover {
  background: #fff;
}
.index7 .txt .vm:hover span {
  color: #01adbb;
}
.index7 .txt .vm:hover .icon:after {
  border-color: #01adbb;
}
.detail8 {
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.detail8 .img {
  position: absolute;
  left: 0;
  bottom: -7%;
  width: 52%;
  z-index: 1;
  transform-origin: left bottom;
}
.detail8 .con {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  align-items: center;
}
.detail8 .con .txt {
  margin-left: 57%;
  color: #fff;
  padding-right: 7%;
  animation-delay: 1.2s;
}
.detail8 .con .txt .t {
  margin-bottom: 30px;
}
.detail8 .con .txt .p {
  line-height: 1.67;
  font-size: 24px;
}
.detail9 .imgs {
  justify-content: space-between;
  width: 100%;
  overflow: hidden;
}
.detail9 {
  position: relative;
  z-index: 10;
}
.detail9 .imgs .i {
  width: 50%;
  flex: 0 0 auto;
}
.detail9 .imgs .i img {
  display: block;
  width: 100%;
}
.detail9 .con {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  text-align: center;
}
.detail9 .con .t {
  margin-bottom: 30px;
}
.detail9 .con .p {
  font-size: 24px;
  line-height: 1.67;
  max-width: 790px;
  margin: 0 auto 60px;
}
.detail9 .con .img {
  justify-content: center;
}
.detail9 .con .img .big {
  margin: 0 45px;
  max-width: 36%;
}
.detail9 .con .img .sm {
  animation-delay: 1s;
}
.detail10 .tit {
  margin-bottom: 30px;
}
.detail10 .tag {
  margin-bottom: 35px;
  white-space: nowrap;
  overflow: auto;
}
.detail10 .tag span {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 35px;
  font-size: 18px;
  color: #666;
  border-bottom: 2px solid transparent;
  padding-bottom: 10px;
  line-height: 1;
}
.detail10 .tag span.cur {
  color: #01adbb;
  border-color: #01adbb;
}
.parameters {
  align-items: stretch;
  flex-wrap: wrap;
}
.parameters .item {
  padding: 30px 23px;
  background: #f1f1f1;
  width: 23.8%;
  margin-right: 1.6%;
  margin-bottom: 1.6%;
  border-radius: 20px;
  min-height: 135px;
}
.parameters .item:nth-child(4n) {
  margin-right: 0;
}
.parameters .item .t {
  font-size: 18px;
  margin-bottom: 15px;
}
.parameters .item .p {
  font-size: 14px;
  line-height: 1.71;
  opacity: 0.6;
}
.detail11 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
  color: #fff;
  padding: 7% 0;
}
.detail11 .tit {
  margin-bottom: 10px;
}
.detail11 .p {
  font-size: 26px;
  margin-bottom: 20px;
}
.detail11 .vm {
  border-color: #fff;
}
.detail11 .vm span {
  color: #fff;
}
.detail11 .vm .icon:after {
  border-color: #fff;
}
.detail11 .vm:hover {
  background: #fff;
}
.detail11 .vm:hover span {
  color: #01adbb;
}
.detail11 .vm:hover .icon:after {
  border-color: #01adbb;
}
.detail12 {
  background: #f4f4f4;
}
.detail12 .tit {
  margin-bottom: 30px;
}
.accessory {
  flex-wrap: wrap;
}
.accessory .item {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.accessory .item:nth-child(4n) {
  margin-right: 0;
}
.accessory .item .img {
  padding: 30px;
  border-radius: 20px;
  background: #fff;
  margin-bottom: 28px;
}
.accessory .item .img img {
  width: 230px;
  margin: auto;
  display: block;
}
.accessory .item .t {
  font-size: 20px;
  margin-bottom: 5px;
}
.accessory .item .desc {
  font-size: 18px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 25px;
}
.detail13 .tit {
  margin-bottom: 30px;
}
.case {
  flex-wrap: wrap;
}
.case .item {
  width: 32.5%;
  margin-right: 1.2%;
  flex: 0 0 auto;
  background: #f5f5f5;
  border-radius: 20px;
  overflow: hidden;
}
.case .item:nth-child(3n) {
  margin-right: 0;
}
.case .item img {
  display: block;
  width: 100%;
}
.case .item .txt {
  padding: 40px;
}
.case .item .t {
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
.case .item .p {
  font-size: 16px;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 25px;
}
.case .item .vm3 .icon:after {
  border-width: 1px;
}
.case .item .vm3:hover {
  color: #01adbb;
}
.case .item .vm3:hover .icon:after {
  border-color: #01adbb;
}
.detail14 {
  position: relative;
}
.swiperCtr2 span {
  position: absolute;
  width: 60px;
  height: 60px;
  cursor: pointer;
  z-index: 10;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/icon-jt2.png);
  transition: .3s;
  top: 50%;
  margin-top: -30px;
  border: 1px solid #fff;
}
.swiperCtr2 span:hover {
  background-color: #01adbb;
  border-color: #01adbb;
}
.swiperCtr2 span.prev {
  left: 40px;
}
.swiperCtr2 span.next {
  right: 40px;
  transform: rotate(180deg);
}
.detail14 .con {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  color: #fff;
}
.detail14 .con .t {
  font-size: 22px;
  margin-bottom: 10px;
  opacity: 0;
  position: relative;
  top: -100px;
  transition: .6s;
  transition-delay: 1s;
}
.detail14 .con .t2 {
  font-size: 36px;
  line-height: 1.2;
  max-width: 620px;
  margin-bottom: 60px;
  opacity: 0;
  position: relative;
  top: 100px;
  transition: .6s;
  transition-delay: 1.3s;
}
.detail14 .con .btn {
  position: relative;
  top: 100px;
  opacity: 0;
  transition: .6s;
  transition-delay: 1.6s;
}
.detail14 .con .vm {
  border-color: #fff;
}
.detail14 .con .vm span {
  color: #fff;
}
.detail14 .con .vm .icon:after {
  border-color: #fff;
}
.detail14 .con .vm:hover {
  background: #01adbb;
  border-color: #01adbb;
}
.detail14 .con .vm:hover span {
  color: #fff;
}
.detail14 .con .vm:hover .icon:after {
  border-color: #fff;
}
.detail14 .swiper-slide-active .con .t, .detail14 .swiper-slide-active .con .t2, .detail14 .swiper-slide-active .con .btn {
  opacity: 1;
  left: 0;
  top: 0;
}
.lines {
  position: relative;
  z-index: 10;
}
.lines .linev {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: 10;
  overflow: hidden;
  top: 0;
  margin-top: -1px;
}
.lines .linev:after {
  content: "";
  position: absolute;
  left: -71px;
  top: 0;
  width: 71px;
  height: 100%;
  background: linear-gradient(90deg, transparent, #01adbb);
  animation: linev 15s linear infinite;
}
.lines .lineh {
  position: absolute;
  left: 0;
  width: 1px;
  height: 100%;
  z-index: 10;
  overflow: hidden;
  top: 0;
  margin-left: -1px;
}
.lines .lineh:after {
  content: "";
  position: absolute;
  left: 0;
  top: -71px;
  width: 1px;
  height: 71px;
  background: linear-gradient(180deg, transparent, #01adbb);
  animation: lineh 10s linear infinite;
}
.lines .linev.v2 {
  top: 50%;
}
.lines .linev.v2:after {
  animation-delay: 2s;
}
.lines .linev.v3 {
  top: 100%;
}
.lines .linev.v3:after {
  animation-delay: 4s;
}
.lines .lineh.h1 {
  left: 25%;
}
.lines .lineh.h2 {
  left: 50%;
}
.lines .lineh.h2:after {
  animation-delay: 0.6s;
}
.lines .lineh.h3 {
  left: 75%;
}
.lines .lineh.h3:after {
  animation-delay: 1.2s;
}
@keyframes linev {
  0% {
    left: -71px;
  }
  99.9% {
    left: 100%;
  }
  100% {
    left: -71px;
  }
}
@keyframes lineh {
  0% {
    top: -71px;
  }
  99.9% {
    top: 100%;
  }
  100% {
    top: -71px;
  }
}
.detail15 .dtop {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.detail15 .dtop .tit {
  margin-bottom: 10px;
}
.detail15 .dtop .p {
  font-size: 16px;
  line-height: 1.67;
}
.icon-opendown {
  position: relative;
  font-size: 100px;
  width: 0.55em;
  height: 0.55em;
  cursor: pointer;
  border: 2px solid #c3c3c3;
  border-radius: 50%;
  transition: .4s;
}
.icon-opendown:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.16em;
  height: 0.16em;
  border-right: 2px solid #c3c3c3;
  border-bottom: 2px solid #c3c3c3;
  transform: rotate(45deg);
  margin-top: -0.09em;
  margin-left: -0.08em;
  box-sizing: border-box;
}
.icon-opendown:hover {
  background: #01adbb;
  border-color: #01adbb;
}
.icon-opendown:hover:after {
  border-color: #fff;
}
.baseform .line {
  margin-bottom: 20px;
  justify-content: space-between;
  align-items: flex-end;
}
.baseform .form-item .label {
  line-height: 1;
  margin-bottom: 10px;
  font-family: "SOURCEHANSANSCN-BOLD";
}
.baseform .form-item .label .red {
  color: #f00;
  vertical-align: middle;
  font-weight: bold;
  font-size: 16px;
}
.baseform .form-item .in input, .baseform .form-item .in select {
  width: 100%;
  background: #f8f8f8;
  padding: 0 20px;
  font-size: 14px;
  height: 48px;
  border-radius: 10px;
  outline: none;
  border: none;
  font-family: inherit;
  color: #666;
}
.baseform .form-item .in select {
  border-right: 20px solid #f8f8f8;
}
.baseform .line.flex .form-item {
  width: 49%;
}
.baseform .form-item .in textarea {
  padding: 20px;
  background: #f8f8f8;
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 10px;
  font-family: inherit;
  outline: none;
  border: none;
  min-height: 130px;
}
.baseform .btns {
  margin-top: 40px;
}
.baseform .btns input {
  margin-right: 10px;
  cursor: pointer;
  width: 150px;
  height: 55px;
  background: #f8f8f8;
  border-radius: 28px;
  font-size: 16px;
  color: #666;
  display: inline-block;
  vertical-align: middle;
  outline: none;
  border: none;
  box-shadow: none;
}
.baseform .btns input[type="submit"] {
  background: #01adbb;
  color: #fff;
}
.detail15 .baseform {
  display: block !important;
}
.solution .item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 49%;
  margin-right: 2%;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 2%;
}
.solution .item:nth-child(2n) {
  margin-right: 0;
}
.solution .item img {
  display: block;
  width: 100%;
}
.solution .item .txt {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  padding: 30px;
  color: #fff;
}
.solution .item .t {
  font-size: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.solution .item .tb {
  transition: .6s;
  overflow: hidden;
  max-height: 0;
  margin-top: 0;
}
.solution .item .p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 20px;
}
.solution .item .vm {
  border: none;
  padding: 0;
  background: none !important;
}
.solution .item .vm span {
  font-size: 16px;
  font-family: inherit;
  color: #fff;
}
.solution .item .vm .icon {
  margin-left: 5px;
}
.solution .item .vm .icon:after {
  border-width: 1px;
  border-color: #f6ac03;
}
.solution .item:hover .tb {
  max-height: 100px;
  margin-top: 10px;
}
.solution .item a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  background: linear-gradient(0deg, black, transparent);
  height: 50%;
  opacity: 0.4;
  transition: .6s;
}
.solution .item:hover a:after {
  height: 60%;
  opacity: 0.6;
}
.pbanner .txt.s2 h2 {
  font-size: 24px;
}
.pbanner .txt.s2 {
  text-align: left;
}
.pbanner .txt.s2 .p {
  font-size: 46px;
  color: #fff;
  line-height: 1.25;
  max-width: 15em;
  margin-top: 20px;
}
.solutionDetail1 {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.solutionDetail1 .fullimg {
  position: absolute;
  height: 100%;
  width: auto;
}
.solutionDetail1 .con {
  position: relative;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  color: #fff;
  height: 100%;
  padding: 7.2vw 0;
}
.solutionDetail1 .con {
  width: 100%;
  justify-content: space-between;
}
.solutionDetail1 .w1440 {
  height: 100%;
  justify-content: space-between;
  align-items: center;
}
.solutionDetail1 .txt {
  flex: 0 0 auto;
  width: 50%;
  padding-right: 50px;
}
.solutionDetail1 .txt .t1 {
  font-size: 24px;
  margin-bottom: 10px;
}
.solutionDetail1 .txt .p1 {
  font-size: 30px;
  line-height: 1.3;
  max-width: 480px;
}
.solutionDetail1 .items {
  flex: 0 0 auto;
  width: 50%;
}
.solutionDetail1 .item {
  margin-bottom: 20px;
  padding: 30px 40px;
  border: 1px solid #fff;
  border-radius: 20px;
}
.solutionDetail1 .item .icon {
  flex: 0 0 auto;
  width: 90px;
}
.solutionDetail1 .item .t {
  font-size: 22px;
  margin-bottom: 10px;
}
.solutionDetail1 .item .des {
  line-height: 1.625;
  font-size: 16px;
}
.solutionDetail2 .tit {
  margin-bottom: 30px;
}
.solutionDetail2 .list3 .txt .vm {
  display: none;
}
.list3 {
  flex-wrap: wrap;
}
.list3 .item {
  width: 31.33%;
  flex: 0 0 auto;
  margin-right: 3%;
}
.list3 .item:nth-child(3n) {
  margin-right: 0;
}
.list3 .item .img {
  border-radius: 20px;
  overflow: hidden;
}
.list3 .item .img img {
  display: block;
  width: 100%;
}
.list3 .txt .t {
  font-size: 20px;
  line-height: 1.6;
  color: #242424;
  margin: 25px 0 35px;
  height: auto;
  overflow: hidden;
}
.solutionDetail3 {
  background: url(../images/sd4bg.jpg) no-repeat center;
  background-size: cover;
}
.solutionDetail3 .w1440 {
  align-items: center;
  justify-content: space-between;
}
.solutionDetail3 .img {
  flex: 0 0 auto;
  max-width: 65%;
}
.solutionDetail3 .txt {
  flex: 1 1 auto;
  max-width: 35%;
  padding-left: 5%;
}
.solutionDetail3 .txt .t {
  margin-bottom: 20px;
}
.solutionDetail3 .txt .p {
  font-size: 16px;
  color: #666;
  line-height: 1.625;
}
@keyframes dotpop {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.3;
  }
}
.solutionDetail4 {
  position: relative;
  z-index: 10;
}
.solutionDetail4 .item {
  position: absolute;
  cursor: pointer;
}
.solutionDetail4 .item .t {
  position: relative;
  font-size: 14px;
  color: #fff;
  padding-left: 40px;
}
.solutionDetail4 .item .t .icon {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  left: 0;
}
.solutionDetail4 .item .t .icon .i0 {
  position: absolute;
  width: 8px;
  height: 8px;
  left: 50%;
  top: 50%;
  margin-top: -4px;
  margin-left: -4px;
  background: #01adbb;
  border-radius: 50%;
  z-index: 10;
}
.solutionDetail4 .item .t .icon .i1, .solutionDetail4 .item .t .icon .i2 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fff;
  content: "";
  z-index: 5;
  transform: translate(-50%, -50%);
  opacity: 0.2;
  animation: dotpop 3s linear infinite;
  display: block;
  opacity: 0;
}
.solutionDetail4 .item .t .icon .i2 {
  animation-delay: 1s;
}
.solutionDetail4 .item .pop {
  position: absolute;
  padding: 50px 30px;
  background: rgba(255, 255, 255, 0.6);
  width: 240px;
  border-radius: 20px;
  z-index: 50;
  top: 50%;
  left: 196px;
  transition: 0s;
  transform: translate(0, -50%) scale(0);
  opacity: 0;
  transform-origin: left center;
}
.solutionDetail4 .item .pop .t2 {
  font-size: 16px;
  margin: 10px 0;
}
.solutionDetail4 .item .pop .p {
  line-height: 1.5;
  font-size: 16px;
  color: #444;
}
.solutionDetail4 .item:hover .pop {
  opacity: 1;
  transition: .6s;
  transform: translate(0, -50%) scale(1);
}
.solutionDetail4 .item .t:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  background: #fff;
  transition: 0s;
  width: 0;
  left: 16px;
  opacity: 0.6;
}
.solutionDetail4 .item:hover .t:after {
  width: 180px;
  transition: .6s;
}
.solutionDetail4 .item:hover .t span {
  opacity: 0;
}
.solutionDetail4 .item.i1 {
  left: 26.2%;
  top: 48%;
}
.solutionDetail4 .item.i2 {
  left: 20%;
  top: 64%;
}
.solutionDetail4 .item.i2 .t, .solutionDetail4 .item.i4 .t {
  padding-left: 0;
  padding-right: 40px;
}
.solutionDetail4 .item.i2 .t .icon, .solutionDetail4 .item.i4 .t .icon {
  right: 0;
  left: auto;
}
.solutionDetail4 .item.i2 .t:after, .solutionDetail4 .item.i4 .t:after {
  left: auto;
  right: 15px;
}
.solutionDetail4 .item.i2:hover .t:after, .solutionDetail4 .item.i4:hover .t:after {
  width: 150px;
}
.solutionDetail4 .item.i2 .pop, .solutionDetail4 .item.i4 .pop {
  left: auto;
  right: 16px;
  margin-right: 150px;
}
.solutionDetail4 .item.i3 {
  left: 37%;
  top: 42%;
}
.solutionDetail4 .item.i4 {
  left: auto;
  top: 55%;
  right: 40%;
}
.solutionDetail4 .item.i5 {
  left: 62%;
  top: 55%;
}
.solutionDetail4 .item.i6 {
  left: 62%;
  top: 47%;
}
.product.s2 .item {
  width: 23.5%;
  margin-right: 2%;
}
.product.s2 .item:nth-child(3n) {
  margin-right: 2%;
}
.product.s2 .item:nth-child(4n) {
  margin-right: 0;
}
.product.s2 .item a {
  padding: 60px 40px;
  position: relative;
  overflow: hidden;
}
.product.s2 .item a .wymasking {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000a1;
  padding: 0% 5%;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 0.5s;
  opacity: 0;
}
.product.s2 .item a:hover .wymasking {
  opacity: 1;
}
.product.s2 .item a .wymasking .itemey {
  display: flex;
  padding: 10px 0;
}
.product.s2 .item a .wymasking .itemey .lt {
  font-size: 14px;
  width: 100px;
  text-align: left;
}
.product.s2 .item a .wymasking .itemey .rc {
  font-size: 12px;
  line-height: 1.71;
  opacity: 0.6;
}
.product.s2 .item a .wymasking .itemey .vm {
  font-size: unset;
  color: white;
  margin-top: 15px;
}
@media(max-width:1440px) {
  .product.s2 .item {
    width: 32.3333%;
    margin-right: 0;
  }
  .product.s2 .item:nth-child(3n) {
    margin-right: 0%;
  }
}
@media(max-width:1280px) {
  .product .items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media(max-width:990px) {
  .product .items {
    grid-template-columns: repeat(2, 1fr);
  }
  .product.s2 .item a .wymasking .itemey .lt {
    font-size: 14px;
  }
}
@media(max-width:730px) {
  .product .items {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media(max-width:1200px) {
  .product.s2 .item {
    width: 49%;
  }
}
.product.s2 .item .img {
  margin-bottom: 40px;
}
.product.s2 .item .tit {
  font-size: 32px;
  margin-bottom: 10px;
}
.product.s2 .item .desc {
  font-size: 18px;
}
.parameters.s2 .item {
  background: none;
  border: 1px solid #f4f4f4;
}
.dservice {
  align-items: center;
  justify-content: space-between;
}
.dservice .dl {
  max-width: 500px;
}
.dservice .dl .p {
  font-size: 18px;
}
.dservice .icons .item {
  text-align: center;
  margin-left: 33px;
}
.dservice .icons .item img {
  width: 90px;
}
.dservice .icons .item .it {
  font-size: 18px;
  margin-top: 10px;
}
.bgf3 {
  background: #f3f3f3;
}
.baseform.s2 .form-item .in input, .baseform .form-item .in select {
  background: #fff;
  border-radius: 5px;
  padding-left: 0;
}
.baseform.s2 .line .form-item {
  background: #fff;
  border-radius: 5px;
  align-items: center;
  position: relative;
}
.baseform.s2 .form-item .label {
  margin-bottom: 0;
  padding-right: 10px;
  padding-left: 1.5em;
  min-width: 5.5em;
}
.baseform.s2 .form-item .in {
  flex: 1 1 auto;
}
.baseform.s2 .form-item .in textarea {
  background: #fff;
  padding-top: 40px;
  padding-left: 0;
}
.baseform.s2 .form-item.txt {
  padding-left: 1.5em;
}
.baseform.s2 .form-item.txt .label {
  line-height: 40px;
  position: absolute;
  left: 1.5em;
  top: 0;
  padding-left: 0;
}
.baseform.s2 .form-item .in select {
  border-color: #fff;
}
.baseform.s2 .line .form-item.code .in input {
  padding-left: 6em;
}
.baseform.s2 .line .form-item.code {
  max-width: 710px;
  background: none;
  padding-left: 0;
}
.baseform.s2 .line .form-item.code .label {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  line-height: 30px;
}
.baseform.s2 .line .form-item.code .codeimg {
  margin-left: 10px;
  background: #fff;
  border-radius: 5px;
  line-height: 48px;
  padding: 0 10px;
  cursor: pointer;
}
.baseform.s2 .btns input {
  border-radius: 5px;
}
.accTop {
  position: relative;
  background: #f4f4f4;
}
.accTop .imgs {
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 10;
  padding: 40px 0;
}
.accTop .imgs .swiper-slide {
  border: 1px solid #c3c3c3;
  width: 57px;
  height: 57px;
  margin-bottom: 10px;
  font-size: 0;
  text-align: center;
  line-height: 57px;
  border-radius: 10px;
  opacity: 0.44;
  cursor: pointer;
}
.accTop .imgs img {
  max-height: 60%;
  max-width: 60%;
  vertical-align: middle;
}
.accTop .imgs .swiper-slide.on {
  opacity: 1;
}
.accTop .imgs .swiper-container {
  height: 258px;
}
.preview {
  width: 50%;
  text-align: center;
  flex: 0 0 auto;
  padding-right: 10%;
}
.accTop .imgs .prev, .accTop .imgs .next {
  position: absolute;
  left: 0;
  width: 100%;
  height: 40px;
  background: url(../images/arrow-down.png) no-repeat center;
  z-index: 5;
  cursor: pointer;
}
.accTop .imgs .prev {
  top: 0;
  transform: rotate(180deg);
}
.accTop .imgs .next {
  bottom: 0;
}
.accTop .imgs .swiper-button-disabled {
  opacity: 0.44;
}
.accTop .w1440 {
  align-items: center;
}
.accTop .txt {
  flex: 1 1 auto;
  overflow: hidden;
  width: 50%;
}
.accTop .txt .tit {
  font-size: 42px;
  margin-bottom: 20px;
}
.accTop .txt .p {
  line-height: 1.77;
  font-size: 18px;
  margin-bottom: 50px;
  color: #666;
  max-width: 580px;
}
.accContent table {
  width: 100%;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  box-sizing: border-box;
}
.accContent table th {
  height: 60px;
  padding: 10px;
  background: #01adbb;
  text-align: center;
  color: #fff;
  font-size: 16px;
  vertical-align: middle;
  border: 1px solid #6993bc;
}
.accContent {
  overflow: hidden;
  border-radius: 10px;
}
.accContent table td {
  border: 1px solid #d4d4d4;
  padding: 10px 30px;
  font-size: 16px;
  line-height: 1.5625;
  text-align: center;
  font-weight: bold;
}
.accContent table tr:first-child th:first-child {
  border-radius: 10px 0 0 0;
}
.accContent table tr:first-child th:last-child {
  border-radius: 0 10px 0 0;
}
.accContent table tr:last-child td:first-child {
  border-radius: 0 0 0 10px;
}
.accContent table tr:last-child td:last-child {
  border-radius: 0 0 10px 0;
}
.accContent table td:first-child {
  vertical-align: middle;
}
.accContent table .txt {
  text-align: left;
}
.accContent table .p {
  color: #666;
  padding-bottom: 30px;
  padding-top: 10px;
  font-weight: normal;
}
.brand1 .box {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  margin-bottom: 40px;
}
.brand1 .box .txt {
  padding: 80px;
  min-height: 480px;
  align-items: center;
}
.brand1 .box .txt .t {
  font-size: 34px;
  margin-bottom: 5px;
}
.brand1 .box .txt .p {
  font-size: 24px;
}
.brand1 .box .txt .vm {
  margin-top: 50px;
}
.brand1 .box .items {
  padding-top: 10px;
}
.brand1 .box .i {
  text-align: center;
  margin-right: 40px;
}
.brand1 .box .i:last-child {
  margin-right: 0;
}
.brand1 .box .i .icon {
  width: 57px;
  height: 57px;
  border: 1px solid #9b9aa7;
  border-radius: 50%;
  line-height: 55px;
  margin: 0 auto 10px;
}
.brand1 .box .i .icon img {
  vertical-align: middle;
}
.brand2 {
  position: relative;
}
.brand2 .con {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
}
.brand2 .t {
  font-size: 34px;
  margin-bottom: 36px;
}
.playBtn {
  font-size: 100px;
  display: inline-block;
  vertical-align: middle;
  width: 0.7em;
  height: 0.7em;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
}
.playBtn:after {
  position: absolute;
  border-left: 8px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  content: "";
  left: 50%;
  top: 50%;
  margin-left: -2px;
  margin-top: -6px;
}
.player {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  display: none;
}
.player .playerCon {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 30px 20px;
}
.player .playerBox {
  width: 900px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}
.player .playerBox video {
  display: block;
  width: 100%;
  background: #000;
}
.player .playerBox iframe {
  width: 100%;
  height: 60vh;
}
.player .playerBox .icon-close {
  position: absolute;
  right: 0;
  bottom: 100%;
  cursor: pointer;
  --color: #fff;
  font-size: 26px;
}
.icon-close {
  position: relative;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  --color: #333;
}
.icon-close:after, .icon-close:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  background: var(--color);
}
.icon-close:before {
  transform: rotate(45deg);
}
.icon-close:after {
  transform: rotate(-45deg);
}
.brand3 .t {
  text-align: center;
  margin-bottom: 30px;
  font-size: 34px;
}
.advantage {
  flex-wrap: wrap;
}
.advantage .item {
  margin-bottom: 20px;
  text-align: center;
  width: 31.33%;
  flex: 0 0 auto;
  margin-right: 3%;
}
.advantage .item:nth-child(3n) {
  margin-right: 0;
}
.advantage .item .img {
  border-radius: 18px;
  overflow: hidden;
  tap-highlight-color: transparent;
  align-items: center;
  background: #fff;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 1px -.5px #0000000f, 0 3px 3px -1.5px #0000000f, 0 6px 6px -3px #0000000f, 0 12px 12px -6px #0000000f, 0 24px 24px -12px #0000000f;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: var(--desktopContainerHeight);
  height: var(--cardHeightMobile);
  justify-content: var(--justify-content);
  overflow: hidden;
  padding: 5px 0;
  position: relative;
  text-decoration: none;border: 1px solid #D8D8D8;
}
.advantage .item img {
  display: block;
  width: 100%;
}
.advantage .item .it {
  font-size: 18px;
  line-height: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.become1 .txt {
  text-align: center;
  padding-bottom: 30px;
  font-size: 26px;
  line-height: 1.5;
  max-width: 33em;
  margin: auto;
}
.index5.become2 {
  background: none;
  border: none;
}
.index5.become2:after {
  display: none;
}
.become3 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
}
.become3 .txt {
  padding: 50px 0;
  max-width: 1090px;
  margin: auto;
}
.become3 .txt .ptitle {
  color: #fff;
}
.become3 .txt .p {
  font-size: 20px;
  line-height: 1.7;
}
.become1 .txt.s2 {
  font-size: 20px;
  color: #333;
  max-width: none;
}
.profile1 {
  background-size: cover;
  background-position: center;
  color: #fff;
  text-align: center;
}
.profile1 .w1440 {
  min-height: 660px;
  align-items: center;
  justify-content: center;
}
.profile1 .t1 {
  font-size: 48px;
}
.profile1 .t2 {
  font-size: 44px;
}
.profile1 .items {
  padding-top: 50px;
  justify-content: center;
  align-items: flex-start;
}
.profile1 .items .i {
  padding: 0 50px;
  text-align: left;
  max-width: 33.33%;
}
.profile1 .txt {
  width: 100%;
}
.profile1 .items .i .it {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 5px;
  margin-top: 5px;
}
.profile1 .items .i .it b {
  font-size: 54px;
  font-weight: normal;
  padding-right: 5px;
}
.profile1 .items .i .ip {
  font-size: 18px;
}
.profiles .box {
  padding: 110px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.profiles .box .flex {
  align-items: center;
}
.profiles .box .img {
  flex: 0 0 auto;
  width: 55%;
  border-radius: 20px;
  overflow: hidden;
}
.profiles .box .img img {
  display: block;
  width: 100%;
}
.profiles .box .txt {
  width: 45%;
  flex: 1 1 auto;
  padding-left: 50px;
}
.profiles .box .t1 {
  font-size: 18px;
  color: #01adbb;
  margin-bottom: 20px;
}
.profiles .box .t2 {
  line-height: 1.375;
  font-size: 32px;
  max-width: 17em;
}
.profiles .box:nth-child(2n) .flex {
  flex-direction: row-reverse;
}
.profiles .box:nth-child(2n) .txt {
  padding-left: 0;
  padding-right: 50px;
  text-align: right;
}
.profiles .box:nth-child(2n) .t2 {
  margin-left: auto;
}
.index5.cnt1 {
  border: none;
  background: #fff;
}
.index5.cnt1:after, .index5.cnt2:after {
  display: none;
}
.index5.cnt2 {
  background-image: url(../images/index9bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover !important;
}
.index5 .items.reverse .item a {
  flex-direction: row-reverse;
  height: 100%;
}
.index5 .items.reverse .item .icon {
  margin-left: 0;
  margin-right: 50px;
  flex-shrink: 0;
}
.cntbox {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.cntbox .con {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  align-items: center;
  color: #fff;
  padding-left: 10%;
  padding-bottom: 10%;
}
.cntbox .con .cnttit {
  margin-bottom: 10px;
  color: #f6ac03;
  font-size: 20px;
}
.icon-position {
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 22px;
  margin-right: 5px;
  background: url(../images/icon-position.png) no-repeat center;
  background-size: contain;
}
.cntbox .con .cnttit span {
  display: inline-block;
  vertical-align: middle;
}
.cntbox .con .cnt2 {
  font-size: 26px;
  margin-bottom: 20px;
}
.cntbox .con .cntp {
  font-size: 18px;
  line-height: 2;
}
.ptitle2 {
  font-size: 22px;
  color: #333;
  text-align: center;
  margin-bottom: 25px;
}
.mb0 {
  margin-bottom: 0;
}
.videoTop {
  overflow: hidden;
}
.videoTop .item {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  float: right;
  width: 32%;
  padding-bottom: 19.5%;
  margin-bottom: 2%;
}
.videoTop .item:nth-child(3n+1) {
  width: 66%;
  float: left;
  padding-bottom: 41%;
}
.videoTop .item .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.videoTop .item .playBtn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 88px;
}
.videoTop .item .tit {
  position: absolute;
  left: 0;
  bottom: 25px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 30px;
  color: #fff;
  font-size: 20px;
}
.videoList {
  flex-wrap: wrap;
}
.videoList .item {
  width: 32.66%;
  margin-right: 1%;
  margin-bottom: 0;
  background: #f5f5f5;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 22px;
}
.videoList .item:nth-child(3n) {
  margin-right: 0;
}
.videoList .item .img {
  position: relative;
}
.videoList .item img {
  display: block;
}
.videoList .item .playBtn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 88px;
}
.videoList .item .tit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 30px;
  font-size: 20px;
  line-height: 60px;
}
.ptab {
  text-align: center;
  margin-bottom: 40px;
  width: 100%;
  overflow: auto;
  white-space: nowrap;
}
.ptab a {
  display: inline-block;
  font-size: 18px;
  padding: 0 27px;
  line-height: 40px;
  font-weight: bold;
  color: #000;
  border-radius: 20px;
}
.ptab a:hover, .ptab a.on {
  background: #01adbb;
  color: #fff;
}
.pictures {
  overflow: hidden;
}
.pictures .item {
  width: 32.66%;
  float: left;
  margin-right: 1%;
  margin-bottom: 1%;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.pictures .item:nth-child(3n+5) {
  margin-right: 0;
}
.pictures .item .img {
  padding-bottom: 76%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.pictures .item .txt {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 20px 15px;
  z-index: 10;
  width: 100%;
  color: #fff;
}
.pictures .item:first-child {
  float: right;
  margin-right: 0;
  width: 66.32%;
}
.pictures .item:first-child .img {
  padding-bottom: 37.5%;
}
.pictures .item .tit {
  font-size: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pictures .item .dw {
  transition: .6s;
  overflow: hidden;
  max-height: 0;
  margin-top: 5px;
}
.pictures .item .dw a {
  display: block;
  width: 36px;
  height: 36px;
  background: #01adbb url(../images/icon-download.png) no-repeat center;
  border-radius: 50%;
}
.pictures .item:hover .dw {
  max-height: 36px;
}
.activities {
  flex-wrap: wrap;
}
.activities .item {
  width: 48.7%;
  margin-right: 2.6%;
}
.activities .item:nth-child(2n) {
  margin-right: 0;
}
.activities .item .img {
  overflow: hidden;
  border-radius: 20px;
}
.activities .item img {
  display: block;
  width: 100%;
}
.activities .item .txt {
  padding: 27px 0 40px;
  justify-content: space-between;
  align-items: center;
}
.activities .item .tl {
  padding-right: 30px;
  flex: 1 1 auto;
  overflow: hidden;
}
.activities .item .tag {
  width: 100px;
  border: 1px solid #999;
  line-height: 28px;
  text-align: center;
  font-size: 12px;
  color: #999;
  border-radius: 0 10px 0 10px;
  margin-bottom: 10px;
}
.activities .item .tit {
  font-size: 22px;
  margin-bottom: 20px;
}
.activities .item .date {
  font-size: 14px;
  color: #999;
}
.reviewBtn {
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px;
  line-height: 40px;
  background: #c4d5de;
  transition: .6s;
  border-radius: 20px;
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
}
.reviewBtn span {
  display: inline-block;
  vertical-align: middle;
}
.reviewBtn .icon {
  margin-left: 10px;
  border-left: 6px solid #fff;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}
.reviewBtn:hover {
  background: #01adbb;
}
.bgef {
  background: #efefef;
}
.bgfa {
  background: #fafafa;
}
.newsTop {
  margin-bottom: 60px;
  position: relative;
}
.newsTop .swiper-slide a {
  align-items: center;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}
.newsTop .swiper-slide a .img {
  flex: 0 0 auto;
  max-width: 60%;
}
.newsTop .swiper-slide a .img img {
  display: block;
  width: 100%;
}
.newsTop .swiper-slide a .txt {
  flex: 1 1 auto;
  overflow: hidden;
  padding: 30px 36px 30px 50px;
}
.newsTop .swiper-slide a .date {
  font-size: 14px;
  margin-bottom: 20px;
}
.newsTop .swiper-slide a .t {
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.newsTop .swiper-slide a .p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
  max-height: 3em;
  overflow: hidden;
  opacity: 0.8;
}
.vdetail {
  color: #01adbb;
}
.newsTop .dots {
  position: absolute;
  z-index: 10;
  right: 30px;
  top: 30px;
}
.newsTop .dots span {
  width: 8px;
  height: 4px;
  margin: 0 2px;
  border-radius: 0;
  opacity: 1;
  background: #d6d6d6;
  transition: .3s;
}
.newsTop .dots span.swiper-pagination-bullet-active {
  background: #01adbb;
  width: 30px;
}
.searhBlock {
  padding-top: 45px;
  max-width: 630px;
  margin: 0 auto 40px;
  position: relative;
}
.searhBlock input {
  width: 100%;
  height: 60px;
  outline: none;
  background: none;
  border-bottom: 1px solid #c7c7c7;
  padding: 0 20px;
}
.searhBlock .btn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  z-index: 10;
  cursor: pointer;
  background: url(../images/icon-search.png) no-repeat center;
}
.newsList {
  flex-wrap: wrap;
}
.newsList .item {
  width: 31.99%;
  margin-right: 2%;
  margin-bottom: 40px;
}
.newsList .item:nth-child(3n) {
  margin-right: 0;
}
.newsList .item .img {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
}
.newsList .item .img img {
  display: block;
  width: 100%;
}
.newsList .item .tit {
  font-size: 22px;
  line-height: 1.4;
  height: 2.8em;
  overflow: hidden;
  margin-bottom: 15px;
}
.newsList .item .date {
  font-size: 16px;
  color: #282828;
  opacity: 0.8;
}
.bread {
  line-height: 90px;
}
.bread a {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-right: 30px;
  color: #999;
  min-height: 1em;
}
.bread a:after {
  content: "";
  position: absolute;
  border-left: 6px solid #999;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  top: 50%;
  margin-top: -4px;
  right: 10px;
}
.bread span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.bread a.home {
  padding-left: 10px;
  background: url(../images/icon-home.png) no-repeat left center;
}
.newsDetail .right {
  flex: 0 0 auto;
  width: 315px;
  max-width: 30%;
}
.newsDetail .left {
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: 7%;
}
.newsDetail .dtop {
  margin-bottom: 40px;
}
.newsDetail .dtop .date {
  font-size: 18px;
  margin-bottom: 10px;
}
.newsDetail .dtop h2 {
  font-size: 36px;
  margin-bottom: 30px;
  font-weight: bold;
  line-height: 1.2;
}
.newsDetail .dtop h2.s2 {
  font-size: 38px;
}
.share2 {
  align-items: center;
}
.share2 .i {
  position: relative;
  margin-right: 10px;
  cursor: pointer;
}
.share2 .i .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f3f3f3;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  transition: .3s;
}
.share2 .i:hover .icon {
  background-color: #01adbb;
}
.icon-wx2 {
  background-image: url(../images/icon-weixin1.png);
}
.share2 .i:hover .icon-wx2 {
  background-image: url(../images/icon-weixin2.png);
}
.icon-dy {
  background-image: url(../images/icon-dy1.png);
}
.share2 .i:hover .icon-dy {
  background-image: url(../images/icon-dy2.png);
}
.icon-qq {
  background-image: url(../images/icon-qq1.png);
}
.share2 .i:hover .icon-qq {
  background-image: url(../images/icon-qq2.png);
}
.icon-wb2 {
  background-image: url(../images/icon-wb1.png);
}
.share2 .i:hover .icon-wb2 {
  background-image: url(../images/icon-wb2.png);
}
.article {
  line-height: 1.625;
  font-size: 16px;
  color: #666;
  padding-bottom: 50px;
}
.arbottom {
  margin-bottom: 40px;
  border-top: 1px solid #ddd;
}
.arbottom p {
  border-bottom: 1px solid #ddd;
  line-height: 70px;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.arbottom p span {
  padding-right: 7%;
}
.arbottom p a {
  color: #666;
}
.newsDetail .arback {
  text-align: center;
}
.tj .tit {
  margin-bottom: 30px;
}
.tj .tit span {
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
  border-top: 4px solid #01adbb;
}
.tj .box {
  position: relative;
  z-index: 10;
  padding: 26px 20px 50px;
  background: linear-gradient(180deg, #f4f4f4 60%, transparent);
  border-radius: 20px;
}
.tj .item {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e3e3e3;
}
.tj .item .date {
  font-size: 16px;
  color: #999;
  margin-bottom: 10px;
}
.tj .item .t {
  font-size: 18px;
  line-height: 1.45;
}
.tj .item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
.attach {
  padding-bottom: 26%;
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.stab {
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 60px;
}
.stab .item {
  margin: 0 25px;
  text-align: center;
  cursor: pointer;
}
.stab .item .icon {
  font-size: 0;
  text-align: center;
  line-height: 96px;
  width: 96px;
  border-radius: 20px;
  margin: auto;
  margin-bottom: 14px;
  background: #f6fbff;
  transition: .3s;
}
.stab .item .icon .x2 {
  display: none;
}
.stab .item .icon .x1 {
  display: inline-block;
  vertical-align: middle;
}
.stab .item.cur .icon {
  background: #01adbb;
}
.stab .item.cur .icon .x1 {
  display: none;
}
.stab .item.cur .icon .x2 {
  display: inline-block;
  vertical-align: middle;
}
.supitems {
  flex-wrap: wrap;
}
.supitems .item {
  width: 25%;
  flex: 0 0 auto;
  padding: 0 5%;
  margin-bottom: 40px;
}
.supitems .item .t {
  font-size: 22px;
  margin-top: 20px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.linearf3 {
  background: linear-gradient(180deg, #f3f3f3, transparent);
}
.driveTop .w1440 {
  align-items: center;
}
.driveTop .img {
  width: 50%;
  text-align: center;
  padding: 0 50px;
}
.effectBelow {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-reflect: below -16px linear-gradient(transparent 90%, rgba(0, 0, 0, .5));
}
.driveTop .txt {
  flex: 1 1 auto;
  overflow: hidden;
}
.driveTop .txt .t1 {
  font-size: 20px;
  color: #01adbb;
}
.driveTop .txt .t2 {
  font-size: 84px;
  line-height: 1.1;
}
.driveTop .txt .p {
  font-size: 20px;
  color: #242424;
  margin-bottom: 50px;
}
.linkselect {
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #d8d8d8;
  border-radius: 25px;
}
.linkselect select {
  border: none;
  padding: 0 27px;
  height: 50px;
  font-size: 18px;
  border-right: 27px solid transparent;
  outline: none;
  background: transparent;
}
.driveList .item {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #ededed;
}
.driveList .item:last-child {
  border: none;
  margin: 0;
}
.driveList .item .txt {
  flex: 1 1 auto;
  overflow: hidden;
  padding-right: 50px;
}
.driveList .item .t1 {
  font-size: 24px;
  margin-bottom: 10px;
}
.driveList .item .t2 {
  margin-bottom: 20px;
  color: #666;
}
.driveList .item .t2 span:not(:last-child) {
  margin-right: 20px;
}
.driveList .item .p {
  color: #666;
}
.driveList .item .btn {
  white-space: nowrap;
  flex: 0 0 auto;
}
.driveList .item .btn span {
  display: inline-block;
  vertical-align: middle;
  color: #666;
}
.driveList .item .icon-download {
  width: 42px;
  height: 42px;
  border: 1px solid #e4e4e4;
  margin-right: 10px;
  border-radius: 50%;
  transition: .6s;
  background: url(../images/icon-download2.png) no-repeat center;
}
.driveList .item .btn:hover .icon-download {
  background: #01adbb url(../images/icon-download.png) no-repeat center;
  border-color: #01adbb;
}
.driveVideo {
  flex-wrap: wrap;
}
.driveVideo .item {
  margin-bottom: 1.2%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: #f7f7f7;
  width: 32.5%;
  margin-right: 1.2%;
}
.driveVideo .item:nth-child(3n) {
  margin-right: 0;
}
.driveVideo .item img {
  display: block;
  width: 100%;
}
.driveVideo .item .txt {
  padding: 40px 35px;
}
.driveVideo .item .t1 {
  font-size: 14px;
  color: #666;
  margin-bottom: 6px;
}
.driveVideo .item .t2 {
  font-size: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.driveVideo .item .btns {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 20;
  width: 100%;
  padding: 40px;
}
.driveVideo .item .btns .icon {
  font-size: 65px;
  margin-right: 10px;
}
.driveVideo .item .icon-download {
  display: inline-block;
  vertical-align: middle;
  width: 0.7em;
  height: 0.7em;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  transition: .3s;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/icon-download.png);
}
.driveVideo .item .icon-download:hover {
  border-color: #01adbb;
  background-color: #01adbb;
}
.handbook {
  flex-wrap: wrap;
}
.handbook .item {
  align-items: center;
  width: 48.5%;
  margin-bottom: 20px;
  margin-right: 3%;
}
.handbook .item .img {
  flex: 0 0 auto;
  position: relative;
  z-index: 5;
  width: 265px;
  text-align: center;
}
.handbook .item .img:after {
  content: "";
  position: absolute;
  height: 100%;
  padding-right: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  background: #f3f3f3;
  z-index: -1;
}
.handbook .item .img img {
  display: block;
  margin: auto;
  max-width: 265px;
  max-height: 265px;
}
.handbook .item .txt {
  flex: 1 1 auto;
  padding-left: 35px;
}
.handbook .item .t1 {
  font-size: 24px;
  margin-bottom: 5px;
}
.handbook .item .p {
  font-size: 18px;
  color: #666;
  margin-bottom: 30px;
  line-height: 1.5;
  max-height: 9em;
  overflow: hidden;
}
.handbook .item .date {
  font-size: 16px;
  color: #666;
}
.handbook .item .btn {
  margin-top: 29px;
  padding-top: 29px;
  border-top: 1px solid #e3e3e3;
}
.handbook .item .icon-download {
  width: 42px;
  display: inline-block;
  vertical-align: middle;
  height: 42px;
  border: 1px solid #e3e3e3;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  transition: .6s;
  background-image: url(../images/icon-download2.png);
}
.handbook .item .icon-download:hover {
  border-color: #01adbb;
  background-color: #01adbb;
  background-image: url(../images/icon-download.png);
}
.handbook .item:nth-child(2n) {
  margin-right: 0;
}
.dimages {
  align-items: stretch;
  justify-content: space-between;
}
.dimages .item {
  width: 32.6%;
  flex: 0 0 auto;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.dimages .item:first-child {
  width: 66.7%;
}
.dimages .item img {
  display: block;
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.dimages .item .txt {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 20;
  color: #fff;
  padding: 35px 40px;
  align-items: center;
  justify-content: space-between;
}
.dimages .item .t {
  font-size: 24px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px;
  flex: 1 1 auto;
}
.dimages .item .icon-download {
  width: 42px;
  height: 42px;
  display: block;
  border: 1px solid #fff;
  transition: .3s;
  border-radius: 50%;
  background-image: url(../images/icon-download.png);
  background-position: center;
  background-repeat: no-repeat;
}
.dimages .item .icon-download:hover {
  background-color: #01adbb;
  border-color: #01adbb;
}
.caseList {
  flex-wrap: wrap;
}
.caseList .item {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
  background: #f2f5f8;
  border-radius: 20px;
  overflow: hidden;
  align-items: stretch;
}
.caseList .item:nth-child(2n) {
  margin-right: 0;
}
.caseList .item .img {
  flex: 0 0 auto;
  width: 50%;
}
.caseList .item .img img {
  display: block;
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.caseList .item .txt {
  padding: 50px 30px 30px;
  flex: 1 1 auto;
  overflow: hidden;
}
.caseList .item .t {
  font-size: 22px;
  margin-bottom: 20px;
  line-height: 1;
}
.caseList .item .p {
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
  line-height: 1.5;
  height: 3em;
  overflow: hidden;
}
.caseList .item .vm {
  border: none;
  padding: 0;
  line-height: 1;
  background: none;
}
.caseList .item .vm span {
  font-size: 14px;
}
.caseList .item .icon {
  margin-left: 5px;
  width: 8px;
  height: 8px;
}
.caseList .item .cus {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #dedede;
}
.caseList .item .cus .ct {
  font-size: 16px;
  margin-bottom: 1em;
}
.caseList .item .citems {
  flex-wrap: wrap;
  justify-content: space-between;
}
.caseList .item .cus .i {
  width: 47%;
  flex: 0 0 auto;
  margin-bottom: 13px;
}
.caseList .item .cus .i a {
  display: block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 40px;
  background: #fff;
  border-radius: 20px;
  font-size: 14px;
  transition: .3s;
  padding: 0 10px;
}
.caseList .item .cus .i a:hover {
  background: #01adbb;
  color: #fff;
}
.caseList .item .vm:hover span {
  color: #01adbb;
}
.caseList .item .vm:hover .icon:after {
  border-color: #01adbb;
}
.caseDetail.newsDetail .dtop h2 {
  margin-bottom: 10px;
}
.caseDetail.newsDetail .dtop {
  padding-bottom: 28px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 0;
}
.caseDetail.newsDetail .dtop .p {
  font-size: 20px;
  color: #666;
  margin-bottom: 26px;
}
.anchorDetail {
  padding-top: 45px;
  margin-right: 240px;
  padding-right: 7%;
  border-right: 1px solid #e1e1e1;
}
.anchorFix {
  padding-top: 45px;
  float: right;
  width: 240px;
  position: sticky;
  z-index: 10;
  top: 66px;
  padding-bottom: 5%;
}
.anchorFix span {
  display: block;
  padding-left: 38px;
  line-height: 30px;
  cursor: pointer;
  border-left: 2px solid transparent;
  font-size: 16px;
  color: #999;
  margin-left: -1px;
  margin-bottom: 10px;
}
.anchorFix span.cur {
  color: #000;
  border-color: #01adbb;
}
.anchorDetail .block {
  margin-bottom: 2em;
}
.anchorDetail .block .tit {
  font-size: 24px;
  color: #000;
  margin-bottom: 20px;
  font-weight: bold;
}
.cadvan {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
  align-items: stretch;
}
.cadvan .item {
  width: 49%;
  padding: 40px 30px;
  border: 1px solid #e1e1e1;
  margin-bottom: 2%;
  border-radius: 20px;
}
.cadvan .item .it {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
}
.searchright {
  position: relative;
  width: 410px;
  margin-left: auto;
  max-width: 100%;
  margin-bottom: 20px;
}
.searchright input {
  width: 100%;
  padding: 0 20px;
  border: 1px solid #c4d5de;
  border-radius: 10px;
  font-size: 14px;
  height: 46px;
}
.searchright .btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 100%;
  z-index: 10;
  cursor: pointer;
  background: url(../images/icon-search.png) no-repeat center;
}
.qa {
  border-bottom: 1px solid #ededed;
}
.qa .item {
  border-top: 1px solid #ededed;
}
.qa .item .it {
  position: relative;
  background: #fafafa;
  padding: 27px 100px;
  line-height: 80px;
  color: #666;
  font-size: 18px;
  cursor: pointer;
  line-height: 1.5;
}
.qa .item .it:before {
  content: "Q";
  position: absolute;
  left: 0;
  top: 27;
  width: 100px;
  text-align: center;
}
.qa .item .it:after {
  width: 10px;
  height: 10px;
  content: "";
  position: absolute;
  border-left: 2px solid #666;
  border-bottom: 2px solid #666;
  transform: rotate(-45deg);
  top: 50%;
  margin-top: -7px;
  right: 40px;
  transition: .3s;
}
.qa .item .ip {
  padding: 25px 30px 25px 100px;
  background: #fff;
  border-top: 1px solid #ededed;
  font-size: 18px;
  line-height: 1.7;
  position: relative;
}
.qa .item .ip:before {
  content: "A";
  position: absolute;
  left: 0;
  top: 25px;
  width: 100px;
  text-align: center;
  color: #f00;
}
.qa .item .ovhide {
  max-height: 0;
  overflow: hidden;
  transition: .3s;
}
.qa .item.cur .ovhide {
  max-height: 400px;
}
.qa .item.cur {
  border-color: #000;
}
.qa .item.cur .it {
  color: #000;
  font-weight: bold;
}
.repair {
  align-items: stretch;
  justify-content: space-around;
  counter-reset: index;
}
.repair .item {
  background: #fafafa;
  width: 24%;
  padding: 170px 35px 50px;
  position: relative;
  border-radius: 20px;
  transition: background .6s;
  cursor: pointer;
}
.repair .item:before {
  counter-increment: index;
  content: "0"counter(index);
  position: absolute;
  top: 50px;
  left: 35px;
  font-size: 20px;
  color: #999;
}
.repair .item .t {
  font-size: 24px;
  margin-bottom: 5px;
}
.repair .item .p {
  font-size: 20px;
  color: #666;
  line-height: 1.5;
  height: 3em;
  overflow: hidden;
  margin-bottom: 5px;
}
.repair .item .icon {
  position: relative;
}
.repair .item .icon .x2 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.repair .item .icon img {
  display: inline-block;
  vertical-align: middle;
}
.repair .item:hover {
  background: url(../images/repairbg.jpg) no-repeat center;
  color: #fff;
  background-size: cover;
}
.repair .item:hover .p {
  color: #fff;
}
.repair .item:hover:before {
  color: #fff;
}
.repair .item:hover .icon .x1 {
  opacity: 0;
}
.repair .item:hover .icon .x2 {
  opacity: 1;
}
.custom1 .items {
  flex-wrap: wrap;
}
.custom1 .item {
  flex: 0 0 auto;
  width: 19.20%;
  margin-right: 1%;
  margin-bottom: 1%;
  background: #f4f4f4;
  padding: 40px 50px;
  border-radius: 20px;
}
.custom1 .item:nth-child(5n) {
  margin-right: 0;
}
.custom1 .item .t {
  text-align: center;
  margin-top: 20px;
  font-size: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.formBlock {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  margin-bottom: 24px;
  background: #fff;
  margin-right: 2%;
  border-radius: 6px;
}
.formBlock:nth-child(2n) {
  margin-right: 0;
}
.formBlock .blockhead {
  position: relative;
  padding: 0 30px;
  font-size: 18px;
  line-height: 60px;
  font-weight: bold;
  border-bottom: 1px solid #f3f3f3;
  cursor: pointer;
}
.formBlock .blockhead:after {
  content: "";
  position: absolute;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  right: 30px;
  top: 50%;
  margin-top: -4px;
  transition: .3s;
}
.formBlock.act .blockhead:after {
  transform: rotate(180deg);
}
.lineoptions .op {
  border-bottom: 1px solid #f3f3f3;
  position: relative;
  cursor: pointer;
  padding: 15px 0;
}
.lineoptions .op input {
  position: absolute;
  z-index: 10;
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
}
.lineoptions .op .label {
  color: #666;
  padding: 0 28px;
  border-left: 2px solid transparent;
  line-height: 30px;
  font-size: 16px;
}
.lineoptions .op input:checked + .label {
  color: #000;
  border-color: #01adbb;
}
.proselects .op {
  padding: 20px 30px;
  border-bottom: 1px solid #f3f3f3;
}
.proselects .op .t {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 16px;
}
.proselects .op .td {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10%;
  margin-bottom: 5px;
  color: #666;
}
.proselects .op .btn {
  font-weight: bold;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
}
.proselects .op .btn2 {
  margin-top: 20px;
}
.proselects .op .reviewBtn {
  line-height: 34px;
  padding: 0 15px;
}
.proselects .op .reviewBtn span {
  font-size: 14px;
}
.subForms, .resultForm {
  display: none;
}
.formBlock .checkbox {
  font-size: 0;
  padding: 15px 30px;
  border-bottom: 1px solid #f3f3f3;
}
.formBlock .checkbox .item {
  white-space: nowrap;
  cursor: pointer;
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  color: #666;
}
.formBlock .checkbox .item span {
  display: inline-block;
  vertical-align: middle;
}
.formBlock .checkbox .item .icon {
  width: 13px;
  height: 13px;
  border: 1px solid #666;
  border-radius: 50%;
  position: relative;
  margin-right: 7px;
}
.formBlock .checkbox .item .icon:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #01adbb;
  margin-top: -3px;
  margin-left: -3px;
  opacity: 0;
}
.formBlock .checkbox .item.cur .icon:after {
  opacity: 1;
}
.formBlock .checkbox .item.cur .icon {
  border-color: #01adbb;
}
.formBlock .checkbox .item.cur {
  color: #01adbb;
}
.formBlock .blockDown {
  transition: .6s;
  overflow: auto;
  max-height: 600px;
}
.formBlock.act .blockDown {
  max-height: 0;
}
.formBlock.full {
  display: block;
  width: 100%;
  margin-right: 0;
}
.result {
  flex-wrap: wrap;
  padding: 30px 0;
}
.result .box {
  width: 16.66%;
  padding-left: 30px;
  margin-bottom: 40px;
}
.result .box .t {
  margin-bottom: 5px;
}
.result .box .p {
  font-size: 14px;
  color: #666;
  line-height: 1.7;
}
.cus2 {
  padding: 70px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  text-align: center;
}
.cus2 .t1 {
  font-size: 24px;
}
.process {
  justify-content: space-between;
  align-items: stretch;
}
.process .item {
  flex: 0 0 auto;
  width: 12.5%;
  text-align: center;
  padding: 0 20px;
  position: relative;
}
.process .item:not(:last-child) {
  border-right: 1px solid #e0e0e0;
}
.process .item:not(:last-child):before {
  content: "";
  position: absolute;
  border-left: 5px solid #000;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  z-index: 5;
  right: -3px;
  top: 50%;
  margin-top: -5px;
}
.process .item:not(:last-child):after {
  content: "";
  position: absolute;
  width: 3px;
  height: 40px;
  background: #fff;
  right: -1px;
  top: 50%;
  margin-top: -20px;
  z-index: 2;
}
.process .item .num {
  font-size: 42px;
  color: #666;
  font-weight: bold;
  margin-bottom: 56px;
  opacity: 0.2;
}
.process .item .icon {
  line-height: 70px;
  height: 70px;
  margin-bottom: 25px;
}
.process .item .icon img {
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
}
.process .item .t {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.process .item .p {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.cus4 {
  background-size: cover;
  background-position: center;
  color: #fff;
}
.cus4 .ptitle {
  color: #fff;
}
.shili {
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
}
.shili .item {
  width: 48%;
  border: 1px solid rgba(255, 255, 255, 0.23);
  transition: .6s;
  padding: 30px;
  border-radius: 20px;
  margin-bottom: 20px;
  align-items: center;
  cursor: pointer;
  background: transparent;
}
.shili .item .icon {
  flex: 0 0 auto;
}
.shili .item .txt {
  flex: 1 1 auto;
  overflow: hidden;
  padding-left: 20px;
}
.shili .item .t {
  font-size: 18px;
  margin-bottom: 10px;
}
.shili .item .p {
  opacity: 0.6;
}
.shili .item:hover {
  background: url(../images/dzbg.png) no-repeat center;
  background-size: cover;
  border-color: transparent;
}
.index5.cnt1 .item .t, .index5.cnt2 .item .t {
  font-size: 24px;
}
.index5.cnt1 .item .icon img, .index5.cnt2 .item .icon img {
  max-height: 50px;
}
@media (max-width:1650px) {
  .logo {
    min-width: 0;
  }
}
@media (max-width:768px) {
  .logo {
    width: 400px;
  }
}
@media(max-width:1560px) {
  .swiperCtr2 span {
    width: 40px;
    height: 40px;
  }
  .swiperCtr2 span.prev {
    left: 10px;
  }
  .swiperCtr2 span.next {
    right: 10px;
  }
}
@media(max-width:1440px) {
  .bantxt .tit {
    font-size: 36px;
  }
  .bantxt .img {
    max-width: 50%;
  }
  .font48 {
    font-size: 32px;
  }
  .font46 {
    font-size: 30px;
  }
  .font36 {
    font-size: 26px;
  }
  .font30 {
    font-size: 20px;
  }
  .index5 .item .t {
    font-size: 24px;
  }
  .index5.cnt1 .item .t, .index5.cnt2 .item .t {
    font-size: 20px;
  }
  .index5 .item .p {
    font-size: 16px;
  }
  .index7 .txt .p {
    font-size: 20px;
  }
  .index9 .item .t {
    font-size: 20px;
  }
  .index4 .item .tg {
    margin-bottom: 30px;
  }
  .index4 .item .txt {
    margin-top: 25px;
  }
  .swiperWidthCtr .ctr span {
    width: 40px;
    height: 40px;
  }
  .swiperWidthCtr .ctr span.prev {
    left: -50px;
  }
  .swiperWidthCtr .ctr span.next {
    right: -50px;
  }
  .pbanner .txt.s2 .p {
    font-size: 32px;
  }
  .solutionDetail1 .txt .p1 {
    font-size: 20px;
  }
  .solutionDetail1 .item {
    padding: 20px 30px;
  }
  .solutionDetail1 .item .t {
    font-size: 20px;
  }
  .solutionDetail1 .fullimg {
    object-fit: cover;
  }
  .preview {
    padding-left: 70px;
  }
  .newsTop .swiper-slide a .t {
    font-size: 24px;
  }
  .newsList .item .tit {
    font-size: 20px;
  }
  .newsDetail .dtop h2 {
    font-size: 28px;
  }
  .newsDetail .dtop h2.s2 {
    font-size: 28px;
  }
  .caseDetail.newsDetail .dtop .p {
    font-size: 18px;
  }
  .driveTop .txt .t2 {
    font-size: 54px;
  }
  .driveTop .txt .p {
    font-size: 18px;
  }
  .driveVideo .item .t2 {
    font-size: 20px;
  }
  .driveVideo .item .txt {
    padding: 30px 20px;
  }
  .handbook .item .img {
    width: 200px;
  }
  .handbook .item .img img {
    max-width: 100%;
    max-height: 200px;
  }
  .handbook .item .t1 {
    font-size: 20px;
  }
  .handbook .item .p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .handbook .item .date {
    font-size: 14px;
  }
  .handbook .item .btn {
    margin-top: 20px;
    padding-top: 20px;
  }
  .caseList .item .cus .i a {
    font-size: 12px;
    line-height: 32px;
  }
}
@media (max-width:1370px) {
  .nav li {
    padding: 0 12px;
  }
  .custom1 .item {
    padding: 50px 30px;
  }
  .custom1 .item .t {
    font-size: 18px;
  }
  .process .item .num {
    font-size: 32px;
    margin-bottom: 30px;
  }
  .process .item .icon {
    height: 50px;
    line-height: 50px;
  }
  .process .item .t {
    font-size: 18px;
  }
  .process .item .p {
    font-size: 14px;
  }
}
@media (max-width:1200px) {
  body {
    padding-top: 60px;
  }
  header.head_pc {
    display: none;
  }
  .head_wap {
    display: block;
  }
  .headmask {
    top: 60px;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
  }
  .hbtns .btn {
    border-width: 1px;
    min-width: 100px;
    margin: 0 2px;
    font-size: 12px;
    line-height: 32px;
  }
  .hbtns .btn .icon {
    width: 16px;
    background-size: contain;
  }
  .footl .tit {
    font-size: 18px;
  }
  .fnav {
    display: none;
  }
  .footl .share {
    margin-top: 50px;
  }
  .dy {
    margin-top: 50px;
  }
  .pbanner h2 {
    font-size: 32px;
  }
  .ptitle {
    font-size: 30px;
  }
  .product .itop a {
    padding: 40px 50px;
  }
  .product .itop .tit {
    font-size: 42px;
  }
  .product .itop .desc {
    font-size: 14px;
  }
  .product .itop .txt {
    padding-right: 50px;
  }
  .product .itop .vm {
    margin-top: 30px;
  }
  .vm span {
    font-size: 14px;
  }
  .vm .icon {
    width: 8px;
    height: 8px;
  }
  .product .item a {
    padding: 20px 30px;
  }
  .product .item .img {
    margin-bottom: 20px;
  }
  .product .item .tit {
    font-size: 24px;
  }
  .product .item .desc {
    font-size: 16px;
  }
  .bantxt .tit {
    font-size: 30px;
  }
  .bantxt .p {
    font-size: 16px;
  }
  .font48 {
    font-size: 26px;
  }
  .font46 {
    font-size: 24px;
  }
  .font36 {
    font-size: 20px;
  }
  .font30 {
    font-size: 18px;
  }
  .index5 .item .t {
    font-size: 20px;
  }
  .index5.cnt1 .item .t, .index5.cnt2 .item .t {
    font-size: 18px;
  }
  .index5 .item .p {
    font-size: 14px;
  }
  .index7 .txt .p {
    font-size: 16px;
  }
  .index9 .item .t {
    font-size: 20px;
  }
  .tab span {
    font-size: 16px;
  }
  .index9 .item .icon img {
    max-width: 50px;
    max-height: 50px;
  }
  .index5 .item .icon img {
    max-height: 50px;
    max-width: 50px;
  }
  .detailTop {
    top: 60px;
  }
  .detail4 .txt .item .t1 {
    font-size: 20px;
  }
  .detail1 .txt .t2 {
    font-size: 20px;
  }
  .detail2 .item .t {
    font-size: 18px;
  }
  .detail2 .item .p {
    font-size: 14px;
  }
  .detail3 .txt .p {
    font-size: 18px;
  }
  .detail4 .txt .item .p {
    font-size: 14px;
  }
  .detail5 .txt .p {
    font-size: 18px;
  }
  .detail7 .txt .p {
    font-size: 16px;
  }
  .detail7 .img .i .tit {
    font-size: 16px;
  }
  .detail8 .con .txt .p {
    font-size: 16px;
  }
  .detail9 .con .p {
    font-size: 16px;
  }
  .detail11 .p {
    font-size: 16px;
  }
  .accessory .item .t {
    font-size: 18px;
  }
  .accessory .item .desc {
    font-size: 16px;
  }
  .case .item .t {
    font-size: 16px;
  }
  .case .item .p {
    font-size: 14px;
  }
  .detail14 .con .t2 {
    font-size: 24px;
  }
  .solution .item .t {
    font-size: 20px;
  }
  .solution .item .p {
    font-size: 14px;
  }
  .solution .item .vm span {
    font-size: 14px;
  }
  .accTop .imgs {
    left: 20px;
  }
  .accTop .txt .tit {
    font-size: 32px;
  }
  .accTop .txt .p {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .brand1 .box .txt .t {
    font-size: 24px;
  }
  .brand1 .box .txt .p {
    font-size: 18px;
  }
  .brand2 .t {
    font-size: 24px;
  }
  .brand3 .t {
    font-size: 24px;
  }
  .advantage .item .it {
    font-size: 16px;
  }
  .become1 .txt {
    font-size: 20px;
  }
  .become3 .txt .p {
    font-size: 18px;
  }
  .become1 .txt.s2 {
    font-size: 18px;
  }
  .profile1 .t1 {
    font-size: 38px;
  }
  .profile1 .t2 {
    font-size: 34px;
  }
  .profile1 .items .i .ip {
    font-size: 16px;
  }
  .profile1 .items .i .it b {
    font-size: 38px;
  }
  .profiles .box .t2 {
    font-size: 24px;
  }
  .profiles .box {
    padding: 60px 0;
  }
  .index5 .items.reverse .item .icon {
    margin-right: 20px;
  }
  .index5 .items.reverse .item .icon img {
    width: 40px;
  }
  .index5 .items.reverse .item a {
    padding: 40px 20px;
  }
  .newsTop .swiper-slide a .t {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .newsTop .swiper-slide a .img {
    max-width: 50%;
  }
  .newsTop .swiper-slide a .date {
    margin-bottom: 10px;
  }
  .newsTop .swiper-slide a .p {
    margin-bottom: 10px;
  }
  .newsTop .swiper-slide a .txt {
    padding: 20px 30px;
  }
  .newsList .item .tit {
    font-size: 18px;
  }
  .newsDetail .dtop h2, .newsDetail .dtop h2.s2 {
    font-size: 24px;
  }
  .caseDetail.newsDetail .dtop .p {
    font-size: 16px;
  }
  .stab .item .icon {
    width: 70px;
    line-height: 70px;
  }
  .stab .item .t {
    font-size: 14px;
  }
  .supitems .item {
    margin-bottom: 20px;
  }
  .supitems .item .t {
    font-size: 18px;
    margin-top: 10px;
  }
  .dimages .item .txt {
    padding: 20px 30px;
  }
  .dimages .item .t {
    font-size: 20px;
  }
  .repair .item .t {
    font-size: 20px;
  }
  .repair .item .p {
    font-size: 16px;
  }
  .repair .item {
    padding-top: 100px;
  }
  .repair .item .icon img {
    height: 50px;
  }
}
@media(max-width:1024px) {
  .ftop {
    display: block;
  }
  footer {
    padding-top: 50px;
  }
  .footl .share {
    margin-top: 30px;
  }
  .footr {
    max-width: 100%;
    margin-top: 30px;
  }
  .fcnt .b {
    font-size: 24px;
  }
  .dy {
    margin-top: 30px;
  }
  .fbottom .w1400 {
    display: block;
  }
  .flinks a {
    margin-left: 0;
    margin-right: 10px;
  }
  .flinks .jxs {
    background-size: 20px;
    padding-left: 25px;
  }
  .flinks {
    margin-top: 10px;
  }
  .pbanner h2 {
    font-size: 26px;
  }
  .ptitle {
    font-size: 24px;
  }
  .ptitle2 {
    font-size: 18px;
  }
  .detail1 .tit {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .detail1 .con {
    display: block;
  }
  .detail1 .t {
    width: auto;
    margin-bottom: 10px;
  }
  .detail1 .txt .p {
    margin-bottom: 30px;
  }
  .detail2 .item .icon img {
    max-width: 30px;
    max-height: 30px;
  }
  .detail2 .item {
    margin-top: 30px;
  }
  .detail3 .txt .icon img {
    max-height: 50px;
  }
  .detail3 .txt .p {
    font-size: 14px;
  }
  .detail4 .txt .item .t1 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .detail4 .fullimg {
    min-height: 550px;
    object-fit: cover;
  }
  .detail5 .txt .p {
    font-size: 14px;
  }
  .detail4 .txt .t {
    margin-bottom: 30px;
  }
  .detail9 .con .img .sm {
    width: 50px;
  }
  .detail10 .tag span {
    font-size: 16px;
    margin-right: 15px;
  }
  .parameters .item {
    width: 49%;
    margin-right: 2%;
  }
  .parameters .item:nth-child(2n) {
    margin-right: 0;
  }
  .accessory .item {
    width: 49%;
  }
  .accessory .item:nth-child(2n) {
    margin-right: 0;
  }
  .case .item .txt {
    padding: 30px 20px;
  }
  .detail14 .con .t2 {
    font-size: 18px;
  }
  .detail14 .con {
    padding: 0 50px;
  }
  .pbanner .txt.s2 .p {
    font-size: 24px;
  }
  .solutionDetail1 .item .icon {
    width: 60px;
  }
  .solutionDetail1 .item .icon img {
    max-width: 40px;
  }
  .solutionDetail4 .fullimg {
    width: 200%;
    max-width: 200%;
    position: relative;
    left: -50%;
  }
  .product.s2 .item .tit {
    font-size: 24px;
  }
  .product.s2 .item .desc {
    font-size: 16px;
  }
  .dservice .icons .item img {
    width: 60px;
  }
  .dservice .icons .item .it {
    font-size: 14px;
  }
  .solutionDetail4 .item.i1 {
    left: 3%;
  }
  .solutionDetail4 .item.i2 {
    left: 7%;
    top: 69%;
  }
  .solutionDetail4 .item.i2 .t, .solutionDetail4 .item.i4 .t {
    padding-left: 40px;
    padding-right: 0;
  }
  .solutionDetail4 .item.i2 .t .icon, .solutionDetail4 .item.i4 .t .icon {
    right: auto;
    left: 0;
  }
  .solutionDetail4 .item.i2 .t:after, .solutionDetail4 .item.i4 .t:after {
    left: 15px;
    right: 0;
  }
  .solutionDetail4 .item.i2:hover .t:after, .solutionDetail4 .item.i4:hover .t:after {
    width: 50px;
  }
  .solutionDetail4 .item.i2 .pop, .solutionDetail4 .item.i4 .pop {
    left: 16px;
    right: auto;
    margin-left: 50px;
  }
  .solutionDetail4 .item:hover .t:after {
    width: 50px;
  }
  .solutionDetail4 .item .pop {
    left: 16px;
    margin-left: 50px;
    width: 180px;
    padding: 20px;
  }
  .solutionDetail4 .item .pop .t2 {
    font-size: 14px;
  }
  .solutionDetail4 .item .pop .p {
    font-size: 12px;
  }
  .solutionDetail4 .item.i4 .t, .solutionDetail4 .item.i5 .t, .solutionDetail4 .item.i6 .t {
    padding-left: 0;
    padding-right: 40px;
  }
  .solutionDetail4 .item.i4 .t .icon, .solutionDetail4 .item.i5 .t .icon, .solutionDetail4 .item.i6 .t .icon {
    right: 0;
    left: auto;
  }
  .solutionDetail4 .item.i4 .t:after, .solutionDetail4 .item.i5 .t:after, .solutionDetail4 .item.i6 .t:after {
    left: auto;
    right: 15px;
  }
  .solutionDetail4 .item.i4:hover .t:after, .solutionDetail4 .item.i5:hover .t:after, .solutionDetail4 .item.i6:hover .t:after {
    width: 50px;
  }
  .solutionDetail4 .item.i4 .pop, .solutionDetail4 .item.i5 .pop, .solutionDetail4 .item.i6 .pop {
    left: auto;
    right: 16px;
    margin-right: 50px;
    margin-left: 0;
  }
  .solutionDetail4 .item.i3 {
    left: 22%;
  }
  .product.s2 .item a {
    padding: 30px 20px;
  }
  .product.s2 .item .img {
    margin-bottom: 20px;
  }
  .product.s2 .item .desc {
    font-size: 14px;
  }
  .videoTop .item .tit {
    font-size: 16px;
    bottom: 15px;
  }
  .videoTop .item .playBtn {
    font-size: 56px;
  }
  .videoList .item .playBtn {
    font-size: 56px;
  }
  .videoList .item .tit {
    font-size: 16px;
    line-height: 50px;
    padding: 0 15px;
  }
  .pictures .item .tit {
    font-size: 16px;
  }
  .activities .item .tit {
    font-size: 18px;
  }
  .supitems .item {
    padding: 0 20px;
  }
  .driveTop .txt .t2 {
    font-size: 38px;
    margin-bottom: 5px;
  }
  .driveTop .txt .t1 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .driveTop .txt .p {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .linkselect select {
    height: 40px;
    padding: 0 20px;
    border-right-width: 20px;
    font-size: 16px;
  }
  .driveList .item .t1 {
    font-size: 20px;
  }
  .driveVideo .item {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .driveVideo .item:nth-child(3n) {
    margin-right: 2%;
  }
  .driveVideo .item:nth-child(2n) {
    margin-right: 0;
  }
  .driveVideo .item .btns {
    padding: 20px;
  }
  .driveVideo .item .btns .icon {
    font-size: 50px;
  }
  .handbook .item {
    width: 100%;
    margin-right: 0;
  }
  .caseList .item {
    width: 100%;
    margin-right: 0;
  }
  .anchorFix {
    width: 140px;
  }
  .anchorDetail {
    margin-right: 140px;
  }
  .anchorDetail .block .tit {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .cadvan .item .it {
    font-size: 16px;
  }
  .cadvan .item {
    padding: 30px 20px;
  }
  .repair {
    flex-wrap: wrap;
  }
  .repair .item {
    width: 49%;
    margin-bottom: 2%;
  }
  .result .box {
    width: 20%;
  }
  .process .item {
    width: 25%;
    margin-bottom: 30px;
  }
  .process {
    flex-wrap: wrap;
  }
}
@media(max-width:768px) {
  .pt5 {
    padding-top: 30px;
  }
  .pb5 {
    padding-bottom: 30px;
  }
  .product .itop a {
    display: block;
  }
  .product .itop .img {
    max-width: 100%;
    margin-bottom: 30px;
  }
  .product .itop .tit {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .vm {
    line-height: 34px;
    padding: 0 15px;
  }
  .product .item {
    width: 100%;
    margin-right: 0;
  }
  .product .item .img {
    margin-bottom: 10px;
  }
  .pageMain {
    padding: 50px 0;
  }
  .pages {
    margin-top: 40px;
  }
  .pages a {
    width: 30px;
    line-height: 30px;
    font-size: 14px;
    height: 30px;
    margin: 0 2px;
  }
  .pages a.a_prev, .pages a.a_next {
    width: 40px;
    height: 40px;
    line-height: 38px;
  }
  .index1 .item {
    width: 50%;
  }
  .index1 .item a {
    padding: 40px 20px;
  }
  .form .line select {
    height: 44px;
  }
  .index4 .item .img {
    margin: 0;
  }
  .index4 .item .tit {
    font-size: 20px;
  }
  .index4 .item .p {
    font-size: 14px;
  }
  .index5 .item a {
    padding: 30px 20px;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .index5 .item .icon {
    margin-left: 0;
    margin-bottom: 10px;
  }
  .index6 .p {
    font-size: 16px;
  }
  .index7 .txt {
    position: static;
    width: auto;
    padding: 30px;
    display: block;
    border: none;
    height: auto;
    text-align: left;
  }
  .index7 .txt .t {
    margin-bottom: 20px;
  }
  .index7 .txt .t2 {
    flex-direction: row;
    justify-content: space-between;
  }
  .index7 .txt .btn {
    margin-left: 20px;
    margin-top: 0; display: none;
  }
  .index7 .txt .vm {
    padding: 0 10px;
    line-height: 30px;
  }
  .index7 .txt .vm span {
    font-size: 12px;
    font-family: inherit;
  }
  .index7 .txt .vm .icon {
    margin-left: 5px;
    margin-top: 1px;
  }
  .index7 .imgs {
    margin-left: 0;
  }
  .index8 .con .img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60%;
    z-index: -1;
    opacity: 0.1 !important;
  }
  .index8 .con {
    display: block;
    position: relative;
    z-index: 10;
  }
  .index8 .news {
    width: auto;
    margin: 0;
  }
  .news .item {
    height: auto;
    margin-bottom: 20px;
  }
  .news .item a {
    position: static;
    padding: 0;
  }
  .news .item .tit {
    font-size: 16px;
    padding-bottom: 20px;
  }
  .index8 {
    padding-bottom: 0;
  }
  .index9 .item a {
    display: block;
  }
  .index9 .item .icon {
    margin-bottom: 10px;
  }
  .index9 .item .icon img {
    max-height: 34px;
    max-width: 34px;
  }
  .index9 .tit {
    margin-bottom: 30px;
  }
  .swiperWidthCtr {
    padding: 0 40px;
  }
  .swiperWidthCtr .ctr span.prev {
    left: -10px;
  }
  .swiperWidthCtr .ctr span.next {
    right: -10px;
  }
  .banner .pic {
    height: calc(100vh - 60px);
  }
  .swiperCtr {
    bottom: 20px;
  }
  .lines .lineh.h1 {
    left: 50%;
  }
  .lines .lineh.h2, .lines .lineh.h3 {
    display: none;
  }
  .news .item a {
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
    border-radius: 0;
    transform: none;
    top: 0;
  }
  .news .item .tit {
    line-height: 1.5;
    max-height: 3em;
    border: none;
    padding: 0;
    white-space: normal;
  }
  .index8 .con .img {
    display: none;
  }
  .index9 .item a {
    text-align: center;
  }
  .index9 .item .p {
    display: none;
  }
  .index9 .item .icon {
    margin-right: 0;
  }
  .footr .dy {
    display: none;
  }
  .share .i .icon {
    width: 30px;
    height: 30px;
    background-size: 60%;
  }
  .share .items {
    margin-top: 10px;
  }
  .footr {
    margin: 20px 0;
  }
  .fbottom {
    padding: 20px 0;
  }
  .fcnt .p2 {
    margin-top: 20px;
  }
  .detailTop {
    padding: 0 4%;
  }
  .detailTop .anchor {
    display: none;
  }
  .detailTop .anchor span {
    margin-left: 5px;
    font-size: 12px;
  }
  .detailTop .tit {
    font-size: 16px;
  }
  .detail1 .txt .t2 {
    font-size: 16px;
  }
  .detail1 .txt .p {
    font-size: 14px;
  }
  .detail2 .item {
    padding: 0 10px;
    margin-top: 30px;
    text-align: center;
  }
  .detail2 .item .icon {
    margin-bottom: 10px;
  }
  .detail2 .item .t {
    font-size: 14px;
    font-family: inherit;
  }
  .detail2 .item .p {
    display: none;
  }
  .detail3 .fullimg {
    object-fit: cover;
  }
  .detail4 .txt .items {
    display: block;
  }
  .detail4 .con .txt {
    padding: 50px 0;
  }
  .detail4 .txt .item {
    width: auto;
    margin-bottom: 20px;
    text-align: left;
  }
  .detail4 .fullimg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 0;
  }
  .detail4 .con {
    position: relative;
    z-index: 10;
  }
  .detail4 .con .icon img {
    max-width: 80%;
  }
  .detail5 .fullimg {
    position: absolute;
    left: 0;
    bottom: 0;
    object-fit: cover;
  }
  .detail5 .txt {
    position: relative;
    padding: 30px 0;
    padding-bottom: 45%;
  }
  .detail5 {
    background: #000;
  }
  .detail7 .fullimg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .detail7 .con {
    position: relative;
    padding: 50px 0;
  }
  .detail7 .w1440 {
    display: block;
  }
  .detail7 .txt .p {
    font-size: 14px;
  }
  .detail7 .img {
    width: 60%;
    margin: 40px auto;
  }
  .detail7 .img .i .tit i {
    width: 20px;
    height: 20px;
    margin-left: -10px;
  }
  .detail7 .img .i .tit i:after {
    width: 8px;
    height: 8px;
    margin-left: -4px;
    margin-top: -4px;
  }
  .detail7 .img .i1 .tit i {
    top: auto;
    bottom: 110%;
  }
  .detail7 .img .i .tit {
    top: 65%;
    font-size: 12px;
  }
  .detail7 .img .i .tit:before {
    display: none;
  }
  .detail7 .img .i1 .tit:after {
    display: none;
  }
  .detail7 .img .i2 .tit {
    top: 36%;
  }
  .detail7 .img .i2 .tit i {
    top: auto;
    bottom: 100%;
  }
  .detail7 .img .i2 .tit:after {
    display: none;
  }
  .detail8 .con {
    position: relative;
  }
  .detail8 .fullimg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .detail8 .img {
    position: relative;
    bottom: 0;
  }
  .detail8 .con .txt {
    margin: 0;
    padding: 20px 4%;
  }
  .detail8 .con .txt .p {
    font-size: 14px;
  }
  .detail8 {
    padding: 50px 0;
  }
  .detail9 .imgs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .detail9 .con {
    position: relative;
    padding: 50px 0;
  }
  .detail9 .imgs .i img {
    height: 100%;
    object-fit: cover;
  }
  .detail9 .con .p {
    font-size: 14px;
  }
  .detail9 .con .img .big {
    margin: 0 20px;
    max-width: 50%;
  }
  .parameters .item {
    min-height: 0;
    padding: 20px;
  }
  .parameters .item .p {
    max-height: 6em;
    overflow: auto;
    line-height: 1.5;
    padding-right: 5px;
    word-break: break-all;
  }
  .accessory .item .t {
    font-size: 16px;
  }
  .accessory .item .desc {
    font-size: 14px;
  }
  .accessory .item .img {
    padding: 20px;
    margin-bottom: 20px;
  }
  .accessory .item {
    margin-bottom: 20px;
  }
  .case .item {
    margin-right: 2%;
    width: 49%;
    margin-bottom: 20px;
  }
  .case .item:nth-child(3n) {
    margin-right: 2%;
  }
  .case .item:nth-child(2n) {
    margin-right: 0;
  }
  .detail14 .fullimg {
    min-height: 300px;
    object-fit: cover;
  }
  .detail14 .con .t2 {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  .vm {
    border-width: 1px;
  }
  .vm span {
    font-family: inherit;
    font-size: 12px;
  }
  .icon-right:after {
    border-width: 1px;
  }
  .icon-opendown {
    font-size: 60px;
  }
  .detail15 .dtop .p {
    font-size: 14px;
    padding-right: 30px;
  }
  .baseform .line {
    display: block;
  }
  .baseform .line.flex .form-item {
    width: auto;
    margin-bottom: 20px;
  }
  .baseform .form-item .in input, .baseform .form-item .in select {
    padding: 0 10px;
    height: 40px;
  }
  .baseform .form-item .in textarea {
    padding: 20px 10px;
  }
  .baseform .btns input {
    min-width: 90px;
    height: 40px;
    font-size: 14px;
    padding: 0 20px;
  }
  .parameters .item .t {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .solution .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .solution .item .txt {
    padding: 20px;
  }
  .solution .item .t {
    font-size: 18px;
  }
  .solution .item .p {
    margin-bottom: 5px;
    line-height: 1.5;
  }
  .solution .item .vm span {
    font-size: 12px;
  }
  .pbanner .txt h2 {
    font-size: 20px;
  }
  .pbanner .txt.s2 .p {
    font-size: 18px;
  }
  .solutionDetail1 .fullimg {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    min-height: 0;
  }
  .solutionDetail1 .con {
    position: relative;
    padding: 50px 0;
  }
  .solutionDetail1 .con2 {
    display: block;
  }
  .solutionDetail1 .txt {
    width: auto;
    margin-bottom: 20px;
  }
  .solutionDetail1 .txt .t1 {
    font-size: 20px;
  }
  .solutionDetail1 .txt .p1 {
    font-size: 16px;
  }
  .solutionDetail1 .items {
    width: auto;
  }
  .solutionDetail1 .item {
    padding: 20px 10px;
  }
  .solutionDetail1 .item .t {
    font-size: 18px;
  }
  .solutionDetail1 .item .des .p {
    font-size: 14px;
  }
  .list3 .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .list3 .txt .t {
    font-size: 16px;
    margin: 10px 0;
  }
  .solutionDetail3 .w1440 {
    display: block;
  }
  .solutionDetail3 .img {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .solutionDetail3 .txt {
    padding-left: 0;
    max-width: 100%;
  }
  .solutionDetail3 .txt .p {
    font-size: 14px;
  }
  .solutionDetail4 .item .t span {
    display: none;
  }
  .solutionDetail4 .item .t .icon {
    transform: scale(0.6);
  }
  .product.s2 .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .dservice {
    display: block;
  }
  .dservice .dl .p {
    font-size: 16px;
  }
  .dservice .icons .item {
    margin: 10px 20px 0 0;
  }
  .dservice .icons .item img {
    width: 46px;
  }
  .dservice .icons .item .it {
    font-size: 12px;
  }
  .baseform.s2 .line .form-item.code .codeimg {
    line-height: 40px;
  }
  .baseform.s2 .form-item .label {
    padding-left: 10px;
  }
  .baseform.s2 .form-item.txt .label {
    left: 10px;
  }
  .accTop .w1440 {
    display: block;
  }
  .accTop .imgs {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    padding: 0 20px;
  }
  .accTop .imgs .prev, .accTop .imgs .next {
    height: 40px;
    width: 40px;
    top: 50%;
    margin-top: -20px;
  }
  .accTop .imgs .prev {
    left: 0;
    transform: rotate(90deg);
    background-position: bottom center;
  }
  .accTop .imgs .next {
    bottom: auto;
    right: 0;
    left: auto;
    transform: rotate(-90deg);
    background-position: bottom center;
    ;
  }
  .preview {
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  .accTop .txt {
    width: 100%;
    margin-top: 20px;
  }
  .accTop .txt .tit {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .accTop .txt .p {
    font-size: 14px;
  }
  .accTop .imgs .swiper-slide {
    margin-bottom: 0;
  }
  .accTop .imgs .swiper-container {
    height: auto;
  }
  .accContent table td {
    font-size: 14px;
    padding: 10px;
  }
  .accContent table {
    width: auto;
  }
  .accContent {
    width: 100%;
    overflow: auto;
  }
  .accContent table td:first-child {
    white-space: nowrap;
  }
  .accContent table .txt, .accContent table .p {
    font-size: 14px;
  }
  .brand1 .box .txt {
    padding: 40px;
    min-height: 370px;
  }
  .brand1 .box .txt .t {
    font-size: 20px;
  }
  .brand1 .box .txt .p {
    font-size: 16px;
  }
  .brand1 .box .i .icon {
    width: 46px;
    height: 46px;
    line-height: 44px;
  }
  .brand1 .box .i .icon img {
    max-width: 50%;
    max-height: 50%;
  }
  .brand1 .box .i {
    margin-right: 20px;
  }
  .brand1 .box .i .it {
    font-size: 12px;
  }
  .brand2 .fullimg {
    min-height: 310px;
    object-fit: cover;
  }
  .playBtn {
    font-size: 60px;
  }
  .advantage .item {
    width: 49%;
    margin-right: 2%;
  }
  .advantage .item:nth-child(3n) {
    margin-right: 2%;
  }
  .advantage .item:nth-child(2n) {
    margin-right: 0;
  }
  .become1 .txt {
    font-size: 18px;
  }
  .become1 .txt.s2 {
    font-size: 16px;
  }
  .become3 .txt .p {
    font-size: 14px;
  }
  .profile1 .t1 {
    font-size: 24px;
  }
  .profile1 .t2 {
    font-size: 20px;
  }
  .profile1 .items .i {
    padding: 0 20px;
  }
  .profile1 .items .i .ip {
    font-size: 14px;
  }
  .profile1 .items .i .it b {
    font-size: 26px;
  }
  .profile1 .w1440 {
    min-height: 0;
  }
  .profile1 {
    padding: 60px 0;
  }
  .profiles .box .flex {
    display: block;
  }
  .profiles .box .img {
    width: 100%;
    margin-bottom: 20px;
  }
  .profiles .box .txt {
    padding-left: 0;
    width: auto;
  }
  .profiles .box .t2 {
    font-size: 18px;
  }
  .profiles .box .t1 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .profiles .box:nth-child(2n) .txt {
    padding-right: 0;
    text-align: left;
  }
  .profiles .box:nth-child(2n) .t2 {
    margin-left: 0;
  }
  .profiles .box {
    padding: 50px 0 30px;
  }
  .index5 .items.reverse .item a {
    flex-direction: column-reverse;
  }
  .cntbox .con {
    position: static;
    padding: 50px 30px;
  }
  .cntbox .fullimg {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .cntbox .con .cnt2 {
    font-size: 18px;
  }
  .cntbox .con .cntp {
    font-size: 16px;
  }
  .pictures .item {
    width: 49%;
    border-radius: 10px;
    margin-bottom: 2%;
    margin-right: 2%;
  }
  .pictures .item:nth-child(3n+5) {
    margin-right: 1%;
  }
  .pictures .item:nth-child(2n+4) {
    margin-right: 0;
  }
  .pictures .item:first-child, .pictures .item:nth-child(2) {
    width: 100%;
    margin-right: 0;
  }
  .pictures .item:first-child .img, .pictures .item:nth-child(2) .img {
    padding-bottom: 50%;
  }
  .pictures .item .tit {
    font-size: 14px;
  }
  .pictures .item .txt {
    padding: 0 10px 10px;
  }
  .activities .item {
    width: 100%;
    margin-right: 0;
  }
  .newsTop .swiper-slide a {
    display: block;
  }
  .newsTop .swiper-slide a .img {
    max-width: 100%;
    width: 100%;
  }
  .newsTop .swiper-slide a .txt {
    padding: 20px 20px 40px;
  }
  .newsTop .dots {
    top: auto;
    bottom: 10px;
  }
  .searhBlock {
    padding-top: 40px;
    margin-bottom: 30px;
  }
  .newsTop {
    margin-bottom: 40px;
  }
  .searhBlock input {
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
  }
  .searhBlock .btn {
    width: 40px;
    height: 40px;
  }
  .newsList .item {
    width: 100%;
    margin-right: 0;
  }
  .newsDetail .dtop h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .newsDetail .dtop h2.s2 {
    font-size: 20px;
  }
  .arcoloum {
    display: block;
  }
  .newsDetail .left {
    padding-right: 0;
    margin-bottom: 30px;
  }
  .newsDetail .right {
    width: auto;
    max-width: 100%;
  }
  .tj .tit {
    margin-bottom: 10px;
  }
  .tj .tit span {
    font-size: 18px;
  }
  .tj .box {
    padding: 20px 20px 50px;
  }
  .tj .item {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .tj .item .date {
    font-size: 14px;
  }
  .tj .item .t {
    font-size: 16px;
  }
  .arbottom p {
    line-height: 50px;
    font-size: 14px;
  }
  .arbottom p span {
    padding-right: 10px;
  }
  .article {
    font-size: 14px;
  }
  .supitems .item {
    width: 50%;
  }
  .driveTop .w1440 {
    display: block;
  }
  .driveTop .img {
    width: 100%;
    padding: 20px 50px 30px;
  }
  .driveTop .txt .t2 {
    font-size: 28px;
  }
  .driveTop .txt .p {
    font-size: 14px;
  }
  .driveList .item {
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
    display: block;
  }
  .driveList .item span {
    font-size: 12px;
  }
  .driveList .item .t2 span {
    display: block;
    margin: 0 0 3px;
  }
  .driveList .item .t2 {
    margin-bottom: 10px;
  }
  .driveList .item .txt {
    padding-right: 0;
  }
  .driveList .item .icon-download {
    width: 30px;
    height: 30px;
  }
  .driveList .item .p {
    font-size: 14px;
  }
  .driveList .item .btn {
    position: absolute;
    right: 0;
    top: 4px;
  }
  .driveList .item .t1 {
    padding-right: 80px;
  }
  .qa .item .it {
    padding: 20px 40px 20px 50px;
    font-size: 16px;
  }
  .qa .item .it:before {
    width: 50px;
    top: 20px;
  }
  .qa .item .it:after {
    right: 10px;
    border-width: 1px;
    width: 8px;
    height: 8px;
  }
  .qa .item .ip {
    padding: 20px 10px 20px 50px;
    font-size: 16px;
  }
  .qa .item .ip:before {
    top: 20px;
    width: 50px;
  }
  .repair .item {
    padding: 60px 20px 20px;
  }
  .repair .item:before {
    font-size: 16px;
    left: 20px;
    top: 20px;
  }
  .repair .item .t {
    font-size: 18px;
  }
  .repair .item .p {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .repair .item .icon img {
    height: 40px;
  }
  .custom1 .item {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .custom1 .item:nth-child(2n) {
    margin-right: 0;
  }
  .formBlock {
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .cus2 .t1 {
    font-size: 20px;
  }
  .shili .item .icon img {
    width: 40px;
  }
  .shili .item {
    display: block;
  }
  .shili .item .txt {
    padding-left: 0;
    padding-top: 20px;
  }
}
@media(max-width:560px) {
  .font48 {
    font-size: 20px;
  }
  .font46 {
    font-size: 18px;
  }
  .font36 {
    font-size: 16px;
  }
  .font30 {
    font-size: 15px;
  }
  .index1 .item .tit {
    font-size: 16px;
  }
  .index1 .item .p {
    font-size: 14px;
  }
  .index1 .item a {
    padding: 20px;
  }
  .index1 .item .vm2 {
    background-size: 18px;
    margin-top: 20px;
  }
  .title {
    margin-bottom: 30px;
  }
  .index2 .w1440 {
    display: block;
  }
  .index2 .txt {
    max-width: 100%;
  }
  .index2 {
    padding: 30px 0;
  }
  .index2 .img {
    max-width: 50px;
    margin-top: 20px;
    display: none;
  }
  .index2 .form {
    width: auto;
    max-width: 100%;
    margin-top: 20px;
  }
  .form .line .label {
    font-size: 16px;
  }
  .form .line select {
    padding: 0 10px;
    border-radius: 5px;
  }
  .tab span {
    font-size: 14px;
    line-height: 34px;
    min-width: 0;
    padding: 0 10px;
  }
  .tab {
    margin-bottom: 30px;
    white-space: nowrap;
    overflow: auto;
  }
  .index4 .item .tg {
    margin-bottom: 15px;
  }
  .index4 .item .txt {
    margin-top: 15px;
  }
  .index5 .items {
    display: block;
  }
  .index5 .item {
    width: auto;
  }
  .index5 .item a {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
  }
  .index5 .item .icon {
    margin-left: 10px;
    margin-bottom: 0;
  }
  .index5 .item .t {
    font-size: 16px;
  }
  .index5.cnt1 .item .t, .index5.cnt2 .item .t {
    font-size: 16px;
  }
  .index5 .item .icon img {
    max-width: 34px;
    max-height: 34px;
  }
  .index6 .w1440 {
    display: block;
  }
  .index6 .txt {
    padding-right: 0;
    margin-bottom: 20px;
  }
  .index6 .p {
    font-size: 14px;
    color: #555;
    line-height: 1.7;
  }
  .index9 .item .t {
    font-size: 16px;
  }
  .index9 .item .p {
    font-size: 14px;
  }
  .index3 .txt {
    top: 50%;
    transform: translate(0, -50%);
  }
  .slideSwiper .dots {
    bottom: 10px;
  }
  .swiperCtr .w1440 {
    justify-content: center;
  }
  .swiperWidthCtr {
    padding: 0;
  }
  .swiperWidthCtr .ctr {
    display: none;
  }
  .advantage .item .it {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
  }
  .advantage .item .img {
    border-radius: 6px;
  }
  .advantage .item {
    margin-bottom: 10px;
  }
  .brand1 .box .txt {
    padding: 40px 20px;
  }
  .brand2 .t {
    font-size: 20px;
  }
  .brand3 .t {
    font-size: 20px;
  }
  .profile1 .items {
    display: block;
  }
  .profile1 .items .i {
    padding: 0;
    margin-bottom: 20px;
    overflow: hidden;
    max-width: 100%;
  }
  .profile1 .items .i .icon {
    float: left;
    width: 50px;
    margin-top: 10px;
  }
  .profile1 .items .i .it, .profile1 .items .i .ip {
    margin-left: 50px;
  }
  .index5 .items.reverse .item a {
    padding: 20px;
    flex-direction: row;
  }
  .videoTop .item:nth-child(3n+1) {
    width: 100%;
    float: none;
    padding-bottom: 62%;
  }
  .videoTop .item {
    float: none;
    width: 100%;
    padding-bottom: 62%;
    margin-bottom: 20px;
  }
  .videoList .item {
    width: 49%;
    margin-right: 2%;
    border-radius: 10px;
    margin-bottom: 15px;
  }
  .videoList .item:nth-child(3n) {
    margin-right: 2%;
  }
  .videoList .item:nth-child(2n) {
    margin-right: 0;
  }
  .videoList .item .tit {
    font-size: 14px;
    line-height: 34px;
  }
  .ptab a {
    font-size: 14px;
    padding: 0 10px;
    line-height: 32px;
  }
  .activities .item .txt {
    display: block;
    padding: 10px 0 20px;
  }
  .activities .item .tit {
    margin-bottom: 10px;
  }
  .activities .item .tl {
    margin-bottom: 15px;
    padding-right: 0;
  }
  .reviewBtn {
    line-height: 34px;
    padding: 0 10px;
    font-size: 14px;
  }
  .newsList .item .img {
    margin-bottom: 10px;
  }
  .newsList .item .tit {
    font-size: 16px;
    height: auto;
    margin-bottom: 10px;
  }
  .newsList .item .date {
    font-size: 14px;
  }
  .newsList .item {
    margin-bottom: 20px;
  }
  .newsTop .swiper-slide a .t {
    font-size: 18px;
  }
  .newsDetail .dtop h2 {
    font-size: 18px;
  }
  .newsDetail .dtop h2.s2 {
    font-size: 18px;
  }
  .share2 .i .icon {
    width: 30px;
    height: 30px;
  }
  .newsDetail .dtop {
    margin-bottom: 20px;
  }
  .stab .item {
    margin: 0 10px;
  }
  .stab .item .t {
    font-size: 12px;
  }
  .stab .item .icon {
    width: 50px;
    line-height: 50px;
    border-radius: 10px;
  }
  .stab .item .icon img {
    max-width: 60%;
    max-height: 60%;
  }
  .stab {
    margin-bottom: 30px;
  }
  .supitems .item .t {
    font-size: 16px;
  }
  .driveVideo .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .driveVideo .item .txt {
    padding: 20px;
  }
  .driveVideo .item .t2 {
    font-size: 18px;
  }
  .handbook .item .img img {
    height: 125px;
  }
  .handbook .item .img {
    width: 125px;
    margin-bottom: 20px;
  }
  .handbook .item {
    display: block;
    margin-bottom: 30px;
  }
  .handbook .item .txt {
    padding-left: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
    padding-right: 60px;
    position: relative;
  }
  .handbook .item .p {
    font-size: 14px;
  }
  .handbook .item .btn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    border: none;
    margin: 0;
  }
  .dimages .item {
    width: 100%;
    margin-bottom: 10px;
  }
  .dimages {
    flex-wrap: wrap;
  }
  .dimages .item:first-child {
    width: 100%;
  }
  .dimages .item .txt {
    padding: 20px 20px 10px;
  }
  .dimages .item .t {
    font-size: 18px;
  }
  .dimages .item .icon-download {
    width: 32px;
    height: 32px;
  }
  .caseList .item {
    display: block;
    margin-bottom: 20px;
  }
  .caseList .item .img {
    width: 100%;
  }
  .caseList .item .txt {
    padding: 30px 20px;
  }
  .caseList .item .t {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .caseList .item .p {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .caseList .item .cus {
    padding-top: 10px;
    margin-top: 15px;
  }
  .caseDetail.newsDetail .dtop .p {
    font-size: 14px;
  }
  .anchorFix {
    background: #fff;
    padding: 0;
    float: none;
    width: auto;
    top: 60px;
  }
  .anchorFix span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    border-left: 0;
    border-bottom: 2px solid transparent;
    line-height: 50px;
    margin: 0;
  }
  .anchorDetail {
    padding-right: 0;
    margin-right: 0;
    border: none;
    padding-top: 20px;
  }
  .anchorDetail .block {
    margin-bottom: 10px;
  }
  .cadvan {
    display: block;
  }
  .cadvan .item {
    width: 100%;
  }
  .qa .item .it {
    font-size: 14px;
    padding-left: 30px;
  }
  .qa .item .ip {
    font-size: 14px;
    padding-left: 30px;
  }
  .qa .item .ip:before {
    width: 30px;
  }
  .qa .item .it:before {
    width: 30px;
  }
  .custom1 .item {
    padding: 20px;
  }
  .custom1 .item .t {
    font-size: 14px;
    margin-top: 10px;
  }
  .formBlock .blockhead {
    padding: 0 20px;
    line-height: 50px;
    font-size: 16px;
  }
  .lineoptions .op {
    padding: 5px 0;
  }
  .lineoptions .op .label {
    padding: 0 20px;
    font-size: 14px;
  }
  .proselects .op {
    padding: 20px;
  }
  .proselects .op .td {
    font-size: 12px;
  }
  .proselects .op .btn {
    margin-top: 10px;
  }
  .proselects .op .btn2 {
    margin-top: 10px;
  }
  .process .item {
    width: 50%;
    margin-bottom: 10px;
  }
  .process .item .num {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .process .item .icon {
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  .process .item .t {
    font-size: 16px;
  }
  .shili .item {
    padding: 20px;
  }
  .cus2 .t1 {
    font-size: 18px;
  }
  .formBlock .checkbox {
    padding: 10px 20px;
  }
  .result .box {
    width: 50%;
    padding-left: 20px;
    margin-bottom: 20px;
  }
  .formBlock .blockDown {
    max-height: 800px;
  }
}
.wSubNav {
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 10;
  color: white;
  width: 100%;
  background: #f4f4f461;
}
.wSubNav .box {
  display: flex;
  width: 100%;
  justify-content: center;
  height: 65px;
  align-items: center;
  justify-content: space-between;
}
.wSubNav .item a {
  color: white;
  height: 65px;
  display: flex;
  align-items: center;
  transition: all 0.3s;
}
.wSubNav .item a:hover {
  color: #f6ac03;
}
@media(max-width:990px) {
  .wSubNav {
    display: none !important;
  }
}
.productSwiper {
  position: relative;
}
.productSwiper ul li {
  height: auto;
}
.productSwiper .proPagers .swiper-pagination-bullet {
  background: #fff;
}
.productSwiper ul li .images {
  width: 100%;
  height: 100%;
}
.productSwiper ul li .images .dis_pc {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.productSwiper ul li .images img {
  width: 100%;
  display: block;
}
.productSwiper ul li .images video {
  width: 100%;
  display: block;
}
/*  弹窗 */
.Popup {
  position: fixed;
  width: 100%;
  height: 0;
  overflow: hidden;
  background: #00172e52;
  top: 0;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.Popup.active {
  height: 100vh;
}
.Popup .centent {
  width: 600px;
  /*height: 600px;*/
  background: #fff;
  border-radius: 30px;
  padding: 60px;
  position: relative;
}
.Popup .centent .box_c {
  width: 100%;
}
.Popup .centent .box_c .t {
  font-size: 24px;
  font-family: 'sa_bo_V2';
}
@media (max-width:1600px) {
  .Popup .centent .box_c .t {
    font-size: 22px;
  }
}
@media (max-width:1366px) {
  .Popup .centent .box_c .t {
    font-size: 20px;
  }
}
@media (max-width:1024px) {
  .Popup .centent .box_c .t {
    font-size: 18px;
  }
}
@media (max-width:768px) {
  .Popup .centent .box_c .t {
    font-size: 16px;
  }
}
.Popup .centent .box_c .kbox {
  display: flex;
  grid-gap: 0 10px;
  flex-wrap: wrap;
}
.Popup .centent .box_c .k {
  width: calc(50% - 10px);
}
.Popup .centent .box_c .k input {
  width: 100%;
  height: 40px;
  font-size: 14px;
  color: #000;
  font-family: 'sa_re_V2';
  border: 1px solid rgba(0, 0, 0, 0.781);
  border-radius: 5px;
  margin-top: clamp(10px, 1.5625vw, 20px);
  padding: 0 20px;
}
@media (max-width:1366px) {
  .Popup .centent .box_c .k input {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .Popup .centent .box_c .k input {
    margin-top: 15px;
  }
}
.Popup .centent .box_c .dk textarea {
  width: 100%;
  height: 135px;
  font-size: 16px;
  color: #000;
  font-family: 'sa_re_V2';
  border: 1px solid rgba(0, 0, 0, 0.781);
  border-radius: 10px;
  margin-top: min(1.5625vw, 30px);
  padding: 20px 20px;
}
@media (max-width:1366px) {
  .Popup .centent .box_c .dk textarea {
    font-size: 14px;
  }
}
@media (max-width:1024px) {
  .Popup .centent .box_c .dk textarea {
    margin-top: 15px;
  }
}
.Popup .centent .box_c .accept {
  font-size: 12px;
  font-family: 'sa_re_V2';
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: min(0.88541667vw, 17px);
}
.Popup .centent .box_c .accept input {
  transform: translateY(3px);
}
@media (max-width:1024px) {
  .Popup .centent .box_c .accept {
    margin-top: 8.5px;
  }
}
.Popup .centent .box_c .accept .img {
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.Popup .centent .box_c .accept .img img {
  filter: brightness(1) invert(1);
}
.Popup .centent .box_c .accept .img .one {
  display: block;
}
.Popup .centent .box_c .accept .img .tow {
  display: block;
}
.Popup .centent .box_c .accept .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  margin-left: 5px;
  margin-top: 5px;
  overflow: unset;
  white-space: break-spaces;
}
.Popup .centent .box_c .botton {
  margin-top: min(2.60416667vw, 50px);
  width: 120px;
  height: 40px;
  background: #01adbb;
  border-radius: 50px;
  transition: all 0.5s;
}
@media (max-width:1024px) {
  .Popup .centent .box_c .botton {
    margin-top: 25px;
  }
}
.Popup .centent .box_c .botton a {
  color: white;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-family: 'sa_re_V2';
}
.Popup .centent .box_c .botton:hover {
  background: white;
  border: 1px solid #00000098;
}
.Popup .centent .box_c .botton:hover a {
  color: #000;
}
.Popup .centent .close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #666666;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  justify-content: center;
}
.Popup .centent .close i {
  width: 24px;
  height: 2px;
  background: #01adbb;
  display: flex;
  position: absolute;
}
.Popup .centent .close i:nth-child(1) {
  transform: rotate(40deg);
}
.Popup .centent .close i:nth-child(2) {
  transform: rotate(140deg);
}
.biaoq .fd {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.sep-onlineservice {
  position: fixed;
  right: 0;
  bottom: 32%;
  z-index: 100998
}
.offside {
  width: 50px
}
.offside li {
  width: 50px;
  height: 50px;
  position: relative;
  background: #b1b1b1;
  border-bottom: 1px solid #fff;
  text-align: center;
  transition: all .7s;
  -webkit-transition: all .7s
}
.offside li.li_3 {
  /*overflow:hidden*/
}
.offside .code {
  position: absolute;
  top: 0;
  right: 50px;
  display: none;
  margin: 0
}
.offside a, .offside div {
  color: #333;
  position: absolute;
  z-index: 11;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.offside a svg {
  width: 25px;
  height: 25px;
}
.offside p {
  /*float:left;*/
  line-height: 50px;
  font-size: 16px;
  font-weight: 700;
  padding: 0 0 0 10px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0;
  background: #01adbb;
  z-index: 12;
}
.offside i {
  font-size: 28px;
  height: 100%;
  line-height: 50px;
  text-align: center;
  display: block;
  color: #fff
}
.offside li:not(.li_3) a, .offside .li_3 a, .offside .li_3 div {
  width: 50px
}
.offside .back_top {
  display: none
}
.offside li:nth-child(1) {
  background: #01adbb
}
.offside li:nth-child(2) {
  background: #01adbb
}
.offside li:nth-child(3) {
  background: #01adbb
}
.offside li:nth-child(4) {
  background: #01adbb
}
.offside li:nth-child(5) {
  background: #01adbb
}
.offside li:nth-child(6) {
  background: #b1b1b1
}
.offside li:nth-child(7) {
  background: #b1b1b1
}
.offside .erweima {
  width: 120px;
  height: auto;
  position: absolute;
  right: 100%;
  top: 0;
  display: none
}
.offside .erweima img {
  max-width: 100%
}
.offside li:nth-child(8) {
  background: #3b3737;
  display: none
}
.offside li:nth-child(10) {
  background: #3b3737;
  height: 20px
}
.offside li:nth-child(10) i {
  line-height: 20px
}
.offside li:hover a, .offside li:hover div, .offside li:hover i {
  color: #fff
}
.offside li:hover p {
  opacity: 1;
  visibility: visible;
}
.offside li:not(.li_3):hover {
  background: #f17600
}
.offside li:hover .erweima {
  display: block
}
.offside .tel {
  width: 230px;
  transform: translateX(-180px);
  -webkit-transform: translateX(-180px)
}
.offside .back_none {
  height: 0;
  border: 0 !important
}
.offside .li {
  transform: translateX(100%);
  -webkit-transform: translateX(100%)
}
.offside .unfold {
  width: 30px;
  transform: translateX(20px);
  -webkit-transform: translateX(20px)
}
.hide {
  display: none !important
}
@media screen and (max-width:768px) {
  #onlineService {
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    overflow: hidden
  }
  #onlineService .offside {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8)
  }
  #onlineService .offside li {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    width: 0;
    background: none
  }
  #onlineService .offside li.mp_tel a {
    display: none
  }
  #onlineService .offside li.mp_tel p {
    opacity: 1 !important
  }
  #onlineService .offside li.tels {
    display: none
  }
  #onlineService .offside li.back_top {
    display: list-item !important
  }
  #onlineService .offside li a {
    display: block;
    width: 100%;
    text-align: center
  }
  #onlineService .offside li:hover p {
    opacity: 0;
    visibility: visible;
  }
  #onlineService .offside li .tel {
    width: 0
  }
}
/*20240221增*/
/*cookie弹出框*/
.cookie {
  position: fixed;
  width: 100%;
  z-index: 1002;
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
  bottom: 0;
  background-color: #ededed;
}
.cookie_a {
  width: 100%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}
.cookie_a .commen {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.cookie_aa {
  width: 70%;
}
.cookie_aa h6 {
  font-size: 22px;
  color: #000000;
}
.cookie_aa p {
  font-size: 14px;
  color: #666666;
  line-height: 30px;
}
.cookie_aa p a {
  color: #000000;
  text-decoration: underline;
  font-size: 14px;
}
.cookie_ab {
  flex-shrink: 0;
  display: flex;
  gap: 20px;
}
.cookie_ab h6 {
  width: 180px;
  height: 43px;
  line-height: 43px;
  background-color: #e58000;
  border-radius: 21.5px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-family: ml;
  cursor: pointer;
}
.cookie_ab p {
  width: 180px;
  height: 43px;
  line-height: 43px;
  border: 1px solid #d5d5d5;
  border-radius: 21.5px;
  text-align: center;
  font-size: 14px;
  color: #000000;
  font-family: ml;
  cursor: pointer;
}
.cookie.active {
  display: none;
}
@media (max-width:1480px) {
  .cookie_a {
    width: 100%;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width:990px) {
  .cookie_a .commen {
    flex-direction: column;
    gap: 10px;
  }
  .cookie_a {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .cookie_aa {
    width: 100%;
  }
  .cookie_aa p {
    line-height: 1.45;
  }
  .cookie_ab {
    float: unset !important;
    width: 100%;
  }
  .cookie_ab h6, .cookie_ab p {
    width: 100px;
    margin-top: 0;
  }
  .cookie_ab {
    height: fit-content;
    gap: 20px;
    display: flex;
    align-items: center;
    width: 100%;
  }
}
/*2024-4-16*/
.product-aggregation-page .wrap-box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.product-aggregation-page .wrap-box .wrap-left {
  width: 24%;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.product-aggregation-page .wrap-box .wrap-right {
  width: 74.5%;
  height: auto;
  position: relative;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.product-aggregation-page .left-container {
  padding: 0 0.2rem 0.16rem;
  background-color: #fff;
  position: sticky;
  top: 80px;
  left: 0;
}
.product-aggregation-page .left-container .item {
  width: 100%;
  margin-bottom: 0.16rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.product-aggregation-page .left-container .item:last-child {
  border-bottom: none;
}
.product-aggregation-page .left-container .item.active .title-box .addBox i:first-child {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.product-aggregation-page .left-container .title-l {
  font-size: 18px;
  color: #000000;
  font-weight: bold;
}
.product-aggregation-page .left-container .item .title-box {
  width: 100%;
  padding: 18px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.product-aggregation-page .left-container .item .title-box .title {
  color: #000000;
  line-height: 1;
  font-weight: bold;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-align: left;
  margin: 0;
}
.product-aggregation-page .left-container .item:nth-child(2) .title-box .title {
  /*font-size: 18px;*/
}
.product-aggregation-page .left-container .item .title-box .addBox {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.product-aggregation-page .left-container .item .title-box .addBox i {
  width: 2px;
  height: 14px;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.product-aggregation-page .left-container .item .title-box .addBox i:last-child {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
}
.product-aggregation-page .left-container .item .menu-box {
  width: 100%;
  display: none;
  padding-bottom: 20px;
}
.product-aggregation-page .left-container .item .menu-info {
  width: 100%;
  padding-bottom: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.product-aggregation-page .left-container .item .menu-info .list {
  color: #000000;
  color: rgba(0, 0, 0, 0.8);
  padding: 0.16rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.product-aggregation-page .left-container .item .menu-info .list .li-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 12px;
  padding-right: 15px;
}
.product-aggregation-page .left-container .item .menu-info .list .li-left .li-text {
  line-height: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.product-aggregation-page .left-container .item .menu-info .list i {
  width: 16px;
  height: 16px;
  border: 1px solid #000000;
  border: 1px solid rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.product-aggregation-page .left-container .item .menu-info .list i::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: url(../images/s138.png) no-repeat center;
  background-size: 10px 7px;
  opacity: 0;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.product-aggregation-page .left-container .item .menu-info .list:hover i, .product-aggregation-page .left-container .item .menu-info .list.active i {
  background: #01adbb;
  border-color: #01adbb;
}
.product-aggregation-page .left-container .item .menu-info .list:hover i::after, .product-aggregation-page .left-container .item .menu-info .list.active i::after, .product-aggregation-page .left-container .item .menu-info .list:hover i::before, .product-aggregation-page .left-container .item .menu-info .list.active i::before {
  opacity: 1;
}
.searchform {
  position: relative;
  margin-bottom: 10px;
}
.searchform .input {
  font-size: 14px;
  color: #67696d;
  font-style: normal;
  width: 100%;
  height: 50px;
  padding-left: 50px;
  padding-right: 1.4rem;
  background-color: white;
  border: 1px solid #d5d5d5;
}
.searchform .iconfont {
  height: 100%;
  position: absolute;
  left: 20px;
  top: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 20px;
  color: #aa8245;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.searchform .button {
  color: white;
  background: -webkit-linear-gradient(0deg, #aa8245 0%, #c0a273 100%);
  background: -moz-linear-gradient(0deg, #aa8245 0%, #c0a273 100%);
  background: -o-linear-gradient(0deg, #aa8245 0%, #c0a273 100%);
  background: -ms-linear-gradient(0deg, #aa8245 0%, #c0a273 100%);
  background: linear-gradient(90deg, #aa8245 0%, #c0a273 100%);
  height: 83.33333%;
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  padding: 0 0.42rem;
  margin: auto;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.searchform .button::before {
  content: '';
  width: 100%;
  height: 100%;
  background: #aa8245;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.searchform .button:hover::before {
  opacity: 0.5;
}
.searchform .button span {
  position: relative;
  z-index: 2;
}
@media (max-width:1024px) {
  .product-aggregation-page .wrap-box {
    display: block;
  }
  .product-aggregation-page .wrap-box .wrap-left {
    width: 100%;
    margin-bottom: 0.6rem;
  }
  .product-aggregation-page .wrap-box .wrap-right {
    width: 100%;
  }
}
.yidaoImgages, .yidaoImgages .images, .yidaoImgages .images img {
  width: 100%;
  height: auto;
}
.yiWap {
  display: none;
}
@media (max-width:990px) {
  .yiPc {
    display: none !important;
  }
  .yiWap {
    display: block !important;
  }
}