@charset "utf-8";

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;

  -webkit-text-size-adjust: none;
}

:root {
  /* ====== Transition ====== */
  --tran-03: all 0.3s ease;
  --tran-04: all 0.4s ease;
  --tran-05: all 0.5s ease;
  --tran-06: all 0.6s ease;
}

body,
html {
  -webkit-overflow-scrolling: touch;
}

body {
  font-family: "PingFang SC", "Calibri", "opensans",
    "GothicArial", "Arial", "San Francisco", "Hiragino Sans GB",
    "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  min-height: 100vh;
  background: #ffffff;
}

body.hd {
  overflow: hidden;
}

input,
textarea,
select,
button {
  border: none;
  outline: none;
  resize: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-family: "PingFang SC", "Calibri", "opensans",
    "GothicArial", "Arial", "San Francisco", "Hiragino Sans GB",
    "Helvetica Neue", Helvetica, sans-serif;
}

button {
  cursor: pointer;
}

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

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

a:hover {
  text-decoration: none;
}

a:focus {
  outline: none;
}

h2,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

i,
b {
  font-style: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
}

/* 引入字体 */
@font-face {
  font-family: "Gotham-Bold";
  src: url(/static/font/Gotham-Bold.otf);
}

@font-face {
  font-family: "Gotham";
  src: url(/static/font/Gotham-Light.otf);
}

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

/* 清除默认样式 */
.swiper-button-next,
.swiper-button-prev {
  outline: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 0.729vw;
  font-weight: 400;
  color: #a0a0a0;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 0.729vw;
  font-weight: 400;
  color: #a0a0a0;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 0.729vw;
  font-weight: 400;
  color: #a0a0a0;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  font-size: 0.729vw;
  font-weight: 400;
  color: #a0a0a0;
}

/* 滚动条 */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-button:vertical {
  display: none;
}

::-webkit-scrollbar-track:vertical {
  background-color: #004ef5;
}

::-webkit-scrollbar-track-piece {
  background: #e3e3e3;
}

::-webkit-scrollbar-thumb:vertical {
  background-color: #004ef5;
  border-radius: 30px;
}

/* 浮动 */
.fl {
  float: left;
}

.fr {
  float: right;
}

/* 清除 */
.ov {
  overflow: hidden;
}

/* 隐藏 */
.op0 {
  opacity: 0;
  visibility: hidden;
}

.op1 {
  opacity: 1;
  visibility: visible;
}

/* flex布局 */
.fl-f {
  display: flex;
  display: -webkit-flex;
}

/* flex上下布局 */
.fl-ac {
  display: flex;
  display: -webkit-flex;
  align-items: center;
}

.fl-as {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
}

.fl-ae {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
}

/* flex左右布局 */
.fl-jc {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
}

.fl-jb {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.fl-ja {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
}

.fl-js {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
}

.fl-je {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
}

/* flex上下左右布局 */
.fl-cc {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}

.fl-cb {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
}

.fl-ca {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-around;
}

.fl-cs {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: flex-start;
}

.fl-ce {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: flex-end;
}

.fl-sa {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  justify-content: space-around;
}

.fl-sb {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  justify-content: space-between;
}

.fl-ss {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.fl-se {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  justify-content: flex-end;
}

.fl-ea {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  justify-content: space-around;
}

.fl-eb {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  justify-content: space-between;
}

.fl-es {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.fl-ee {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  justify-content: flex-end;
}

/* flex自适应布局 */
.fl-fw {
  display: flex;
  flex-wrap: wrap;
}

.fl-fc {
  display: flex;
  flex-direction: column;
}

@media (min-width: 769px) {
  .pc {
    display: block;
  }

  .ph {
    display: none;
  }
}

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

  .ph {
    display: block;
  }
}

/* 手机端按钮 */
.toggle {
  padding: 0;
  background-color: transparent;
  border: none !important;
  z-index: 99;
  cursor: pointer;
  display: none;
}

.toggle .line-top,
.toggle .line-middle,
.toggle .line-bottom {
  display: block;
  width: 24px;
  height: 2px;
  background-color: #ffffff;
  margin: 5px 0;
  transition: all ease .3s;
}

.open.toggle .line-top,
.open.toggle .line-middle,
.open.toggle .line-bottom {
  background-color: #ffffff;
}

.header.on .toggle .line-top,
.header.on .toggle .line-middle,
.header.on .toggle .line-bottom {
  background-color: #004ef5;
}

.header.on .open.toggle .line-top,
.header.on .open.toggle .line-middle,
.header.on .open.toggle .line-bottom {
  background-color: #004ef5;
}

.header.onn .toggle .line-top,
.header.onn .toggle .line-middle,
.header.onn .toggle .line-bottom {
  background-color: #004ef5;
}

.header.onn .open.toggle .line-top,
.header.onn .open.toggle .line-middle,
.header.onn .open.toggle .line-bottom {
  background-color: #004ef5;
}

.open .line-top {
  -webkit-transform: rotate(45deg) translate(4px, 8px);
  transform: rotate(45deg) translate(4px, 8px);
}

.open .line-middle {
  opacity: 0;
}

.open .line-bottom {
  -webkit-transform: rotate(-45deg) translate(2px, -6px);
  transform: rotate(-45deg) translate(2px, -6px);
}

.wap-sub {
  position: fixed;
  z-index: 60;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
  box-sizing: border-box;
  padding-top: 70px;
  overflow-y: auto;
  transform: translateX(-100%);
  transition: all cubic-bezier(0.75, 0, 0.29, 1.03) 0.5s;
  display: none;
}

.wap-sub.on {
  transform: translateX(0);
}

.wap-sub .item {
  width: 100%;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding: 0 4.166667vw;
}

.wap-sub .item .sll {
  padding: 10px 0;
}

.wap-sub .item .sll a {
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
}

.wap-sub .item .sll .img {
  width: 16px;
  transform: rotate(-90deg);
  transition: all ease-out 0.3s;
}

.wap-sub .item.on .img {
  transform: rotate(0);
}

.wap-sub .item .s-sub {
  width: 100%;
  overflow: hidden;
  display: none;
  background: #333;
  padding: 0;
  border-radius: 0;
  margin: 15px 0;
}

.s-sub dd a {
  width: 100%;
  display: block;
  font-size: 14px;
  color: #fff;
  padding: 5px 10px;
  transition: all 0.6s;
}

.op-bg {
  background-color: #000000;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  pointer-events: none;
}

.op-bg.show {
  opacity: 0.7;
}

.zw {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}

.zw::after,
.zw::before {
  display: none !important;
}

.container {
  width: 100%;
}

.wrap {
  width: 100%;
  padding: 0 14.583333vw;
}

.row {
  width: 100%;
}

.tit {
  width: 100%;
  text-align: center;
}

.tit h2 {
  font-size: 2.188vw;
  font-family: PingFang SC;
  font-weight: 600;
  color: #000000;
}

.tit h5 {
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 1.302vw;
  color: #4d4d4d;
}

.tit p {
  font-size: 0.833vw;
  line-height: 1.5;
  margin-top: 1.302vw;
  color: #4d4d4d;
}

.more-w {
  width: 7.813vw;
  height: 2.604vw;
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 5px;
  font-size: 0.833vw;
  font-weight: 400;
  color: #ffffff;
  cursor: pointer;
  transition: 200ms color linear;
  z-index: 0;
  position: relative;
}

.more-w:hover {
  color: #004ef5;
}

.more-w::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: -0.052vw;
  left: -0.052vw;
  width: calc(100% + 0.104vw);
  height: calc(100% + 0.104vw);
  z-index: -1;
  background-color: #ffffff;
  border-radius: 100% 100% 0 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  transition: border-radius 500ms cubic-bezier(0.5, 0, 0, 1),
    -webkit-transform 400ms cubic-bezier(0.5, 0, 0, 1) 40ms;
  transition: transform 400ms cubic-bezier(0.5, 0, 0, 1) 40ms,
    border-radius 500ms cubic-bezier(0.5, 0, 0, 1);
  transition: transform 400ms cubic-bezier(0.5, 0, 0, 1) 40ms,
    border-radius 500ms cubic-bezier(0.5, 0, 0, 1),
    -webkit-transform 400ms cubic-bezier(0.5, 0, 0, 1) 40ms;
}

.more-w:hover::before {
  transition: border-radius 500ms cubic-bezier(0.5, 0, 0, 1) 30ms,
    -webkit-transform 400ms cubic-bezier(0.5, 0, 0, 1);
  transition: transform 400ms cubic-bezier(0.5, 0, 0, 1),
    border-radius 500ms cubic-bezier(0.5, 0, 0, 1) 30ms;
  transition: transform 400ms cubic-bezier(0.5, 0, 0, 1),
    border-radius 500ms cubic-bezier(0.5, 0, 0, 1) 30ms,
    -webkit-transform 400ms cubic-bezier(0.5, 0, 0, 1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  border-radius: 5px;
}

.more-b {
  width: 7.813vw;
  height: 2.604vw;
  background: #ffffff;
  border: 1px solid #004ef5;
  border-radius: 5px;
  font-size: 0.833vw;
  font-weight: 400;
  color: #004ef5;
  cursor: pointer;
  transition: 200ms color linear;
  z-index: 0;
  position: relative;
}

.more-b:hover {
  color: #ffffff;
}

.more-b::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: -0.052vw;
  left: -0.052vw;
  width: calc(100% + 0.104vw);
  height: calc(100% + 0.104vw);
  z-index: -1;
  background-color: #004ef5;
  border-radius: 100% 100% 0 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  transition: border-radius 500ms cubic-bezier(0.5, 0, 0, 1),
    -webkit-transform 400ms cubic-bezier(0.5, 0, 0, 1) 40ms;
  transition: transform 400ms cubic-bezier(0.5, 0, 0, 1) 40ms,
    border-radius 500ms cubic-bezier(0.5, 0, 0, 1);
  transition: transform 400ms cubic-bezier(0.5, 0, 0, 1) 40ms,
    border-radius 500ms cubic-bezier(0.5, 0, 0, 1),
    -webkit-transform 400ms cubic-bezier(0.5, 0, 0, 1) 40ms;
}

.more-b:hover::before {
  transition: border-radius 500ms cubic-bezier(0.5, 0, 0, 1) 30ms,
    -webkit-transform 400ms cubic-bezier(0.5, 0, 0, 1);
  transition: transform 400ms cubic-bezier(0.5, 0, 0, 1),
    border-radius 500ms cubic-bezier(0.5, 0, 0, 1) 30ms;
  transition: transform 400ms cubic-bezier(0.5, 0, 0, 1),
    border-radius 500ms cubic-bezier(0.5, 0, 0, 1) 30ms,
    -webkit-transform 400ms cubic-bezier(0.5, 0, 0, 1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  border-radius: 5px;
}

.more-g {
  width: 7.813vw;
  height: 2.604vw;
  background: #004ef5;
  border: 1px solid #004ef5;
  border-radius: 5px;
  font-size: 0.833vw;
  font-weight: 400;
  color: #ffffff;
  cursor: pointer;
  transition: 200ms color linear;
  z-index: 0;
  position: relative;
}

.more-g:hover {
  color: #004ef5;
}

.more-g::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: -0.052vw;
  left: -0.052vw;
  width: calc(100% + 0.104vw);
  height: calc(100% + 0.104vw);
  z-index: -1;
  background-color: #FFFFFF;
  border-radius: 100% 100% 0 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  transition: border-radius 500ms cubic-bezier(0.5, 0, 0, 1),
    -webkit-transform 400ms cubic-bezier(0.5, 0, 0, 1) 40ms;
  transition: transform 400ms cubic-bezier(0.5, 0, 0, 1) 40ms,
    border-radius 500ms cubic-bezier(0.5, 0, 0, 1);
  transition: transform 400ms cubic-bezier(0.5, 0, 0, 1) 40ms,
    border-radius 500ms cubic-bezier(0.5, 0, 0, 1),
    -webkit-transform 400ms cubic-bezier(0.5, 0, 0, 1) 40ms;
}

.more-g:hover::before {
  transition: border-radius 500ms cubic-bezier(0.5, 0, 0, 1) 30ms,
    -webkit-transform 400ms cubic-bezier(0.5, 0, 0, 1);
  transition: transform 400ms cubic-bezier(0.5, 0, 0, 1),
    border-radius 500ms cubic-bezier(0.5, 0, 0, 1) 30ms;
  transition: transform 400ms cubic-bezier(0.5, 0, 0, 1),
    border-radius 500ms cubic-bezier(0.5, 0, 0, 1) 30ms,
    -webkit-transform 400ms cubic-bezier(0.5, 0, 0, 1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  border-radius: 5px;
}

.pagelist {
  width: 100%;
  margin: 1.042vw 0 0;
}

.pagelist .prev,
.pagelist .next {
  width: 3.125vw;
  height: 3.125vw;
  background: #ffffff;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  margin: 0 0.781vw;
  transition: all ease .3s;
}

.pagelist .prev:hover,
.pagelist .next:hover {
  background: #004ef5;
}

.pagelist .prev i,
.pagelist .next i {
  font-size: 1.146vw;
  color: #004ef5;
  transition: all ease .3s;
}

.pagelist .prev:hover i,
.pagelist .next:hover i {
  color: #ffffff;
}

.pagelist .prev>a,
.pagelist .next>a,
.pagelist .page>a {
  width: 100%;
  height: 100%;
}

.pagelist .page {
  margin: 0 0.781vw;
  font-size: 0.833vw;
  font-weight: 400;
  color: #707070;
  transition: all ease .3s;
}

.pagelist .page.on,
.pagelist .page:hover {
  color: #004ef5;
}

.back .button {
  width: 3.125vw;
  height: 3.125vw;
  background: #004ef5;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
}

.back .txt {
  font-size: 0.833vw;
  font-weight: 400;
  color: #004ef5;
  margin-left: 1.042vw;
}

.header {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 4.688vw;
  /* padding: 1.042vw 0; */
  background: transparent;
  border-bottom: 1px solid transparent;
  transition: all 0.3s ease-in-out;
}

.header:hover,
.header.on,
.header.onn {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
}

.header .container {
  height: 100%;
  padding: 0 4.167vw;
}

.header .h-l {
  height: 100%;
}

.header .logo {
  margin-right: 2.083vw;
}

.header .logo img {
  width: 7.813vw;
  z-index: 100;
}

.header .meun {
  height: 100%;
}

.header .meun .link {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.781vw;
  transition: all ease .3s;
}

.header .meun .link>a,
.header .meun .link>span {
  font-size: 0.833vw;
  font-weight: 400;
  color: #ffffff;
  padding: 0.208vw 0.781vw;
  border-radius: 0.781vw;
  transition: all ease .3s;
}

.header:hover .meun .link>a,
.header:hover .meun .link>span,
.header.on .meun .link>a,
.header.on .meun .link>span,
.header.onn .meun .link>a,
.header.onn .meun .link>span {
  color: #004ef5;
}

.header .meun .link:hover>a,
.header .meun .link:hover>span,
.header .meun .link.on>a,
.header .meun .link.on>span {
  background: #004ef5;
  color: #ffffff;
}

.header .downLink {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 20;
  background: #ffffff;
  top: 4.688vw;
  display: none;
  /* transition: all ease .3s; */
  /* height: 28.646vw; */
}

/* .header .link4 .downLink {
  height: auto;
} */
/* .header .downLink.on{
  opacity: 1;
  top: 4.688vw;
  transform: translate(0, 0vw);
} */
.downLink .link-l {
  width: 23.9%;
  border-right: 1px solid #dddddd;
  padding: 1.302vw 1.563vw;
}

.link-l .link-ll {
  margin-right: 2.083vw;
  padding-top: 1.302vw;
}

.link-l .link-ll .pro {
  display: none;
}

.link-l .link-ll .pro.on {
  display: block;
}

.link-l .link-ll .pro img {
  max-width: 100%;
}

.link-l .link-lr .box-t {
  margin-bottom: 2.083vw;
}

.link-l .link-lr .box-c a {
  margin-bottom: 1.042vw;
}

.link2 .link-l .box-c a:first-child,
.link3 .link-l .box-c a:first-child {
  margin-bottom: 2.083vw;
}

.link-l .link-lr h4 {
  font-size: 0.833vw;
  font-weight: 400;
  color: #000000;
  transition: all ease .3s;
}

.link-l .link-lr p {
  font-size: 0.833vw;
  font-weight: 400;
  color: #000000;
  transition: all ease .3s;
}

.link-l .link-lr i {
  color: #000000;
  margin-left: 1.042vw;
  transition: all ease .3s;
}

.link-l .box-c i {
  color: #000000;
}

.link-l .box-c a:hover p,
.link-l .box-c a.on p,
.link-l .box-c a:hover i,
.link-l .box-c a.on i,
.link-l .box-t a:hover h4,
.link-l .box-t a.on h4,
.link-l .box-t a:hover i,
.link-l .box-t a.on i {
  color: #004ef5;
}

.link-l .link-lr a:hover i {
  transform: translateX(5px);
}

.downLink .link-r {
  width: 60%;
  padding: 0.781vw 3.125vw 3.125vw 1.302vw;
  position: relative;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.link4 .downLink .link-r {
  width: 70%;
}

.link-r .box-t {
  margin-bottom: 1.563vw;
}

.downLink .guan {
  position: absolute;
  top: 1.042vw;
  right: 4.167vw;
  width: 1.563vw;
  height: 1.563vw;
  cursor: pointer;
}

.downLink .guan img {
  width: 1.563vw;
  height: 1.563vw;
}

.link-r .sou {
  position: relative;
  margin-right: 1.042vw;
}

.link-r .sou input {
  width: 380px;
  height: 2.188vw;
  background: #f6f6f8;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 0 1.302vw;
}

.link-r .sou .sbt {
  position: absolute;
  right: 1.302vw;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.link-r .pop .txt {
  font-size: 0.833vw;
  font-weight: 400;
  color: #000000;
}

.link-r .pop .span {
  padding: 0 1.302vw;
  height: 2.188vw;
  background: #f6f6f8;
  border: 1px solid #ffffff;
  border-radius: 5px;
  font-size: 0.833vw;
  font-weight: 400;
  color: #ee9c51;
  margin-left: 1.042vw;
}

.link-r .box-c {
  height: 20.833vw;
  overflow-x: hidden;
  overflow-y: auto;
}

.link4 .link-r .box-c {
  height: auto;
}

.link-r .box-c .sub {
  display: none;
  max-width: 52.083vw;
}

.link-r .box-c .sub.on {
  display: block;
}

.link-r .box-cb dl {
  margin-right: 2.083vw;
}

.link-r .box-cb dl:last-child {
  margin-right: 0;
}

.link-r .box-cb dt {
  font-size: 0.833vw;
  font-weight: 400;
  margin-bottom: 1.042vw;
}

.link-r .box-cb dt a {
  color: #004ef5;
}

.link-r .box-cb dd {
  font-size: 0.833vw;
  margin-bottom: 0.781vw;
  transition: all ease .3s;
}

.link-r .box-cb dd a {
  color: #4d4d4d;
}

.link-r .box-cb dd:hover a {
  color: #004ef5;
}

.link-r .box-cb dd:last-child {
  margin-bottom: 0;
}

.link-r .box-cbb dl {
  margin-right: 4.167vw;
}

.link-r .box-cbb dl:last-child {
  margin-right: 0;
}

.link-r .box-cbb dt {
  font-size: 0.833vw;
  font-weight: 400;
  color: #000000;
  margin-bottom: 1.042vw;
  transition: all ease .3s;
}

.link-r .box-cbb dd {
  font-size: 0.833vw;
  line-height: 26px;
  color: #4d4d4d;
  margin-bottom: 0.781vw;
  transition: all ease .3s;
}

.link-r .box-cbb dd:last-child {
  margin-bottom: 0;
}

.link-r .box-cbb dl i {
  margin-left: 1.042vw;
  transition: all ease .3s;
}

.link-r .box-cbb dt:hover,
.link-r .box-cbb dd:hover,
.link-r .box-cbb dt:hover i,
.link-r .box-cbb dd:hover i {
  color: #004ef5;
}

.link-r .box-cbb dt:hover i {
  transform: translateX(5px);
}

.link-r .box-cb .col {
  width: 32%;
  background: #fafafa;
  border-radius: 5px;
  padding: 1.042vw;
  margin-bottom: 1.042vw;
  transition: all ease .3s;
}

.link-r .box-cb .col h4 {
  font-size: 0.833vw;
  font-weight: 400;
  color: #004ef5;
  margin-bottom: 1.042vw;
}

.link-r .box-cb .more {
  font-size: 0.833vw;
  font-weight: 400;
  color: #707070;
}

.link-r .box-cb .more i {
  margin-left: 8px;
  color: #707070;
  transition: all ease .3s;
}

.link-r .box-cb .col:hover i {
  transform: translateX(5px);
}

.header .search input {
  padding: 14px 0;
  width: 0;
  background: transparent;
  border-bottom: 1px solid #ffffff;
  transition: all ease .3s;
}

.header .search input.on {
  width: 16.667vw;
}

.header.on .search input,
.header.onn .search input {
  border-bottom: 1px solid #004ef5;
}

.header .inquiry {
  width: 6.25vw;
  height: 2.604vw;
  background: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 5px;
  font-size: 0.833vw;
  font-weight: 400;
  color: #004ef5;
  margin-left: 2.083vw;
}

.header:hover .inquiry,
.header.on .inquiry,
.header.onn .inquiry {
  border: 1px solid #004ef5;
}

.header .after {
  display: none;
}

.header:hover .before,
.header.on .before,
.header.onn .before {
  display: none;
}

.header:hover .after,
.header.on .after,
.header.onn .after {
  display: block;
}

.footer {
  width: 100%;
  position: relative;
  padding: 6.25vw 0 12.5vw;
  background-image: url(/static/img/ft-bj.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.f-t {
  max-width: 29.167vw;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.f-t h2 {
  font-size: 1.25vw;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 2.083333vw;
}

.f-t .form .email {
  width: 75%;
  height: 3.646vw;
  background: #ffffff;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  padding: 0 1.302083vw;
  cursor: pointer;
}

.f-t .form .btn {
  width: 6.25vw;
  height: 3.646vw;
  background: #f5a300;
  box-shadow: 0px 3px 20px rgba(9, 47, 80, 0.2);
  border-radius: 5px;
  cursor: pointer;
  transition: all ease .3s;
}

.f-t .form .btn img {
  transition: all ease .3s;
}

.f-t .form .btn:hover img {
  transform: translateX(5px);
}

.f-c {
  margin-top: 7.8125vw;
}

.f-c .f-cl img {
  max-width: 11.979vw;
  width: 100%;
  margin-bottom: 2.083333vw;
}

.f-c .f-cl p {
  max-width: 18.75vw;
  font-size: 0.729vw;
  font-weight: 400;
  color: #ffffff;
}

.f-c .ul .li {
  margin-bottom: 1.042vw;
}

.f-c .ul .li:last-child {
  margin-bottom: 0px;
}

.f-c .ul .li>a {
  font-size: 0.833vw;
  font-weight: 400;
  color: #ffffff;
}

.f-c .con .conn img {
  display: inline-block;
}

.f-c .con .conn p {
  font-size: 0.833vw;
  font-weight: 400;
  color: #ffffff;
  margin-left: 0.521vw;
}

.f-c .con .conn {
  margin-bottom: 1.042vw;
}

.f-c .con .conn:last-child {
  margin-bottom: 1.042vw;
}

.f-c .app a {
  position: relative;
  margin-right: 2.083333vw;
  text-align: center;
}

.f-c .app a>img {
  width: 2.083vw;
  height: 2.083vw;
  transition: all ease 0.3s;
}

.f-c .app a>span {
  display: block;
  font-size: 0.625vw;
  font-weight: 400;
  color: #ffffff;
  margin-top: 0.521vw;
}

.f-c .app a>.ewm {
  position: absolute;
  top: -6.25vw;
  width: 6.25vw;
  height: 6.25vw;
  background: #ffffff;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  left: 50%;
  transform: translateX(-50%);
  transition: all ease .3s;
  opacity: 0;
  visibility: hidden;
}

.f-c .app a:hover>.ewm {
  top: -7.292vw;
  opacity: 1;
  visibility: visible;
}

.f-c .app a .ewm>img {
  width: 5.729vw;
  height: 5.729vw;
}

.f-c .more-box {
  margin-left: 3.125vw;
}

.f-c .more-box .more-w {
  margin-bottom: 1.302083vw;
}

.scrollup {
  position: fixed;
  right: 4.166667vw;
  bottom: -20%;
  z-index: 65;
  width: 2.604vw;
  height: 2.604vw;
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 5px;
  transition: all ease .3s;
  cursor: pointer;
}

.show-scroll {
  bottom: 4.6875vw;
  background: #004ef5;
  border: 1px solid #004ef5;
}

.banner {
  width: 100%;
  position: relative;
}

.banner .pic img {
  max-width: 100%;
  width: 100%;
}

.banner .intr {
  position: absolute;
  left: 14.583333vw;
  top: 50%;
  transform: translateY(-50%);
}

.banner .intr h1 {
  font-size: 2.916667vw;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 1.041667vw;
}

.banner .intr h5 {
  font-size: 1.042vw;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 1.041667vw;
}

.banner .intr p {
  max-width: 31.25vw;
  font-size: 0.833333vw;
  color: #ffffff;
  line-height: 1.5;
}

.banner .search-intr {
  max-width: 30.208vw;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.search-box {
  width: 100%;
  position: relative;
}

.search-box input {
  width: 100%;
  height: 3.646vw;
  background: #ffffff;
  box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.12);
  border-radius: 38px;
  padding: 0 2.083vw;
}

.search-box .search-btn {
  position: absolute;
  right: 2.083vw;
  top: 50%;
  transform: translateY(-50%);
}

.home1 {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.meteor1 {
  position: absolute;
  top: 0px;
  left: 20%;
  width: 125px;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  animation: shooting 6s linear 5s infinite;
  -webkit-animation: shooting 6s linear 5s infinite;
}

.meteor2 {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 125px;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  animation: shooting2 5s linear infinite;
  -webkit-animation: shooting2 5s linear infinite;
}

.meteor3 {
  position: absolute;
  top: 0px;
  left: 70%;
  width: 125px;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  animation: shooting 8s linear 2s infinite;
  -webkit-animation: shooting 8s linear 2s infinite;
}

.meteor4 {
  position: absolute;
  top: 0px;
  right: 0%;
  width: 125px;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  animation: shooting2 6s linear 10s infinite;
  -webkit-animation: shooting2 6s linear 10s infinite;
}

@-webkit-keyframes shooting {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    opacity: 1;
    -webkit-transform: translate(-250px, 250px);
    transform: translate(-250px, 250px);
    ;
  }

  100% {
    opacity: 0.5;
    -webkit-transform: translate(-500px, 500px);
    transform: translate(-500px, 500px);
  }
}

@keyframes shooting {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    opacity: 1;
    -webkit-transform: translate(-250px, 250px);
    transform: translate(-250px, 250px);
    ;
  }

  100% {
    opacity: 0.5;
    -webkit-transform: translate(-500px, 500px);
    transform: translate(-500px, 500px);
  }
}



@-webkit-keyframes shooting2 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    opacity: 1;
    -webkit-transform: translate(-500px, 500px);
    transform: translate(-500px, 500px);
  }

  100% {
    opacity: 0.5;
    -webkit-transform: translate(-1000px, 1000px);
    transform: translate(-1000px, 1000px);
  }
}

@keyframes shooting2 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    opacity: 1;
    -webkit-transform: translate(-500px, 500px);
    transform: translate(-500px, 500px);
  }

  100% {
    opacity: 0.5;
    -webkit-transform: translate(-1000px, 1000px);
    transform: translate(-1000px, 1000px);
  }
}


.home1 .pic img,
.home1 .pic video {
  max-width: 100%;
  width: 100%;
}

.home1 .intr {
  max-width: 31.25vw;
  width: 90%;
  position: absolute;
  left: 14.583333vw;
  top: 50%;
  transform: translateY(-50%);
}

.home1 .intr h4 {
  font-size: 0.833vw;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 1.302vw;
}

.home1 .intr h1 {
  font-size: 2.917vw;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 0.521vw;
  margin-bottom: 1.302vw;
}

.home1 .intr p {
  font-size: 0.833vw;
  line-height: 1.5;
  color: #ffffff;
  margin-bottom: 1.302vw;
  text-align: justify;
}

.home1 .more-w {
  margin-left: 2.083vw;
}

.post-0 {
  position: absolute;
  right: -2.604vw;
  bottom: 13.542vw;
  z-index: 2;
  width: 52.083vw;
  pointer-events: none;
  /* display: none; */
}

.post-0 .box {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-items: center;
}

.post-0 .img1 {
  width: 52.083vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 2;
}

.post-0 .img2 {
  width: 45.313vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1;
}

.star {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.star img {
  max-width: 100%;
  width: 100%;
}

.home2 {
  width: 100%;
  position: relative;
  padding: 4.427vw 0;
  background: #ffffff;
}

.home2 .col {
  width: 30%;
  text-align: center;
  transform: scale(1.2);
}

.home2 .pic img {
  max-width: 100%;
  height: 5.208vw;
  transition: all ease .3s;
}

.home2 .col:hover .intr span,
.home2 .col:hover .intr p,
.home2 .col:hover .pic img {
  transform: scale(1.1);
}

.home2 .intr span {
  font-size: 3.021vw;
  font-family: "Gotham", "PingFang SC", "Microsoft YaHei";
  font-weight: 300;
  color: #000000;
  margin: 1.302vw 0;
  display: inline-block;
  transition: all ease .3s;
}

.home2 .intr b {
  font-size: 3.021vw;
  font-family: "Gotham";
  font-weight: normal;
  color: #004ef5;
  transition: all ease .3s;
}

.home2 .intr p {
  font-size: 0.833vw;
  color: #4d4d4d;
  transition: all ease .3s;
}

.home3 {
  width: 100%;
  position: relative;
  padding: 6.25vw 0 3.125vw;
  background: #fafafa;
}

.home3 .tit {
  width: 100%;
  text-align: center;
}

.home3 .row {
  margin-top: 3.125vw;
}

.home3 .pic {
  width: 100%;
  padding: 2.604vw 1.042vw;
  background: transparent;
  border-radius: 5px;
  transition: all ease .3s;
  position: relative;
  overflow: hidden;
  z-index: 9;
}

.home3 .pic:hover {
  background: #ffffff;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
}

.home3 .pic img {
  max-width: 100%;
  width: 100%;
  transition: all ease .3s;
}

.home3 .pic:hover img {
  transform: scale(1.1);
}

.video {
  width: 100%;
  position: relative;
  padding: 7.813vw 0 0;
  background: #ffffff;
}

.video .pic {
  position: relative;
}

.video .pic .video-bg {
  max-width: 100%;
  width: 100%;
}

.video .video-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.video .video-vid {
  max-width: 100%;
  width: 100%;
  display: none;
}

.home4 {
  width: 100%;
  position: relative;
  padding: 7.813vw 0;
  background: #ffffff;
}

.home4 #particles-js {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.home4 .tit p {
  max-width: 31.25vw;
  width: 100%;
  margin: 1.302vw auto 0;
}

.home4 .row {
  margin-top: 3.125vw;
}

.home4 .col {
  width: 32%;
  padding: 2.604vw 3.125vw;
  margin-bottom: 1.042vw;
  background: #ffffff;
  border: 1px solid #dedede;
  border-radius: 5px;
  transition: all ease .3s;
}

.home4 .col:hover {
  background: #004ef5;
  border: 1px solid #004ef5;
}

.home4 .pic img {
  width: 3.385vw;
  height: 3.385vw;
}

.home4 .pic img.after {
  display: none;
}

.home4 .col:hover img.before {
  display: none;
}

.home4 .col:hover img.after {
  display: block;
}

.home4 .intr h4 {
  font-size: 1.25vw;
  font-weight: 600;
  color: #000000;
  margin: 1.302vw 0;
  transition: all ease .3s;
}

.home4 .intr p {
  font-size: 0.833vw;
  line-height: 1.5;
  color: #4d4d4d;
  text-align: justify;
  transition: all ease .3s;
}

.home4 .col:hover h4,
.home4 .col:hover p {
  color: #ffffff;
}

.home4 .more-b {
  margin: 2.083vw auto 0;
}

.home5 {
  width: 100%;
  position: relative;
  padding: 6.25vw 0 8.854vw;
  background-image: url(/static/img/h5-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.home5 .tit h2 {
  color: #ffffff;
}

.home5 .row {
  margin-top: 3.125vw;
}

.home5 .col {
  width: 100%;
  position: relative;
  transition: all ease .3s;
}

.home5 .intr,
.home5 .pic {
  width: 50%;
}

.home5 .pic img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home5 .intr {
  padding: 3.646vw 1.823vw 3.646vw 3.646vw;
  background: #ffffff;
}

.home5 .intr h2 {
  font-size: 1.875vw;
  font-weight: 600;
  color: #004ef5;
}

.home5 .intr h3 {
  font-size: 1.25vw;
  font-weight: 600;
  line-height: 1.719;
  color: #000000;
  margin: 2.083vw 0 0.521vw;
  padding-left: 1.458vw;
  position: relative;
}

.home5 .intr h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.417vw;
  height: 1.719vw;
  background: #004ef5;
}

.home5 .intr p {
  font-size: 0.833vw;
  line-height: 1.5;
  color: #4d4d4d;
  margin: 0.781vw 0 0;
  text-align: justify;
}

.home5 .more-b {
  margin: 3.125vw 0 0;
}

.swiper-pagination {
  display: flex;
  align-items: center;
}

.home5 .swiper-pagination {
  bottom: 4.688vw;
  left: 50%;
  transform: translateX(-50%);
}

.home1 .swiper-pagination {
  bottom: 3.125vw;
  left: 50%;
  transform: translateX(-50%);
}

.home1 .swiper-pagination-bullet,
.home5 .swiper-pagination-bullet,
.home6 .swiper-pagination-bullet,
.home7 .swiper-pagination-bullet,
.par3 .swiper-pagination-bullet {
  width: 0.625vw;
  height: 0.625vw;
  display: inline-block;
  border-radius: 100%;
  background: #dddddd;
  opacity: 1;
  cursor: pointer;
  margin: 0 0.781vw !important;
}

.home1 .swiper-pagination-bullet-active,
.home5 .swiper-pagination-bullet-active,
.home6 .swiper-pagination-bullet-active,
.home7 .swiper-pagination-bullet-active,
.par3 .swiper-pagination-bullet-active {
  width: 0.781vw;
  height: 0.781vw;
  background: #004ef5;
}

.home6 {
  width: 100%;
  position: relative;
  padding: 7.813vw 0 11.719vw;
  background: #ffffff;
}

.home6 .row {
  margin-top: 3.125vw;
}

.home6 .col {
  width: 100%;
  transition: all ease .3s;
}

.home6 .pic {
  width: 100%;
  position: relative;
  border-radius: 5px;
}

.home6 .pic::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  transition: all ease .3s;
}

.home6 .pic::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(246, 246, 248, 1);
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.8);
  transition: all ease .3s;
}

.home6 .col:hover .pic::after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.home6 .pic img {
  max-width: 100%;
  width: 100%;
  border-radius: 5px;
}

.home6 .intr {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  padding: 2.344vw 1.823vw;
  border-radius: 5px;
}

.home6 .intr h2 {
  min-height: 3.802vw;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: all ease .3s;
}

.home6 .date {
  border-top: 1px solid #ffffff;
  padding: 1.042vw 0;
  transition: all ease .3s;
}

.home6 .day {
  font-size: 4.167vw;
  font-family: "Poppins";
  font-weight: 500;
  color: #ffffff;
  transition: all ease .3s;
}

.home6 .moon,
.home6 .year {
  font-size: 0.833vw;
  font-family: "Poppins";
  font-weight: 500;
  color: #ffffff;
  display: block;
  text-align: right;
  transition: all ease .3s;
}

.home6 .col:hover .date {
  border-top: 1px solid #d5d5d5;
}

.home6 .col:hover h2 {
  color: #222222;
}

.home6 .col:hover .day,
.home6 .col:hover .moon,
.home6 .col:hover .year {
  color: #004ef5;
}

.home6 .swiper-pagination,
.home7 .swiper-pagination {
  bottom: 7.813vw;
  left: 50%;
  transform: translateX(-50%);
}

.swiper-button {
  width: 3.125vw;
  height: 3.125vw;
  background: #ffffff;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  cursor: pointer;
  transition: all ease .3s;
}

.swiper-button i {
  font-size: 1.146vw;
  color: #004ef5;
  transition: all ease .3s;
}

.swiper-button:hover {
  background: #004ef5;
}

.swiper-button:hover i {
  color: #ffffff;
}

.swiper-button.prev {
  left: 8.854vw;
}

.swiper-button.next {
  right: 8.854vw;
}

.button2 {
  position: absolute;
  right: 0;
  bottom: 2.604vw;
  width: 50%;
  z-index: 6;
  padding-left: 2.604vw;
}

.swiper-button2 {
  width: 3.125vw;
  height: 3.125vw;
  background: #ffffff;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  z-index: 5;
  cursor: pointer;
  margin-right: 1.042vw;
  transition: all ease .3s;
}

.swiper-button2 i {
  font-size: 1.146vw;
  color: #004ef5;
  transition: all ease .3s;
}

.swiper-button2:hover {
  background: #004ef5;
}

.swiper-button2:hover i {
  color: #ffffff;
}

.home7 {
  width: 100%;
  position: relative;
  padding: 7.813vw 0 10.417vw;
  background: #fafafa;
}

.home7 .tit p {
  max-width: 29.948vw;
  width: 100%;
  margin: 1.302vw auto 0;
}

.home7 .row {
  margin-top: 3.125vw;
}

.home3 .swiper-slide,
.home7 .swiper-slide,
.par3 .swiper-slide {
  padding: 10px;
}

.home7 .pic {
  width: 20%;
  padding: 2.604vw 1.563vw;
  background: transparent;
  transition: all ease .3s;
  position: relative;
  z-index: 9;
  overflow: hidden;
}

.home7 .pic:hover {
  background: #ffffff;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.home7 .pic img {
  max-width: 100%;
  width: 100%;
  transition: all ease .3s;
}

.home7 .pic:hover img {
  transform: scale(1.1);
}

/* 产品 */
.pro1 {
  width: 100%;
  position: relative;
  background: #ffffff;
  padding: 6.25vw 0 0;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04);
}

.pro1 .row {
  margin-top: 3.125vw;
}

.pro1 .col {
  width: 12.5%;
  text-align: center;
  position: relative;
}

.pro1 .col::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0.313vw;
  background: #004ef5;
  transition: all ease .3s;
}

.pro1 .col.on::after,
.pro1 .col:hover::after {
  width: 100%;
}

.pro1 .pic img {
  width: 4.167vw;
  height: 4.167vw;
}

.pro1 .intr p {
  font-size: 0.833333vw;
  font-weight: 400;
  color: #000000;
  padding: 1.302083vw 0 1.041667vw;
  transition: all ease .3s;
}

.pro1 .col.on .intr p,
.pro1 .col:hover .intr p {
  color: #004ef5;
}

.pro2 {
  width: 100%;
  background: #ffffff;
  padding: 3.125vw 0;
  overflow: hidden;
}

.pro2 .row {
  position: relative;
}

.pro2 .scroll {
  position: absolute;
  left: 0;
  bottom: 0;
}

.scroll img {
  width: 1.875vw;
  display: block;
  margin: 0 auto;
}

.scroll p {
  font-size: 0.729vw;
  font-weight: 400;
  color: #004ef5;
  margin-top: 0.781vw;
}

.pro2 .pic {
  width: 40%;
  position: absolute;
  right: 0;
  z-index: 9;
  top: 50%;
  transform: translateY(-50%);
}

.pro2 .intr {
  width: 55%;
  position: relative;
}

.pro2 .intr span {
  font-size: 0.833vw;
  font-weight: 400;
  color: #707070;
}

.pro2 .intr h2 {
  font-size: 1.875vw;
  font-weight: 600;
  color: #000000;
  margin: 1.042vw 0 2.083vw;
}

.pro2 .intr .tag-b {
  width: 100%;
  margin-right: 3.125vw;
}

.pro2 .intr .bar {
  width: 25%;
  margin-bottom: 1.042vw;
}

.pro2 .intr .bar p {
  font-size: 0.833vw;
  color: #4d4d4d;
  margin-left: 0.521vw;
}

.pro2 .push {
  margin-top: 1.042vw;
}

.pro2 .push .more-b {
  margin-right: 3.125vw;
}

.pro2 .push .button {
  width: 3.125vw;
  height: 3.125vw;
  background: #ffffff;
  box-shadow: 0px 10px 25px rgb(0 0 0 / 16%);
  border-radius: 50%;
  position: static;
  cursor: pointer;
  margin-right: 1.042vw;
  transition: all ease .3s;
}

.pro2 .push i {
  font-size: 1.146vw;
  color: #004ef5;
  transition: all ease .3s;
}

.pro2 .push .button:hover {
  background: #004ef5;
}

.pro2 .push .button:hover i {
  color: #ffffff;
}

/* .pro2 .pic .circle img{
  width: 46.875vw;
} */
.rotate {
  width: 20.833vw;
  height: 20.833vw;
}

.tuoyuan {
  opacity: 1 !important;
}

.rotate .dot {
  opacity: 0;
  /* visibility: hidden; */
  transition: var(--tran-04);
}

.rotate .dot.on {
  opacity: 1 !important;
}

.rotate .cir {
  opacity: 1 !important;
}

.rotate .cir.on {
  display: none;
  opacity: 0 !important;
}

.pro2 .pic .copper {
  position: absolute;
  left: -2.083vw;
  top: 50%;
  width: 10.417vw;
  transform: translateY(-50%);
  pointer-events: none;
}

.pro2 .pic .num {
  position: absolute;
  left: 5.208vw;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  text-align: right;
}

.pro2 .pic .num .curr {
  font-size: 5.729vw;
  font-family: "Gotham-Bold", "PingFang SC", "Microsoft YaHei";
  font-weight: bold;
  color: #999;
  display: block;
  margin-right: -1.042vw;
}

.pro2 .pic .num .total {
  font-size: 0.833vw;
  font-family: "Gotham-Bold", "PingFang SC", "Microsoft YaHei";
  font-weight: bold;
  color: #999;
  display: block;
}

.pro3 {
  width: 100%;
  position: relative;
}

.pro3 .col {
  width: calc(100% / 3);
  padding: 2.604167vw 6.25vw;
  background: #fafafa;
  transition: all ease .3s;
}

.pro3 .col:hover {
  background: #f5a300;
}

.pro3 .col.on,
.pro3 .col.on:hover {
  background: #004ef5;
}

.pro3 .pic img {
  width: 3.385vw;
  height: 3.385vw;
}

.pro3 .pic img.after {
  display: none;
}

.pro3 .col.on img.before,
.pro3 .col:hover img.before {
  display: none;
}

.pro3 .col.on img.after,
.pro3 .col:hover img.after {
  display: block;
}

.pro3 .txt h4 {
  font-size: 1.25vw;
  font-weight: 600;
  color: #000000;
  margin: 0 0 0 1.302083vw;
  transition: all ease .3s;
}

.pro3 .intr p {
  font-size: 0.833333vw;
  line-height: 1.5;
  color: #4d4d4d;
  transition: all ease .3s;
  margin-top: 1.302083vw;
}

.pro3 .col.on h4,
.pro3 .col.on p,
.pro3 .col:hover h4,
.pro3 .col:hover p {
  color: #ffffff;
}

.pro4 {
  width: 100%;
  position: relative;
  padding: 6.25vw 0 10.417vw;
}

.pro4 .row {
  margin-top: 3.125vw;
  padding: 0 4.167vw;
}

.pro4 .col {
  width: 29%;
  padding: 2.083vw;
  background: #ffffff;
  box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  transition: all ease .3s;
}

.pro4 .col:last-child {
  width: 100%;
  margin-top: 2.604vw;
}

.pro4 .col:last-child .pic {
  margin-right: 6.25vw;
}

.pro4 .pic img {
  max-width: 100%;
  transition: all ease .3s;
}

.pro4 .col:hover img {
  transform: scale(1.1);
}

.pro4 .intr h2 {
  font-size: 1.25vw;
  font-weight: bold;
  margin: 0.781vw 0;
}

.pro4 .intr h5 {
  font-size: 0.729vw;
  font-weight: bold;
  color: #004ef5;
}

.pro4 .intr p {
  font-size: 0.729vw;
  color: #757575;
  line-height: 1.5;
}

.post-4 img {
  position: absolute;
  right: 40.625vw;
  bottom: 2.604vw;
  z-index: 0;
  width: 5.521vw;
  pointer-events: none;
}

.post-5 img {
  position: absolute;
  left: 12.5vw;
  bottom: 3.125vw;
  z-index: 0;
  width: 7.552vw;
  pointer-events: none;
}

.post-6 img {
  position: absolute;
  right: 40.625vw;
  bottom: 2.604vw;
  z-index: 0;
  width: 5.521vw;
  pointer-events: none;
}

.pro5 {
  width: 100%;
  position: relative;
  padding: 6.25vw 0;
  background: #037dd1;
}

.pro5 .tit h2 {
  color: #ffffff;
}

.pro5 .row {
  margin-top: 2.604vw;
}

.pro5 .col {
  width: 23.5%;
  padding: 5.208vw 1.563vw;
  background: #ffffff;
  border-radius: 42px;
  transition: all ease .3s;
}

.pro5 .pic img {
  max-width: 100%;
  transition: all ease .3s;
}

.pro5 .col:hover img {
  transform: scale(1.1);
}

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

.pro5 .intr h2 {
  font-size: 1.25vw;
  font-weight: bold;
  color: #1e0e00;
  margin: 3.906vw 0 1.042vw;
}

.pro5 .intr p {
  font-size: 0.938vw;
  font-weight: 400;
  color: rgba(40, 156, 217, 0.9);
}

.pro5 .btit {
  margin-top: 5.208vw;
  text-align: center;
}

.pro5 .btit h2 {
  font-size: 3.125vw;
  font-weight: bold;
  color: #ffffff;
}

.post-7 img {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  pointer-events: none;
}

.pro6 {
  width: 100%;
  position: relative;
  padding: 6.25vw 0 0;
}

.pro6 .box1,
.pro6 .box2 {
  margin-top: 1.563vw;
  position: relative;
  padding: 1.563vw 0;
}

.pro6 .box3,
.pro6 .box4 {
  margin-top: 1.563vw;
  position: relative;
  padding: 1.563vw 0;
}

.pro6 .box2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 70%;
  background: #fafafa;
}

.pro6 .box4::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 70%;
  background: #fafafa;
}

.pro6 .box1 .pic,
.pro6 .box2 .pic {
  width: 70%;
  position: relative;
}

.pro6 .box3 .pic {
  width: 100%;
}

.pro6 .pic .bj {
  position: absolute;
  left: 1.042vw;
  bottom: 0;
  z-index: -1;
  width: 35.417vw;
}

.pro6 .pic .mb {
  position: absolute;
  right: 1.042vw;
  bottom: 0;
  z-index: 3;
  width: 11.458vw;
}

.pro6 .pic .pb {
  position: absolute;
  right: 2.083vw;
  bottom: 1.042vw;
  z-index: 3;
  width: 21.354vw;
}

.pro6 .box1 .pic .ag,
.pro6 .box2 .pic .ag {
  max-width: 100%;
  width: 100%;
  transition: all ease .3s;
}

.pro6 .box3 .pic .ag,
.pro6 .box4 .pic .ag {
  max-width: 100%;
  transition: all ease .3s;
}

.pro6 .box1 .pic:hover .ag,
.pro6 .box2 .pic:hover .ag,
.pro6 .box3 .pic:hover .ag,
.pro6 .box4 .pic:hover .ag {
  transform: scale(1.1);
}

.pro6 .box1 .intr,
.pro6 .box2 .intr {
  width: 25%;
}

.pro6 .box3 .intr,
.pro6 .box4 .intr {
  width: 100%;
}

.pro6 .box1 .intr p,
.pro6 .box2 .intr p,
.pro6 .box3 .intr p,
.pro6 .box4 .intr p {
  font-size: 1.25vw;
  font-weight: 400;
  color: #333333;
}

.pro6 .box2 .intr p {
  text-align: right;
}

.pro6 .box3 .intr p,
.pro6 .box4 .intr p {
  text-align: center;
  margin-top: 2.344vw;
  margin-bottom: 1.563vw;
}

.pro6 .box5 .intr {
  text-align: center;
}

.pro6 .box5 .intr .ewm {
  display: block;
  margin: 0 auto;
  max-width: 10.938vw;
}

.pro6 .box5 .intr p {
  font-size: 1.25vw;
  color: #757575;
  margin: 1.563vw 0;
}

/* 解决方案 */
.sor1 {
  width: 100%;
  position: relative;
  background: #ffffff;
}

.sor1.fixed {
  position: fixed;
  top: 4.688vw;
  z-index: 50;
}

.sor1 .bar {
  width: 100%;
  border-bottom: 1px solid #dddddd;
}

.sor1 .bar .gun {
  font-size: 0.833vw;
  font-weight: 400;
  color: #000000;
  padding: 1.042vw 0;
  margin: 0 2.865vw;
  position: relative;
  cursor: pointer;
  transition: all ease .3s;
}

.sor1 .bar .gun::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0.313vw;
  background: #004ef5;
  transition: all ease .3s;
}

.sor1 .bar .gun.on::after,
.sor1 .bar .gun:hover::after {
  width: 100%;
}

.sor1 .bar .gun.on,
.sor1 .bar .gun:hover {
  color: #004ef5;
}

.sor2 {
  width: 100%;
  position: relative;
  background: #ffffff;
  padding: 6.25vw 0;
}

.sor2 .row {
  margin-top: 3.125vw;
}

.sor2 .col {
  /* width: 19%; */
  padding-left: 0.625vw;
  width: 23.5%;
  margin-bottom: 2.083vw;
}

.sor2 .col h4 {
  font-size: 0.833vw;
  font-weight: 400;
  color: #000000;
  margin-bottom: 0.781vw;
  position: relative;
}

.sor2 .col h4::before {
  content: "";
  position: absolute;
  left: -0.521vw;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 1.146vw;
  background: #004ef5;
}

.sor2 .col p {
  font-size: 0.833vw;
  line-height: 1.5;
  color: #707070;
  text-align: justify;
}

.sor3 {
  width: 100%;
  position: relative;
  padding: 6.25vw 0;
  background-image: url(/static/img/so3-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.sor3 .tit h2 {
  color: #ffffff;
}

.sor3 .row {
  margin-top: 3.125vw;
}

.sor3 .col {
  width: 24%;
  border-radius: 5px;
  padding: 1.563vw 1.823vw 6.51vw;
  margin-bottom: 15px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all ease .3s;
}

.sor3 .col:hover {
  border: 1px solid #ffffff;
  transform: translateY(-5px);
}

.sor3 .col h4 {
  font-size: 0.833vw;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 0.781vw;
}

.sor3 .col p {
  min-height: 3.438vw;
  font-size: 0.833vw;
  line-height: 1.5;
  color: #ffffff;
  opacity: 0.7;
  text-align: justify;
}

.sor4 {
  width: 100%;
  position: relative;
  padding: 7.813vw 0 18.75vw;
  background: #ffffff;
}

.sor4 .row {
  margin-top: 3.125vw;
}

.sor4 .intr {
  width: 48%;
}

.sor4 .intr p {
  font-size: 0.833vw;
  line-height: 1.5;
  color: #4d4d4d;
  margin-bottom: 1.042vw;
  position: relative;
}

.sor4 .intr p::before {
  content: "";
  position: absolute;
  left: -0.521vw;
  top: 0.052vw;
  width: 2px;
  height: 1.146vw;
  background: #004ef5;
}

.sor4 .intr .more-b {
  margin-top: 2.083vw;
}

.sor4 .pic {
  width: 48%;
}

.sor4 .pic img {
  max-width: 100%;
  width: 100%;
  transition: all ease .3s;
}

.sor4 .pic img:hover {
  transform: scale(1.1);
}

.post-1 img {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 0;
  transform: translateY(-50%);
  width: 41.667vw;
  pointer-events: none;
}

.post-2 img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 32.292vw;
  pointer-events: none;
}

/* 资讯 */
.new1 {
  width: 100%;
  position: relative;
  margin-top: -6.771vw;
}

.new1 .col {
  width: 100%;
}

.new1 .pic {
  width: 31.5%;
}

.new1 .pic img {
  max-width: 100%;
  width: 100%;
  box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
}

.new1 .intr {
  width: 64%;
}

.new1 .intr h2 {
  max-width: 37.76vw;
  width: 100%;
  min-height: 5.208vw;
  font-size: 1.875vw;
  font-weight: 600;
  line-height: 1.5;
  color: #000000;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 6.771vw;
  margin-bottom: 2.083vw;
}

.new1 .intr .decs {
  border-top: 1px solid #dddddd;
  padding: 2.083vw 0 5.208vw;
}

.new1 .intr p {
  min-height: 2.5vw;
  font-size: 0.833vw;
  line-height: 1.5;
  color: #4d4d4d;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.new1 .intr .date {
  font-size: 0.833vw;
  color: #4d4d4d;
}

.new2 {
  width: 100%;
  position: relative;
  padding: 2.083vw 0 7.813vw;
}

.new2 .col {
  width: 31.5%;
  position: relative;
  margin-bottom: 2.083vw;
  transition: all ease .3s;
}

.new2 .pic {
  width: 100%;
  position: relative;
  border-radius: 5px;
}

.new2 .pic::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  transition: all ease .3s;
}

.new2 .pic::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(246, 246, 248, 1);
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.8);
  transition: all ease .3s;
}

.new2 .col:hover .pic::after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.new2 .pic img {
  max-width: 100%;
  width: 100%;
  border-radius: 5px;
}

.new2 .intr {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  padding: 2.344vw 1.823vw;
  border-radius: 5px;
}

.new2 .intr h2 {
  min-height: 3.802vw;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: all ease .3s;
}

.new2 .date {
  border-top: 1px solid #ffffff;
  padding: 1.042vw 0;
  transition: all ease .3s;
}

.new2 .day {
  font-size: 4.167vw;
  font-family: "Poppins";
  font-weight: 500;
  color: #ffffff;
  transition: all ease .3s;
}

.new2 .moon,
.new2 .year {
  font-size: 0.833vw;
  font-family: "Poppins";
  font-weight: 500;
  color: #ffffff;
  display: block;
  text-align: right;
  transition: all ease .3s;
}

.new2 .col:hover .date {
  border-top: 1px solid #d5d5d5;
}

.new2 .col:hover h2 {
  color: #222222;
}

.new2 .col:hover .day,
.new2 .col:hover .moon,
.new2 .col:hover .year {
  color: #004ef5;
}

.new2 .no {
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.5;
  color: #004ef5;
  text-align: center;
}

.new2 .no a {
  font-weight: 600;
}

/* 内页 */
.pag {
  width: 100%;
  position: relative;
  padding: 9.375vw 0 4.167vw;
}

.pag .back {
  margin-bottom: 2.083vw;
}

.pag .pag-l {
  width: 67%;
  padding-right: 3.125vw;
  border-right: 1px solid #dddddd;
}

.pag .pag-lt {
  padding-bottom: 1.042vw;
}

.pag .pag-lt h1 {
  font-size: 1.875vw;
  font-weight: 600;
  line-height: 1.5;
  color: #000000;
  margin-bottom: 2.083vw;
}

.pag .pag-lt .date {
  font-size: 0.833vw;
  color: #4d4d4d;
  margin-right: 5.208vw;
}

.pag .pag-lc {
  padding: 2.083vw 0 1.042vw;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.pag .pag-lc h4 {
  font-size: 1.25vw;
  font-weight: 600;
  color: #000000;
  margin-bottom: 1.042vw;
}

.pag .pag-lc h5 {
  font-size: 0.833vw;
  font-weight: bold;
  line-height: 1.5;
  color: #4d4d4d;
}

.pag .pag-lc p {
  font-size: 0.833vw;
  line-height: 1.5;
  color: #4d4d4d;
  margin-bottom: 1.042vw;
}

.pag .pag-lc img {
  max-width: 100%;
  margin-bottom: 1.042vw;
}

.pag .pag-lb {
  padding: 1.563vw 0;
}

.pag .pag-lb .txt {
  font-size: 0.833vw;
  color: #4d4d4d;
  margin-right: 1.042vw;
}

.pag .pag-lb .app {
  width: 2.083vw;
  height: 2.083vw;
  margin-right: 2.083vw;
  position: relative;
}

.pag .pag-lb .app>.ewm {
  position: absolute;
  top: -6.25vw;
  width: 6.25vw;
  height: 6.25vw;
  background: #ffffff;
  box-shadow: 0px 3px 20px rgb(0 0 0 / 16%);
  border-radius: 5px;
  left: 50%;
  transform: translateX(-50%);
  transition: all ease .3s;
  opacity: 0;
  visibility: hidden;
}

.pag .pag-lb .app:hover>.ewm {
  top: -7.292vw;
  opacity: 1;
  visibility: visible;
}

.pag .pag-r {
  width: 33%;
  padding-left: 3.125vw;
  position: sticky;
  position: -webkit-sticky;
  top: 6.25vw;
}

.pag .pag-rt h2 {
  font-size: 1.875vw;
  font-weight: 600;
  color: #000000;
  margin-bottom: 1.042vw;
}

.pag .pag-rc .box {
  width: 100%;
  padding: 1.042vw 0;
  border-bottom: 1px solid #dddddd;
  transition: all ease .3s;
}

.pag .box:hover {
  border-bottom: 1px solid #004ef5;
}

.pag .box h4 {
  min-height: 3.438vw;
  font-size: 1.25vw;
  line-height: 1.5;
  color: #707070;
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 1.042vw;
  transition: all ease .3s;
}

.pag .box p {
  font-size: 0.833vw;
  color: #4d4d4d;
  transition: all ease .3s;
}

.pag .box:hover h4,
.pag .box:hover p {
  color: #004ef5;
}

/* 行业案例 */
.ind1 {
  width: 100%;
  position: relative;
  background: #ffffff;
  padding: 6.25vw 0;
}

.ind1 .bar {
  width: 100%;
  margin: 2.083vw 0 0;
  border-bottom: 1px solid #dddddd;
}

.ind1 .bar .gun {
  font-size: 0.833vw;
  font-weight: 400;
  color: #000000;
  padding: 1.042vw 1.563vw;
  position: relative;
  cursor: pointer;
  transition: all ease .3s;
}

.ind1 .bar .gun::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0.313vw;
  background: #004ef5;
  transition: all ease .3s;
}

.ind1 .bar .gun.on::after,
.ind1 .bar .gun:hover::after {
  width: 100%;
}

.ind1 .bar .gun.on,
.ind1 .bar .gun:hover {
  color: #004ef5;
}

.ind1 .row {
  margin: 2.083vw 0 0;
}

.ind1 .col {
  width: 32%;
  background: #ffffff;
  border: 1px solid #dedede;
  border-radius: 5px;
  margin-bottom: 1.042vw;
  padding: 2.083vw 3.125vw;
  transition: all ease .3s;
}

.ind1 .col:hover {
  background: #004ef5;
  border: 1px solid #004ef5;
  box-shadow: 0px 10px 60px rgba(9, 57, 82, 0.2);
}

.ind1 .col h4 {
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.5;
  color: #222222;
  margin-bottom: 1.042vw;
  transition: all ease .3s;
}

.ind1 .col p {
  font-size: 0.833vw;
  line-height: 1.5;
  color: #4d4d4d;
  text-align: justify;
  padding: 1.042vw 0;
  border-top: 1px solid #dddddd;
  transition: all ease .3s;
}

.ind1 .col:hover h4,
.ind1 .col:hover p,
.ind1 .col:hover .more,
.ind1 .col:hover i {
  color: #ffffff;
}

.ind1 .more i {
  margin-left: 8px;
  color: #4d4d4d;
}

.ind1 .more img.after {
  display: none;
}

.ind1 .col:hover img.before {
  display: none;
}

.ind1 .col:hover img.after {
  display: block;
}

.ind1 .back {
  margin: 2.083vw 0 0;
}

/* 关于我们 */
.ab1 {
  width: 100%;
  position: relative;
  padding: 6.25vw 0;
  background: #ffffff;
}

.ab1 .row {
  padding-left: 14.583333vw;
  margin-top: 3.125vw;
}

.ab1 .intr {
  width: 52%;
}

.ab1 .txt h4 {
  font-size: 1.25vw;
  font-weight: 400;
  color: #222222;
  margin-bottom: 1.563vw;
}

.ab1 .txt p {
  font-size: 0.833vw;
  line-height: 1.5;
  color: #4d4d4d;
  margin-bottom: 1.042vw;
  text-align: justify;
}

.ab1 .row2 {
  margin-top: 2.083vw;
}

.ab1 .col2 {
  width: 30%;
  text-align: center;
}

.ab1 .pic2 img {
  width: 4.688vw;
  transition: all ease .3s;
}

.ab1 .col2:hover img {
  transform: scale(1.1);
}

.ab1 .intr2 span {
  font-size: 1.875vw;
  font-family: "Gotham";
  font-weight: normal;
  color: #000000;
  margin: 1.042vw 0;
  display: inline-block;
}

.ab1 .intr2 b {
  font-size: 1.875vw;
  font-family: "Gotham";
  font-weight: normal;
  color: #004ef5;
}

.ab1 .intr p {
  font-size: 0.833vw;
  color: #4d4d4d;
}

.ab1 .pic {
  width: 45%;
}

.ab1 .pic img {
  max-width: 100%;
  width: 100%;
  transition: all ease .3s;
}

.ab1 .pic img:hover {
  transform: scale(1.1);
}

.ab2 {
  width: 100%;
  position: relative;
  padding: 7.813vw 0;
  background: #f6f6f8;
}

.ab2 .row {
  margin-bottom: 3.125vw;
}

.ab2 .intr {
  width: 62.5%;
}

.ab2 .intr h4 {
  font-size: 1.25vw;
  font-weight: 400;
  color: #222222;
  margin-bottom: 1.563vw;
}

.ab2 .intr p {
  font-size: 0.833vw;
  line-height: 1.5;
  color: #4d4d4d;
  margin-bottom: 1.042vw;
  text-align: justify;
}

.post-3 {
  position: absolute;
  left: -5.208vw;
  bottom: 5.208vw;
  z-index: 0;
  width: 36.458vw;
  pointer-events: none;
}

.post-3 .box {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-items: center;
}

.post-3 .img1 {
  width: 33.854vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 2;
  ;
}

.post-3 .img2 {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 4;
}

.ab3 {
  width: 100%;
  position: relative;
  padding: 7.813vw 0;
  background: #ffffff;
}

.ab3 .row {
  margin-top: 3.125vw;
}

.ab3 .pic {
  width: 53%;
  height: 100vh;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  display: flex;
  align-items: center;
}

.ab3 .circle {
  z-index: 9;
  width: 26.042vw;
  height: 26.042vw;
}

.sticky-circle {
  width: 100%;
  pointer-events: all;
}

.sticky-circle rect {
  fill: none;
  stroke: #dddddd;
  stroke-width: 1.25;
  stroke-dasharray: 1;
  stroke-dashoffset: 2;
  rx: calc(1px * 240);
  ry: calc(1px * 240);
  transform-origin: 50% 50%;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  pointer-events: all;
}

.sticky-circle rect+rect {
  stroke: #004ef5;
  stroke-dashoffset: 0.999;
  stroke-width: 0.75;
  pointer-events: all;
}

.ab3 .circle .progress-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid #004ef5;
  border-radius: 50%;
}

.ab3 .num {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  display: flex;
  align-items: stretch;
  transition: all ease .3s;
}

.ab3 .num-l .year {
  font-size: 13.229vw;
  font-family: "Gotham", "PingFang SC", "Microsoft YaHei";
  font-weight: bold;
  color: #004ef5;
}

.ab3 .num-r {
  position: relative;
  flex-grow: 1;
  will-change: transform;
  transition: all ease .3s;
}

.ab3 .num-r .years {
  position: absolute;
  transition: all ease .3s;
  pointer-events: all;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}

.ab3 .num-r .year {
  font-size: 13.229vw;
  font-family: "Gotham", "PingFang SC", "Microsoft YaHei";
  font-weight: bold;
  color: #f6f6f8;
  transition: all ease .5s;
  pointer-events: all;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}

.ab3 .num-r .year.on {
  color: #004ef5;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}

.ab3 .intr {
  width: 35%;
  padding-top: 15%;
  padding-bottom: 20%;
}

.ab3 .col {
  padding: 2.083vw 0;
  border-bottom: 1px solid #dddddd;
}

.ab3 .col .time {
  font-size: 0.833vw;
  color: #707070;
  margin-bottom: 1.042vw;
}

.ab3 .col p {
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.5;
  color: #222222;
}

.ab4 {
  width: 100%;
  position: relative;
  padding: 7.813vw 0;
  background: #f6f6f8;
}

.ab4 .row {
  margin-top: 3.125vw;
}

.ab4 .col {
  width: 31%;
  margin-bottom: 1.563vw;
}

.ab4 .col.on {
  display: none;
}

.ab4 .pic {
  width: 100%;
  padding: 0.938vw;
  background: #ffffff;
  overflow: hidden;
}

.ab4 .pic img {
  max-width: 100%;
  width: 100%;
  transition: all ease .3s;
}

.ab4 .pic:hover img {
  transform: scale(1.1);
}

.ab4 .intr p {
  font-size: 0.833vw;
  line-height: 1.5;
  color: #4d4d4d;
  text-align: center;
  margin-top: 1.042vw;
}

.ab4 .back {
  margin: 1.563vw 0 0;
}

/* 联系我们 */
.con1 {
  width: 100%;
  position: relative;
  padding: 0 0 7.813vw;
  margin-top: -8.594vw;
}

.con1 .pic {
  width: 31.6%;
  padding: 3.125vw 2.865vw;
  background: #ffffff;
  box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.con1 .pic .txt {
  padding-bottom: 0.521vw;
  border-bottom: 1px solid #dddddd;
}

.con1 .pic .img {
  padding-top: 1.563vw;
}

.con1 .pic h4 {
  font-size: 1.25vw;
  font-weight: 400;
  color: #222222;
  margin-bottom: 1.563vw;
}

.con1 .pic p {
  font-size: 0.833vw;
  color: #000000;
  margin-bottom: 1.042vw;
}

.con1 .pic img {
  width: 9.375vw;
  height: 9.375vw;
}

.con1 .intr {
  width: 65.8%;
  padding: 3.438vw 2.865vw;
  background: #ffffff;
  box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.con1 .intr h4 {
  font-size: 1.25vw;
  font-weight: 400;
  color: #222222;
  margin-bottom: 1.563vw;
}

.con1 .iform input {
  width: 48%;
  height: 50px;
  background: #f6f6f8;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 15px 25px;
  margin-bottom: 1.042vw;
}

.err-input {
  border: 1px solid red !important;
}

input.err-input::-webkit-input-placeholder,
textarea.err-input::-webkit-input-placeholder {
  color: red;
}

input.err-input::-moz-placeholder,
textarea.err-input::-moz-placeholder {
  color: red;
}

input.err-input:-ms-input-placeholder,
textarea.err-input:-ms-input-placeholder {
  color: red;
}

input.err-input:-moz-placeholder,
textarea.err-input:-moz-placeholder {
  color: red;
}

.con1 .iform textarea {
  width: 100%;
  height: 9.896vw;
  background: #f6f6f8;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 15px 25px;
  margin-bottom: 2.083vw;
}

.con2 {
  width: 100%;
}

.con2 .con2-l {
  width: 66.66%;
}

.con2 .con2-l .map {
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
}

.con2 .con2-l .map.on {
  display: block;
}

.con2 .map #bmap1,
.con2 .map #bmap2,
.con2 .map #bmap3 {
  width: 100%;
  height: 100%;
}

.con2 .map .anchorBL {
  display: none !important;
}

.con2 .map .dot {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.con2 .dot .middle-dot {
  width: 0.833vw;
  height: 0.833vw;
  background: #004ef5;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.con2 .dot .signal {
  width: 5.625vw;
  width: 5.625vw;
  background: #004ef5;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
  animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  animation-delay: 0.78s;
  animation-iteration-count: infinite;
}

.con2 .dot .signal2 {
  width: 7.813vw;
  height: 7.813vw;
  background: #004ef5;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
  animation: animationSignal cubic-bezier(0, 0.55, 0.55, 1) 2s;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  animation-iteration-count: infinite;
}

@keyframes animationSignal {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  1% {
    opacity: 0.25;
  }

  20% {
    opacity: 0.25;
  }

  60% {
    transform: scale(1);
    opacity: 0;
  }
}

.con2 .con2-r {
  width: 33.33%;
}

.con2 .con2-r .box {
  width: 100%;
  background: #fafafa;
  padding: 2.344vw 3.125vw;
  transition: all ease .3s;
}

/* .con2 .con2-r .box:hover, */
.con2 .con2-r .box.on {
  background: #004ef5;
}

.con2 .box h4 {
  font-size: 1.25vw;
  font-weight: 400;
  color: #222222;
  margin-bottom: 0.521vw;
  transition: all ease .3s;
}

.con2 .box i {
  color: #ffffff;
  margin-right: 1.042vw;
  display: none;
}

.con2 .con2-r .box.on i {
  display: block;
}

.con2 .box p {
  font-size: 0.833vw;
  color: #000000;
  margin-top: 1.042vw;
  transition: all ease .3s;
}

/* .con2 .con2-r .box:hover h4,
.con2 .con2-r .box:hover p, */
.con2 .con2-r .box.on h4,
.con2 .con2-r .box.on p {
  color: #ffffff;
}

/* 加入我们 */
.join1 {
  width: 100%;
  padding: 6.25vw 0;
  position: relative;
  background: #ffffff;
}

.join1 .row {
  margin-top: 3.125vw;
}

.join1 .col {
  width: 33%;
}

.join1 .pic img {
  width: 4.167vw;
  height: 4.167vw;
  transition: all ease .3s;
}

.join1 .col:hover .intr h4,
.join1 .col:hover img {
  transform: scale(1.1);
}

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

.join1 .intr h4 {
  font-size: 1.25vw;
  font-weight: 400;
  color: #222222;
  margin: 1.042vw 0 2.083vw;
  transition: all ease .3s;
}

.join1 .intr p {
  max-width: 16.146vw;
  margin: 0 auto;
  font-size: 0.833vw;
  line-height: 1.5;
  color: #4d4d4d;
}

.join2 {
  width: 100%;
  padding: 0 0 6.25vw;
  position: relative;
  background: #ffffff;
}

.join2 .row {
  margin-top: 3.125vw;
}

.join2 .col {
  width: 32%;
  background: #f6f6f8;
  border-radius: 5px;
  padding: 1.042vw 1.563vw;
  margin-bottom: 1.042vw;
  cursor: pointer;
  transition: all ease .3s;
}

.join2 .col:hover {
  transform: translateY(-5px);
}

.join2 .box-t {
  margin-bottom: 2.083vw;
}

.join2 .box-t h4,
.gray .box-t h4 {
  font-size: 0.833vw;
  font-weight: 600;
  color: #222222;
}

.join2 .box-t p,
.gray .box-t p {
  font-size: 0.833vw;
  font-weight: 400;
  color: #ee9c51;
}

.join2 .box-c .span,
.gray .box-c .span {
  padding: 0.26vw;
  font-size: 0.729vw;
  color: #707070;
  background: #dddddd;
  margin-right: 0.417vw;
}

.join2 .box-c .more {
  font-size: 0.833vw;
  font-weight: 400;
  color: #707070;
}

.join2 .more i {
  color: #707070;
  margin-left: 8px;
  transition: all ease .3s;
}

.join2 .col:hover .more i {
  transform: translateX(5px);
}

.windows {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 110;
  /* opacity: 0;
  visibility: hidden; */
  display: none;
  /* transition: all ease .5s; */
}

.windows.active {
  /* opacity: 1;
  visibility: visible; */
  display: block;
}

.windows .pop-ups {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 60.417vw;
  width: 100%;
  background: #ffffff;
  z-index: 120;
  box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.pop-ups .close {
  position: absolute;
  right: 2.083vw;
  top: 2.083vw;
  width: 1.563vw;
  height: 1.563vw;
  cursor: pointer;
}

.pop-ups .close img {
  width: 100%;
  transition: all ease .3s;
}

.pop-ups .close:hover img {
  transform: rotate(360deg);
}

.pop-ups .gray {
  padding: 5.729vw 7.813vw 4.167vw;
}

.gray .box-t {
  margin-bottom: 1.042vw;
}

.gray .box-b h4 {
  font-size: 0.833vw;
  font-weight: 600;
  color: #4d4d4d;
  margin-top: 2.083vw;
  margin-bottom: 0.26vw;
}

.gray .box-b p {
  font-size: 0.833vw;
  line-height: 1.5;
  color: #4d4d4d;
  margin-top: 0.521vw;
}

.gray .push {
  margin-top: 2.083vw;
}

.gray .push .button {
  width: 3.125vw;
  height: 3.125vw;
  background: #ffffff;
  box-shadow: 0px 10px 25px rgb(0 0 0 / 16%);
  border-radius: 50%;
  position: static;
  cursor: pointer;
  margin-left: 1.042vw;
  transition: all ease .3s;
}

.gray .push .button i {
  font-size: 1.146vw;
  color: #004ef5;
  transition: all ease .3s;
}

.gray .push .button:hover {
  background: #004ef5;
}

.gray .push .button:hover i {
  color: #ffffff;
}

/* qa页面 */
.faq {
  width: 100%;
  position: relative;
  padding: 10.156vw 0 7.813vw;
  background: #ffffff;
}

.faq .row {
  margin-top: 3.125vw;
}

.faq .faq-l {
  width: 34%;
  padding-top: 2.083vw;
  border-top: 1px solid #dddddd;
  position: sticky;
  position: -webkit-sticky;
  top: 120px;
}

.faq .faq-lt {
  margin-bottom: 2.604vw;
}

.faq .faq-l h4 {
  font-size: 1.25vw;
  font-weight: 400;
  color: #222222;
  margin-bottom: 1.042vw;
}

.faq .faq-l a {
  margin-bottom: 0.521vw;
  transition: all ease .3s;
}

.faq .faq-l a:hover {
  text-decoration: underline;
}

.faq .faq-l p {
  font-size: 0.833vw;
  color: #4d4d4d;
}

.faq .faq-l span {
  width: 10px;
  height: 1px;
  background: #707070;
  display: block;
  margin-right: 10px;
}

.faq .faq-l .more-b {
  margin-top: 1.563vw;
}

.faq .faq-r {
  width: 66%;
  border-left: 1px solid #dddddd;
  padding-top: 1.042vw;
  padding-left: 2.604vw;
  border-top: 1px solid #dddddd;
}

.faq .faq-r .box {
  padding: 1.042vw 0;
  border-bottom: 1px solid #dddddd;
}

.faq .box-t .down {
  transition: all ease .3s;
}

.faq .box.on .down {
  transform: rotate(90deg);
}

.faq .box-c {
  display: none;
  margin-top: 2.083vw;
}

.faq .box-c.on {
  padding-right: 1.042vw;
  height: 20.833vw;
  overflow-y: scroll;
  overflow-x: auto;
}

.faq .box-c::-webkit-scrollbar {
  width: 2px;
  height: 5px;
}

.faq .faq-r .box:first-child .box-c {
  display: block;
}

/* .faq .box.on .box-c {
  display: block;
} */
.faq .faq-r h4 {
  font-size: 1.25vw;
  font-weight: 400;
  color: #222222;
}

.faq .faq-r p {
  font-size: 0.833vw;
  line-height: 1.5;
  color: #4d4d4d;
}

.faq .back {
  margin: 3.125vw 0 0;
}

/* 合作伙伴 */
.par1 {
  width: 100%;
  position: relative;
  background: #ffffff;
  padding: 6.25vw 0;
}

.par1 .bar {
  width: 100%;
  margin: 2.083vw 0;
  border-bottom: 1px solid #dddddd;
}

.par1 .bar .gun {
  font-size: 0.833vw;
  font-weight: 400;
  color: #000000;
  padding: 1.042vw 0;
  margin: 0 2.865vw;
  position: relative;
  cursor: pointer;
  transition: all ease .3s;
}

.par1 .bar .gun::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0.313vw;
  background: #004ef5;
  transition: all ease .3s;
}

.par1 .bar .gun.on::after,
.par1 .bar .gun:hover::after {
  width: 100%;
}

.par1 .bar .gun.on,
.par1 .bar .gun:hover {
  color: #004ef5;
}

.par1 .cutover {
  display: none;
}

.par1 .cutover.on {
  display: block;
}

.par1 .intr {
  width: 44%;
}

.par1 .pic {
  width: 45%;
}

.par1 .pic img {
  max-width: 100%;
  width: 100%;
  transition: all ease .3s;
}

.par1 .pic img:hover {
  transform: scale(1.1);
}

.par1 .intr h4 {
  font-size: 0.833vw;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 0.521vw;
  padding-left: 1.563vw;
  position: relative;
}

.par1 .intr h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.781vw;
  height: 0.573vw;
  background-image: url(/static/img/gou.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.par1 .intr p {
  font-size: 0.833vw;
  line-height: 1.5;
  color: #707070;
  margin-bottom: 1.042vw;
  text-align: justify;
  padding-left: 1.563vw;
}

.par2 {
  width: 100%;
  position: relative;
  padding: 6.25vw 0;
  background-image: url(/static/img/pra2-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.par2 .tit h2,
.par2 .tit p {
  color: #ffffff;
}

.par2 .row {
  margin-top: 3.125vw;
}

.par2 .arrow {
  margin: 0 1.146vw;
}

.par2 .more-w {
  margin: 3.125vw auto 3.125vw;
}

.par3 {
  width: 100%;
  position: relative;
  padding: 6.25vw 0;
  background: #ffffff;
}

.par3 .row {
  margin-top: 3.125vw;
}

.par3 .pic {
  width: 20%;
  padding: 2.604vw 1.042vw;
  background: transparent;
  transition: all ease .3s;
  position: relative;
  z-index: 9;
  overflow: hidden;
}

.par3 .pic:hover {
  background: #ffffff;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.par3 .pic img {
  max-width: 100%;
  width: 100%;
  transition: all ease .3s;
}

.par3 .pic:hover img {
  transform: scale(1.1);
}

.par3 .swiper-pagination {
  bottom: 4.167vw;
  left: 50%;
  transform: translateX(-50%);
}

.par4 {
  width: 100%;
  position: relative;
  padding: 11.198vw 0;
  background-image: url(/static/img/pra4-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.par4 .tit h2,
.par4 .tit p {
  color: #ffffff;
}

.par4 .more-w {
  margin: 3.125vw auto 0;
}


.li1 {
  width: 100%;
  position: relative;
  padding: 6.25vw 0;
}

.li1 .col {
  width: 32%;
  margin-bottom: 1.823vw;
  position: relative;
  transition: all ease .3s;
}

.li1 .pic {
  width: 100%;
  overflow: hidden;
  transition: all ease .3s;
  position: relative;
  border-radius: 5px;
}

.li1 .pic::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  z-index: 0;
}

.li1 .pic img {
  max-width: 100%;
  width: 100%;
  transition: all ease .3s;
  border-radius: 5px;
}

.li1 .col:hover .pic img {
  transform: scale(1.1);
}

.li1 .intr {
  position: absolute;
  left: 1.823vw;
  top: 2.344vw;
  z-index: 1;
}

.li1 .intr h4 {
  font-size: 1.25vw;
  font-weight: 400;
  color: #FFFFFF;
}/* i i s 7.co m */