@charset "utf-8";
/* reset */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
  display: block;
}
/*table{border-collapse:collapse;border-spacing:0;padding:0; }
caption,th{text-align:left;font-weight:normal; }*/
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
i,
cite,
em,
var,
address,
dfn {
  font-style: normal;
}
[hidefocus],
summary {
  outline: 0;
}
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
small {
  font-size: 100%;
}
sup,
sub {
  font-size: 83%;
}
pre,
code,
kbd,
samp {
  font-family: inherit;
}
q:before,
q:after {
  content: none;
}
select {
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
input,
textarea {
  overflow: auto;
  resize: none;
  font-family:
    "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}
label,
summary {
  cursor: default;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: bold;
}
del,
ins,
u,
s,
a,
a:hover {
  text-decoration: none;
}
td {
  border: 1px solid #333333;
}
/* CSS Document */

.a-fdB {
  -webkit-animation: 1s ease-out backwards;
  -moz-animation: 1s ease-out backwards;
  -ms-animation: 1s ease-out backwards;
  animation: 1s ease-out backwards;
}
.a-fdB {
  -webkit-animation-name: fdB;
  -moz-animation-name: fdB;
  -ms-animation-name: fdB;
  animation-name: fdB;
}

@-webkit-keyframes fdB {
  0% {
    opacity: 0;
    -webkit-transform: translateY(5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fdB {
  0% {
    opacity: 0;
    -moz-transform: translateY(5rem);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-ms-keyframes fdB {
  0% {
    opacity: 0;
    -ms-transform: translateY(5rem);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fdB {
  0% {
    opacity: 0;
    transform: translateY(5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

:root {
  --ys_b: #ffffff;
  --ys_b2: #f5f5f5;
  --ys_b3: #dfdfdf;
  --ys_b4: #ebebef;

  --ys_h: #333333;
  --ys_h1: #000000;
  --ys_h2: #888888;
  --ys_h3: #1a1a1a;
  --ys_h4: #eeeeee;
  --ys_h5: #999999;
  --ys_h6: #03010d;
  --ys_h7: #a7a7a7;
  --ys_h8: #cccccc;
  --ys_h9: #282828;

  --ys_l: #364166;
  --ys_l2: #afbad8;
  --ys_l3: #383e62;
  --ys_l4: #153a8b;
  --ys_l5: #2f395d;
  --ys_l6: #4a4e6f;
  --ys_l7: #2f3454;
}

body {
  padding: 0px;
  margin: 0px;
  font-family:
    "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}
html,
body {
  font-size: clamp(12px, 0.8333333333vw, 18px);
}

@media (min-width: 3840px) {
  .width1480 {
    max-width: 137.5rem;
  }
  .width1680 {
    max-width: 150rem;
  }
}

.margin {
  margin: 0px auto;
}
.hidden {
  overflow: hidden;
}
.width1480 {
  width: 77.084%;
}
@media only screen and (max-width: 1920px) {
  .width1480 {
    width: 90%;
    max-width: 1480px;
  }
}
.bg_q {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
video,
textarea {
  vertical-align: middle;
}
section.i_md {
  width: 100%;
  overflow: hidden;
  position: relative;
}
i.md {
  position: absolute;
  scroll-margin-top: 110px;
  z-index: 0;
}

div::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
}
div::-webkit-scrollbar-track {
  background-color: #727b8f;
}
div::-webkit-scrollbar-thumb {
  background-color: #aabee1;
}
div::-webkit-scrollbar-thumb:hover {
  background-color: #aabee1;
}
div::-webkit-scrollbar-thumb:active {
  background-color: #aabee1;
}

ul::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
}
ul::-webkit-scrollbar-track {
  background-color: #727b8f;
}
ul::-webkit-scrollbar-thumb {
  background-color: #aabee1;
}
ul::-webkit-scrollbar-thumb:hover {
  background-color: #aabee1;
}
ul::-webkit-scrollbar-thumb:active {
  background-color: #aabee1;
}

/* search overlay */
.search-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9991;
  background-color: rgba(6, 9, 22, 0.96);
  transform: translateY(-110%);
  transition: 0.4s;
}
.search-bar.open {
  transform: translateY(0);
}
.search-bar .width1480 {
  padding: 3rem 0px 4rem;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.search-bar .width1480 input,
.search-bar .width1480 button {
  background: none;
  border: none;
  outline: none;
  color: var(--ys_b);
  font-size: 1.5rem;
  line-height: 2;
}
.search-bar .width1480 input {
  width: 90%;
}
.search-bar .width1480 input::placeholder {
  color: rgba(255, 255, 255, 0.35);
}
.search-bar .width1480 button {
  opacity: 0.7;
  width: 10%;
  border: 0px;
  text-align: right;
  max-width: 3rem;
  transition: all 0.5s ease;
}
.search-bar .width1480 button:hover {
  opacity: 1;
  transition: all 0.5s ease;
}
.search-bar .width1480 i.x {
  width: 95%;
  bottom: 3rem;
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  height: 1px;
  left: 0px;
}

/* top_bg */
.top_bg,
.top_bg .width1480,
.top_bg .width1480 .logo,
.top_bg .width1480 .logo a,
.top_bg .width1480 .lm_bg,
.top_bg .width1480 .lm_bg ul,
.top_bg .width1480 .lm_bg ul li,
.top_bg .width1480 .lm_bg ul li div.n,
.top_bg .width1480 .top_r {
  height: 4.25rem;
}
.top_bg {
  position: absolute;
  z-index: 999;
  left: 0px;
  top: 0px;
  width: 100%;
  padding: 1.25rem 0px;
}
.top_bg.x {
  position: fixed;
}

.top_bg .width1480 {
  position: relative;
  border-radius: 3rem;
  box-shadow: 0px 0px 0.75rem 0px rgba(0, 0, 0, 0.14);
  background-color: rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: space-between;
}

.top_bg.x .width1480 {
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
}
.top_bg.x.d .width1480 {
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(0px);
}

@media only screen and (max-width: 1920px) {
  .top_bg .width1480 {
    width: 90%;
    max-width: 1480px;
  }
}

.top_bg .width1480 .logo {
  margin-left: 2rem;
  display: flex;
  justify-content: space-between;
}
.top_bg .width1480 .logo a,
.top_bg .width1480 .logo del,
.top_bg .width1480 .lm_bg ul li div.n,
.top_bg .width1480 .top_r {
  display: flex;
  align-items: center;
}
.top_bg .width1480 .logo a img {
  height: 0.875rem;
}

.top_bg .width1480 .logo del {
  margin-left: 1rem;
  font-size: 1rem;
  color: var(--ys_b);
  line-height: 1.5;
}
.top_bg .width1480 .logo del i {
  border-left: 1px solid var(--ys_b);
  padding-left: 1rem;
}

.top_bg .width1480 .gh {
  position: absolute;
  right: 2rem;
  width: 2rem;
  height: 1.6rem;
  top: 50%;
  margin-top: -0.8rem;
  z-index: 8;
  cursor: pointer;
  display: none;
}
.top_bg .width1480 .gh i {
  position: absolute;
  background-color: var(--ys_b);
  width: 100%;
  height: 2px;
  left: 0px;
  transition: all 0.5s ease;
}
.top_bg .width1480 .gh i.t {
  top: 0;
}
.top_bg .width1480 .gh i.c {
  top: 50%;
  margin-top: -1px;
}
.top_bg .width1480 .gh i.f {
  bottom: 0px;
}

.top_bg .width1480 .lm_bg {
  width: 55%;
}
.top_bg .width1480 .lm_bg ul {
  display: flex;
  justify-content: space-between;
}
.top_bg .width1480 .lm_bg ul li {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.top_bg .width1480 .lm_bg ul li div.n {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.top_bg .width1480 .lm_bg ul li div.n a {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 1.125rem;
  color: var(--ys_b);
}
.top_bg .width1480 .lm_bg ul li.x div.n a {
  padding-right: 2.5rem;
}
.top_bg .width1480 .lm_bg ul li:hover div.n a {
  background-color: rgba(0, 0, 0, 0.1);
}
.top_bg .width1480 .lm_bg ul li div.n i.fa {
  color: var(--ys_b);
  font-size: 1.25rem;
  position: absolute;
  right: 1rem;
}

.top_bg .width1480 .lm_bg ul li div.x {
  position: absolute;
  padding-top: 1rem;
  top: 8rem;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s 0s ease-in-out;
}
.top_bg .width1480 .lm_bg ul li:hover div.x {
  top: 4rem;
  opacity: 1;
  pointer-events: auto;
  transition: all 0.5s 0s ease-in-out;
}
.top_bg .width1480 .lm_bg ul li div.x:hover {
  top: 4rem;
  opacity: 1;
  pointer-events: auto;
  transition: all 0.5s 0s ease-in-out;
}

.top_bg .width1480 .lm_bg ul li div.x div.bg {
  background-color: var(--ys_b);
  border-radius: 0.75rem;
  padding: 1.25rem 3rem;
  min-width: 9rem;
  box-shadow: 0px 0.5rem 0.75rem 0px rgba(0, 0, 0, 0.14);
}
.top_bg .width1480 .lm_bg ul li div.x div.bg a {
  display: block;
  font-size: 1rem;
  color: var(--ys_h);
  line-height: 2;
  padding: 0.25rem 0px;
}

.top_bg .width1480 .lm_bg ul li div.x div.bg div {
  position: relative;
}
.top_bg .width1480 .lm_bg ul li div.x div.bg div dd {
  border-bottom: 1px solid var(--ys_h8);
  font-weight: bold;
  margin: 0px 0.5rem;
}
.top_bg .width1480 .lm_bg ul li div.x div.bg div dl {
  margin-top: 0.5rem;
}
.top_bg .width1480 .lm_bg ul li div.x div.bg div dl p {
  position: relative;
}
.top_bg .width1480 .lm_bg ul li div.x div.bg div dl p a.s {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
}
.top_bg .width1480 .lm_bg ul li div.x div.bg div dl p a.s.y {
  line-height: 1.5;
  padding: 0.5rem;
}
.top_bg .width1480 .lm_bg ul li div.x div.bg div dl p a.s:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.top_bg .width1480 .lm_bg ul li div.x div.bg div dl p a.s i.fa {
  position: absolute;
  right: 0.5rem;
}
.top_bg .width1480 .lm_bg ul li div.x div.bg div dl p del {
  padding: 1rem;
  display: block;
  position: absolute;
  overflow: hidden;
  background-color: var(--ys_b);
  left: 100%;
  top: -1rem;
  z-index: 5;
  width: 100%;
  max-height: 0;
  opacity: 0;
  box-shadow: 0px 0px 0.75rem 0px rgba(0, 0, 0, 0.3);
  transform: translateY(-6px);
  pointer-events: none;
  border-radius: 0.5rem;
  transition:
    max-height 0.5s ease,
    opacity 0.5s ease,
    transform 0.5s ease,
    padding 0.5s ease;
}
.top_bg .width1480 .lm_bg ul li div.x div.bg div dl p del::-webkit-scrollbar {
  width: 0.25rem;
}
.top_bg
  .width1480
  .lm_bg
  ul
  li
  div.x
  div.bg
  div
  dl
  p
  del::-webkit-scrollbar-track {
  background-color: #727b8f;
}
.top_bg
  .width1480
  .lm_bg
  ul
  li
  div.x
  div.bg
  div
  dl
  p
  del::-webkit-scrollbar-thumb {
  background-color: #aabee1;
}
.top_bg
  .width1480
  .lm_bg
  ul
  li
  div.x
  div.bg
  div
  dl
  p
  del::-webkit-scrollbar-thumb:hover {
  background-color: #aabee1;
}
.top_bg
  .width1480
  .lm_bg
  ul
  li
  div.x
  div.bg
  div
  dl
  p
  del::-webkit-scrollbar-thumb:active {
  background-color: #aabee1;
}

.top_bg .width1480 .lm_bg ul li div.x div.bg div dl p:hover del {
  opacity: 1;
  max-height: 100vh;
  transform: translateY(0);
  pointer-events: auto;
}
.top_bg .width1480 .lm_bg ul li div.x div.bg div dl p del a {
  font-size: 1rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
}
.top_bg .width1480 .lm_bg ul li div.x div.bg div dl p del a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.top_bg .width1480 .lm_bg ul li div.x.d div.bg {
  padding: 1rem;
  text-align: center;
}
.top_bg .width1480 .lm_bg ul li div.x.d div.bg a {
  padding: 0.25rem 1rem;
  border-radius: 0.5rem;
}
.top_bg .width1480 .lm_bg ul li div.x.d div.bg a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.top_bg .width1480 .lm_bg ul li div.x.e div.bg,
.top_bg .width1480 .lm_bg ul li div.x.s div.bg,
.top_bg .width1480 .lm_bg ul li div.x.f div.bg {
  display: flex;
  justify-content: space-between;
}
.top_bg .width1480 .lm_bg ul li div.x.e div.bg {
  min-width: 24rem;
}
.top_bg .width1480 .lm_bg ul li div.x.e div.bg div {
  width: 46%;
}

.top_bg .width1480 .lm_bg ul li div.x.s div.bg {
  min-width: 36rem;
}
.top_bg .width1480 .lm_bg ul li div.x.s div.bg div {
  width: 30%;
}

.top_bg .width1480 .lm_bg ul li div.x.f {
  margin-left: 20rem;
}
.top_bg .width1480 .lm_bg ul li div.x.f div.bg {
  min-width: 64rem;
  min-height: 20rem;
}
.top_bg .width1480 .lm_bg ul li div.x.f div.bg div {
  width: 23%;
}
.dis-none {
  display: none;
}

.top_bg .width1480 .top_r {
  margin-right: 2rem;
}
.top_bg .width1480 .top_r .bg {
  font-size: 1.125rem;
  display: flex;
  justify-content: space-between;
}
.top_bg .width1480 .top_r .bg a {
  display: inline-block;
  height: 2.5rem;
  line-height: 2.5rem;
  color: var(--ys_b);
}
.top_bg .width1480 .top_r .bg a:hover {
  opacity: 0.8;
}
.top_bg .width1480 .top_r .bg a.so {
  width: 1.125rem;
  background: url(../images/so2.png) no-repeat scroll center;
  background-size: 100% auto;
  margin: 0px 1.25rem;
}
.top_bg .width1480 .top_r .bg a.yy {
  padding-left: 1.5rem;
  background: url(../images/yy2.png) no-repeat scroll left center;
  background-size: 1.125rem auto;
}
.top_bg .width1480 .top_r .bg a.yy i.fa {
  font-size: 1.25rem;
}

/*top_h*/
.top_bg.top_h .width1480 {
  background-color: var(--ys_b) !important;
}
.top_bg.top_h .width1480 .logo del {
  font-size: 1rem;
  color: var(--ys_h);
}
.top_bg.top_h .width1480 .logo del i {
  border-left: 1px solid var(--ys_h);
}
.top_bg.top_h .width1480 .gh i {
  background-color: var(--ys_b);
}
.top_bg.top_h .width1480 .lm_bg ul li div.n a {
  color: var(--ys_h);
}
.top_bg.top_h .width1480 .lm_bg ul li:hover div.n a {
  background-color: rgba(0, 0, 0, 0.1);
}
.top_bg.top_h .width1480 .lm_bg ul li div.n i.fa {
  color: var(--ys_h);
}

.top_bg.top_h .width1480 .top_r {
  margin-right: 2rem;
}
.top_bg.top_h .width1480 .top_r .bg a {
  color: var(--ys_h);
}
.top_bg.top_h .width1480 .top_r .bg a.so {
  background-image: url(../images/so.png);
}
.top_bg.top_h .width1480 .top_r .bg a.yy {
  background-image: url(../images/yy1.png);
}

/*sj_lm_bg*/
.sj_lm_bg {
  position: fixed;
  top: 0px;
  width: 100%;
  max-width: 40rem;
  right: -40rem;
  bottom: 0px;
  background-color: var(--ys_b);
  z-index: -99;
  opacity: 0;
  transition: all 0.5s ease;
  display: none;
}
.sj_lm_bg.selected {
  z-index: 9991;
  opacity: 1;
  right: 0px;
  box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.14);
  transition: all 0.5s ease;
}
.sj_lm_bg .gh {
  position: absolute;
  right: 2%;
  width: 2rem;
  height: 1.6rem;
  top: 2vh;
  z-index: 8;
  cursor: pointer;
  transition: all 0.5s ease;
}
.sj_lm_bg .gh:hover {
  transform: rotate(360deg);
  transition: all 0.5s ease;
}
.sj_lm_bg .gh i {
  position: absolute;
  background-color: var(--ys_h1);
  width: 100%;
  height: 2px;
  left: 0px;
  transition: all 0.5s ease;
}
.sj_lm_bg .gh i.t {
  top: 0;
}
.sj_lm_bg .gh i.c {
  top: 50%;
  margin-top: -1px;
}
.sj_lm_bg .gh i.f {
  bottom: 0px;
}
.sj_lm_bg.selected .gh i {
  top: 50%;
  transition: all 0.5s ease;
}
.sj_lm_bg.selected .gh i.t {
  transform: rotate(45deg);
}
.sj_lm_bg.selected .gh i.c {
  display: none;
}
.sj_lm_bg.selected .gh i.f {
  transform: rotate(135deg);
}

.sj_lm_bg ul {
  width: 94%;
  margin: 8vh auto 2vh;
  height: 90vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.sj_lm_bg ul li {
}
.sj_lm_bg ul li dd {
  position: relative;
}
.sj_lm_bg ul li dd a {
  display: block;
  font-size: 1.25rem;
  line-height: 3;
  color: var(--ys_h);
  font-weight: bold;
}
.sj_lm_bg ul li dd a:hover {
  color: var(--ys_l);
}
.sj_lm_bg ul li dd i {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: right;
  font-size: 2rem;
  color: var(--ys_h);
  cursor: pointer;
}
.sj_lm_bg ul li.on dd i {
  transform: rotateX(180deg);
}
.sj_lm_bg ul li dl {
  display: none;
}
.sj_lm_bg ul li.on dl {
  display: block;
}
.sj_lm_bg ul li dl p a {
  display: block;
  font-size: 1.125rem;
  line-height: 2.25;
  color: var(--ys_h);
}
.sj_lm_bg ul li dl p a:hover {
  color: var(--ys_l);
}
.sj_lm_bg ul li dl p.y {
  padding-left: 4%;
}
.sj_lm_bg ul li dl p.e {
  padding-left: 8%;
}
.sj_lm_bg ul li dl p.e del {
  display: block;
}
.sj_lm_bg ul li dl p.e del.t {
  position: relative;
}
.sj_lm_bg ul li dl p.e del.t i {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: right;
  font-size: 2rem;
  color: var(--ys_h);
  cursor: pointer;
}
.sj_lm_bg ul li dl p.e.x del.t i {
  transform: rotateX(180deg);
}
.sj_lm_bg ul li dl p.e del.f {
  padding-left: 4%;
  display: none;
}
.sj_lm_bg ul li dl p.e.x del.f {
  display: block;
}

.sj_lm_bg ul li.q {
  display: none;
}

/*top_xx*/
.top_xx {
  width: 100%;
  position: relative;
  height: 100vh;
}

/* banner */
.banner,
.banner .swiper-wrapper,
.banner .swiper-wrapper .swiper-slide {
  height: 100vh;
}
.banner {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.banner .swiper-wrapper {
}
.banner .swiper-wrapper .swiper-slide {
  position: relative;
  cursor: grab;
  z-index: 0;
  opacity: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.banner .swiper-wrapper .swiper-slide.on {
  opacity: 9;
  z-index: 5;
}
.banner .swiper-wrapper .swiper-slide video {
  width: 100%;
  position: absolute;
  top: 0px;
  z-index: 1;
  object-fit: cover;
}
.banner .swiper-wrapper .swiper-slide video::-webkit-media-controls-enclosure {
  display: none !important;
}

.banner_xx {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 5;
}
.banner_xx .width1480 {
  height: 100%;
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
}
.banner_xx .width1480 div.bg {
  width: 100%;
  text-align: center;
  margin-top: -10vh;
}
.banner_xx .width1480 div.bg div {
  display: inline-block;
  font-size: 3rem;
  background-image: linear-gradient(to right, #ffffff, #ffffff, #a5abc1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: 53rem;
  margin: 0px auto;
  font-weight: bold;
}

.banner .page_bg {
  position: absolute;
  left: 0px;
  width: 100%;
  bottom: 4vh;
  z-index: 9;
}
.banner .page_bg .width1480 {
  display: flex;
  justify-content: space-between;
}
.banner .page_bg .width1480 .swiper-pagination-bullet {
  width: 23.649%;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 1.25rem;
  overflow: hidden;
  background-color: rgba(4, 3, 19, 0.5);
  transition: all 0.5s ease;
}
.banner .page_bg .width1480 .swiper-pagination-bullet.on {
  width: 48.5%;
  transition: all 0.5s ease;
}
.banner .page_bg .width1480 .swiper-pagination-bullet i.bg_q {
  opacity: 0;
}
.banner .page_bg .width1480 .swiper-pagination-bullet.on i.bg_q {
  opacity: 1;
}
.banner .page_bg .width1480 .swiper-pagination-bullet .bg {
  position: relative;
  z-index: 2;
  width: 82%;
  margin: 3vh auto 2.5vh;
  height: 23vh;
}
.banner .page_bg .width1480 .swiper-pagination-bullet.on .bg {
  width: 92%;
}
.banner .page_bg .width1480 .swiper-pagination-bullet .bg dd {
  position: relative;
  margin-bottom: 1rem;
  padding-right: 20%;
  min-height: 9.6vh;
  overflow: hidden;
}
.banner .page_bg .width1480 .swiper-pagination-bullet .bg dd span {
  font-size: 2rem;
  font-weight: bold;
  background-image: linear-gradient(to right, #ffffff, #ffffff, #a5abc1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.banner .page_bg .width1480 .swiper-pagination-bullet .bg dd i {
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  width: 2.875rem;
  height: 2.875rem;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0px;
}
.banner .page_bg .width1480 .swiper-pagination-bullet .bg dd i img {
  height: 1.5rem;
  width: 1.5rem;
}

@media only screen and (max-width: 1920px) {
  .banner .page_bg .width1480 .swiper-pagination-bullet .bg dd i img {
    height: auto;
    width: auto;
    max-height: 1.5rem;
    max-width: 1.5rem;
  }
}

.banner .page_bg .width1480 .swiper-pagination-bullet .bg dl {
  font-size: 1.125rem;
  color: var(--ys_b);
  opacity: 0.5;
  line-height: 2;
}

/*z_g*/
.z_g {
  background-image: linear-gradient(to right, #ffffff, #ffffff, #a5abc1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*cp_lm_bg*/
.cp_lm_bg {
  width: 100%;
  position: relative;
}
.cp_lm_bg .xx_bg {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
  background: url(../images/cp_lm_bg.jpg) no-repeat center / cover;
}
.cp_lm_bg .width1480 {
  position: relative;
  z-index: 2;
  height: 100vh;
  display: flex;
  align-items: center;
}
.cp_lm_bg .width1480 ul {
  display: flex;
  align-items: center;
  will-change: transform;
  gap: 3rem;
  padding-left: 0;
  width: 100%;
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.cp_lm_bg .width1480 ul li {
  flex: 0 0 80.676%;
  position: relative;
  transition: all 0.5s ease;
}
.cp_lm_bg .width1480 ul li:not(.on) {
  opacity: 0.45;
  transition: all 0.5s ease;
}
.cp_lm_bg .width1480 ul li div.bg {
  width: 92.5%;
  height: 63vh;
  position: relative;
  margin: 0 auto;
}
.cp_lm_bg .width1480 ul li div.bg i.bg_q {
  display: block;
  height: 60%;
  width: 100%;
  border-radius: 1.25rem;
  background-size: cover;
  background-position: center;
  position: relative;
  top: 5%;
  transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.cp_lm_bg .width1480 ul li.on div.bg i.bg_q {
  top: 0;
  height: 100%;
}
.cp_lm_bg .width1480 ul li div.bg div.xx {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 88%;
  z-index: 1;
  transition:
    left 0.5s ease,
    bottom 0.5s ease;
}
.cp_lm_bg .width1480 ul li.on div.bg div.xx {
  left: 6%;
  bottom: 3vh;
}
.cp_lm_bg .width1480 ul li div.bg div.xx dd {
  font-size: 1.875rem;
  color: var(--ys_b);
  font-weight: bold;
}
.cp_lm_bg .width1480 ul li.on div.bg div.xx dd i {
  background-image: linear-gradient(to right, #ffffff, #ffffff, #a5abc1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cp_lm_bg .width1480 ul li div.bg div.xx dl {
  font-size: 1.125rem;
  min-height: 2rem;
  line-height: 2;
  color: var(--ys_b);
  margin-top: 0.5rem;
  opacity: 0;
  transform: translateY(12px);
  transition:
    opacity 0.4s ease 0.1s,
    transform 0.4s ease 0.1s;
}
.cp_lm_bg .width1480 ul li.on div.bg div.xx dl {
  opacity: 1;
  transform: translateY(0);
}
.cp_lm_bg .width1480 ul li div.bg div.xx ol {
  margin-top: 1rem;
  opacity: 0;
  transform: translateY(10px);
  transition:
    opacity 0.4s ease 0.2s,
    transform 0.4s ease 0.2s;
}
.cp_lm_bg .width1480 ul li.on div.bg div.xx ol {
  opacity: 1;
  transform: translateY(0);
}
.cp_lm_bg .width1480 ul li div.bg div.xx ol a {
  width: 9rem;
  height: 2.5rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 2rem;
  color: var(--ys_b);
  font-size: 1rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1rem;
  transition: all 0.4s ease;
}
.cp_lm_bg .width1480 ul li div.bg div.xx ol a i {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--ys_l) url(../images/jt.png) no-repeat center;
  background-size: 0.75rem;
  margin-right: 2px;
  transition: all 0.4s ease;
}
.cp_lm_bg .width1480 ul li div.bg div.xx ol a:hover {
  background-color: var(--ys_b);
  color: var(--ys_l);
}
.cp_lm_bg .width1480 ul li div.bg div.xx ol a:hover i {
  background-color: var(--ys_l);
}

/*i_gc_bg*/
.i_gc_bg {
  width: 100%;
  position: relative;
}
.i_gc_bg ul.xx,
.i_gc_bg ul.xx li {
  position: relative;
}
.i_gc_bg ul.xx {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 0;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}
.i_gc_bg ul.xx li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.6s ease,
    transform 0.6s ease,
    visibility 0.6s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.i_gc_bg ul.xx li.x {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.i_gc_bg ul.xx li .width1480 {
  position: relative;
  z-index: 2;
  height: 100vh;
  display: flex;
  align-items: center;
}
.i_gc_bg ul.xx li .width1480 div.bg {
  width: 80%;
  max-width: 60rem;
  margin: 0px auto;
  text-align: center;
  transform: translateY(5rem);
}
.i_gc_bg ul.xx li.x .width1480 div.bg {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}
.i_gc_bg ul.xx li .width1480 div.bg dd {
  margin-bottom: 0.5rem;
  font-size: 3rem;
  font-weight: bold;
}
.i_gc_bg ul.xx li .width1480 div.bg ol {
  font-size: 2.25rem;
  color: var(--ys_b);
  margin-bottom: 1rem;
}
.i_gc_bg ul.xx li .width1480 div.bg dl {
  font-size: 1.5rem;
  color: var(--ys_h7);
  line-height: 2;
}

.i_gc_bg ul.xx li .width1480 div.tb {
  position: absolute;
  left: 0px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  bottom: 9vh;
}
.i_gc_bg ul.xx li .width1480 div.tb del {
  border: 1px solid rgba(136, 136, 136, 0.5);
  background-color: rgba(0, 0, 0, 0.5);
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  position: relative;
  margin: 0.5rem 0.5rem 0px;
}
.i_gc_bg ul.xx li .width1480 div.tb del img {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  height: 1.875rem;
}

@media only screen and (max-width: 1920px) {
  .i_gc_bg ul.xx li .width1480 div.tb del img {
    height: auto;
    max-height: 1.875rem;
  }
}

.i_gc_bg .i_gc_lm {
  position: absolute;
  top: 30vh;
  bottom: 0;
  right: 5%;
  z-index: 10;
}
.i_gc_bg .i_gc_lm ul {
  position: sticky;
  top: 40vh;
}
.i_gc_bg .i_gc_lm ul li {
  margin: 1.5rem 0px;
  padding-left: 0.5rem;
  border-left: 0.25rem solid rgba(20, 37, 195, 0);
}
.i_gc_bg .i_gc_lm ul li.active {
  border-left: 0.25rem solid rgba(20, 37, 195, 1);
}
.i_gc_bg .i_gc_lm ul li a {
  display: block;
  color: var(--ys_b);
  font-size: 1rem;
}

/*sthz_bg*/
.sthz_bg {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: url(../images/sthz_bg.jpg) no-repeat scroll center;
  background-size: cover;
}
.sthz_bg .width1480 {
  height: 100vh;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}
.sthz_bg .width1480 .xx_bg {
  width: 100%;
  overflow: hidden;
}
.sthz_bg .width1480 .xx_bg .tit {
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
}

.sthz_bg .width1480 .sthz_gd_bg {
  background: url(../images/sthz_gd_bg.png) no-repeat scroll center bottom;
  background-size: 100% auto;
  padding: 4.5rem 0px 6rem;
  margin-bottom: 7.5rem;
}

.sthz_bg .width1480 .sthz_gd {
  margin: 1.5rem 1rem 0px;
  overflow: hidden;
}
.sthz_bg .width1480 .sthz_gd ul {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
}
.sthz_bg .width1480 .sthz_gd ul li {
  flex-shrink: 0;
  height: 3.5rem;
  display: flex;
  align-items: center;
  margin: 0px 2rem;
}
.sthz_bg .width1480 .sthz_gd ul li img {
  height: 1.5rem;
}

.sthz_bg .width1480 .xx_bg div.m {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 1.125rem;
  line-height: 2.35;
}
.sthz_bg .width1480 .xx_bg div.m a {
  color: var(--ys_b);
  border: 1px solid var(--ys_b);
  padding: 0px 3rem;
  border-radius: 3rem;
  margin: 0px 0.75rem;
  transition: all 0.5s ease;
}
.sthz_bg .width1480 .xx_bg div.m a:hover {
  border: 1px solid var(--ys_l);
  background-color: var(--ys_l);
  transition: all 0.5s ease;
}

/*ywstjg*/
.ywstjg {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.ywstjg i.bg_q {
  opacity: 0;
}
.ywstjg video {
  height: 102%;
  position: absolute;
  z-index: 0;
}
.ywstjg video::-webkit-media-controls-enclosure {
  display: none !important;
}
.ywstjg .width1480 {
  min-height: 100vh;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1920px) {
  .ywstjg .width1480 {
    min-height: 67.5rem;
  }
}

.ywstjg .width1480 .tit {
  text-align: center;
  font-size: 3rem;
  font-weight: bold;
  padding-top: 6rem;
}
.ywstjg .width1480 .xx {
  margin: 15vh 0px 5rem;
  position: relative;
}

@media only screen and (max-width: 1920px) {
  .ywstjg .width1480 .xx {
    margin-top: 7.5rem;
  }
}

.ywstjg .width1480 .xx img {
  width: 100%;
  position: relative;
  z-index: 0;
}
.ywstjg .width1480 .xx div {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
}
.ywstjg .width1480 .xx div a {
  position: absolute;
  overflow: hidden;
}
.ywstjg .width1480 .xx div a.X14 {
  transform: skewX(-14deg);
}
.ywstjg .width1480 .xx div a.Q2 {
  border-radius: 0.25rem;
}
.ywstjg .width1480 .xx div a.Q20 {
  border-radius: 1rem;
}
.ywstjg .width1480 .xx div a.Q50 {
  border-radius: 50%;
}
.ywstjg .width1480 .xx div a:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.ywstjg .width1480 .xx div a.y1 {
  width: 14.85%;
  height: 5.5%;
  left: 42.75%;
  top: 1.5%;
}
.ywstjg .width1480 .xx div a.y2 {
  width: 6.2%;
  height: 13.2%;
  left: 24.75%;
  top: 5.35%;
}
.ywstjg .width1480 .xx div a.y3 {
  width: 6%;
  height: 12%;
  left: 33.5%;
  top: 6.5%;
}
.ywstjg .width1480 .xx div a.y4 {
  width: 8.5%;
  height: 18.5%;
  left: 40.5%;
  top: 10.5%;
}
.ywstjg .width1480 .xx div a.y5 {
  width: 8.85%;
  height: 18.5%;
  left: 22.75%;
  top: 22.5%;
}
.ywstjg .width1480 .xx div a.y6 {
  width: 6%;
  height: 12.5%;
  left: 34.75%;
  top: 29.5%;
}
.ywstjg .width1480 .xx div a.y7 {
  width: 8.85%;
  height: 18%;
  right: 28%;
  top: 0.5%;
}
.ywstjg .width1480 .xx div a.y8 {
  width: 6%;
  height: 12.5%;
  right: 38%;
  top: 10.5%;
}
.ywstjg .width1480 .xx div a.y9 {
  width: 6.85%;
  height: 13.5%;
  right: 42.75%;
  top: 25%;
}
.ywstjg .width1480 .xx div a.y10 {
  width: 6.5%;
  height: 13.5%;
  right: 35.5%;
  top: 29.5%;
}
.ywstjg .width1480 .xx div a.y11 {
  width: 8.5%;
  height: 17.5%;
  right: 23%;
  top: 23.5%;
}
.ywstjg .width1480 .xx div a.y12 {
  width: 15%;
  height: 5.5%;
  left: 42.85%;
  top: 47.5%;
}
.ywstjg .width1480 .xx div a.y13 {
  width: 14.65%;
  height: 5.5%;
  left: 18.65%;
  top: 56.4%;
}
.ywstjg .width1480 .xx div a.y14 {
  width: 14.65%;
  height: 5.5%;
  left: 34.95%;
  top: 56.4%;
}
.ywstjg .width1480 .xx div a.y15 {
  width: 14.85%;
  height: 5.5%;
  right: 33.85%;
  top: 56.4%;
}
.ywstjg .width1480 .xx div a.y16 {
  width: 14.75%;
  height: 5.5%;
  right: 17.9%;
  top: 56.4%;
}
.ywstjg .width1480 .xx div a.y17 {
  width: 14.85%;
  height: 5.5%;
  left: 42.75%;
  top: 68.35%;
}
.ywstjg .width1480 .xx div a.y18 {
  width: 16.5%;
  height: 6%;
  left: 15%;
  top: 74.75%;
}
.ywstjg .width1480 .xx div a.y19 {
  width: 10.85%;
  height: 5.5%;
  left: 5.5%;
  bottom: 0%;
}
.ywstjg .width1480 .xx div a.y20 {
  width: 10.85%;
  height: 5.5%;
  left: 17.25%;
  bottom: 0%;
}
.ywstjg .width1480 .xx div a.y21 {
  width: 10.85%;
  height: 5.5%;
  left: 28.85%;
  bottom: 0%;
}
.ywstjg .width1480 .xx div a.y22 {
  width: 16.5%;
  height: 6%;
  right: 14.25%;
  top: 74.75%;
}
.ywstjg .width1480 .xx div a.y23 {
  width: 10.85%;
  height: 5.5%;
  right: 28.75%;
  bottom: 0%;
}
.ywstjg .width1480 .xx div a.y24 {
  width: 10.85%;
  height: 5.5%;
  right: 17%;
  bottom: 0%;
}
.ywstjg .width1480 .xx div a.y25 {
  width: 10.85%;
  height: 5.5%;
  right: 5.4%;
  bottom: 0%;
}

/*i_qqbj*/
.i_md.s {
  z-index: 9991;
}
.i_qqbj {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: url(../images/i_qqbj_bg.jpg) no-repeat scroll center;
  background-size: cover;
}
.i_qqbj .width1480 {
  min-height: 67.5rem;
  position: relative;
  z-index: 1;
}
.i_qqbj .width1480 .tit {
  padding-top: 6rem;
  display: flex;
  justify-content: space-between;
}
.i_qqbj .width1480 .tit div.l {
  font-size: 3rem;
  font-weight: bold;
}
.i_qqbj .width1480 .tit div.r {
  display: flex;
  justify-content: space-between;
}
.i_qqbj .width1480 .tit div.r div {
  min-width: 7.5rem;
}
.i_qqbj .width1480 .tit div.r div:nth-child(2) {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0px 2rem;
  margin: 0px 2rem;
  padding-right: 6.5rem;
  position: relative;
}
.i_qqbj .width1480 .tit div.r div dd {
  margin-bottom: 1.125rem;
}
.i_qqbj .width1480 .tit div.r div dd b {
  font-size: 3rem;
}
.i_qqbj .width1480 .tit div.r div dd i {
  font-size: 1rem;
  color: var(--ys_b);
  margin-left: 0.5rem;
}
.i_qqbj .width1480 .tit div.r div dl {
  font-size: 1rem;
  color: var(--ys_h2);
}

.i_qqbj .width1480 .tit div.r div:nth-child(2) del {
  position: absolute;
  right: 2rem;
  top: 1rem;
  color: var(--ys_h2);
  font-size: 0.5rem;
}

.i_qqbj .width1480 .bj_dt {
  margin-top: 3rem;
  position: relative;
}
.i_qqbj .width1480 .bj_dt img.bg {
  width: 100%;
  margin-bottom: 1.25rem;
}
.i_qqbj .width1480 .bj_dt div.xx {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 5;
}
.i_qqbj .width1480 .bj_dt div.xx div {
  position: absolute;
  cursor: pointer;
}
.i_qqbj .width1480 .bj_dt div.xx div.l {
  padding-left: 2rem;
}
.i_qqbj .width1480 .bj_dt div.xx div.r {
  padding-right: 2rem;
}
.i_qqbj .width1480 .bj_dt div.xx div.s {
  padding-bottom: 2rem;
}
.i_qqbj .width1480 .bj_dt div.xx div.x {
  padding-top: 2rem;
}
.i_qqbj .width1480 .bj_dt div.xx div i {
  position: absolute;
  font-size: 0.875rem;
  color: var(--ys_l4);
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.25rem;
  background-color: var(--ys_b);
  text-align: center;
  line-height: 1.25rem;
}
.i_qqbj .width1480 .bj_dt div.xx div:hover i {
  color: var(--ys_b);
  background-color: var(--ys_l4);
}
.i_qqbj .width1480 .bj_dt div.xx div.l i {
  left: 0px;
}
.i_qqbj .width1480 .bj_dt div.xx div.r i {
  right: 0px;
}
.i_qqbj .width1480 .bj_dt div.xx div.s i {
  bottom: 0px;
  left: 50%;
  margin-left: -0.625rem;
}
.i_qqbj .width1480 .bj_dt div.xx div.x i {
  top: 0px;
  left: 50%;
  margin-left: -0.625rem;
}
.i_qqbj .width1480 .bj_dt div.xx div span {
  color: var(--ys_b);
  font-size: 0.9375rem;
  opacity: 1;
}

.i_qqbj .width1480 .bj_dt div.xx div.d1 {
  top: 33%;
  left: 4.5%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d2 {
  top: 28.5%;
  left: 9%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d3 {
  top: 30%;
  left: 11%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d4 {
  top: 33.2%;
  left: 13.5%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d5 {
  top: 38%;
  left: 5%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d6 {
  top: 39%;
  left: 12.5%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d7 {
  top: 39%;
  left: 9.5%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d8 {
  top: 27%;
  left: 24.5%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d9 {
  top: 39%;
  left: 23%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d10 {
  bottom: 39%;
  left: 22%;
  width: 4rem;
}
.i_qqbj .width1480 .bj_dt div.xx div.d11 {
  bottom: 47.5%;
  left: 20.5%;
  z-index: 9;
}
.i_qqbj .width1480 .bj_dt div.xx div.d12 {
  bottom: 44.5%;
  left: 17%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d13 {
  bottom: 29%;
  left: 16%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d14 {
  top: 33%;
  left: 45%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d15 {
  top: 36.85%;
  left: 41.5%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d16 {
  top: 40%;
  left: 36%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d17 {
  top: 55%;
  left: 33.3%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d18 {
  bottom: 37%;
  left: 31.5%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d19 {
  bottom: 33%;
  left: 33.5%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d20 {
  bottom: 27.5%;
  left: 32.5%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d21 {
  bottom: 9%;
  left: 45%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d22 {
  top: 17%;
  right: 25%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d23 {
  top: 35%;
  right: 27%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d24 {
  top: 49%;
  right: 28%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d25 {
  bottom: 27.5%;
  right: 10%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d26 {
  bottom: 24.5%;
  right: 19.35%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d27 {
  top: 48%;
  left: 23.3%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d28 {
  top: 50%;
  left: 29.3%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d29 {
  top: 57%;
  left: 42%;
}
.i_qqbj .width1480 .bj_dt div.xx div.d30 {
  bottom: 4%;
  right: 53%;
}

.i_qqbj .gj_bg {
  position: absolute;
  top: 0px;
  right: -30rem;
  bottom: 0px;
  background-color: var(--ys_b);
  z-index: 5;
  padding: 1.5rem 2rem;
  width: 22.5rem;
  transition: all 0.5s ease;
}
.i_qqbj .gj_bg.x {
  right: 0px;
  opacity: 1;
  transition: all 0.5s ease;
}
.i_qqbj .gj_bg a.gb {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/gb.png) no-repeat scroll center;
  background-size: cover;
  top: 1rem;
  right: 1rem;
  z-index: 99;
  transition: all 0.5s ease;
}
.i_qqbj .gj_bg a.gb:hover {
  transform: rotate(360deg);
  transition: all 0.5s ease;
}
.i_qqbj .gj_bg .gj_xx {
  position: absolute;
  top: 1.5rem;
  left: 2rem;
  right: 2rem;
  bottom: 1.5rem;
  opacity: 0;
  z-index: 0;
}
.i_qqbj .gj_bg .gj_xx.x {
  opacity: 1;
  z-index: 5;
}
.i_qqbj .gj_bg .gj_xx div.t {
  border-bottom: 1px solid var(--ys_h4);
  color: var(--ys_h3);
  padding-bottom: 1.5rem;
}
.i_qqbj .gj_bg .gj_xx div.t dd {
  font-size: 2.25rem;
  font-weight: bold;
}
.i_qqbj .gj_bg .gj_xx div.t dl {
  font-size: 0.9375rem;
  margin-top: 1rem;
}
.i_qqbj .gj_bg .gj_xx div.c {
  height: 31rem;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 1rem;
}
.i_qqbj .gj_bg .gj_xx div.c div {
  padding: 1rem 0px;
  border-bottom: 1px solid var(--ys_h4);
  cursor: pointer;
  font-size: 0.9375rem;
  line-height: 2;
}
.i_qqbj .gj_bg .gj_xx div.c div dd {
  color: var(--ys_h5);
}
.i_qqbj .gj_bg .gj_xx div.c div dl {
  color: var(--ys_h3);
}
.i_qqbj .gj_bg .gj_xx div.f {
  position: absolute;
  bottom: 0px;
  height: 23.75rem;
  width: 100%;
}
.i_qqbj .gj_bg .gj_xx div.f i.bg_q {
  opacity: 0;
  transition: all 0.5s ease;
}
.i_qqbj .gj_bg .gj_xx div.f i.bg_q.x {
  opacity: 1;
  z-index: 2;
  transition: all 0.5s ease;
}

/*i_news*/
.i_news {
  width: 100%;
  overflow: hidden;
  background: url(../images/i_news_bg.jpg) no-repeat scroll center;
  background-size: cover;
}
.i_news .width1480 {
  height: 67.5rem;
}
.i_news .width1480 .tit {
  padding-top: 8rem;
  margin-bottom: 3.5rem;
  display: flex;
  justify-content: space-between;
}
.i_news .width1480 .tit b {
  font-size: 3rem;
}
.i_news .width1480 .tit a {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 2rem;
  font-size: 1rem;
  height: 2.5rem;
  color: var(--ys_b);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 9rem;
  padding-left: 1rem;
  font-weight: bold;
}
.i_news .width1480 .tit a i {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: url(../images/jt.png) no-repeat scroll center var(--ys_l);
  background-size: 0.75rem;
  margin-right: 2px;
  transition: all 0.5s ease;
}
.i_news .width1480 .tit a:hover {
  color: var(--ys_l);
  background-color: var(--ys_b);
  transition: all 0.5s ease;
}

.i_news_qh .swiper-wrapper,
.i_news_qh .swiper-wrapper .swiper-slide,
.i_news_qh .swiper-wrapper .swiper-slide a {
  height: 37.75rem;
}
.i_news_qh {
  width: 102%;
  position: relative;
  margin-left: -2%;
  overflow: hidden;
}
.i_news_qh .swiper-wrapper {
}
.i_news_qh .swiper-wrapper .swiper-slide {
  position: relative;
  cursor: grab;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.i_news_qh .swiper-wrapper .swiper-slide a {
  display: block;
  width: 87.42%;
  margin: 0px auto;
}
.i_news_qh .swiper-wrapper .swiper-slide a div.t {
  padding: 3rem 0px;
  height: 11.125rem;
}
.i_news_qh .swiper-wrapper .swiper-slide a div.t ol {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 1rem;
}
.i_news_qh .swiper-wrapper .swiper-slide a div.t dd {
  font-size: 1.5rem;
  color: var(--ys_b);
  line-height: 2;
  height: 9rem;
  overflow: hidden;
}
.i_news_qh .swiper-wrapper .swiper-slide a div.f {
  position: relative;
  height: 20.625rem;
  border-radius: 1.25rem;
  overflow: hidden;
}
.i_news_qh .swiper-wrapper .swiper-slide a div.f i {
  transition: all 0.5s ease;
}
.i_news_qh .swiper-wrapper .swiper-slide a:hover div.f i {
  transform: scale(1.1);
  transition: all 0.5s ease;
}

.i_news_qh div.qh {
  margin-top: 5rem;
  display: flex;
  justify-content: right;
}
.i_news_qh div.qh del {
  display: inline-block;
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 0.8125rem;
  background-color: var(--ys_b);
  transition: all 0.5s ease;
  margin-left: 0.75rem;
}
.i_news_qh div.qh del:hover {
  background-color: var(--ys_l);
  transition: all 0.5s ease;
}
.i_news_qh div.qh del.qh_l {
  background-image: url(../images/jt_l1.png);
}
.i_news_qh div.qh del.qh_r {
  background-image: url(../images/jt_r1.png);
}
.i_news_qh div.qh del.qh_l:hover {
  background-image: url(../images/jt_l2.png);
}
.i_news_qh div.qh del.qh_r:hover {
  background-image: url(../images/jt_r2.png);
}

/*i_bd_bg*/
.i_bd_bg {
  width: 100%;
  overflow: hidden;
  background: url(../images/i_bd_bg.jpg) no-repeat scroll center;
  background-size: cover;
}
.i_bd_bg .width1480 {
  height: 60rem;
  display: flex;
  align-items: center;
}
.i_bd_bg .width1480 .i_bd_xx {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.i_bd_bg .width1480 .i_bd_xx .bd_l {
  width: 45%;
  max-width: 34rem;
}
.i_bd_bg .width1480 .i_bd_xx .bd_l dd {
  font-size: 3rem;
  font-weight: bold;
}
.i_bd_bg .width1480 .i_bd_xx .bd_l dl {
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 1.5rem;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r {
  width: 50%;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .form-group {
  width: 48%;
  margin-bottom: 1.25rem;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  font-size: 1rem;
  line-height: 3;
  position: relative;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .form-group input,
.i_bd_bg .width1480 .i_bd_xx .bd_r form .form-group textarea {
  font-size: 1rem;
  border: 0px;
  color: var(--ys_b);
  outline: none;
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .form-group label {
  position: absolute;
  top: 0px;
  left: 1rem;
  color: rgba(255, 255, 255, 0.5);
  padding-right: 0.5rem;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .form-group label span {
  position: absolute;
  right: 0px;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .form-group div.col-md-10 {
  margin: 0px 1rem;
  padding-left: 3rem;
  position: relative;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .form-group div.col-md-10 i.fa {
  position: absolute;
  right: 0px;
  color: var(--ys_b);
  font-size: 1.5rem;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
}

.i_bd_bg .width1480 .i_bd_xx .bd_r form .form-group#dr_row_szsf div.col-md-10,
.i_bd_bg .width1480 .i_bd_xx .bd_r form .form-group#dr_row_szcs div.col-md-10,
.i_bd_bg .width1480 .i_bd_xx .bd_r form .form-group#dr_row_zxxq div.col-md-10 {
  padding-left: 5rem;
  padding-right: 1.5rem;
}

.i_bd_bg .width1480 .i_bd_xx .bd_r form .form-group input {
  height: 3rem;
}

.i_bd_bg
  .width1480
  .i_bd_xx
  .bd_r
  form
  .form-group#dr_row_szsf
  div.col-md-10
  input,
.i_bd_bg
  .width1480
  .i_bd_xx
  .bd_r
  form
  .form-group#dr_row_szcs
  div.col-md-10
  input,
.i_bd_bg
  .width1480
  .i_bd_xx
  .bd_r
  form
  .form-group#dr_row_zxxq
  div.col-md-10
  input {
  text-align: right;
}

.i_bd_bg .width1480 .i_bd_xx .bd_r form .form-group#dr_row_zxxq {
  width: 100%;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .form-group#dr_row_liouyan {
  width: 100%;
}

.i_bd_bg .width1480 .i_bd_xx .bd_r form .form-group .bg {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 1rem 0px;
  border-radius: 0.5rem;
  left: 0px;
  right: 0px;
  height: 10rem;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 8;
  display: none;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .form-group:hover .bg {
  display: block;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .form-group:hover .bg.x {
  display: none;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .form-group .bg a {
  display: block;
  font-size: 1rem;
  padding: 0px 1rem;
  color: var(--ys_b);
  line-height: 2;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .form-group .bg a:hover {
  background-color: var(--ys_l);
}

.i_bd_bg .width1480 .i_bd_xx .bd_r form .form-group#dr_row_liouyan label {
  display: none;
}
.i_bd_bg
  .width1480
  .i_bd_xx
  .bd_r
  form
  .form-group#dr_row_liouyan
  div.col-md-10 {
  margin: 1rem;
  padding: 0px;
}
.i_bd_bg
  .width1480
  .i_bd_xx
  .bd_r
  form
  .form-group#dr_row_liouyan
  div.col-md-10
  textarea {
  height: 9.25rem;
}
.i_bd_bg
  .width1480
  .i_bd_xx
  .bd_r
  form
  .form-group#dr_row_liouyan
  div.col-md-10
  textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.i_bd_bg .width1480 .i_bd_xx .bd_r form .yzhm {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .yzhm input,
.i_bd_bg .width1480 .i_bd_xx .bd_r form .yzhm button {
  border: 0px;
  outline: none;
  font-size: 1rem;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .yzhm input {
  margin-left: 1.25rem;
  background-color: rgba(0, 0, 0, 0);
  line-height: 3;
  color: var(--ys_b);
  width: 50%;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .yzhm input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .yzhm button {
  height: 2.25rem;
  margin-right: 0.5rem;
  background-color: var(--ys_l);
  color: var(--ys_b);
  border-radius: 0.5rem;
  padding: 0px 1.5rem;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .yzhm button:hover {
  background-color: var(--ys_l5);
}

.i_bd_bg .width1480 .i_bd_xx .bd_r form .bt {
  width: 100%;
  margin-top: 1.5rem;
  display: flex;
  justify-content: left;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .bt del,
.i_bd_bg .width1480 .i_bd_xx .bd_r form .bt button {
  font-size: 1rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .bt del {
  color: var(--ys_b);
  font-weight: bold;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .bt del input {
  margin-right: 0.75rem;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .bt del a {
  color: var(--ys_b);
  opacity: 0.8;
  text-decoration: underline;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .bt del a:hover {
  opacity: 1;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .bt button {
  margin-left: 0.75rem;
  border: 0px;
  outline: none;
  background-color: var(--ys_l);
  border-radius: 3rem;
  color: var(--ys_b);
  padding-left: 1.25rem;
  padding-right: 5rem;
  position: relative;
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .bt button:hover {
  background-color: var(--ys_l5);
}
.i_bd_bg .width1480 .i_bd_xx .bd_r form .bt button i {
  position: absolute;
  right: 1.25rem;
  width: 0.75rem;
  height: 0.75rem;
  background: url(../images/jt.png) no-repeat scroll center;
  background-size: 0.75rem;
}

/*foot_bg*/
.foot_bg {
  width: 100%;
  overflow: hidden;
  background: linear-gradient(180deg, #07080e 0%, #171a30 55%, #898cb8 100%);
  position: relative;
  z-index: 2;
}
.foot_bg .mouse-glow {
  position: fixed;
  width: 32rem;
  height: 32rem;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(160, 180, 255, 0.3) 15%,
    rgba(100, 120, 255, 0.1) 30%,
    transparent 52%
  );
  filter: blur(3rem);
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 90;
  transition:
    left 0.08s ease-out,
    top 0.08s ease-out;
  display: none;
}
.foot_bg:hover .mouse-glow {
  display: block;
}
.foot_bg .width1480 {
  padding: 6rem 0px 1rem;
}
.foot_bg .width1480 .foot_t {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8rem;
}
.foot_bg .width1480 .foot_t .foot_l {
  width: 31.5%;
}
.foot_bg .width1480 .foot_t .foot_l div.t {
  margin-bottom: 2rem;
}
.foot_bg .width1480 .foot_t .foot_l div.t img {
  height: 1.5rem;
}

.foot_bg .width1480 .foot_t .foot_l div.c {
  margin-bottom: 2.5rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: url(../images/f_dw.png) no-repeat scroll 0.875rem center
    rgba(175, 186, 216, 0.1);
  padding-left: 3rem;
  background-size: auto 1.0625rem;
  display: flex;
  justify-content: space-between;
  border-radius: 0.75rem;
}
.foot_bg .width1480 .foot_t .foot_l div.c:hover {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.foot_bg .width1480 .foot_t .foot_l div.c a {
  display: block;
  color: var(--ys_l2);
  position: relative;
  width: 100%;
  font-size: 1rem;
  line-height: 3;
}
.foot_bg .width1480 .foot_t .foot_l div.c a:hover {
  color: var(--ys_b);
}
.foot_bg .width1480 .foot_t .foot_l div.c a i {
  width: 25%;
  max-width: 3rem;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  background: url(../images/jt.png) no-repeat scroll center;
  background-size: 0.8125rem;
}

/*xxlx_bg*/
.xxlx_bg {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: var(--ys_b);
  padding: 1.5rem 2rem;
  width: 22.5rem;
  opacity: 0;
  z-index: -2;
  transition: all 0.5s ease;
  box-shadow: 0px 0px 0.75rem 0px rgba(0, 0, 0, 0.14);
}
.xxlx_bg.x {
  opacity: 1;
  z-index: 9999;
  transition: all 0.5s ease;
}
.xxlx_bg a.gb {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/gb.png) no-repeat scroll center;
  background-size: cover;
  top: 1rem;
  right: 1rem;
  z-index: 99;
  transition: all 0.5s ease;
}
.xxlx_bg a.gb:hover {
  transform: rotate(360deg);
  transition: all 0.5s ease;
}
.xxlx_bg .gj_xx {
  position: absolute;
  top: 1.5rem;
  left: 2rem;
  right: 2rem;
  bottom: 1.5rem;
}
.xxlx_bg .gj_xx div.t {
  border-bottom: 1px solid var(--ys_h4);
  color: var(--ys_h3);
  padding-bottom: 1.5rem;
}
.xxlx_bg .gj_xx div.t dd {
  font-size: 2.25rem;
  font-weight: bold;
}
.xxlx_bg .gj_xx div.t dd a {
  color: var(--ys_h);
  border-bottom: 0.125rem solid rgba(0, 0, 0, 0);
  padding-bottom: 0.5rem;
  margin-right: 1rem;
}
.xxlx_bg .gj_xx div.t dd a.o {
  border-bottom: 0.125rem solid rgba(0, 0, 0, 1);
}
.xxlx_bg .gj_xx div.t dd a:hover,
.xxlx_bg .gj_xx div.t dd a.o {
  color: var(--ys_l);
}
.xxlx_bg .gj_xx div.t dl {
  font-size: 0.9375rem;
  margin-top: 2rem;
}
.xxlx_bg .gj_xx div.f {
  height: 68vh;
  margin-top: 3rem;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 1rem;
  display: none;
}
.xxlx_bg .gj_xx div.f.x {
  display: block;
}
.xxlx_bg .gj_xx div.f div {
  padding: 1rem 0px;
  border-bottom: 1px solid var(--ys_h4);
  cursor: pointer;
  font-size: 0.9375rem;
  line-height: 2;
}
.xxlx_bg .gj_xx div.f div dd {
  color: var(--ys_h5);
}
.xxlx_bg .gj_xx div.f div dl {
  color: var(--ys_h3);
}

.foot_bg .width1480 .foot_t .foot_l div.f_x {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.foot_bg .width1480 .foot_t .foot_l div.f_x div {
  width: 48%;
  margin-bottom: 2rem;
}
.foot_bg .width1480 .foot_t .foot_l div.f_x div dd {
  font-size: 1rem;
  color: var(--ys_l2);
}
.foot_bg .width1480 .foot_t .foot_l div.f_x div dl {
  margin-top: 0.75rem;
  font-size: 1.5rem;
  color: var(--ys_l2);
}
.foot_bg .width1480 .foot_t .foot_l div.f_x div dl a {
  color: var(--ys_l2);
  opacity: 0.5;
}
.foot_bg .width1480 .foot_t .foot_l div.f_x div dl a:hover {
  color: var(--ys_b);
}

.foot_bg .width1480 .foot_t .foot_l div.f_n {
  font-size: 1rem;
  color: var(--ys_l2);
  margin-bottom: 1.25rem;
}
.foot_bg .width1480 .foot_t .foot_l div.f {
  margin-top: 1.25rem;
  display: flex;
  justify-content: left;
}
.foot_bg .width1480 .foot_t .foot_l div.nr {
  display: inline-block;
  margin-right: 0.75rem;
  position: relative;
  display: flex;
  justify-content: center;
  border: 1px solid #595d7a;
  border-radius: 0.5rem;
  background-color: var(--ys_l6);
}
.foot_bg .width1480 .foot_t .foot_l div.nr a {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  transition: all 0.5s ease;
}
.foot_bg .width1480 .foot_t .foot_l div.nr a:hover {
  opacity: 1;
  transition: all 0.5s ease;
}
.foot_bg .width1480 .foot_t .foot_l div.nr a img {
  height: 1.5rem;
}

@media only screen and (max-width: 1920px) {
  .foot_bg .width1480 .foot_t .foot_l div.nr a img {
    height: auto;
    max-width: 80%;
  }
}

.foot_bg .width1480 .foot_t .foot_l div:nth-child(1) .bg {
  position: absolute;
  background-color: var(--ys_b);
  border-radius: 0.5rem;
  padding: 0px 1.25rem;
  width: 15rem;
  display: flex;
  justify-content: space-between;
  bottom: 4rem;
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: all 0.25s ease;
}
.foot_bg .width1480 .foot_t .foot_l div:nth-child(1):hover .bg {
  padding: 1.25rem;
  height: auto;
  overflow: initial;
  opacity: 1;
  transition: all 0.5s ease;
}
.foot_bg .width1480 .foot_t .foot_l div:nth-child(1) .bg i.w {
  position: absolute;
  width: 1.5rem;
  height: 1rem;
  left: 50%;
  margin-left: -0.75rem;
  bottom: 0px;
  margin-bottom: -0.98rem;
  transform: rotate(180deg);
  background: url(../images/dw.png) no-repeat scroll center;
  background-size: auto 100%;
}
.foot_bg .width1480 .foot_t .foot_l div:nth-child(1) .bg div {
  text-align: center;
  width: 42%;
}
.foot_bg .width1480 .foot_t .foot_l div:nth-child(1) .bg div ol {
  border: 1px solid var(--ys_h4);
  border-radius: 0.5rem;
  padding: 0.1rem 0px;
}
.foot_bg .width1480 .foot_t .foot_l div:nth-child(1) .bg div ol img {
  width: 97.17%;
}
.foot_bg .width1480 .foot_t .foot_l div:nth-child(1) .bg div dd {
  font-size: 0.875rem;
  color: var(--ys_h3);
  margin-top: 1rem;
}

.foot_bg .width1480 .foot_t .foot_r {
  width: 50%;
  padding-top: 3rem;
  display: flex;
  justify-content: space-between;
}
.foot_bg .width1480 .foot_t .foot_r div {
  font-size: 1rem;
  line-height: 2;
}
.foot_bg .width1480 .foot_t .foot_r div dd {
  color: var(--ys_l2);
}
.foot_bg .width1480 .foot_t .foot_r div dd a {
  color: var(--ys_l2);
}
.foot_bg .width1480 .foot_t .foot_r div dd a:hover {
  color: var(--ys_b);
}
.foot_bg .width1480 .foot_t .foot_r div dl {
  margin-top: 1.25rem;
}
.foot_bg .width1480 .foot_t .foot_r div dl a {
  display: block;
  font-size: 1rem;
  color: var(--ys_l2);
  opacity: 0.5;
  margin-bottom: 1.25rem;
}
.foot_bg .width1480 .foot_t .foot_r div dl a:hover {
  color: var(--ys_b);
}

.foot_bg .width1480 .foot_f {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 1rem;
  display: flex;
  justify-content: space-between;
}
.foot_bg .width1480 .foot_f div {
  font-size: 0.9375rem;
  color: rgba(255, 255, 255, 0.5);
}
.foot_bg .width1480 .foot_f div.l {
}
.foot_bg .width1480 .foot_f div.r {
  text-align: right;
}
.foot_bg .width1480 .foot_f div a {
  color: rgba(255, 255, 255, 0.5);
}
.foot_bg .width1480 .foot_f div a:hover {
  color: var(--ys_b);
}

/*pf_bg*/
.pf_bg {
  position: fixed;
  right: 2rem;
  bottom: 4vh;
  z-index: 999;
}
.pf_bg a {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  margin-top: 0.75rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
  background-color: var(--ys_b);
  box-shadow: 0px 0px 0.5rem 0px r gba(0, 0, 0, 0.14);
  transition: all 0.5s ease;
}
.pf_bg a:hover {
  background-color: var(--ys_l);
  transition: all 0.5s ease;
}
.pf_bg a.p1 {
  background-image: url(../images/pf_l1.png);
}
.pf_bg a.p2 {
  background-image: url(../images/pf_l2.png);
}
.pf_bg a.p3 {
  background-image: url(../images/pf_l3.png);
}
.pf_bg a.p4 {
  background-image: url(../images/pf_l4.png);
  display: none;
}
.pf_bg a.p4.x {
  display: block;
}
.pf_bg a.p5 {
  background-image: url(../images/pf_l5.png);
}
.pf_bg a.p1:hover {
  background-image: url(../images/pf_l11.png);
}
.pf_bg a.p2:hover {
  background-image: url(../images/pf_l22.png);
}
.pf_bg a.p3:hover {
  background-image: url(../images/pf_l33.png);
}
.pf_bg a.p4:hover {
  background-image: url(../images/pf_l44.png);
}
.pf_bg a.p5:hover {
  background-image: url(../images/pf_l55.png);
}

/*动画效果*/
.i_md ul.cp_lm li div.bg i.bg_q {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on ul.cp_lm li div.bg i.bg_q {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .sthz_bg .width1480 .sthz_gd_bg {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .sthz_bg .width1480 .sthz_gd_bg {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .ywstjg .width1480 .xx img {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .ywstjg .width1480 .xx img {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .i_qqbj .width1480 .bj_dt div.xx div {
  opacity: 0;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div {
  opacity: 1;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d1 {
  transition: all 0.5s 3.75s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d2 {
  transition: all 0.5s 3.5s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d3 {
  transition: all 0.5s 3.25s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d4 {
  transition: all 0.5s 3s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d5 {
  transition: all 0.5s 2.75s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d6 {
  transition: all 0.5s 2.5s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d7 {
  transition: all 0.5s 2.25s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d8 {
  transition: all 0.5s 2s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d9 {
  transition: all 0.5s 1.75s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d10 {
  transition: all 0.5s 1.5s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d11 {
  transition: all 0.5s 1.25s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d12 {
  transition: all 0.5s 1s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d13 {
  transition: all 0.5s 0.75s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d14 {
  transition: all 0.5s 0.5s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d15 {
  transition: all 0.5s 0.25s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d16 {
  transition: all 0.5s 0.25s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d17 {
  transition: all 0.5s 0.5s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d18 {
  transition: all 0.5s 0.75s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d19 {
  transition: all 0.5s 1s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d20 {
  transition: all 0.5s 1.25s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d21 {
  transition: all 0.5s 1.5s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d22 {
  transition: all 0.5s 1.75s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d23 {
  transition: all 0.5s 2s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d24 {
  transition: all 0.5s 2.25s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d25 {
  transition: all 0.5s 2.5s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d26 {
  transition: all 0.5s 2.75s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d27 {
  transition: all 0.5s 3s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d28 {
  transition: all 0.5s 3.25s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d29 {
  transition: all 0.5s 3.75s ease-in-out;
}
.i_md.on .i_qqbj .width1480 .bj_dt div.xx div.d30 {
  transition: all 0.5s 4s ease-in-out;
}

.i_md .i_news_qh {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .i_news_qh {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .i_bd_bg .width1480 .i_bd_xx .bd_l {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .i_bd_bg .width1480 .i_bd_xx .bd_l {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

/*qh_jj*/
.qh_jj {
  width: 100%;
  position: relative;
}
.qh_jj .sthfw_wz {
  position: absolute;
  z-index: 5;
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: 34%;
  display: flex;
  align-items: center;
}
.qh_jj .sthfw_wz div {
  width: 100%;
  font-size: 1.125rem;
  color: var(--ys_h2);
  line-height: 2;
}

.qh_jj .qh_jj_bg {
  position: sticky;
  z-index: 0;
  top: 0px;
  height: 100vh;
  background: linear-gradient(to left top, #bfc1cd, #ffffff, #ffffff, #bfc1cd);
}
.qh_jj .width1480 {
  position: sticky;
  top: 0px;
  height: 100vh;
  display: flex;
  align-items: center;
}
.qh_jj .width1480 .js_qh .swiper-wrapper,
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg {
  height: min(42.1875rem, 74vh);
}
.qh_jj .width1480 .js_qh {
  width: 100%;
  position: relative;
  margin: 3rem 0px;
  z-index: 5;
}
.qh_jj .width1480 .js_qh .swiper-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg {
  width: 100%;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  will-change: transform;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(1) {
  z-index: 90;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(2) {
  z-index: 89;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(3) {
  z-index: 88;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(4) {
  z-index: 87;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(5) {
  z-index: 86;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(6) {
  z-index: 85;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(7) {
  z-index: 84;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(8) {
  z-index: 83;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(9) {
  z-index: 82;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(10) {
  z-index: 81;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(11) {
  z-index: 80;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(12) {
  z-index: 79;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(13) {
  z-index: 78;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(14) {
  z-index: 77;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(15) {
  z-index: 76;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(16) {
  z-index: 75;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(17) {
  z-index: 74;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(18) {
  z-index: 73;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(19) {
  z-index: 72;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(20) {
  z-index: 71;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(21) {
  z-index: 70;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(22) {
  z-index: 69;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(23) {
  z-index: 68;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(24) {
  z-index: 67;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(25) {
  z-index: 66;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(26) {
  z-index: 65;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(27) {
  z-index: 64;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(28) {
  z-index: 63;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(29) {
  z-index: 62;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(30) {
  z-index: 61;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(31) {
  z-index: 60;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(32) {
  z-index: 59;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(33) {
  z-index: 58;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(34) {
  z-index: 57;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(35) {
  z-index: 56;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(36) {
  z-index: 45;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(37) {
  z-index: 54;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(38) {
  z-index: 53;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(39) {
  z-index: 52;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(40) {
  z-index: 51;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(41) {
  z-index: 50;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(42) {
  z-index: 49;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(43) {
  z-index: 48;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(44) {
  z-index: 47;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(45) {
  z-index: 46;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(46) {
  z-index: 45;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(47) {
  z-index: 44;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(48) {
  z-index: 43;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(49) {
  z-index: 42;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg:nth-child(50) {
  z-index: 41;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg.on {
  z-index: 99;
}

.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg div.g.l {
  position: relative;
  width: 60.811%;
  border-radius: 0.75rem;
  overflow: hidden;
  transition: transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
  background: #ffffff;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg div.g.l img {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
  margin: auto;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg.on div.g.l {
  height: 100%;
  transition: all 0.5s 0s ease-in-out;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg.g1 div.g.l {
  height: 80%;
  transition: all 0.5s 0s ease-in-out;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg.g2 div.g.l {
  height: 50%;
  transition: all 0.5s 0s ease-in-out;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg.g3 div.g.l {
  height: 20%;
  transition: all 0.5s 0s ease-in-out;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg.g4 div.g.l {
  height: 0%;
  transition: all 0.5s 0s ease-in-out;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg div.g.l div {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  height: 37%;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.8)
  );
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg div.g.l div p {
  position: absolute;
  text-align: center;
  color: var(--ys_b);
  font-size: 1.125rem;
  bottom: 2rem;
  width: 90%;
  left: 5%;
}

.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg div.g.r {
  width: 34%;
  display: flex;
  align-items: center;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg div.g.r div {
  width: 100%;
  opacity: 0;
  transition: opacity 0.55s ease;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg.on div.g.r div {
  opacity: 1;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg.g1 div.g.r div {
  opacity: 0.8;
  transform: translate(0px, 0px);
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg.g2 div.g.r div {
  opacity: 0.6;
  transform: translate3d(0px, 3rem, 0px);
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg.g3 div.g.r div {
  opacity: 0.4;
  transform: translate3d(0px, 6rem, 0px);
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg.g4 div.g.r div {
  opacity: 0;
  transform: translate(0px, 9rem);
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg div.g.r div dd {
  font-size: 2.25rem;
  color: var(--ys_h3);
  margin: 0px 0px 1.5rem;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg div.g.r div dl {
  font-size: 1.125rem;
  color: var(--ys_h2);
  line-height: 2;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg div.g.r div dl p {
  position: relative;
  margin-top: 2rem;
  padding-left: 2rem;
}
.qh_jj .width1480 .js_qh .swiper-wrapper .xx_bg div.g.r div dl p i {
  position: absolute;
  left: 0px;
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--ys_l3);
  top: 1rem;
}
.qh_jj .width1480 .js_qh .page {
  opacity: 0;
  position: absolute;
  width: 56%;
  z-index: 9;
  top: 2rem;
  left: 2%;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.qh_jj .width1480 .js_qh .page i {
  display: inline-block;
  margin: 0px 0.25rem;
  width: 2.5rem;
  height: 0.25rem;
  background-color: var(--ys_l3);
  opacity: 0.5;
}
.qh_jj .width1480 .js_qh .page i.o {
  opacity: 1;
}

/*关于我们*/
.banner_about {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.banner_about .width1480 {
  position: relative;
  z-index: 2;
  height: 100vh;
}
.banner_about .width1480 div.sj,
.banner_about .width1480 div.xx {
  position: absolute;
  left: 0px;
  width: 100%;
}
.banner_about .width1480 div.sj {
  bottom: 10vh;
  display: flex;
  justify-content: space-between;
}
.banner_about .width1480 div.sj div.x {
  text-align: center;
  width: 33.3333%;
  color: var(--ys_b);
}
.banner_about .width1480 div.sj div.x dd {
  margin-bottom: 1rem;
}
.banner_about .width1480 div.sj div.x dd b {
  font-size: 3rem;
}
.banner_about .width1480 div.sj div.x dd i {
  font-size: 1rem;
}
.banner_about .width1480 div.sj div.x dl {
  font-size: 1rem;
  min-height: 4rem;
}
.banner_about .width1480 div.xx {
  bottom: 6vh;
  font-size: 0.75rem;
  color: var(--ys_b);
  opacity: 0.5;
  text-align: center;
}

.about_sp_tit {
  font-size: 2.625rem;
  color: var(--ys_h3);
  text-align: center;
  line-height: 1.5;
  padding-top: 5rem;
}
.about_sp {
  width: 100%;
}
.about_sp .sticky-inner {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}

.about_sp div.xx {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  overflow: hidden;
  transform: scale(0.67262);
  border-radius: 1.5rem;
  opacity: 0;
  text-align: center;
}
.about_sp div.xx.o {
  opacity: 1;
  z-index: 5;
  transition:
    transform 0.3s ease,
    opacity 1s ease;
}
/*.about_sp div.xx.o.d1{ transform:scale(0.87262); }8*/
.about_sp div.xx.o.d1 {
  transform: scale(0.78631);
}
/*.about_sp div.xx.o.d1.d2{ transform:scale(1); border-radius:0px; }*/
.about_sp div.xx.o.d1.d2 {
  transform: scale(0.9);
  border-radius: 0px;
}
.about_sp div.xx.o.d1.d2.x {
  opacity: 0;
}
.about_sp div.xx video {
  height: 100%;
  object-fit: cover;
}
.about_sp div.xx video::-webkit-media-controls {
  display: none !important;
}
.about_sp div.xx_en {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  transition: all 0.5s 0s ease-in-out;
}
.about_sp div.xx_en.o {
  opacity: 1;
  z-index: 9;
  transition: all 0.5s 0s ease-in-out;
}
.about_sp div.xx_en i.bg {
  position: absolute;
  background-color: rgba(24, 30, 62, 0.8);
  backdrop-filter: blur(10px);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
}
.about_sp div.xx_en .width1480 {
  position: relative;
  z-index: 2;
  height: 100vh;
  display: flex;
  align-items: center;
  opacity: 0;
  transform: translateY(5rem);
}
.about_sp div.xx_en.o .width1480 {
  opacity: 1;
  transform: translateY(0px);
  transition: all 1s 0s ease-in-out;
}
.about_sp div.xx_en .width1480 div.n {
  width: 100%;
  color: var(--ys_b);
  text-align: center;
}
.about_sp div.xx_en .width1480 div.n div.t {
  font-size: 1.5rem;
  line-height: 2;
}
.about_sp div.xx_en .width1480 div.n div.f {
  margin-top: 6rem;
}
.about_sp div.xx_en .width1480 div.n div.f img {
  width: 42.568%;
}

.about_sp_qh {
  display: none;
}

.about_ggw {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.about_ggw i.bg {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.about_ggw .width1480 {
  position: relative;
  height: 100vh;
  z-index: 5;
  display: flex;
  align-items: center;
}
.about_ggw .width1480 div.xx {
  width: 100%;
}
.about_ggw .width1480 div.xx div {
  margin: 0px auto;
  color: var(--ys_b);
  text-align: center;
  max-width: 58rem;
}
.about_ggw .width1480 div.xx div dd {
  font-size: 2.25rem;
  margin-bottom: 1rem;
}
.about_ggw .width1480 div.xx div dl {
  font-size: 1.5rem;
  line-height: 2;
}

.about_zl {
  padding: 7rem 0px;
}
.about_zl_qh .swiper-wrapper,
.about_zl_qh .swiper-wrapper .swiper-slide {
  height: 42.5rem;
}
.about_zl_qh {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.about_zl_qh .swiper-wrapper {
}
.about_zl_qh .swiper-wrapper .swiper-slide {
  position: relative;
  cursor: grab;
  border-radius: 0.5rem;
  overflow: hidden;
  opacity: 0 !important;
  z-index: 0 !important;
}
.about_zl_qh .swiper-wrapper .swiper-slide.on {
  opacity: 1 !important;
  z-index: 5 !important;
}
.about_zl_qh .swiper-wrapper .swiper-slide.on i.d {
  margin-left: -100%;
  width: 100%;
  right: 100%;
  transition: all 0.5s 0s ease-in-out;
}
.about_zl_qh .swiper-wrapper .swiper-slide div {
  position: absolute;
  z-index: 5;
  right: 2%;
  left: 2%;
  bottom: 5%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
  padding: 1.5rem;
  color: var(--ys_b);
  opacity: 0;
}
.about_zl_qh .swiper-wrapper .swiper-slide div dd {
  font-size: 1.5rem;
}
.about_zl_qh .swiper-wrapper .swiper-slide div dl {
  font-size: 1rem;
  margin-top: 0.5rem;
}

.about_zl_qh .page {
  margin-top: 3.75rem;
  overflow: hidden;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.about_zl_qh .page div {
  width: 32.3%;
  border-top: 0.1875rem solid #8b8e9e;
  padding: 2rem 0px;
}
.about_zl_qh .page div.on {
  border-top: 0.1875rem solid #181e3e;
  color: var(--ys_h);
}
.about_zl_qh .page div dd {
  font-size: 1.5rem;
  font-weight: bold;
  opacity: 0.5;
}
.about_zl_qh .page div.on dd {
  opacity: 1;
}
.about_zl_qh .page div dl {
  font-size: 1rem;
  opacity: 0.5;
  line-height: 2;
  margin-top: 1rem;
}

.about_lxwm_bg {
  position: relative;
  padding-bottom: 10vh;
  margin-bottom: 3rem;
}
.about_lxwm {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.about_lxwm .about_lx_xx {
  width: 100%;
  overflow: hidden;
  transform: scale(3.2);
  transition:
    transform 0.9s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.6s;
}

.about_lxwm.x1 .about_lx_xx {
  transform: scale(2);
}
.about_lxwm.x2 .about_lx_xx {
  transform: scale(1.5);
}
.about_lxwm.x3 .about_lx_xx {
  transform: scale(1.2);
}
.about_lxwm.x4 .about_lx_xx {
  transform: scale(1);
}

.about_lxwm div.dt_bg {
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  transition:
    transform 0.9s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.6s;
}
.about_lxwm.x2 div.dt_bg {
  transform: scale(0.7);
}
.about_lxwm.x3 div.dt_bg {
  transform: scale(0.4);
}
.about_lxwm.x4 div.dt_bg {
  transform: scale(0);
  opacity: 0;
}
.about_lxwm div.dt_bg div.bt {
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
}
.about_lxwm div.dt_bg div.bt div {
  width: 100%;
  text-align: center;
  color: var(--ys_b);
  font-size: 2.25rem;
  opacity: 0;
  transform: translateY(5rem);
}
.about_lxwm.x1 div.dt_bg div.bt div {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.about_lxwm div.xx,
.about_lxwm div.xx div.b {
  height: 32vh;
  overflow: hidden;
}
.about_lxwm div.xx {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  opacity: 1;
}
.about_lxwm div.xx div.b {
  overflow: hidden;
  position: relative;
}
.about_lxwm div.xx div.b img.g {
  width: 100%;
  opacity: 0;
}

.about_lxwm div.xx.lxwm_t div.b:nth-child(1) {
  width: 49.8165%;
}
.about_lxwm div.xx.lxwm_t div.b:nth-child(2) {
  width: 24.278%;
}
.about_lxwm div.xx.lxwm_t div.b:nth-child(3) {
  width: 24.278%;
}

.about_lxwm div.xx.lxwm_c {
  margin: 2vh 0px;
}
.about_lxwm div.xx.lxwm_c div.b:nth-child(1) {
  width: 15.555%;
}
.about_lxwm div.xx.lxwm_c div.b:nth-child(2) {
  width: 15.555%;
}
.about_lxwm div.xx.lxwm_c div.b:nth-child(3) {
  width: 32.37%;
}
.about_lxwm div.xx.lxwm_c div.b:nth-child(4) {
  width: 15.555%;
}
.about_lxwm div.xx.lxwm_c div.b:nth-child(5) {
  width: 15.555%;
}

.about_lxwm div.xx.lxwm_f div.b:nth-child(1) {
  width: 24.015%;
}
.about_lxwm div.xx.lxwm_f div.b:nth-child(2) {
  width: 24.278%;
}
.about_lxwm div.xx.lxwm_f div.b:nth-child(3) {
  width: 24.278%;
}
.about_lxwm div.xx.lxwm_f div.b:nth-child(4) {
  width: 24.278%;
}

.about_lxwm div.xx div.b div {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.5)
  );
}
.about_lxwm div.xx div.b div del {
  color: var(--ys_b);
  position: absolute;
  bottom: 2vh;
  left: 4%;
  right: 4%;
  opacity: 0;
  transition: all 0.5s 0s ease-in-out;
}
.about_lxwm div.xx div.b div:hover del {
  opacity: 1;
  transition: all 0.5s 0s ease-in-out;
}
.about_lxwm div.xx div.b div del p.t {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.about_lxwm div.xx div.b div del p.f {
  font-size: 1rem;
  line-height: 2;
}

.about_lxwm_sj {
  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
}
.about_lxwm_sj div.bg {
  width: 49%;
  position: relative;
  margin-bottom: 2rem;
}
.about_lxwm_sj div.bg div {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.5)
  );
}
.about_lxwm_sj div.bg div del {
  color: var(--ys_b);
  position: absolute;
  bottom: 2vh;
  left: 4%;
  right: 4%;
}
.about_lxwm_sj div.bg div del p.t {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.about_lxwm_sj div.bg div del p.f {
  font-size: 1rem;
  line-height: 2;
}

/*动画效果*/
.i_md .about_sp_tit {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.x .about_sp_tit {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .about_ggw .width1480 div.xx div {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.x .about_ggw .width1480 div.xx div {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

/*加入我们*/
.banner_join {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.banner_join .width1480 {
  position: relative;
  z-index: 5;
  height: 100vh;
}
.banner_join .width1480 div.tit {
  text-align: center;
  color: var(--ys_b);
  padding-top: 10rem;
}
.banner_join .width1480 div.tit dd {
  font-size: 4rem;
  margin-bottom: 1rem;
}
.banner_join .width1480 div.tit dl {
  font-size: 1.5rem;
}
.banner_join .width1480 div.tit dl i {
  margin: 0px 0.6rem;
}

.join_xx {
  padding: 4.5rem 0px 6rem;
}
.join_xx .tit {
  text-align: center;
  font-size: 3rem;
  color: var(--ys_l);
  margin-bottom: 4rem;
}
.join_xx .wz_xx {
  margin-bottom: 4rem;
}
.join_xx .wz_xx div {
  margin-bottom: 1.5rem;
}
.join_xx .wz_xx div dd {
  font-size: 2.25rem;
  color: var(--ys_h3);
  font-weight: bold;
}
.join_xx .wz_xx div dl {
  font-size: 1.125rem;
  color: var(--ys_h2);
  line-height: 2;
  margin-top: 0.5rem;
}
.join_xx .wa_lb {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  width: 100%;
}
.join_xx .wa_lb .bg {
  margin-bottom: 2rem;
  width: 32.433%;
  overflow: hidden;
  position: relative;
  height: 21.25rem;
  border-radius: 0.5rem;
  transform-style: preserve-3d;
}
.join_xx .wa_lb .bg div.i1,
.join_xx .wa_lb .bg div.i2 {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  transition: all 0.5s 0s ease-in-out;
}
.join_xx .wa_lb .bg div.i1 div.g,
.join_xx .wa_lb .bg div.i2 div.g {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
}
.join_xx .wa_lb .bg div.i1 div.g div,
.join_xx .wa_lb .bg div.i2 div.g div {
  color: var(--ys_b);
}

.join_xx .wa_lb .bg div.i1 {
  transform: rotateY(0deg);
  opacity: 1;
}
.join_xx .wa_lb .bg:hover div.i1 {
  transform: rotateY(180deg);
  opacity: 0;
}
.join_xx .wa_lb .bg div.i1 div.g {
  display: flex;
  align-items: center;
}
.join_xx .wa_lb .bg div.i1 div.g div {
  width: 100%;
  text-align: center;
  font-size: 2.25rem;
  font-weight: bold;
}

.join_xx .wa_lb .bg div.i2 {
  transform: rotateY(180deg);
  opacity: 0;
}
.join_xx .wa_lb .bg:hover div.i2 {
  transform: rotateY(0deg);
  opacity: 1;
}
.join_xx .wa_lb .bg div.i2 div.g {
}
.join_xx .wa_lb .bg div.i2 div.g div {
  font-size: 1.125rem;
  line-height: 2;
  width: 88%;
  margin: 2.5rem 6% 0px;
}

.join_rc,
.join_rc .swiper-wrapper,
.join_rc .swiper-wrapper .swiper-slide {
  height: 60rem;
}
.join_rc {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 7.5rem;
}
.join_rc .swiper-wrapper {
}
.join_rc .swiper-wrapper .swiper-slide {
  position: relative;
  cursor: grab;
  z-index: 0;
}
.join_rc .swiper-wrapper .swiper-slide.swiper-slide-next {
  z-index: 1;
}
.join_rc .swiper-wrapper .swiper-slide.on {
  z-index: 2;
}

.join_rc .swiper-wrapper .swiper-slide div.i {
  position: relative;
  height: 42.8125rem;
  overflow: hidden;
  border-radius: 0.5rem;
}
.join_rc .swiper-wrapper .swiper-slide.on div.i i.d {
  margin-left: -100%;
  width: 100%;
  right: 100%;
  transition: all 0.5s 0s ease-in-out;
}

.join_rc .swiper-wrapper .swiper-slide div.x {
  margin-top: 8.25rem;
  width: 100%;
  border-top: 0.1875rem solid var(--ys_h4);
  background-color: var(--ys_b);
  padding-top: 2.5rem;
  opacity: 0;
}
.join_rc .swiper-wrapper .swiper-slide.on div.x {
  opacity: 1;
}
.join_rc .swiper-wrapper .swiper-slide div.x div {
  font-size: 1.125rem;
  color: var(--ys_h);
  line-height: 2;
  text-align: center;
  max-width: 64%;
  margin: 0px auto;
}

.join_rc .page {
  width: 100%;
  position: absolute;
  top: 42.8125rem;
  z-index: 8;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.join_rc .page div {
  width: 33.333333%;
  height: 8.25rem;
  display: flex;
  align-items: center;
  border-bottom: 0.1875rem solid rgba(56, 62, 98, 0);
}
.join_rc .page div.on {
  border-bottom: 0.1875rem solid rgba(56, 62, 98, 1);
}
.join_rc .page div i {
  width: 90%;
  padding: 0px 5%;
  text-align: center;
  display: inline-block;
  font-size: 1.5rem;
  color: var(--ys_h2);
}
.join_rc .page div.on i {
  color: var(--ys_h3);
}

.join_an {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.join_an .width1480 {
  height: 100vh;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}
.join_an .width1480 div {
  width: 100%;
  text-align: center;
}
.join_an .width1480 div a {
  display: inline-block;
  font-size: 1.5rem;
  color: var(--ys_b);
  line-height: 2.5;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 4rem;
  padding: 0px 3rem;
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.6)
  );
  transition: all 0.5s 0s ease-in-out;
}
.join_an .width1480 div a:hover {
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0.1)
  );
}

/*动画效果*/
.i_md .join_xx .tit {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .join_xx .tit {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .join_xx .wz_xx div {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .join_xx .wz_xx div {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .join_xx .wz_xx div:nth-child(1) {
  transition: all 0.5s 0.5s ease-in-out;
}
.i_md.on .join_xx .wz_xx div:nth-child(2) {
  transition: all 0.5s 1s ease-in-out;
}

.i_md .join_xx .wa_lb .bg {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .join_xx .wa_lb .bg {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .join_xx .wa_lb .bg:nth-child(1) {
  transition: all 0.5s 1.5s ease-in-out;
}
.i_md.on .join_xx .wa_lb .bg:nth-child(2) {
  transition: all 0.5s 2s ease-in-out;
}
.i_md.on .join_xx .wa_lb .bg:nth-child(3) {
  transition: all 0.5s 2.5s ease-in-out;
}

.i_md .join_rc .swiper-wrapper .swiper-slide div.i i.bg_q {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .join_rc .swiper-wrapper .swiper-slide div.i i.bg_q {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .join_an .width1480 div {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .join_an .width1480 div {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

/*cp_bg*/
.cp_bg {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.cp_bg .width1480 {
  height: 100vh;
  position: relative;
  z-index: 5;
}

.cp_xx {
  width: 100%;
  overflow: hidden;
  background-color: var(--ys_b2);
}
.cp_xx .width1480 {
  min-height: 100vh;
  display: flex;
  align-items: center;
}
.cp_xx .width1480 .cp_xx_bg {
  width: 100%;
  padding: 3rem 0px;
}
.cp_xx .width1480 .cp_xx_bg .tit {
  text-align: center;
}
.cp_xx .width1480 .cp_xx_bg .tit dd {
  font-size: 2.25rem;
  color: var(--ys_h3);
  font-weight: bold;
}
.cp_xx .width1480 .cp_xx_bg .tit dl {
  font-size: 1.125rem;
  color: var(--ys_h5);
  margin-top: 1vh;
}

.cp_xx .width1480 .cp_xx_bg .qh_xx {
  margin-top: 3vh;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx .qh_n {
  text-align: center;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx .qh_n del {
  display: inline-block;
  background-color: var(--ys_h4);
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx .qh_n del i {
  display: inline-block;
  cursor: pointer;
  font-size: 1rem;
  line-height: 2;
  min-width: 6rem;
  padding: 0px 1.5rem;
  color: var(--ys_h3);
  border-radius: 0.5rem;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx .qh_n del i.o,
.cp_xx .width1480 .cp_xx_bg .qh_xx .qh_n del i:hover {
  background-color: var(--ys_b);
}

.cp_xx .width1480 .cp_xx_bg .qh_xx .qh_n ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx .qh_n ul li {
  cursor: pointer;
  text-align: center;
  margin: 0px 1rem;
  opacity: 0.55;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx .qh_n ul li.o,
.cp_xx .width1480 .cp_xx_bg .qh_xx .qh_n ul li:hover {
  opacity: 1;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx .qh_n ul li ol {
  margin-bottom: 0.75rem;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx .qh_n ul li ol span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  margin: 0px auto;
  border-radius: 50%;
  border: 1px solid #3c3c3c;
  overflow: hidden;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx .qh_n ul li ol span i {
  display: block;
  width: 88%;
  height: 88%;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx .qh_n ul li dd {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--ys_h3);
}

.cp_xx .width1480 .cp_xx_bg .qh_xx .qh_i {
  margin-top: 2vh;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx .qh_i div {
  text-align: center;
  display: none;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx .qh_i div.x {
  display: block;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx .qh_i div img {
  height: 46.5vh;
}

.cp_xx .width1480 .cp_xx_bg .hxcs {
  margin-top: 2vh;
}
.cp_xx .width1480 .cp_xx_bg .hxcs div.n {
  text-align: center;
  font-size: 1.5rem;
  color: var(--ys_h3);
}
.cp_xx .width1480 .cp_xx_bg .hxcs div.b {
  display: flex;
  justify-content: space-between;
  margin-top: 1.25rem;
}
.cp_xx .width1480 .cp_xx_bg .hxcs div.b div {
  text-align: center;
  padding: 1.25rem 1.5% 0.5rem;
  min-width: 13%;
}
.cp_xx .width1480 .cp_xx_bg .hxcs div.b div ol {
  margin-bottom: 1.5rem;
}
.cp_xx .width1480 .cp_xx_bg .hxcs div.b div ol span {
  display: inline-block;
  border: 1px solid #c9c9c9;
  border-radius: 0.5rem;
}
.cp_xx .width1480 .cp_xx_bg .hxcs div.b div ol span img {
  height: 3.75rem;
}
.cp_xx .width1480 .cp_xx_bg .hxcs div.b div dd {
  font-size: 1rem;
  color: var(--ys_h3);
  line-height: 1.75;
}
.cp_xx .width1480 .cp_xx_bg .hxcs div.b i.x {
  width: 1px;
  background-color: var(--ys_b3);
}

/*cp_ggy*/
.cp_ggy .width1480 {
  display: flex;
  align-items: center;
}
.cp_ggy .width1480 div.bg {
  width: 100%;
  color: var(--ys_b);
  text-align: center;
}
.cp_ggy .width1480 div.bg div.k {
  max-width: 29rem;
  margin: 0px auto;
}
.cp_ggy .width1480 div.bg div.t {
  font-size: 2.25rem;
  margin-bottom: 1rem;
  font-weight: bold;
}
.cp_ggy .width1480 div.bg div.t i {
  background-image: linear-gradient(to right, #ffffff, #a5abc1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cp_ggy .width1480 div.bg div.f {
  font-size: 1.5rem;
  line-height: 2;
}

/*cp_jsgg*/
.cp_jsgg .width1480 {
  display: flex;
  align-items: center;
}
.cp_jsgg .width1480 .xx_bg {
  width: 100%;
}
.cp_jsgg .width1480 .xx_bg .tit {
  font-size: 2.25rem;
  font-weight: bold;
  margin-bottom: 2vh;
  text-align: center;
  padding-right: 62%;
}
.cp_jsgg .width1480 .xx_bg .tit i {
  background-image: linear-gradient(to right, #ffffff, #a5abc1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cp_jsgg .width1480 .xx_bg .jsgg_xx {
  display: flex;
  justify-content: space-between;
}
.cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden {
  height: 75vh;
  overflow: initial;
}
.cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.l {
  width: 38%;
}
.cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.l div.i {
  height: 49vh;
  padding-top: 3vh;
  margin-top: -3vh;
  position: relative;
}
.cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.l div.i img {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
}
.cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.l div.i img.g {
  top: 0px;
  width: 100%;
}
.cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.l div.i img.i {
  bottom: 0px;
  width: 56%;
  height: 40vh;
  object-fit: contain;
  z-index: 2;
}
.cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.l div.b {
  height: 3.668vh;
  padding: 3vh 0px;
  display: flex;
  justify-content: center;
}
.cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.l div.b img {
  margin: 0px 0.5rem;
  height: 100%;
}
.cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.l div.a {
  text-align: center;
}
.cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.l div.a a {
  display: inline-block;
  font-size: 1rem;
  color: var(--ys_h);
  background-color: var(--ys_b);
  line-height: 2.5;
  border-radius: 3rem;
  padding: 0px 1.875rem;
}
.cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.l div.a a:hover {
  background-color: var(--ys_l);
  color: var(--ys_b);
}

.cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.r {
  width: 50%;
}
.cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.r ul {
  height: 100%;
  padding-right: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.r ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.75rem 0px;
  display: flex;
  justify-content: space-between;
}
.cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.r ul li dl {
  font-size: 1rem;
  color: var(--ys_b);
}
.cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.r ul li dl.z {
  width: 40%;
}
.cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.r ul li dl.y {
  width: 50%;
}

/*cp_ty*/
.cp_ty .width1480 div.xx {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 5vh;
  text-align: center;
}
.cp_ty .width1480 div.xx div.t {
  font-size: 2.25rem;
  color: var(--ys_b);
}
.cp_ty .width1480 div.xx div.f {
  margin-top: 1.5rem;
}
.cp_ty .width1480 div.xx div.f a {
  display: inline-block;
  background-color: var(--ys_b);
  font-size: 1rem;
  color: var(--ys_h);
  line-height: 2.5;
  padding: 0px 2rem;
  border-radius: 3rem;
}
.cp_ty .width1480 div.xx div.f a:hover {
  background-color: var(--ys_l);
  color: var(--ys_b);
}

/*cp_lb*/
.cp_lb {
  width: 100%;
  overflow: hidden;
}
.cp_lb .lb_bg {
  position: relative;
  overflow: hidden;
}
.cp_lb .lb_bg .width1480 {
  height: 100vh;
  position: relative;
  z-index: 2;
}
.cp_lb .lb_bg .width1480 div.xx {
  position: absolute;
  color: var(--ys_b);
  max-width: 30rem;
  top: 15vh;
  width: 70%;
}
.cp_lb .lb_bg .width1480 div.xx.l {
  left: 0px;
}
.cp_lb .lb_bg .width1480 div.xx.r {
  right: 0px;
}

.cp_lb .lb_bg .width1480 div.xx-l.r {
  left: 100px;
}
.cp_lb .lb_bg .width1480 div.xx-r.r {
  right: 100px;
}
.cp_lb .lb_bg .width1480 div.xx dd {
  font-size: 2.25rem;
}
.cp_lb .lb_bg .width1480 div.xx dl {
  font-size: 1.125rem;
  line-height: 2;
  margin-top: 0.75rem;
}
.cp_lb .lb_bg .width1480 div.xx ol {
  margin-top: 2rem;
}
.cp_lb .lb_bg .width1480 div.xx ol a {
  font-size: 1rem;
  color: var(--ys_b);
  line-height: 2.5;
  display: inline-block;
}
.cp_lb .lb_bg .width1480 div.xx ol a.l {
  padding-left: 4rem;
  position: relative;
  margin-right: 1rem;
}
.cp_lb .lb_bg .width1480 div.xx ol a.l i.fa {
  border: 1px solid var(--ys_b);
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cp_lb .lb_bg .width1480 div.xx ol a.l:hover {
  opacity: 0.8;
}
.cp_lb .lb_bg .width1480 div.xx ol a.r {
  border: 1px solid var(--ys_b);
  padding: 0px 1.875rem;
  border-radius: 3rem;
}
.cp_lb .lb_bg .width1480 div.xx ol a.r:hover {
  background-color: var(--ys_b);
  color: var(--ys_h);
}

/*动画效果*/
.cp_lb .i_md .lb_bg .width1480 div.xx {
  opacity: 0;
  transform: translateY(5rem);
}
.cp_lb .i_md.on .lb_bg .width1480 div.xx {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

/*zlz_aqtx*/
.zlz_aqtx .width1480 .tit {
  font-size: 2.25rem;
  font-weight: bold;
  padding-top: 8vh;
  text-align: center;
}
.zlz_aqtx .width1480 .tit i {
  background-image: linear-gradient(to right, #ffffff, #a5abc1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.zlz_aqtx .width1480 .aq_lb {
  width: 100%;
  margin-top: 5vh;
  display: flex;
  justify-content: space-between;
}
.zlz_aqtx .width1480 .aq_lb .bg {
  text-align: center;
  color: var(--ys_b);
}
.zlz_aqtx .width1480 .aq_lb .bg ol {
  margin-bottom: 0.75rem;
}
.zlz_aqtx .width1480 .aq_lb .bg ol img {
  height: 5vh;
}
.zlz_aqtx .width1480 .aq_lb .bg dd {
  font-size: 1.125rem;
  margin-bottom: 0.75rem;
}
.zlz_aqtx .width1480 .aq_lb .bg dl {
  font-size: 1rem;
  opacity: 0.5;
  line-height: 1.5;
}

.zlz_aqtx .width1480 .aq_tp {
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0px;
  text-align: center;
}
.zlz_aqtx .width1480 .aq_tp img {
  height: 56vh;
}

/*banner_zlz*/
.banner_zlz {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.banner_zlz .width1480 {
  position: relative;
  z-index: 2;
  height: 100vh;
  display: flex;
  align-items: center;
}
.banner_zlz .width1480 div.bg {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.banner_zlz .width1480 div.bg div.l {
  width: 50%;
  height: 68vh;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
/* max-width:33.125rem;*/
.banner_zlz .width1480 div.bg div.l img {
  height: 100%;
}
@media only screen and (max-width: 1920px) {
  .banner_zlz .width1480 div.bg div.l img {
    height: auto;
  }
}
.banner_zlz .width1480 div.bg div.r {
  width: 45%;
  display: flex;
  align-items: center;
}
.banner_zlz .width1480 div.bg div.r div.a-fdB {
  margin: 0px auto;
  text-align: center;
  color: var(--ys_b);
}
.banner_zlz .width1480 div.bg div.r div.a-fdB div.t {
  font-size: 2.25rem;
  font-weight: bold;
}
.banner_zlz .width1480 div.bg div.r div.a-fdB div.c {
  font-size: 1.5rem;
  padding: 1.25rem 0px;
}
.banner_zlz .width1480 div.bg div.r div.a-fdB div.f {
  margin-top: 1rem;
}
.banner_zlz .width1480 div.bg div.r div.a-fdB div.f a {
  display: inline-block;
  font-size: 1rem;
  color: var(--ys_b);
  border: 1px solid var(--ys_b);
  line-height: 2.5;
  padding: 0px 2rem;
  border-radius: 3rem;
  margin: 0px 0.5rem;
}
.banner_zlz .width1480 div.bg div.r div.a-fdB div.f a:hover {
  background-color: var(--ys_b);
  color: var(--ys_h);
}

.cp_zlz_lb {
  width: 100%;
  overflow: hidden;
}
.cp_zlz_lb .lb_bg {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.cp_zlz_lb .lb_bg i.bg {
  position: absolute;
  z-index: 0;
  top: 0px;
  bottom: 0px;
  width: 64.32%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.cp_zlz_lb .lb_bg.l i.bg {
  left: 0px;
}
.cp_zlz_lb .lb_bg.r i.bg {
  right: 0px;
}
.cp_zlz_lb .lb_bg .width1480 {
  position: relative;
  z-index: 5;
}
.cp_zlz_lb .lb_bg .width1480 div.xx {
  width: 26%;
  height: 100vh;
  display: flex;
  align-items: center;
}
.cp_zlz_lb .lb_bg.l .width1480 div.xx {
  float: right;
}
.cp_zlz_lb .lb_bg.r .width1480 div.xx {
  float: left;
}
.cp_zlz_lb .lb_bg .width1480 div.xx div {
  width: 100%;
}
.cp_zlz_lb .lb_bg .width1480 div.xx div dd {
  font-size: 2.25rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.cp_zlz_lb .lb_bg .width1480 div.xx div dl {
  font-size: 1rem;
  color: var(--ys_h2);
  line-height: 2;
}

/*动画效果*/
.cp_zlz_lb .i_md .lb_bg .width1480 div.xx div {
  opacity: 0;
  transform: translateY(5rem);
}
.cp_zlz_lb .i_md.on .lb_bg .width1480 div.xx div {
  opacity: 1;
  transform: translateY(0px);
  transition: all 1s 0s ease-in-out;
}

.i_md .zlz_aqtx .width1480 .aq_lb .bg {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .zlz_aqtx .width1480 .aq_lb .bg {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .zlz_aqtx .width1480 .aq_lb .bg:nth-child(1) {
  transition: all 0.5s 0s ease-in-out;
}
.i_md.on .zlz_aqtx .width1480 .aq_lb .bg:nth-child(2) {
  transition: all 0.5s 0.5s ease-in-out;
}
.i_md.on .zlz_aqtx .width1480 .aq_lb .bg:nth-child(3) {
  transition: all 0.5s 1s ease-in-out;
}
.i_md.on .zlz_aqtx .width1480 .aq_lb .bg:nth-child(4) {
  transition: all 0.5s 1.5s ease-in-out;
}
.i_md.on .zlz_aqtx .width1480 .aq_lb .bg:nth-child(5) {
  transition: all 0.5s 2s ease-in-out;
}
.i_md.on .zlz_aqtx .width1480 .aq_lb .bg:nth-child(6) {
  transition: all 0.5s 2.5s ease-in-out;
}
.i_md.on .zlz_aqtx .width1480 .aq_lb .bg:nth-child(7) {
  transition: all 0.5s 3s ease-in-out;
}
.i_md.on .zlz_aqtx .width1480 .aq_lb .bg:nth-child(8) {
  transition: all 0.5s 3.5s ease-in-out;
}

.i_md .cp_ggy .width1480 div.bg {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .cp_ggy .width1480 div.bg {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.r ul {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.r ul {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .cp_ty .width1480 div.xx {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .cp_ty .width1480 div.xx {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 1.5s ease-in-out;
}

/*products_ktz*/
.banner_ktz {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.banner_ktz .width1480 {
  position: relative;
  height: 100vh;
  z-index: 5;
}
.banner_ktz .width1480 .a-fdB {
  color: var(--ys_b);
  width: 100%;
  text-align: center;
  padding-top: 18vh;
}
.banner_ktz .width1480 .a-fdB dd {
  font-size: 2.25rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.banner_ktz .width1480 .a-fdB dl {
  font-size: 1.5rem;
  letter-spacing: 0.25rem;
}

.banner_ktz .width1480 .more {
  position: absolute;
  bottom: 8vh;
  width: 100%;
  left: 0px;
  text-align: center;
}
.banner_ktz .width1480 .more a {
  display: inline-block;
  font-size: 1rem;
  color: var(--ys_b);
  border: 1px solid var(--ys_b);
  line-height: 2.5;
  border-radius: 3rem;
  padding: 0px 2rem;
  margin: 0px 0.5rem;
}
.banner_ktz .width1480 .more a:hover {
  background-color: var(--ys_b);
  color: var(--ys_h);
}

.ktz_lb {
  width: 100%;
  overflow: hidden;
}
.ktz_lb .lb_bg {
  position: relative;
  overflow: hidden;
}
.ktz_lb .lb_bg .width1480 {
  position: relative;
  height: 100vh;
  z-index: 5;
}
.ktz_lb .lb_bg .width1480 div.xx {
  position: absolute;
  left: 0px;
  width: 100%;
  color: var(--ys_b);
  bottom: 10vh;
}
.ktz_lb .lb_bg .width1480 div.xx dd {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.ktz_lb .lb_bg .width1480 div.xx dl {
  font-size: 2.25rem;
  line-height: 1.5;
}

/*动画效果*/
.i_md .cp_xx .width1480 .cp_xx_bg .qh_xx .qh_i {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .cp_xx .width1480 .cp_xx_bg .qh_xx .qh_i {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .cp_xx .width1480 .cp_xx_bg .hxcs div.b div {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .cp_xx .width1480 .cp_xx_bg .hxcs div.b div {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .cp_xx .width1480 .cp_xx_bg .hxcs div.b div.d1 {
  transition: all 0.5s 0.5s ease-in-out;
}
.i_md.on .cp_xx .width1480 .cp_xx_bg .hxcs div.b div.d2 {
  transition: all 0.5s 1s ease-in-out;
}
.i_md.on .cp_xx .width1480 .cp_xx_bg .hxcs div.b div.d3 {
  transition: all 0.5s 1.5s ease-in-out;
}
.i_md.on .cp_xx .width1480 .cp_xx_bg .hxcs div.b div.d4 {
  transition: all 0.5s 2s ease-in-out;
}
.i_md.on .cp_xx .width1480 .cp_xx_bg .hxcs div.b div.d5 {
  transition: all 0.5s 2.5s ease-in-out;
}
.i_md.on .cp_xx .width1480 .cp_xx_bg .hxcs div.b div.d6 {
  transition: all 0.5s 3s ease-in-out;
}

.ktz_lb .i_md .lb_bg .width1480 div.xx {
  opacity: 0;
  transform: translateY(5rem);
}
.ktz_lb .i_md.on .lb_bg .width1480 div.xx {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 1s ease-in-out;
}

/*新闻*/
.news_top {
  width: 100%;
  height: 140vh;
  position: relative;
}

.banner_news,
.banner_news .swiper-wrapper,
.banner_news .swiper-wrapper .swiper-slide {
  height: 100vh;
}
.banner_news {
  width: 100%;
  overflow: hidden;
  position: sticky;
  top: 0px;
  z-index: 1;
}
.banner_news .swiper-wrapper {
}
.banner_news .swiper-wrapper .swiper-slide {
  position: relative;
  cursor: grab;
  background-color: var(--ys_h1);
  text-align: center;
}
.banner_news .swiper-wrapper .swiper-slide video {
  height: 100vh;
  position: relative;
  z-index: 1;
}
.banner_news .swiper-wrapper .swiper-slide video::-webkit-media-controls {
  display: none !important;
}
.banner_news .swiper-wrapper .swiper-slide .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(24, 30, 62, 0.8);
  backdrop-filter: blur(10px);
  opacity: 0;
  z-index: 0;
  transition: all 0.5s 0s ease-in-out;
}
.banner_news .swiper-wrapper .swiper-slide .bg.x {
  opacity: 1;
  z-index: 5;
  transition: all 0.5s 0s ease-in-out;
}
.banner_news .swiper-wrapper .swiper-slide .bg .width1480 {
  height: 100vh;
  color: var(--ys_b);
  position: relative;
  display: flex;
  align-items: center;
}
.banner_news .swiper-wrapper .swiper-slide .bg .width1480 .xx {
  width: 100%;
  max-width: 60rem;
  text-align: center;
  margin: 0px auto;
}
.banner_news .swiper-wrapper .swiper-slide .bg .width1480 .xx dd {
  font-size: 2.25rem;
  font-weight: bold;
}
.banner_news .swiper-wrapper .swiper-slide .bg .width1480 .xx dl {
  font-size: 1.5rem;
  line-height: 2;
  margin-top: 1rem;
}

.banner_news div.qh {
  position: absolute;
  z-index: 99;
  font-size: 2rem;
  color: var(--ys_h);
  top: 50%;
  margin-top: -2rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  background-color: var(--ys_b);
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  opacity: 0.2;
  transition: all 0.5s ease;
}
.banner_news div.qh_l {
  left: 3%;
}
.banner_news div.qh_r {
  right: 3%;
}
.banner_news div.qh:hover {
  opacity: 1;
  transition: all 0.5s ease;
}

.news_lb_bg {
  padding: 1.5rem 0px 7.5rem;
}
.news_lb_bg .tit {
  font-size: 2.25rem;
  font-weight: bold;
  margin-bottom: 2rem;
  color: var(--ys_h);
}

.news_so {
  background: url(../images/so.png) no-repeat scroll left center;
  background-size: 1.125rem;
  padding: 0px 5rem 0px 3rem;
  position: relative;
}
.news_so input,
.news_so button {
  border: 0px;
  outline: none;
  height: 3rem;
  line-height: 3rem;
}
.news_so input {
  color: var(--ys_h);
  width: 100%;
  font-size: 1.125rem;
}
.news_so input::-webkit-input-placeholder {
  color: var(--ys_h8);
}
.news_so button {
  position: absolute;
  right: 0px;
  width: 3rem;
  font-size: 1rem;
  background-color: var(--ys_l);
  border-radius: 50%;
  color: var(--ys_b);
}

.news_lb {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 1rem 0px 5rem;
  border-top: 1px solid var(--ys_h8);
}
.news_lb div.bg {
  margin-top: 4rem;
  width: 48.5%;
  transition:
    transform 0.6s ease,
    -webkit-transform 0.6s ease;
}
.news_lb div.bg:hover {
  transform: translateY(-0.5rem);
  box-shadow: 0.5rem 0.25rem 1rem -1px #dcdcdc;
}
.news_lb div.bg div.t {
  position: relative;
  height: 34.25rem;
}
.news_lb div.bg div.f {
}
.news_lb div.bg div.f a {
  display: block;
  padding: 2rem 3.5%;
}
.news_lb div.bg div.f a dd {
  font-size: 1.25rem;
  color: var(--ys_h);
  line-height: 1.75;
  min-height: 4.5rem;
}
.news_lb div.bg div.f a ol {
  font-size: 1rem;
  color: var(--ys_h5);
  margin-top: 0.75rem;
}

/*小黑侠*/
.banner_xhx {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.banner_xhx .width1480 {
  position: relative;
  z-index: 2;
  height: 100vh;
}
.banner_xhx .width1480 div {
  width: 100%;
  color: var(--ys_b);
  text-align: center;
  padding-top: 15vh;
}
.banner_xhx .width1480 div dd {
  font-size: 3rem;
  font-weight: bold;
}
.banner_xhx .width1480 div dl {
  font-size: 1.5rem;
  margin-top: 1rem;
}
.banner_xhx .width1480 div ol {
  margin-top: 2rem;
}
.banner_xhx .width1480 div ol a {
  font-size: 1rem;
  color: var(--ys_b);
  line-height: 2.5;
  display: inline-block;
}
.banner_xhx .width1480 div ol a.l {
  padding-left: 4rem;
  position: relative;
  margin-right: 1rem;
}
.banner_xhx .width1480 div ol a.l i.fa {
  border: 1px solid var(--ys_b);
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner_xhx .width1480 div ol a.l:hover {
  opacity: 0.8;
}
.banner_xhx .width1480 div ol a.r {
  border: 1px solid var(--ys_b);
  padding: 0px 1.875rem;
  border-radius: 3rem;
}
.banner_xhx .width1480 div ol a.r:hover {
  background-color: var(--ys_b);
  color: var(--ys_h);
}
.banner_xhx .width1480 div ol a.r + a.r {
  margin-left: 1rem;
}

/*MA 400GB*/
.banner_ma400 {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.banner_ma400 .width1480 {
  position: relative;
  height: 100vh;
  z-index: 2;
  display: flex;
  align-items: center;
}
.banner_ma400 .width1480 div.bg {
  color: var(--ys_b);
  width: 50%;
  max-width: 23rem;
}
.banner_ma400 .width1480 div.bg div.t {
  margin-bottom: 3rem;
}
.banner_ma400 .width1480 div.bg div.t dd {
  font-size: 3.75rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
.banner_ma400 .width1480 div.bg div.t ol {
  font-size: 2.25rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.banner_ma400 .width1480 div.bg div.t dl {
  font-size: 1.125rem;
  line-height: 2;
}
.banner_ma400 .width1480 div.bg div.f {
  font-size: 1rem;
  line-height: 2.5;
}
.banner_ma400 .width1480 div.bg div.f a {
  color: var(--ys_b);
  display: inline-block;
}
.banner_ma400 .width1480 div.bg div.f a.l {
  padding-left: 4rem;
  position: relative;
  margin-right: 2.5rem;
}
.banner_ma400 .width1480 div.bg div.f a.l i.fa {
  border: 1px solid var(--ys_b);
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner_ma400 .width1480 div.bg div.f a.l:hover {
  opacity: 0.8;
}
.banner_ma400 .width1480 div.bg div.f a.r {
  border: 1px solid var(--ys_b);
  padding: 0px 1.875rem;
  border-radius: 3rem;
}
.banner_ma400 .width1480 div.bg div.f a.r:hover {
  background-color: var(--ys_b);
  color: var(--ys_h);
}

/*pf_sp*/
.pf_sp {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.pf_sp.x {
  opacity: 1;
  z-index: 9999;
}
.pf_sp div {
  width: 80%;
  margin: 0px auto;
  text-align: center;
  position: relative;
}
.pf_sp div a {
  background: url(../images/gb2.png) no-repeat scroll center;
  background-size: cover;
  position: absolute;
  width: 2rem;
  height: 2rem;
  top: 0px;
  right: 0px;
  margin-right: -3rem;
  margin-top: -3rem;
  transition: all 0.5s ease;
}
.pf_sp div a:hover {
  transform: rotate(360deg);
  transition: all 0.5s ease;
}
.pf_sp div video {
  max-width: 90%;
  max-height: 90vh;
  border: 1rem solid var(--ys_b);
}

.ma400_xx_bg {
  width: 100%;
  min-height: 100vh;
  position: relative;
}
.ma400_xx {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
  background: url(../images/ma400_xx_bg.jpg) no-repeat scroll center;
  background-size: cover;
}
.ma400_xx .width1480 {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.ma400_xx .width1480 .ma400_bg {
  width: 100%;
  position: relative;
}
.ma400_xx .width1480 .ma400_bg img.i {
  width: 55.406%;
  margin-left: -13.5%;
}
.ma400_xx .width1480 .ma400_bg .bg {
  position: absolute;
  right: 0px;
  width: 75%;
  display: flex;
  justify-content: space-between;
  opacity: 0;
  transform: translateY(5rem);
  transition:
    opacity 0.5s ease-in-out,
    transform 0.5s ease-in-out;
}
.ma400_xx .width1480 .ma400_bg .bg.d1 {
  top: 0%;
}
.ma400_xx .width1480 .ma400_bg .bg.d2 {
  top: 20%;
}
.ma400_xx .width1480 .ma400_bg .bg.d3 {
  top: 40%;
}
.ma400_xx .width1480 .ma400_bg .bg.d4 {
  bottom: 0%;
}
.ma400_xx .width1480 .ma400_bg .bg div.l {
  width: 43.244%;
}
.ma400_xx .width1480 .ma400_bg .bg div.l img {
  margin-top: 1.5rem;
}
.ma400_xx .width1480 .ma400_bg .bg.d4 div.l img {
  margin-top: -3rem;
}

.ma400_xx .width1480 .ma400_bg .bg div.r {
  width: 53.5%;
  position: relative;
}
.ma400_xx .width1480 .ma400_bg .bg div.r img {
  position: absolute;
  left: 0px;
  width: 3rem;
}
.ma400_xx .width1480 .ma400_bg .bg div.r div {
  padding-left: 6rem;
}

.ma400_xx .width1480 .ma400_bg .bg div.r div dd {
  font-size: 1.5rem;
  color: var(--ys_h3);
  margin-bottom: 0.5rem;
}
.ma400_xx .width1480 .ma400_bg .bg div.r div dl {
  font-size: 1rem;
  color: var(--ys_h2);
  line-height: 2;
}

.ma400_xx .width1480 .ma400_bg.g1 .bg.d1 {
  opacity: 1;
  transform: translateY(0);
}

.ma400_xx .width1480 .ma400_bg.g2 .bg.d1 {
  opacity: 0;
}
.ma400_xx .width1480 .ma400_bg.g2 .bg.d2 {
  opacity: 1;
  transform: translateY(0);
}

.ma400_xx .width1480 .ma400_bg.g3 .bg.d2 {
  opacity: 0;
}
.ma400_xx .width1480 .ma400_bg.g3 .bg.d3 {
  opacity: 1;
  transform: translateY(0);
}

.ma400_xx .width1480 .ma400_bg.g4 .bg.d3 {
  opacity: 0;
}
.ma400_xx .width1480 .ma400_bg.g4 .bg.d4 {
  opacity: 1;
  transform: translateY(0);
}

/*天枢灵犀*/
.banner_tslx {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.banner_tslx .width1480 {
  position: relative;
  height: 100vh;
  z-index: 2;
}
.banner_tslx .width1480 div.bg {
  width: 100%;
  color: var(--ys_b);
  padding-top: 18vh;
}
.banner_tslx .width1480 div.bg div {
  width: 80%;
  max-width: 58.75rem;
  margin: 0px auto;
  text-align: center;
}
.banner_tslx .width1480 div.bg div dd {
  font-size: 2.25rem;
  margin-bottom: 1rem;
  font-weight: bold;
}
.banner_tslx .width1480 div.bg div dl {
  font-size: 1.125rem;
  line-height: 2;
  min-height: 6.75rem;
}
.banner_tslx .width1480 div.bg div ol {
  margin-top: 0.5rem;
  font-size: 1.125rem;
  line-height: 2.25;
}
.banner_tslx .width1480 div.bg div ol a {
  display: inline-block;
  border: 1px solid var(--ys_b);
  color: var(--ys_b);
  border-radius: 3rem;
  padding: 0px 3rem;
}
.banner_tslx .width1480 div.bg div ol a:hover {
  background-color: var(--ys_b);
  color: var(--ys_h);
}

.tslx_bg {
  width: 100%;
  overflow: hidden;
  background-color: var(--ys_h6);
}
.tslx_bg .width1480 {
  padding-bottom: 15rem;
}
.tslx_bg .width1480 div.h {
  height: 5rem;
}

.tslx_xx {
  width: 100%;
  background-color: var(--ys_h6);
  position: relative;
  overflow: hidden;
}
.tslx_xx i.bg_q {
  height: 100vh;
  bottom: auto;
}
.tslx_xx .width1480 {
  padding-bottom: 5rem;
}
.tslx_xx .width1480 div.i {
  height: 100vh;
}
.tslx_xx .width1480 div.i_t {
  position: relative;
  height: auto;
}
.tslx_xx .width1480 div.i_t img {
  width: 1000%;
}

.tslx_xx div.i {
  border-radius: 1.5rem;
  overflow: hidden;
}
.tslx_xx div.x {
  margin-top: 3rem;
  color: var(--ys_b);
  display: flex;
  justify-content: space-between;
}
.tslx_xx div.x div.l {
  width: 35%;
  font-size: 2.25rem;
  font-weight: bold;
}
.tslx_xx div.x div.r {
  width: 58%;
  font-size: 1.125rem;
  line-height: 2;
}

.tslx_tit {
  text-align: center;
  color: var(--ys_b);
  margin: 7.5rem 0px 4rem;
}
.tslx_tit dd {
  font-size: 2.25rem;
  font-weight: bold;
  margin-bottom: 1.25rem;
}
.tslx_tit dl {
  font-size: 1.125rem;
  letter-spacing: 0.2rem;
}

.tslx_qh {
  overflow: hidden;
}
.tslx_qh .qh_x {
  height: 42.5rem;
  background: url(../images/tslx_qh_bg.jpg) no-repeat scroll center;
  background-size: cover;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tslx_qh .qh_x div.bg {
  background: url(../images/tslx_x.png) no-repeat scroll center;
  background-size: auto 7.5rem;
  min-height: 7.5rem;
  width: 80%;
  max-width: 54.6875rem;
  position: relative;
}
.tslx_qh .qh_x div.bg a {
  position: absolute;
  padding-top: 5.5rem;
  width: 5rem;
  text-align: center;
}
.tslx_qh .qh_x div.bg a:nth-child(1) {
  left: -4rem;
  top: 0.5rem;
}
.tslx_qh .qh_x div.bg a:nth-child(2) {
  left: 29%;
  bottom: -4.5rem;
}
.tslx_qh .qh_x div.bg a:nth-child(3) {
  right: 24%;
  top: -2rem;
}
.tslx_qh .qh_x div.bg a:nth-child(4) {
  right: -3rem;
  bottom: -3rem;
}
.tslx_qh .qh_x div.bg a img {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
}
.tslx_qh .qh_x div.bg a img.x1 {
  opacity: 1;
  animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
}
.tslx_qh .qh_x div.bg a img.x2 {
  opacity: 0;
}
.tslx_qh .qh_x div.bg a.x img.x1 {
  opacity: 0;
  transition: all 0.5s 0s ease-in-out;
}
.tslx_qh .qh_x div.bg a.x img.x2 {
  opacity: 1;
  transition: all 1s 0s ease-in-out;
}

.tslx_qh .qh_x div.bg a span {
  font-size: 1.125rem;
  color: var(--ys_b);
  opacity: 0;
  display: block;
  transition: all 0.5s 0s ease-in-out;
}
.tslx_qh .qh_x div.bg a.x span {
  opacity: 1;
  transition: all 1s 0s ease-in-out;
}

@keyframes arrow {
  %0,
  %100 {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.tslx_qh .qh_an {
  width: 100%;
  margin-top: 4.5rem;
  display: flex;
  justify-content: space-between;
}
.tslx_qh .qh_an div {
  color: var(--ys_b);
  width: 24%;
  border-top: 3px solid var(--ys_b);
  padding-top: 1.5rem;
  opacity: 0.5;
  cursor: pointer;
}
.tslx_qh .qh_an div.o {
  opacity: 1;
}
.tslx_qh .qh_an div dd {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  letter-spacing: 0.5rem;
}
.tslx_qh .qh_an div dl {
  font-size: 1rem;
  line-height: 2.25;
  min-height: 6.75rem;
}

.tslx_m {
  text-align: center;
  margin-top: 3rem;
  font-size: 1.125rem;
  line-height: 2.75;
}
.tslx_m a {
  display: inline-block;
  padding: 0px 3rem;
  border-radius: 3rem;
  color: var(--ys_h3);
  background-color: var(--ys_b);
}
.tslx_m a:hover {
  opacity: 0.8;
}

/*动画效果*/
.tslx_xx .i_md div.i img {
  opacity: 0;
  transform: translateY(5rem);
}
.tslx_xx .i_md.on div.i img {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.tslx_xx .i_md div.x {
  opacity: 0;
  transform: translateY(5rem);
}
.tslx_xx .i_md.on div.x {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .tslx_tit dd,
.i_md .tslx_tit dl {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .tslx_tit dd,
.i_md.on .tslx_tit dl {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .tslx_tit dd {
  transition: all 0.5s 0s ease-in-out;
}
.i_md.on .tslx_tit dl {
  transition: all 0.5s 0.5s ease-in-out;
}

.i_md .tslx_qh .qh_x div.bg a {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .tslx_qh .qh_x div.bg a {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .tslx_qh .qh_an {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .tslx_qh .qh_an {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 1s ease-in-out;
}

/*天枢磐基*/
.tspj_hxys_bg {
  width: 100%;
  overflow: hidden;
}
.tspj_hxys_bg .width1480 {
  padding: 5rem 0px 7.5rem;
}

.tspj_hxys .swiper-wrapper,
.tspj_hxys .swiper-wrapper .swiper-slide {
  min-height: 50rem;
}
.tspj_hxys {
  width: 100%;
  position: relative;
}
.tspj_hxys .swiper-wrapper {
}
.tspj_hxys .swiper-wrapper .swiper-slide {
  position: relative;
  cursor: grab;
}
.tspj_hxys .swiper-wrapper .swiper-slide div.bg {
  width: 83.109%;
  margin: 0px auto;
}
.tspj_hxys .swiper-wrapper .swiper-slide div.bg div.t {
  margin-bottom: 1.25rem;
  text-align: center;
}
.tspj_hxys .swiper-wrapper .swiper-slide div.bg div.t dd {
  font-size: 2.25rem;
  color: var(--ys_h9);
  font-weight: bold;
}
.tspj_hxys .swiper-wrapper .swiper-slide div.bg div.t dl {
  font-size: 1.5rem;
  color: var(--ys_h2);
  margin-top: 1.5rem;
}
.tspj_hxys .swiper-wrapper .swiper-slide div.bg div.f {
  position: relative;
  height: 42.5rem;
  border-radius: 1.25rem;
  overflow: hidden;
}
.tspj_hxys .swiper-wrapper .swiper-slide div.bg div.f video {
  width: 100%;
}
.tspj_hxys
  .swiper-wrapper
  .swiper-slide
  div.bg
  div.f
  video::-webkit-media-controls {
  display: none !important;
}

.tspj_hxys div.qh {
  position: absolute;
  z-index: 99;
  font-size: 3rem;
  color: var(--ys_h2);
  top: 50%;
  cursor: pointer;
}
.tspj_hxys div.qh:hover {
  color: var(--ys_l);
}
.tspj_hxys div.qh_l {
  left: 3%;
}
.tspj_hxys div.qh_r {
  right: 3%;
}

.tspj_hxys .page {
  width: 100%;
  text-align: center;
  line-height: 0.25rem;
  margin-top: 2rem;
  display: none;
}
.tspj_hxys .page span {
  display: inline-block;
  width: 2.5rem;
  height: 0.25rem;
  border-radius: 2px;
  margin: 0px 0.5rem;
  background-color: rgba(0, 0, 0, 0.5);
}
.tspj_hxys .page span.on {
  background-color: rgba(54, 65, 102, 1);
}

.tspj_aiot {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.tspj_aiot .width1480 {
  position: relative;
  height: 100vh;
  z-index: 5;
}
.tspj_aiot .width1480 .tit {
  color: var(--ys_b);
  text-align: center;
  padding-top: 15vh;
  max-width: 43rem;
  margin: 0px auto;
}
.tspj_aiot .width1480 .tit dd {
  font-size: 2.25rem;
  font-weight: bold;
}
.tspj_aiot .width1480 .tit dl {
  font-size: 1.125rem;
  line-height: 2;
  margin-top: 1.5rem;
}

.tspj_kfpt {
  padding: 7.5rem 0px;
}
.tspj_kfpt .tit {
  text-align: center;
  max-width: 48rem;
  margin: 0px auto;
}
.tspj_kfpt .tit dd {
  font-size: 2.25rem;
  color: var(--ys_h);
  margin-bottom: 1.25rem;
}
.tspj_kfpt .tit dl {
  font-size: 1.125rem;
  line-height: 2;
  color: var(--ys_h2);
}
.tspj_kfpt .xx_lb {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 4rem;
}
.tspj_kfpt .xx_lb div.bg {
  margin-top: 2rem;
  width: 20%;
  padding: 3rem 2% 1.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: var(--ys_b2);
}
.tspj_kfpt .xx_lb div.bg div.i {
  margin-bottom: 3rem;
}
.tspj_kfpt .xx_lb div.bg div.i img {
  height: 3rem;
}
.tspj_kfpt .xx_lb div.bg div.x {
}
.tspj_kfpt .xx_lb div.bg div.x dd {
  font-size: 1.5rem;
  color: var(--ys_h9);
}
.tspj_kfpt .xx_lb div.bg div.x ol {
  font-size: 1rem;
  color: var(--ys_l);
  padding: 1rem 0px;
}
.tspj_kfpt .xx_lb div.bg div.x dl {
  font-size: 1rem;
  color: var(--ys_h2);
  line-height: 2;
}

.tspj_ywgz {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.tspj_ywgz .width1480 {
  position: relative;
  height: 100vh;
  z-index: 5;
}
.tspj_ywgz .width1480 .tit {
  text-align: center;
  color: var(--ys_b);
  width: 100%;
  padding-top: 10vh;
}
.tspj_ywgz .width1480 .tit dd {
  font-size: 2.25rem;
  margin-bottom: 1.5rem;
}
.tspj_ywgz .width1480 .tit dl {
  font-size: 1.125rem;
  line-height: 2;
}

.tspj_sp .sp_bg,
.tspj_sp i.bg,
.tspj_sp .width1480 div.sp_t {
  height: 57.5rem;
  overflow: hidden;
}
.tspj_sp {
  background-color: var(--ys_h6);
  width: 100%;
  overflow: hidden;
  position: relative;
}
.tspj_sp i.bg,
.tspj_sp .sp_bg {
  position: absolute;
  left: 0px;
  width: 100%;
  top: 0px;
}
.tspj_sp .sp_bg {
  display: flex;
  align-items: center;
}
.tspj_sp .sp_bg video {
  position: absolute;
  left: 0px;
  width: 100%;
}

.tspj_sp i.bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.tspj_sp video {
}
.tspj_sp video::-webkit-media-controls {
  display: none !important;
}

.tspj_sp .width1480 {
  position: relative;
  z-index: 5;
}
.tspj_sp .width1480 div.sp_t {
  position: relative;
}
.tspj_sp .width1480 div.sp_t a {
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tspj_sp .width1480 div.sp_t a i {
  font-size: 1.5rem;
  color: var(--ys_b);
  background-color: rgba(0, 0, 0, 0.5);
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tspj_sp .width1480 div.sp_t a i:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.tspj_sp .width1480 div.sp_f {
  margin-top: 3rem;
  display: flex;
  justify-content: space-between;
  color: var(--ys_b);
}
.tspj_sp .width1480 div.sp_f div.l {
  font-size: 2.25rem;
  font-weight: bold;
  width: 45%;
}
.tspj_sp .width1480 div.sp_f div.r {
  font-size: 1.125rem;
  line-height: 2;
  width: 50%;
}

.tspj_dt {
  position: relative;
  width: 100%;
  height: 100vh;
}
.tspj_dt i.bg,
.tspj_dt .sp_f {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.tspj_dt i.bg {
  height: 24vh;
  z-index: 1;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.8)
  );
}
.tspj_dt .sp_f {
  z-index: 5;
  bottom: 1.5rem;
}
.tspj_dt .sp_f .width1480 {
  display: flex;
  justify-content: space-between;
  color: var(--ys_b);
}
.tspj_dt .sp_f .width1480 div.l {
  font-size: 1.5rem;
  font-weight: bold;
  width: 45%;
}
.tspj_dt .sp_f .width1480 div.r {
  font-size: 1.125rem;
  line-height: 2;
  width: 50%;
}
*/

/*天枢·汇能*/
.tshn_xx {
  position: relative;
  width: 100%;
}
.tshn_xx .js_qh {
  position: sticky;
  top: 0px;
  height: 100vh;
}
.tshn_xx .js_qh .xx_bg {
  width: 100%;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0px;
  bottom: 0px;
}
.tshn_xx .js_qh .xx_bg:nth-child(1) {
  z-index: 90;
}
.tshn_xx .js_qh .xx_bg:nth-child(2) {
  z-index: 89;
}
.tshn_xx .js_qh .xx_bg:nth-child(3) {
  z-index: 88;
}
.tshn_xx .js_qh .xx_bg:nth-child(4) {
  z-index: 87;
}
.tshn_xx .js_qh .xx_bg:nth-child(5) {
  z-index: 86;
}
.tshn_xx .js_qh .xx_bg:nth-child(6) {
  z-index: 85;
}
.tshn_xx .js_qh .xx_bg:nth-child(7) {
  z-index: 84;
}
.tshn_xx .js_qh .xx_bg:nth-child(8) {
  z-index: 83;
}
.tshn_xx .js_qh .xx_bg:nth-child(9) {
  z-index: 82;
}
.tshn_xx .js_qh .xx_bg:nth-child(10) {
  z-index: 81;
}
.tshn_xx .js_qh .xx_bg:nth-child(11) {
  z-index: 80;
}
.tshn_xx .js_qh .xx_bg:nth-child(12) {
  z-index: 79;
}
.tshn_xx .js_qh .xx_bg:nth-child(13) {
  z-index: 78;
}
.tshn_xx .js_qh .xx_bg:nth-child(14) {
  z-index: 77;
}
.tshn_xx .js_qh .xx_bg:nth-child(15) {
  z-index: 76;
}
.tshn_xx .js_qh .xx_bg:nth-child(16) {
  z-index: 75;
}
.tshn_xx .js_qh .xx_bg:nth-child(17) {
  z-index: 74;
}
.tshn_xx .js_qh .xx_bg:nth-child(18) {
  z-index: 73;
}
.tshn_xx .js_qh .xx_bg:nth-child(19) {
  z-index: 72;
}
.tshn_xx .js_qh .xx_bg:nth-child(20) {
  z-index: 71;
}
.tshn_xx .js_qh .xx_bg:nth-child(21) {
  z-index: 70;
}
.tshn_xx .js_qh .xx_bg:nth-child(22) {
  z-index: 69;
}
.tshn_xx .js_qh .xx_bg:nth-child(23) {
  z-index: 68;
}
.tshn_xx .js_qh .xx_bg:nth-child(24) {
  z-index: 67;
}
.tshn_xx .js_qh .xx_bg:nth-child(25) {
  z-index: 66;
}
.tshn_xx .js_qh .xx_bg:nth-child(26) {
  z-index: 65;
}
.tshn_xx .js_qh .xx_bg:nth-child(27) {
  z-index: 64;
}
.tshn_xx .js_qh .xx_bg:nth-child(28) {
  z-index: 63;
}
.tshn_xx .js_qh .xx_bg:nth-child(29) {
  z-index: 62;
}
.tshn_xx .js_qh .xx_bg:nth-child(30) {
  z-index: 61;
}
.tshn_xx .js_qh .xx_bg:nth-child(31) {
  z-index: 60;
}
.tshn_xx .js_qh .xx_bg:nth-child(32) {
  z-index: 59;
}
.tshn_xx .js_qh .xx_bg:nth-child(33) {
  z-index: 58;
}
.tshn_xx .js_qh .xx_bg:nth-child(34) {
  z-index: 57;
}
.tshn_xx .js_qh .xx_bg:nth-child(35) {
  z-index: 56;
}
.tshn_xx .js_qh .xx_bg:nth-child(36) {
  z-index: 45;
}
.tshn_xx .js_qh .xx_bg:nth-child(37) {
  z-index: 54;
}
.tshn_xx .js_qh .xx_bg:nth-child(38) {
  z-index: 53;
}
.tshn_xx .js_qh .xx_bg:nth-child(39) {
  z-index: 52;
}
.tshn_xx .js_qh .xx_bg:nth-child(40) {
  z-index: 51;
}
.tshn_xx .js_qh .xx_bg:nth-child(41) {
  z-index: 50;
}
.tshn_xx .js_qh .xx_bg:nth-child(42) {
  z-index: 49;
}
.tshn_xx .js_qh .xx_bg:nth-child(43) {
  z-index: 48;
}
.tshn_xx .js_qh .xx_bg:nth-child(44) {
  z-index: 47;
}
.tshn_xx .js_qh .xx_bg:nth-child(45) {
  z-index: 46;
}
.tshn_xx .js_qh .xx_bg:nth-child(46) {
  z-index: 45;
}
.tshn_xx .js_qh .xx_bg:nth-child(47) {
  z-index: 44;
}
.tshn_xx .js_qh .xx_bg:nth-child(48) {
  z-index: 43;
}
.tshn_xx .js_qh .xx_bg:nth-child(49) {
  z-index: 42;
}
.tshn_xx .js_qh .xx_bg:nth-child(50) {
  z-index: 41;
}
.tshn_xx .js_qh .xx_bg.on {
  z-index: 99;
}

.tshn_xx .js_qh i.bg {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 58.855%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.tshn_xx .js_qh .tit {
  position: relative;
  z-index: 9999;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.tshn_xx .js_qh .tit div.l {
  width: 10%;
}
.tshn_xx .js_qh .tit div.r {
  height: 100vh;
  display: flex;
  align-items: center;
  width: 32.5%;
}
.tshn_xx .js_qh .tit div.r div {
  width: 100%;
  font-size: 2.25rem;
  color: var(--ys_h3);
  padding-bottom: 2.5rem;
  font-weight: bold;
  opacity: 1;
}

.tshn_xx .js_qh .xx_bg .width1480 {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
.tshn_xx .js_qh .xx_bg .width1480 div.l {
  width: 10%;
}
.tshn_xx .js_qh .xx_bg .width1480 div.r {
  height: 100vh;
  display: flex;
  align-items: center;
  width: 32.5%;
  background-color: var(--ys_b);
}
.tshn_xx .js_qh .xx_bg .width1480 div.r div {
  width: 100%;
}
.tshn_xx .js_qh .xx_bg.on .width1480 div.r div {
  opacity: 1;
}
.tshn_xx .js_qh .xx_bg.g1 .width1480 div.r div {
  opacity: 0.8;
  transform: translate(0px, 0px);
}
.tshn_xx .js_qh .xx_bg.g2 .width1480 div.r div {
  opacity: 0.6;
  transform: translate3d(0px, 3rem, 0px);
}
.tshn_xx .js_qh .xx_bg.g3 .width1480 div.r div {
  opacity: 0.4;
  transform: translate3d(0px, 6rem, 0px);
}
.tshn_xx .js_qh .xx_bg.g4 .width1480 div.r div {
  opacity: 0;
  transform: translate(0px, 9rem);
}
/*.tshn_xx .js_qh .xx_bg .width1480 div.r div dd{ font-size:2.25rem; color:var(--ys_h3); margin-bottom:1.5rem; font-weight:bold; opacity:0; }*/
.tshn_xx .js_qh .xx_bg .width1480 div.r div dl {
  margin-top: 5.5rem;
  font-size: 1.125rem;
  color: var(--ys_h2);
  line-height: 2;
}

.tshn_hems {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.tshn_hems i.bg {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
}
.tshn_hems .width1480 {
  position: relative;
  height: 100vh;
  z-index: 5;
  color: var(--ys_b);
}
.tshn_hems .width1480 .tit {
  padding-top: 12vh;
  text-align: center;
}
.tshn_hems .width1480 .tit dd {
  font-size: 2.25rem;
  font-weight: bold;
}
.tshn_hems .width1480 .tit dl {
  font-size: 1.125rem;
  line-height: 2;
  margin-top: 2vh;
}
.tshn_hems .width1480 .xx_bg {
  position: absolute;
  left: 0px;
  width: 100%;
  bottom: 10vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.tshn_hems .width1480 .xx_bg div {
  color: var(--ys_b);
  width: 28%;
  padding: 0px 2.5%;
  text-align: center;
}
.tshn_hems .width1480 .xx_bg div dd {
  font-size: 2.25rem;
  font-weight: bold;
}
.tshn_hems .width1480 .xx_bg div dl {
  font-size: 1.125rem;
  line-height: 2;
  margin-top: 1vh;
}

/*天枢·满电*/
.tsmd_al {
  width: 100%;
  overflow: hidden;
  background-color: var(--ys_h6);
  padding-top: 11.25rem;
}
.tsmd_al .bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 56.438%;
  z-index: 2;
  overflow: hidden;
}
.tsmd_al .bg i.bg_q {
  opacity: 0.5;
  transition: all 0.5s ease;
}
.tsmd_al .bg:hover i.bg_q {
  transform: scale(1.1);
  transition: all 0.5s ease;
}
.tsmd_al .bg div {
  position: absolute;
  opacity: 0;
  z-index: 2;
  font-size: 1.5rem;
  color: var(--ys_b);
  bottom: 2.5rem;
  left: 5%;
  width: 90%;
  transition: all 0.5s ease;
}
.tsmd_al .bg:hover div {
  opacity: 1;
  transition: all 0.5s ease;
}

.tsmd_al .width1480 {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: space-between;
}
.tsmd_al .width1480 div.l {
  width: 35%;
  color: var(--ys_b);
  height: 33.75rem;
}
.tsmd_al .width1480 div.l dd {
  font-size: 2.25rem;
  font-weight: bold;
}
.tsmd_al .width1480 div.l dl {
  font-size: 1.125rem;
  line-height: 2;
  margin-top: 1.25rem;
}

.tsmd_al_tp {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tsmd_al_tp div.bg {
  width: 50%;
  height: 33.75rem;
  position: relative;
  overflow: hidden;
  background-color: var(--ys_h6);
}
.tsmd_al_tp div.bg i.bg_q {
  opacity: 0.5;
  transition: all 0.5s ease;
}
.tsmd_al_tp div.bg:hover i.bg_q {
  transform: scale(1.1);
  transition: all 0.5s ease;
}
.tsmd_al_tp div.bg div {
  position: absolute;
  opacity: 0;
  z-index: 2;
  font-size: 1.5rem;
  color: var(--ys_b);
  bottom: 2.5rem;
  left: 5%;
  width: 90%;
  transition: all 0.5s ease;
}
.tsmd_al_tp div.bg:hover div {
  opacity: 1;
  transition: all 0.5s ease;
}

.tsmd_xx {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.tsmd_xx .width1480 {
  position: relative;
  height: 100vh;
  z-index: 5;
  color: var(--ys_b);
}

.tsmd_gd {
  padding: 5rem 0px 8rem;
}
.tsmd_gd .tit {
  text-align: center;
  font-size: 1.5rem;
  color: var(--ys_h);
}

.tsmd_qh {
  width: 51%;
  position: relative;
  margin-top: 3.75rem;
}
.tsmd_qh .swiper-wrapper {
}
.tsmd_qh .swiper-wrapper .swiper-slide {
  position: relative;
  cursor: grab;
}
.tsmd_qh .swiper-wrapper .swiper-slide div.bg {
  width: 96.69%;
  overflow: hidden;
}
.tsmd_qh .swiper-wrapper .swiper-slide div.bg div.i {
  position: relative;
  border-radius: 0.75rem;
  overflow: hidden;
  height: 32.5rem;
}
.tsmd_qh .swiper-wrapper .swiper-slide div.bg div.m {
  font-size: 1.5rem;
  color: var(--ys_h);
  margin-top: 2rem;
}

.tsmd_sj_qh {
  width: 100%;
  overflow: hidden;
  background-color: var(--ys_h6);
}
.tsmd_sj_qh .width1480 {
  padding: 7.5rem 0px;
}
.tsmd_sj_qh .width1480 .qh_tp {
  border-radius: 1.28rem;
  overflow: hidden;
  height: 42.5rem;
  background-image: linear-gradient(to bottom, #374166, #a9adbc, #f4f4f4);
  position: relative;
}
.tsmd_sj_qh .width1480 .qh_tp div.i {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  z-index: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.tsmd_sj_qh .width1480 .qh_tp div.i.x {
  opacity: 1;
  z-index: 5;
}
.tsmd_sj_qh .width1480 .qh_tp div.i img {
  height: 75.59%;
  opacity: 0;
  transform: translateY(30rem);
  transition: all 0.5s 0s ease-in-out;
}
.tsmd_sj_qh .width1480 .qh_tp div.i.x img {
  opacity: 1;
  transform: translateY(0px);
  transition: all 1s 0s ease-in-out;
}

.tsmd_sj_qh .width1480 .qh_xx {
  margin-top: 3.5rem;
  display: flex;
  justify-content: space-between;
}
.tsmd_sj_qh .width1480 .qh_xx div {
  color: var(--ys_b);
  width: 32.5%;
  border-top: 3px solid var(--ys_b);
  padding-top: 1.5rem;
  opacity: 0.5;
  cursor: pointer;
}
.tsmd_sj_qh .width1480 .qh_xx div.o {
  opacity: 1;
}
.tsmd_sj_qh .width1480 .qh_xx div dd {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.tsmd_sj_qh .width1480 .qh_xx div dl {
  font-size: 1.125rem;
  line-height: 2;
  min-height: 5rem;
}

.tsmd_tjxt {
  padding: 7rem 0px;
}
.tsmd_tjxt .tit {
  text-align: center;
  font-size: 2.25rem;
  color: var(--ys_h);
  font-weight: bold;
}
.tsmd_tjxt .xx_bg {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 3rem;
}
.tsmd_tjxt .xx_bg .bg {
  margin-top: 1rem;
  background-color: var(--ys_b2);
  border-radius: 0.75rem;
  width: 19.8%;
  text-align: center;
  padding: 2rem 2%;
}
.tsmd_tjxt .xx_bg .bg div {
  margin-top: 2rem;
}
.tsmd_tjxt .xx_bg .bg div.i {
  height: 3rem;
}
.tsmd_tjxt .xx_bg .bg div.i img {
  height: 100%;
}
.tsmd_tjxt .xx_bg .bg div.x {
  font-size: 1.125rem;
  color: var(--ys_h);
  line-height: 2;
}

/*动画效果*/
.i_md .tspj_hxys .swiper-wrapper .swiper-slide div.bg div.f {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .tspj_hxys .swiper-wrapper .swiper-slide div.bg div.f {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .tspj_aiot .width1480 .tit dd,
.i_md .tspj_aiot .width1480 .tit dl {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .tspj_aiot .width1480 .tit dd,
.i_md.on .tspj_aiot .width1480 .tit dl {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .tspj_aiot .width1480 .tit dd {
  transition: all 0.5s 0s ease-in-out;
}
.i_md.on .tspj_aiot .width1480 .tit dl {
  transition: all 0.5s 0.5s ease-in-out;
}

.i_md .tspj_kfpt .tit dd,
.i_md .tspj_kfpt .tit dl,
.i_md .tspj_kfpt .xx_lb div.bg {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .tspj_kfpt .tit dd,
.i_md.on .tspj_kfpt .tit dl,
.i_md.on .tspj_kfpt .xx_lb div.bg {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .tspj_kfpt .tit dd {
  transition: all 0.5s 0s ease-in-out;
}
.i_md.on .tspj_kfpt .tit dl {
  transition: all 0.5s 0.5s ease-in-out;
}
.i_md.on .tspj_kfpt .xx_lb div.bg:nth-child(1) {
  transition: all 0.5s 1s ease-in-out;
}
.i_md.on .tspj_kfpt .xx_lb div.bg:nth-child(2) {
  transition: all 0.5s 1.5s ease-in-out;
}
.i_md.on .tspj_kfpt .xx_lb div.bg:nth-child(3) {
  transition: all 0.5s 2s ease-in-out;
}
.i_md.on .tspj_kfpt .xx_lb div.bg:nth-child(4) {
  transition: all 0.5s 2.5s ease-in-out;
}

.i_md .tspj_ywgz .width1480 .tit dd,
.i_md .tspj_ywgz .width1480 .tit dl {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .tspj_ywgz .width1480 .tit dd,
.i_md.on .tspj_ywgz .width1480 .tit dl {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .tspj_ywgz .width1480 .tit dd {
  transition: all 0.5s 0s ease-in-out;
}
.i_md.on .tspj_ywgz .width1480 .tit dl {
  transition: all 0.5s 0.5s ease-in-out;
}

.tspj_sp .width1480 .i_md div.sp_t a i {
  opacity: 0;
  transform: translateY(5rem);
}
.tspj_sp .width1480 .i_md.on div.sp_t a i {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.tspj_sp .width1480 .i_md div.sp_f {
  opacity: 0;
  transform: translateY(5rem);
}
.tspj_sp .width1480 .i_md.on div.sp_f {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .tspj_dt .sp_f {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .tspj_dt .sp_f {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .tshn_hems .width1480 .tit dd {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md .tshn_hems .width1480 .tit dl {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md .tshn_hems .width1480 .xx_bg div {
  opacity: 0;
  transform: translateY(5rem);
}

.i_md.on .tshn_hems .width1480 .tit dd {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .tshn_hems .width1480 .tit dl {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .tshn_hems .width1480 .xx_bg div {
  opacity: 1;
  transform: translateY(0px);
}

.i_md.on .tshn_hems .width1480 .tit dd {
  transition: all 0.5s 0s ease-in-out;
}
.i_md.on .tshn_hems .width1480 .tit dl {
  transition: all 0.5s 0.5s ease-in-out;
}
.i_md.on .tshn_hems .width1480 .xx_bg div:nth-child(1) {
  transition: all 0.5s 1s ease-in-out;
}
.i_md.on .tshn_hems .width1480 .xx_bg div:nth-child(2) {
  transition: all 0.5s 1.5s ease-in-out;
}
.i_md.on .tshn_hems .width1480 .xx_bg div:nth-child(3) {
  transition: all 0.5s 2s ease-in-out;
}

.tsmd_al .i_md .width1480 div.l {
  opacity: 0;
  transform: translateY(5rem);
}
.tsmd_al .i_md.on .width1480 div.l {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .tsmd_al_tp div.bg {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .tsmd_al_tp div.bg {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .tsmd_al_tp div.bg:nth-child(1) {
  transition: all 0.5s 0.5s ease-in-out;
}
.i_md.on .tsmd_al_tp div.bg:nth-child(2) {
  transition: all 0.5s 1s ease-in-out;
}

.i_md .tsmd_gd .tit {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .tsmd_gd .tit {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .tsmd_qh {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .tsmd_qh {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0.5s ease-in-out;
}

.i_md .tsmd_sj_qh .width1480 .qh_tp div.i {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .tsmd_sj_qh .width1480 .qh_tp div.i {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .tsmd_sj_qh .width1480 .qh_xx {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .tsmd_sj_qh .width1480 .qh_xx {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0.5s ease-in-out;
}

.i_md .tsmd_tjxt .tit {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md .tsmd_tjxt .xx_bg .bg {
  opacity: 0;
  transform: translateY(5rem);
}

.i_md.on .tsmd_tjxt .tit {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}
.i_md.on .tsmd_tjxt .xx_bg .bg {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .tsmd_tjxt .xx_bg .bg:nth-child(1) {
  transition: all 0.5s 1s ease-in-out;
}
.i_md.on .tsmd_tjxt .xx_bg .bg:nth-child(2) {
  transition: all 0.5s 1.5s ease-in-out;
}
.i_md.on .tsmd_tjxt .xx_bg .bg:nth-child(3) {
  transition: all 0.5s 2s ease-in-out;
}
.i_md.on .tsmd_tjxt .xx_bg .bg:nth-child(4) {
  transition: all 0.5s 2.5s ease-in-out;
}

/*生态化服务*/
.banner_sthfw {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.banner_sthfw video {
  position: absolute;
  z-index: 0;
  width: 100%;
  bottom: 0px;
  left: 0px;
}
.banner_sthfw video::-webkit-media-controls-enclosure {
  display: none !important;
}
.banner_sthfw i.bg {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  background: url(../images/banner_sthfw_bg.png) no-repeat scroll center top;
  background-size: 100% auto;
}
.banner_sthfw .width1480 {
  height: 100vh;
  position: relative;
  z-index: 5;
}
.banner_sthfw .width1480 div.jt {
  position: absolute;
  color: var(--ys_b);
  bottom: 2vh;
  width: 100%;
  text-align: center;
}
.banner_sthfw .width1480 div.jt i {
  display: inline-block;
  width: 3rem;
  height: 1.25rem;
  background: url(../images/x2.png) no-repeat scroll center;
  background-size: auto 100%;
  animation: sx 2s cubic-bezier(0.4, 0, 0.1, 0.8) infinite;
  -webkit-animation: sx 2s cubic-bezier(0.4, 0, 0.1, 0.8) infinite;
}

@keyframes sx {
  %0,
  %100 {
    transform: translateY(1rem);
    opacity: 0.8;
  }
  50% {
    transform: translateY(-1rem);
    opacity: 0.4;
  }
}
@-webkit-keyframes sx {
  %0,
  %100 {
    transform: translateY(1rem);
    opacity: 1;
  }
  50% {
    transform: translateY(-1rem);
    opacity: 0.4;
  }
}

.sthfw_lb {
  background-color: var(--ys_h6);
  width: 100%;
  overflow: hidden;
}
.sthfw_lb .width1480 {
  padding: 4.5rem 0px;
}
.sthfw_lb .width1480 div.t {
  font-size: 1.5rem;
  color: var(--ys_b);
  line-height: 2;
}
.sthfw_lb .width1480 div.i {
  margin: 3rem 0px 5rem;
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
}
.sthfw_lb .width1480 div.i video {
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  width: 100%;
}
.sthfw_lb .width1480 div.i video::-webkit-media-controls-enclosure {
  display: none !important;
}
.sthfw_lb .width1480 div.i img {
  width: 100%;
  position: relative;
  z-index: 5;
}
.sthfw_lb .width1480 div.i img.x {
  opacity: 0;
  z-index: 0;
}

.sthfw_lb .width1480 div.i a {
  position: absolute;
  z-index: 8;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sthfw_lb .width1480 div.i a.x {
  display: none;
}
.sthfw_lb .width1480 div.i a i {
  font-size: 1.5rem;
  color: var(--ys_b);
  background-color: rgba(0, 0, 0, 0.5);
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sthfw_lb .width1480 div.i a i:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.sthfw_lb .width1480 div.f {
  text-align: center;
  font-size: 1.125rem;
  line-height: 2.5;
}
.sthfw_lb .width1480 div.f a {
  display: inline-block;
  color: var(--ys_h3);
  background-color: var(--ys_b);
  padding: 0px 3rem;
  border-radius: 3rem;
}
.sthfw_lb .width1480 div.f a:hover {
  opacity: 0.8;
}

.sthfw_t_lb {
  width: 100%;
  background: url(../images/sthfw_bg.jpg) no-repeat scroll center bottom
    var(--ys_h6);
  background-size: 100% auto;
}
.sthfw_t_lb .width1480 {
  padding: 4.5rem 0px 10rem;
}
.sthfw_t_lb .width1480 .lb_xx {
  margin-bottom: 9.5rem;
}
.sthfw_t_lb .width1480 .lb_xx div.t {
  font-size: 1.5rem;
  color: var(--ys_b);
  line-height: 2;
}
.sthfw_t_lb .width1480 .lb_xx div.i {
  margin: 3rem 0px 5rem;
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
}
.sthfw_t_lb .width1480 .lb_xx div.i img {
  width: 100%;
  position: relative;
  z-index: 5;
  transition: all 0.5s 0s ease-in-out;
}
.sthfw_t_lb .width1480 .lb_xx div.i:hover img {
  transform: scale(1.1);
  transition: all 0.5s 0s ease-in-out;
}

.sthfw_t_lb .width1480 .lb_xx div.i a {
  position: absolute;
  z-index: 8;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sthfw_t_lb .width1480 .lb_xx div.i a i {
  font-size: 1.5rem;
  color: var(--ys_b);
  background-color: rgba(0, 0, 0, 0.5);
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sthfw_t_lb .width1480 .lb_xx div.i a i:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.sthfw_t_lb .width1480 .lb_xx div.f {
  text-align: center;
  font-size: 1.125rem;
  line-height: 2.5;
}
.sthfw_t_lb .width1480 .lb_xx div.f a {
  display: inline-block;
  color: var(--ys_h3);
  background-color: var(--ys_b);
  padding: 0px 3rem;
  border-radius: 3rem;
}
.sthfw_t_lb .width1480 .lb_xx div.f a:hover {
  opacity: 0.8;
}

.sthfw_t_lb .width1480 .lb_xx .lb_gd {
  position: relative;
  margin-bottom: 5rem;
}
.sthfw_t_lb .width1480 .lb_xx .lb_gd .lb_gd_bg {
  position: sticky;
  top: 0px;
  height: 100vh;
  display: flex;
  align-items: center;
}
.sthfw_t_lb .width1480 .lb_xx .lb_gd .swiper-wrapper {
  width: 100%;
  height: 80vh;
  position: relative;
  overflow: hidden;
}
.sthfw_t_lb .width1480 .lb_xx .lb_gd .swiper-wrapper .xx_bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  overflow: hidden;
  transition:
    transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1),
    opacity 0.6s;
}
.sthfw_t_lb .width1480 .lb_xx .lb_gd .swiper-wrapper .xx_bg.g1 {
  transform: translate(0%, -50%) translate3d(0px, 0px, 0px);
}
.sthfw_t_lb .width1480 .lb_xx .lb_gd .swiper-wrapper .xx_bg.g1.g2 {
  transform: translate(0%, -100%) translate3d(0px, 0px, 0px);
}
.sthfw_t_lb .width1480 .lb_xx .lb_gd .swiper-wrapper .xx_bg video {
  width: 100%;
}
.sthfw_t_lb
  .width1480
  .lb_xx
  .lb_gd
  .swiper-wrapper
  .xx_bg
  video::-webkit-media-controls {
  display: none !important;
}

.sthfw_t_lb .width1480 .lb_xx .lb_gd .swiper-wrapper .xx_bg a {
  position: absolute;
  z-index: 8;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sthfw_t_lb .width1480 .lb_xx .lb_gd .swiper-wrapper .xx_bg a.x {
  display: none;
}
.sthfw_t_lb .width1480 .lb_xx .lb_gd .swiper-wrapper .xx_bg a i {
  font-size: 1.5rem;
  color: var(--ys_b);
  background-color: rgba(0, 0, 0, 0.5);
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sthfw_t_lb .width1480 .lb_xx .lb_gd .swiper-wrapper .xx_bg a i:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.sthfw_t_lb .width1480 .lb_xx .lb_gd .swiper-wrapper .xx_bg:nth-child(1) {
  z-index: 9;
}
.sthfw_t_lb .width1480 .lb_xx .lb_gd .swiper-wrapper .xx_bg:nth-child(2) {
  z-index: 8;
}
.sthfw_t_lb .width1480 .lb_xx .lb_gd .swiper-wrapper .xx_bg:nth-child(3) {
  z-index: 7;
}
.sthfw_t_lb .width1480 .lb_xx .lb_gd .swiper-wrapper .xx_bg:nth-child(4) {
  z-index: 6;
}
.sthfw_t_lb .width1480 .lb_xx .lb_gd .swiper-wrapper .xx_bg:nth-child(5) {
  z-index: 5;
}
.sthfw_t_lb .width1480 .lb_xx .lb_gd .swiper-wrapper .xx_bg:nth-child(6) {
  z-index: 4;
}
.sthfw_t_lb .width1480 .lb_xx .lb_gd .swiper-wrapper .xx_bg:nth-child(7) {
  z-index: 3;
}
.sthfw_t_lb .width1480 .lb_xx .lb_gd .swiper-wrapper .xx_bg:nth-child(8) {
  z-index: 2;
}
.sthfw_t_lb .width1480 .lb_xx .lb_gd .swiper-wrapper .xx_bg:nth-child(9) {
  z-index: 1;
}

.sthfw_bg {
  width: 100%;
  overflow: hidden;
}
.sthfw_bg .tit {
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
}
.sthfw_bg .sthz_gd_bg {
  background: url(../images/sthz_gd_bg.png) no-repeat scroll center bottom;
  background-size: 100% auto;
  padding: 4.5rem 0px 6rem;
  margin-bottom: 7.5rem;
}
.sthfw_bg .sthz_gd {
  margin: 1.5rem 1rem 0px;
  overflow: hidden;
}
.sthfw_bg .sthz_gd ul {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
}
.sthfw_bg .sthz_gd ul li {
  flex-shrink: 0;
  height: 3.5rem;
  display: flex;
  align-items: center;
  margin: 0px 2rem;
}
.sthfw_bg .sthz_gd ul li img {
  height: 1.5rem;
}
.sthfw_bg div.m {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 1.125rem;
  line-height: 2.35;
}
.sthfw_bg div.m a {
  color: var(--ys_b);
  border: 1px solid var(--ys_b);
  padding: 0px 3rem;
  border-radius: 3rem;
  margin: 0px 0.75rem;
  transition: all 0.5s ease;
}
.sthfw_bg div.m a:hover {
  border: 1px solid var(--ys_l);
  background-color: var(--ys_l);
  transition: all 0.5s ease;
}

.sthfw_f_lb {
  padding: 6.5rem 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sthfw_f_lb div.bg {
  width: 49.325%;
  margin-bottom: 3rem;
}
.sthfw_f_lb div.bg div.i {
  border-radius: 0.75rem;
  overflow: hidden;
}
.sthfw_f_lb div.bg div.i a img {
  width: 100%;
  transition: all 0.5s ease;
}
.sthfw_f_lb div.bg div.i a:hover img {
  transform: scale(1.1);
  transition: all 0.5s ease;
}
.sthfw_f_lb div.bg div.x {
  margin-top: 2rem;
}
.sthfw_f_lb div.bg div.x dd {
  font-size: 1.5rem;
  color: var(--ys_h);
  margin-bottom: 1rem;
}
.sthfw_f_lb div.bg div.x dl {
  font-size: 1rem;
  color: var(--ys_h2);
  line-height: 2;
}
.sthfw_f_lb div.bg div.x ol {
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 2;
}
.sthfw_f_lb div.bg div.x ol a {
  display: inline-block;
  border: 1px solid var(--ys_h2);
  color: var(--ys_h2);
  padding: 0px 1.25rem;
  border-radius: 3rem;
}
.sthfw_f_lb div.bg div.x ol a:hover {
  border: 1px solid var(--ys_l);
  color: var(--ys_l);
}

/*动画效果*/
.i_md .sthfw_lb .width1480 div.t {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .sthfw_lb .width1480 div.t {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.sthfw_t_lb .width1480 .i_md .lb_xx div.t {
  opacity: 0;
  transform: translateY(5rem);
}
.sthfw_t_lb .width1480 .i_md.on .lb_xx div.t {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .sthfw_bg .sthz_gd_bg {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .sthfw_bg .sthz_gd_bg {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .sthfw_f_lb div.bg {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .sthfw_f_lb div.bg {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .sthfw_f_lb div.bg:nth-child(1) {
  transition: all 0.5s 0s ease-in-out;
}
.i_md.on .sthfw_f_lb div.bg:nth-child(2) {
  transition: all 0.5s 0.5s ease-in-out;
}

/*esg*/
.banner_esg {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.banner_esg .width1480 {
  position: relative;
  z-index: 2;
  height: 100vh;
}
.banner_esg .width1480 .a-fdB {
  position: absolute;
  width: 100%;
  color: var(--ys_b);
  text-align: center;
  bottom: 20vh;
}
.banner_esg .width1480 .a-fdB div.t {
  font-size: 2.25rem;
  font-weight: bold;
}
.banner_esg .width1480 .a-fdB div.f {
  margin-top: 2rem;
}
.banner_esg .width1480 .a-fdB div.f a {
  display: inline-block;
  font-size: 1rem;
  color: var(--ys_b);
  border: 1px solid var(--ys_b);
  line-height: 2.5;
  padding: 0px 1.5rem;
  border-radius: 3rem;
}
.banner_esg .width1480 .a-fdB div.f a:hover {
  background-color: var(--ys_b);
  color: var(--ys_h);
}

.esg_bg {
  width: 100%;
  overflow: hidden;
  background-color: var(--ys_b2);
}
.esg_bg .width1480 {
  padding: 6rem 0px 4rem;
}
.esg_bg .width1480 .tit {
  text-align: center;
  color: var(--ys_h);
  max-width: 64rem;
  margin: 0px auto 3rem;
}
.esg_bg .width1480 .tit dd {
  font-size: 2.25rem;
}
.esg_bg .width1480 .tit dl {
  font-size: 1.5rem;
  line-height: 1.5;
  margin-top: 1rem;
  font-weight: lighter;
}
.esg_bg .width1480 .esg_i {
  border-radius: 1.25rem;
  overflow: hidden;
}
.esg_bg .width1480 .esg_i img {
  width: 100%;
}

.esg_bg .width1480 .esg_zl {
  margin-bottom: 8.75rem;
}
.esg_bg .width1480 .esg_cz {
  margin-bottom: 7.5rem;
}

.esg_bg .width1480 .esg_lb {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 5rem;
}
.esg_bg .width1480 .esg_lb div.bg {
  border-radius: 0.75rem;
  overflow: hidden;
  background-color: var(--ys_b);
  margin-bottom: 2rem;
  width: 49.325%;
  transition: all 0.5s ease;
}
.esg_bg .width1480 .esg_lb div.bg:hover {
  transform: translateY(-8px);
  transition: all 0.5s ease;
}
.esg_bg .width1480 .esg_lb div.bg div.i {
  overflow: hidden;
}
.esg_bg .width1480 .esg_lb div.bg div.i img {
  width: 100%;
  transition: all 0.5s ease;
}
.esg_bg .width1480 .esg_lb div.bg:hover div.i img {
  transform: scale(1.1);
  transition: all 0.5s ease;
}
.esg_bg .width1480 .esg_lb div.bg div.x {
  padding: 3rem 5%;
  color: var(--ys_h);
}
.esg_bg .width1480 .esg_lb div.bg div.x dd {
  font-size: 2.25rem;
  font-weight: bold;
}
.esg_bg .width1480 .esg_lb div.bg div.x dl {
  font-size: 1.125rem;
  line-height: 2;
  margin-top: 0.75rem;
}

.esg_bg .width1480 .esg_fz {
  background-color: var(--ys_b);
  border-radius: 0.75rem;
  overflow: hidden;
  margin-bottom: 5rem;
}
.esg_bg .width1480 .esg_fz div.i {
  overflow: hidden;
}
.esg_bg .width1480 .esg_fz div.i img {
  width: 100%;
  transition: all 0.5s ease;
}
.esg_bg .width1480 .esg_fz:hover div.i img {
  transform: scale(1.1);
  transition: all 0.5s ease;
}
.esg_bg .width1480 .esg_fz div.x {
  padding: 3rem 2.5%;
  color: var(--ys_h);
}
.esg_bg .width1480 .esg_fz div.x dd {
  font-size: 2.25rem;
  font-weight: bold;
}
.esg_bg .width1480 .esg_fz div.x dl {
  font-size: 1.125rem;
  line-height: 2;
  margin-top: 0.75rem;
}

.esg_bg .width1480 .esg_baogao {
  margin-bottom: 3rem;
}
.esg_bg .width1480 .esg_baogao div.t {
  font-size: 2.25rem;
  font-weight: bold;
  color: var(--ys_h3);
  padding-bottom: 2rem;
}
.esg_bg .width1480 .esg_baogao div.f {
  padding: 3rem 0px;
  border-top: 1px solid var(--ys_h8);
  width: 102%;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.esg_bg .width1480 .esg_baogao div.f div {
  width: 23%;
  margin-right: 2%;
  margin-bottom: 2rem;
}
.esg_bg .width1480 .esg_baogao div.f div dd {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--ys_h3);
}
.esg_bg .width1480 .esg_baogao div.f div dl {
  margin-top: 1rem;
}
.esg_bg .width1480 .esg_baogao div.f div dl p {
  font-size: 1.125rem;
  line-height: 2;
}
.esg_bg .width1480 .esg_baogao div.f div dl p a {
  color: var(--ys_l4);
}
.esg_bg .width1480 .esg_baogao div.f div dl p a:hover {
  text-decoration: underline;
}

.esg_bg .width1480 .esg_lxwm {
  border-top: 1px solid var(--ys_h8);
  padding-top: 2.5rem;
}
.esg_bg .width1480 .esg_lxwm div.t {
  font-size: 2.25rem;
  font-weight: bold;
  color: var(--ys_h3);
}
.esg_bg .width1480 .esg_lxwm div.f {
  margin-top: 2rem;
  font-size: 1.125rem;
  color: var(--ys_h3);
  line-height: 2;
}
.esg_bg .width1480 .esg_lxwm div.f a {
  color: var(--ys_l4);
}
.esg_bg .width1480 .esg_lxwm div.f a:hover {
  text-decoration: underline;
}

/*动画效果*/
.esg_bg .width1480 .i_md .tit dd {
  opacity: 0;
  transform: translateY(5rem);
}
.esg_bg .width1480 .i_md .tit dl {
  opacity: 0;
  transform: translateY(5rem);
}

.esg_bg .width1480 .i_md.on .tit dd {
  opacity: 1;
  transform: translateY(0px);
}
.esg_bg .width1480 .i_md.on .tit dl {
  opacity: 1;
  transform: translateY(0px);
}

.esg_bg .width1480 .i_md.on .tit dd {
  transition: all 0.5s 0s ease-in-out;
}
.esg_bg .width1480 .i_md.on .tit dl {
  transition: all 0.5s 0.5s ease-in-out;
}

.esg_bg .width1480 .esg_lb div.bg .i_md {
  opacity: 0;
  transform: translateY(5rem);
}
.esg_bg .width1480 .esg_lb div.bg .i_md.on {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.esg_bg .width1480 .i_md .esg_baogao div.t {
  opacity: 0;
  transform: translateY(5rem);
}
.esg_bg .width1480 .i_md.on .esg_baogao div.t {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.esg_bg .width1480 .i_md .esg_baogao div.f div {
  opacity: 0;
  transform: translateY(5rem);
}
.esg_bg .width1480 .i_md.on .esg_baogao div.f div {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0.5s ease-in-out;
}

.esg_bg .width1480 .i_md .esg_lxwm div.t {
  opacity: 0;
  transform: translateY(5rem);
}
.esg_bg .width1480 .i_md .esg_lxwm div.f {
  opacity: 0;
  transform: translateY(5rem);
}
.esg_bg .width1480 .i_md.on .esg_lxwm div.t {
  opacity: 1;
  transform: translateY(0px);
}
.esg_bg .width1480 .i_md.on .esg_lxwm div.f {
  opacity: 1;
  transform: translateY(0px);
}
.esg_bg .width1480 .i_md.on .esg_lxwm div.t {
  transition: all 0.5s 1s ease-in-out;
}
.esg_bg .width1480 .i_md.on .esg_lxwm div.f {
  transition: all 0.5s 1.5s ease-in-out;
}

/*头枕腰靠*/
.banner_tzyk {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.banner_tzyk .width1480 {
  position: relative;
  height: 100vh;
  z-index: 2;
}
.banner_tzyk .width1480 div.m {
  width: 100%;
  text-align: center;
  color: var(--ys_b);
  padding: 15vh 0px 3vh;
}
.banner_tzyk .width1480 div.m div.t {
  font-size: 0.875rem;
  margin-bottom: 0.5vh;
}
.banner_tzyk .width1480 div.m div.n {
  font-size: 2.25rem;
  margin-bottom: 1vh;
}
.banner_tzyk .width1480 div.m div.x {
  font-size: 1.125rem;
  letter-spacing: 0.2rem;
}
.banner_tzyk .width1480 div.m div.a {
  margin-top: 1.5vh;
  font-size: 1.125rem;
  line-height: 2.25;
}
.banner_tzyk .width1480 div.m div.a a {
  display: inline-block;
  border: 1px solid var(--ys_b);
  color: var(--ys_b);
  border-radius: 4rem;
  padding: 0px 3rem;
}
.banner_tzyk .width1480 div.m div.a a:hover {
  background-color: var(--ys_b);
  color: var(--ys_h);
}

.banner_tzyk .width1480 div.i {
  position: relative;
  width: 100%;
  height: 50vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.banner_tzyk .width1480 div.i img {
  position: absolute;
  opacity: 0;
  transition: all 0.5s 0s ease-in-out;
}
.banner_tzyk .width1480 div.i img.x {
  opacity: 1;
  transition: all 0.5s 0s ease-in-out;
}

.banner_tzyk .width1480 div.s {
  position: absolute;
  bottom: 5vh;
  left: 0px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.banner_tzyk .width1480 div.s div {
  display: inline-block;
  margin: 0px 2rem;
  text-align: center;
  cursor: pointer;
  opacity: 0.5;
}
.banner_tzyk .width1480 div.s div.o {
  opacity: 1;
}
.banner_tzyk .width1480 div.s div ol {
  margin-bottom: 1.25rem;
}
.banner_tzyk .width1480 div.s div ol span {
  position: relative;
  border-radius: 50%;
  border: 1px solid var(--ys_b);
  margin: 0px auto;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner_tzyk .width1480 div.s div ol span i {
  position: absolute;
  width: 59%;
  height: 59%;
  border-radius: 50%;
}
.banner_tzyk .width1480 div.s div dd {
  font-size: 1rem;
  line-height: 2;
  color: var(--ys_b);
}

.tzyk_gg {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.tzyk_gg .width1480 {
  position: relative;
  z-index: 2;
  height: 100vh;
}
.tzyk_gg .width1480 .tit {
  text-align: center;
  color: var(--ys_b);
  padding-top: 14vh;
}
.tzyk_gg .width1480 .tit dd {
  font-size: 2.25rem;
  font-weight: bold;
}
.tzyk_gg .width1480 .tit dl {
  font-size: 1.5rem;
  margin-top: 2.5vh;
}

.tzyk_sc {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.tzyk_sc .width1480 {
  position: relative;
  z-index: 2;
  height: 100vh;
}
.tzyk_sc .width1480 .tit {
  text-align: center;
  color: var(--ys_b);
  padding-top: 10vh;
}
.tzyk_sc .width1480 .tit dd {
  font-size: 2.25rem;
  line-height: 1.5;
  font-weight: bold;
}
.tzyk_sc .width1480 .tit dl {
  font-size: 1.125rem;
  margin-top: 1vh;
}
.tzyk_sc .width1480 .tit ol {
  margin-top: 3vh;
  font-size: 1.125rem;
  line-height: 2.25;
}
.tzyk_sc .width1480 .tit ol a {
  display: inline-block;
  border: 1px solid var(--ys_b);
  background-color: var(--ys_b);
  color: var(--ys_h);
  border-radius: 4rem;
  padding: 0px 3rem;
}
.tzyk_sc .width1480 .tit ol a:hover {
  background-color: rgba(0, 0, 0, 0);
  color: var(--ys_b);
}

.tzyk_hsgg {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.tzyk_hsgg .width1480 {
  position: relative;
  z-index: 2;
  height: 100vh;
  display: flex;
  align-items: center;
}
.tzyk_hsgg .width1480 .xx_bg {
  width: 100%;
  color: var(--ys_b);
}
.tzyk_hsgg .width1480 .xx_bg .tit {
  text-align: center;
  font-size: 2.25rem;
}
.tzyk_hsgg .width1480 .xx_bg .tp {
  text-align: center;
}
.tzyk_hsgg .width1480 .xx_bg .tp div {
  margin: 0px auto;
  position: relative;
  max-width: 34.1875rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 7vh;
}
.tzyk_hsgg .width1480 .xx_bg .tp div img.g {
  height: 38vh;
}
.tzyk_hsgg .width1480 .xx_bg .tp div img.i {
  position: absolute;
  bottom: 0px;
  max-height: 58%;
}
.tzyk_hsgg .width1480 .xx_bg .xx {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 3.5vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-height: 25vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.tzyk_hsgg .width1480 .xx_bg .xx div {
  width: 49%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: space-between;
  padding: 0.8rem 0px;
}
.tzyk_hsgg .width1480 .xx_bg .xx div del {
  display: block;
  font-size: 1.125rem;
  min-height: 2px;
  line-height: 2;
  width: 48%;
}
.tzyk_hsgg .width1480 .xx_bg .xx div del:nth-child(1) {
  font-weight: bold;
}

/*动画效果*/
.i_md .tzyk_gg .width1480 .tit dd {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md .tzyk_gg .width1480 .tit dl {
  opacity: 0;
  transform: translateY(5rem);
}

.i_md.on .tzyk_gg .width1480 .tit dd {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .tzyk_gg .width1480 .tit dl {
  opacity: 1;
  transform: translateY(0px);
}

.i_md.on .tzyk_gg .width1480 .tit dd {
  transition: all 0.5s 0s ease-in-out;
}
.i_md.on .tzyk_gg .width1480 .tit dl {
  transition: all 0.5s 0.5s ease-in-out;
}

.i_md .tzyk_sc .width1480 .tit dd {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md .tzyk_sc .width1480 .tit dl {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md .tzyk_sc .width1480 .tit ol {
  opacity: 0;
  transform: translateY(5rem);
}

.i_md.on .tzyk_sc .width1480 .tit dd {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .tzyk_sc .width1480 .tit dl {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .tzyk_sc .width1480 .tit ol {
  opacity: 1;
  transform: translateY(0px);
}

.i_md.on .tzyk_sc .width1480 .tit dd {
  transition: all 0.5s 0s ease-in-out;
}
.i_md.on .tzyk_sc .width1480 .tit dl {
  transition: all 0.5s 0.5s ease-in-out;
}
.i_md.on .tzyk_sc .width1480 .tit ol {
  transition: all 0.5s 1s ease-in-out;
}

.i_md .tzyk_hsgg .width1480 .xx_bg .tit {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md .tzyk_hsgg .width1480 .xx_bg .tp {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md .tzyk_hsgg .width1480 .xx_bg .xx {
  opacity: 0;
  transform: translateY(5rem);
}

.i_md.on .tzyk_hsgg .width1480 .xx_bg .tit {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .tzyk_hsgg .width1480 .xx_bg .tp {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .tzyk_hsgg .width1480 .xx_bg .xx {
  opacity: 1;
  transform: translateY(0px);
}

.i_md.on .tzyk_hsgg .width1480 .xx_bg .tit {
  transition: all 0.5s 0s ease-in-out;
}
.i_md.on .tzyk_hsgg .width1480 .xx_bg .tp {
  transition: all 0.5s 0.5s ease-in-out;
}
.i_md.on .tzyk_hsgg .width1480 .xx_bg .xx {
  transition: all 0.5s 1s ease-in-out;
}

/*下载中心*/
.banner_down {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.banner_down .width1480 {
  position: relative;
  z-index: 2;
  height: 100vh;
}
.banner_down .width1480 .a-fdB {
  width: 100%;
  padding-top: 16vh;
  text-align: center;
  color: var(--ys_b);
}
.banner_down .width1480 .a-fdB div.t {
  font-size: 2.25rem;
  margin-bottom: 1.5vh;
}
.banner_down .width1480 .a-fdB div.c {
  font-size: 1.125rem;
  line-height: 2;
}
.banner_down .width1480 .a-fdB div.s {
  margin-top: 2vh;
}
.banner_down .width1480 .a-fdB div.s div {
  border: 1px solid rgba(255, 255, 255, 0.5);
  display: inline-block;
  padding: 0px 3rem;
  position: relative;
  background: url(../images/so2.png) no-repeat scroll 1rem center;
  background-size: 1.125rem;
  border-radius: 3rem;
  width: 72%;
  max-width: 24rem;
}
.banner_down .width1480 .a-fdB div.s div input {
  width: 100%;
  outline: none;
  border: 0px;
  font-size: 1rem;
  line-height: 3;
  color: var(--ys_b);
  background-color: rgba(0, 0, 0, 0);
}
.banner_down .width1480 .a-fdB div.s div input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.banner_down .width1480 .a-fdB div.s div button {
  position: absolute;
  width: 1.5rem;
  right: 1.5rem;
  top: 0px;
  bottom: 0px;
  background: url(../images/jt_r2.png) no-repeat scroll center;
  background-size: 1rem auto;
  border: 0px;
  transition: all 0.5s ease;
}
.banner_down .width1480 .a-fdB div.s div button:hover {
  right: 1.25rem;
  transition: all 0.5s ease;
}

.down_app {
  background: url(../images/down_app.jpg) no-repeat scroll center;
  background-size: cover;
  width: 100%;
  overflow: hidden;
}
.down_app .width1480 {
  height: 53.75rem;
  display: flex;
  align-items: center;
}
.down_app .width1480 .xx_bg {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.down_app .width1480 .xx_bg div.l {
  width: 42%;
}
.down_app .width1480 .xx_bg div.l .tit {
  color: var(--ys_b);
}
.down_app .width1480 .xx_bg div.l .tit dd {
  font-size: 2.25rem;
  font-weight: bold;
}
.down_app .width1480 .xx_bg div.l .tit dl {
  font-size: 1.125rem;
  line-height: 2;
  margin-top: 0.75rem;
}
.down_app .width1480 .xx_bg div.l .xx {
}
.down_app .width1480 .xx_bg div.l .xx .g {
  margin-top: 4rem;
  padding-left: 7.5rem;
  position: relative;
  color: var(--ys_b);
}
.down_app .width1480 .xx_bg div.l .xx .g img.i {
  position: absolute;
  left: 0px;
  width: 3.75rem;
  border-radius: 0.5rem;
}
.down_app .width1480 .xx_bg div.l .xx .g .n {
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
}
.down_app .width1480 .xx_bg div.l .xx .g .c {
  font-size: 1.15rem;
  margin-bottom: 1rem;
  min-height: 3.5rem;
}
.down_app .width1480 .xx_bg div.l .xx .g .f {
  font-size: 1rem;
  line-height: 2.5;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.down_app .width1480 .xx_bg div.l .xx .g .f a {
  color: var(--ys_b);
  position: relative;
  padding: 0px 1.25rem 0px 3rem;
  margin-right: 1rem;
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  overflow: hidden;
}
.down_app .width1480 .xx_bg div.l .xx .g .f a:hover {
  opacity: 0.8;
}
.down_app .width1480 .xx_bg div.l .xx .g .f a.l {
  background-color: var(--ys_h1);
}
.down_app .width1480 .xx_bg div.l .xx .g .f a.r {
  background-color: var(--ys_l3);
}
.down_app .width1480 .xx_bg div.l .xx .g .f a img {
  position: absolute;
  left: 1.25rem;
}

.down_app .width1480 .xx_bg div.r {
  width: 58%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.down_app .width1480 .xx_bg div.r img {
  width: 55%;
  max-width: 29.375rem;
}

.down_bg {
  background: url(../images/down_lb_bg.jpg) no-repeat scroll center top #18192c;
  background-size: 100% auto;
}
.down_bg .width1480 {
  padding: 8rem 0px;
}

.down_lb {
  margin-bottom: 12rem;
}

.down_tit {
  margin-bottom: 3rem;
  display: flex;
  justify-content: space-between;
}
.down_tit div.l {
  font-size: 2.25rem;
  font-weight: bold;
  color: var(--ys_b);
}
.down_tit div.r {
  display: flex;
  align-items: center;
}
.down_tit div.r del {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3rem;
  padding: 0.5rem;
}
.down_tit div.r del a {
  display: inline-block;
  font-size: 1rem;
  color: var(--ys_b);
  line-height: 2;
  padding: 0px 1.25rem;
  border-radius: 3rem;
}
.down_tit div.r del a.on,
.down_tit div.r del a:hover {
  background-color: var(--ys_b);
  color: var(--ys_h);
}

.down_xx {
  position: relative;
  height: 56rem;
  margin-bottom: 11.5rem;
}
.down_xx .lb_bg {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 104%;
  z-index: 0;
  opacity: 0;
  transition: all 0.5s ease;
}
.down_xx .lb_bg.x {
  opacity: 1;
  z-index: 5;
  transition: all 0.5s ease;
}
.down_xx .lb_bg .swiper-wrapper {
}
.down_xx .lb_bg .swiper-wrapper .swiper-slide {
  position: relative;
  cursor: grab;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.down_xx .lb_bg .swiper-wrapper .swiper-slide .xx_bg {
  width: 22.09%;
  margin-right: 2.54%;
  margin-bottom: 2.5rem;
}
.down_xx .lb_bg .swiper-wrapper .swiper-slide div.bg {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  overflow: hidden;
  background-image: linear-gradient(
    to bottom,
    #131c3c,
    #21294c,
    #0c1125,
    #0c1125
  );
  padding: 0.75rem;
  position: relative;
}
.down_xx .lb_bg .swiper-wrapper .swiper-slide div.bg div {
  position: relative;
  z-index: 5;
}
.down_xx .lb_bg .swiper-wrapper .swiper-slide div.bg div.i {
  height: 15rem;
  position: relative;
  overflow: hidden;
}
.down_xx .lb_bg .swiper-wrapper .swiper-slide div.bg div.i img {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
  height: 72%;
  max-height: 10.625rem;
}
@media only screen and (max-width: 1920px) {
  .down_xx .lb_bg .swiper-wrapper .swiper-slide div.bg div.i img {
    max-width: 90%;
    height: auto;
    max-height: 72%;
  }
}
.down_xx .lb_bg .swiper-wrapper .swiper-slide div.bg div.c {
  margin-bottom: 1.5rem;
  line-height: 2;
}
.down_xx .lb_bg .swiper-wrapper .swiper-slide div.bg div.c dd {
  font-size: 1.125rem;
  color: var(--ys_b);
}
.down_xx .lb_bg .swiper-wrapper .swiper-slide div.bg div.c dl {
  font-size: 1rem;
  color: var(--ys_h2);
}
.down_xx .lb_bg .swiper-wrapper .swiper-slide div.bg div.f {
  display: flex;
  justify-content: space-between;
}
.down_xx .lb_bg .swiper-wrapper .swiper-slide div.bg div.f a {
  width: 36%;
  padding: 0px 4%;
  border-radius: 3rem;
  color: var(--ys_l2);
  border: 1px solid var(--ys_l2);
  font-size: 1rem;
  line-height: 2rem;
  display: flex;
  justify-content: space-between;
  transition: all 0.5s ease;
}
.down_xx .lb_bg .swiper-wrapper .swiper-slide div.bg div.f a:hover {
  background-color: var(--ys_l7);
  color: var(--ys_b);
  transition: all 0.5s ease;
}
.down_xx .lb_bg .swiper-wrapper .swiper-slide div.bg div.f a i {
  display: inline-block;
  width: 0.875rem;
  height: 2rem;
  background: url(../images/xz.png) no-repeat scroll center;
  background-size: 100% auto;
  right: 0px;
  opacity: 0.5;
  transition: all 0.5s ease;
}
.down_xx .lb_bg .swiper-wrapper .swiper-slide div.bg div.f a:hover i {
  opacity: 1;
  transition: all 0.5s ease;
}
.down_xx .lb_bg .swiper-wrapper .swiper-slide div.bg i.bg {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: url(../images/down_li_bg.png) no-repeat scroll center bottom;
  background-size: 100% auto;
  opacity: 0;
  transition: all 0.5s ease;
}
.down_xx .lb_bg .swiper-wrapper .swiper-slide div.bg:hover i.bg {
  opacity: 1;
  transition: all 0.5s ease;
}

.down_xx .lb_bg .page {
  display: block;
  margin-top: 1rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.down_xx .lb_bg .page span {
  display: inline-block;
  background-color: var(--ys_l2);
  width: 2.25rem;
  height: 0.4rem;
  border-radius: 0.5rem;
  margin: 0px 0.5rem;
  opacity: 0.5;
}
.down_xx .lb_bg .page span.on {
  opacity: 1;
}

.down_cpsc {
  margin-bottom: 3rem;
}
.down_cpsc .tit {
  color: var(--ys_b);
  font-size: 2.25rem;
  font-weight: bold;
  margin-bottom: 3rem;
}
.down_cpsc ul.lb {
  width: 104%;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  min-height: 33rem;
}
.down_cpsc ul.lb li {
  width: 14%;
  margin-right: 2.42%;
  margin-bottom: 1.5rem;
}
.down_cpsc ul.lb li a {
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  overflow: hidden;
  background-image: linear-gradient(
    to bottom,
    #131c3c,
    #21294c,
    #0c1125,
    #0c1125
  );
  padding: 0.75rem;
}
.down_cpsc ul.lb li a div.i {
  height: 15rem;
  position: relative;
  overflow: hidden;
}
.down_cpsc ul.lb li a div.i img {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
  height: 72%;
  max-height: 10.625rem;
  transition: all 0.5s ease;
}
.down_cpsc ul.lb li a:hover div.i img {
  transform: scale(1.1);
  transition: all 0.5s ease;
}
.down_cpsc ul.lb li a div.n {
  margin: 1.5rem 0px 1.25rem;
  font-size: 1.125rem;
  color: var(--ys_b);
}
.down_cpsc ul.lb li a div.f {
  font-size: 0.875rem;
  color: var(--ys_h2);
  position: relative;
}
.down_cpsc ul.lb li a div.f i {
  position: absolute;
  width: 0.875rem;
  height: 1.125rem;
  background: url(../images/xz.png) no-repeat scroll center;
  background-size: cover;
  right: 0px;
  opacity: 0.5;
  transition: all 0.5s ease;
}
.down_cpsc ul.lb li a:hover div.f i {
  opacity: 1;
  transition: all 0.5s ease;
}

.down_lxwm {
  background-color: rgba(41, 53, 102, 0.5);
  border-radius: 1.25rem;
  position: relative;
  padding: 1.25rem 3rem;
  display: flex;
  justify-content: space-between;
  min-height: 4.6875rem;
}
.down_lxwm div.l {
  position: relative;
  padding-left: 6.5rem;
  color: var(--ys_b);
}
.down_lxwm div.l img {
  position: absolute;
  left: 0px;
  width: 4.6875rem;
}
.down_lxwm div.l dd {
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
}
.down_lxwm div.l dl {
  font-size: 1rem;
  line-height: 2;
}
.down_lxwm div.l dl a {
  color: var(--ys_l2);
}
.down_lxwm div.l dl a:hover {
  color: var(--ys_b);
}
.down_lxwm div.r {
  display: flex;
  align-items: center;
  font-size: 1rem;
  line-height: 2.5;
}
.down_lxwm div.r a {
  border: 1px solid var(--ys_l2);
  color: var(--ys_l2);
  border-radius: 3rem;
  padding: 0px 1rem;
  display: flex;
  align-items: center;
  box-shadow: 0px 0px 1.5rem 0px rgba(175, 186, 216, 0.3);
  transition: all 0.5s ease;
}
.down_lxwm div.r a:hover {
  background-color: var(--ys_b);
  color: var(--ys_h);
  transition: all 0.5s ease;
}
.down_lxwm div.r a i {
  background: url(../images/jt_r2.png) no-repeat scroll center;
  background-size: 100% auto;
  width: 1rem;
  display: inline-block;
  height: 2rem;
  margin-left: 2.5rem;
}
.down_lxwm div.r a:hover i {
  background-image: url(../images/jt_r1.png);
}

/*动画效果*/
.i_md .down_app .width1480 .xx_bg div.l .tit {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md .down_app .width1480 .xx_bg div.l .xx .g {
  opacity: 0;
  transform: translateY(5rem);
}

.i_md.on .down_app .width1480 .xx_bg div.l .tit {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .down_app .width1480 .xx_bg div.l .xx .g {
  opacity: 1;
  transform: translateY(0px);
}

.i_md.on .down_app .width1480 .xx_bg div.l .tit {
  transition: all 0.5s 0s ease-in-out;
}
.i_md.on .down_app .width1480 .xx_bg div.l .xx .g:nth-child(1) {
  transition: all 0.5s 0.5s ease-in-out;
}
.i_md.on .down_app .width1480 .xx_bg div.l .xx .g:nth-child(2) {
  transition: all 0.5s 1s ease-in-out;
}

.i_md .down_tit {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md .down_xx {
  opacity: 0;
  transform: translateY(5rem);
}

.i_md.on .down_tit {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .down_xx {
  opacity: 1;
  transform: translateY(0px);
}

.i_md.on .down_tit {
  transition: all 0.5s 0s ease-in-out;
}
.i_md.on .down_xx {
  transition: all 0.5s 0.5s ease-in-out;
}

.i_md .down_cpsc .tit {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md .down_cpsc ul.lb {
  opacity: 0;
  transform: translateY(5rem);
}

.i_md.on .down_cpsc .tit {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .down_cpsc ul.lb {
  opacity: 1;
  transform: translateY(0px);
}

.i_md.on .down_cpsc .tit {
  transition: all 0.5s 0s ease-in-out;
}
.i_md.on .down_cpsc ul.lb {
  transition: all 0.5s 0.5s ease-in-out;
}

.i_md .down_lxwm div.l {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .down_lxwm div.l {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

/*其他 顶部/底部*/
.top_h,
.top_qt,
.top_qt .width1480,
.top_qt .width1480 .logo,
.top_qt .width1480 .logo a,
.top_qt .width1480 .lm_bg,
.top_qt .width1480 .lm_bg ul,
.top_qt .width1480 .lm_bg ul li,
.top_qt .width1480 .lm_bg ul li div.n,
.top_qt .width1480 .top_r {
  height: 5rem;
}
.top_qt {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 99;
  background-color: var(--ys_b);
  padding: 0px;
  box-shadow: 0px 0.5rem 0.75rem 0px rgba(0, 0, 0, 0.14);
}
.top_qt .width1480 {
  width: 94%;
  max-width: 117.5rem;
  border-radius: 0px;
  box-shadow: 0px 0px 0.75rem 0px rgba(0, 0, 0, 0);
  background-color: var(--ys_b);
}
.top_qt.x .width1480 {
  background-color: var(--ys_b);
}
.top_qt .width1480 .logo {
  margin-left: 0px !important;
}
.top_qt .width1480 .logo del {
  color: var(--ys_h3);
}
.top_qt .width1480 .logo del i {
  border-left: 1px solid var(--ys_h4);
}
.top_qt .width1480 .lm_bg ul {
  justify-content: left;
}
.top_qt .width1480 .lm_bg ul li {
  margin-right: 4rem;
}
.top_qt .width1480 .lm_bg ul li div.n a {
  color: var(--ys_h3);
}
.top_qt .width1480 .lm_bg ul li div.n i.fa {
  color: var(--ys_h3);
}
.top_qt .width1480 .top_r .bg a {
  color: var(--ys_h3);
}
.top_qt .width1480 .top_r .bg a.so {
  background-image: url(../images/so.png);
}
.top_qt .width1480 .top_r .bg a.yy {
  background-image: url(../images/yy1.png);
}
.top_qt .width1480 .top_r .bg i.x {
  border-left: 1px solid var(--ys_h4);
  margin-right: 1rem;
  height: 1.125rem;
  margin-top: 0.75rem;
}

/*foot_qt_bg*/
.foot_qt_bg {
  width: 100%;
  overflow: hidden;
  padding-bottom: 2rem;
}
.foot_qt_bg i.x {
  width: 100%;
  height: 1px;
  background-color: var(--ys_h4);
  display: block;
}
.foot_qt_bg .foot_t {
  padding: 2rem 0px;
  border-top: 1px solid var(--ys_h4);
}
.foot_qt_bg .foot_t .bg {
  width: 100%;
  max-width: 35.5rem;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
}
.foot_qt_bg .foot_t .bg div {
  min-height: 3rem;
}
.foot_qt_bg .foot_t .bg div.l {
  width: 40%;
  position: relative;
}
.foot_qt_bg .foot_t .bg div.l i.fa {
  border: 1px solid var(--ys_l);
  color: var(--ys_l);
  font-size: 1.5rem;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.foot_qt_bg .foot_t .bg div.l p {
  padding-left: 4.5rem;
  color: var(--ys_h3);
  font-size: 1.125rem;
  line-height: 1.5;
}
.foot_qt_bg .foot_t .bg div.l p a {
  color: var(--ys_l);
}

/* 联系投资者关系：整体居中展示（桌面端；480px 及以下由 responsive.css 保持居中） */
@media only screen and (min-width: 481px) {
  .foot_qt_bg .foot_t .bg {
    justify-content: center;
  }
  .foot_qt_bg .foot_t .bg div.l {
    width: auto;
  }
}

.foot_qt_bg .foot_t .bg div.x {
  width: 1px;
  background-color: var(--ys_h4);
}
.foot_qt_bg .foot_t .bg div.r {
  width: 42%;
  padding: 0px 4%;
  border-radius: 5rem;
  border: 1px solid var(--ys_l);
  background-color: var(--ys_b2);
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.foot_qt_bg .foot_t .bg div.r input,
.foot_qt_bg .foot_t .bg div.r button {
  border: 0px;
  outline: none;
  background-color: var(--ys_b2);
}
.foot_qt_bg .foot_t .bg div.r input {
  font-size: 1rem;
  width: 85%;
}
.foot_qt_bg .foot_t .bg div.r input::-webkit-input-placeholder {
  color: var(--ys_h5);
}
.foot_qt_bg .foot_t .bg div.r button {
  width: 1.125rem;
  background: url(../images/so3.png) no-repeat scroll center;
  background-size: 100% auto;
}

.foot_qt_bg .foot_f {
  padding-top: 2rem;
  text-align: center;
  font-size: 0.9375rem;
  color: var(--ys_h2);
  line-height: 2;
}
.foot_qt_bg .foot_f a {
  color: var(--ys_h2);
}
.foot_qt_bg .foot_f a:hover {
  color: var(--ys_l);
}

/*banner_qt*/
.banner_qt {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.banner_qt .width1480 {
  position: relative;
  z-index: 2;
  height: 42.5rem;
}

/*qt_bg*/
.qt_bg {
  padding: 6rem 0px 3rem;
  max-width: 77.5rem;
}

/*投资者关系*/
.banner_tzzgx {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.banner_tzzgx video {
}
.banner_tzzgx video::-webkit-media-controls {
  display: none !important;
}
.banner_tzzgx div.bg {
  position: absolute;
  z-index: 5;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.banner_tzzgx div.bg .width1480 {
  padding-top: 8.5rem;
}
.banner_tzzgx div.bg .width1480 .a-fdB {
  font-size: 2.25rem;
  color: var(--ys_b);
  font-weight: bold;
  width: 100%;
  text-align: center;
}

.tzzgx_jj {
  padding: 7.5rem 0px;
}
.tzzgx_jj div {
  text-align: center;
  max-width: 83rem;
  margin: 0px auto;
}
.tzzgx_jj div dd {
  font-size: 2.25rem;
  color: var(--ys_h3);
  font-weight: bold;
}
.tzzgx_jj div dl {
  font-size: 1.125rem;
  color: var(--ys_h3);
  line-height: 2;
  margin-top: 3rem;
}
.tzzgx_jj div ol {
  margin-top: 2.5rem;
}
.tzzgx_jj div ol a {
  display: inline-block;
  font-size: 1.125rem;
  line-height: 2.5;
  padding: 0px 3rem;
  border-radius: 3rem;
  color: var(--ys_b);
  background-color: var(--ys_l);
}
.tzzgx_jj div ol a:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.tzzgx_xx {
  width: 100%;
  overflow: hidden;
  background-color: var(--ys_b4);
}
.tzzgx_xx .width1480 {
  padding: 6rem 0px 7.5rem;
}
.tzzgx_xx .width1480 .tit {
  font-size: 2.25rem;
  font-weight: bold;
  color: var(--ys_h3);
}
.tzzgx_xx .width1480 .lb_xx {
  padding: 3rem 0px 6rem;
}
.tzzgx_xx .width1480 .lb_xx div.bg {
  border-bottom: 1px solid var(--ys_h8);
  padding: 1.25rem 0px;
  background: url(../images/pdf.png) no-repeat scroll right center;
  background-size: 1.5rem;
  padding-right: 3.75rem;
}
.tzzgx_xx .width1480 .lb_xx div.bg ol {
  font-size: 1rem;
  color: var(--ys_h5);
}
.tzzgx_xx .width1480 .lb_xx div.bg dd {
  margin-top: 0.875rem;
}
.tzzgx_xx .width1480 .lb_xx div.bg dd a {
  font-size: 1.125rem;
  color: var(--ys_h3);
  line-height: 2;
}
.tzzgx_xx .width1480 .lb_xx div.bg dd a:hover {
  color: var(--ys_l);
}

.tzzgx_xx .width1480 .more {
  text-align: center;
}
.tzzgx_xx .width1480 .more a {
  display: inline-block;
  font-size: 1.125rem;
  line-height: 2.5;
  padding: 0px 3rem;
  border-radius: 3rem;
  color: var(--ys_b);
  background-color: var(--ys_l);
}
.tzzgx_xx .width1480 .more a:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/*动画效果*/
.i_md .tzzgx_jj div dd {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md .tzzgx_jj div dl {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md .tzzgx_jj div ol {
  opacity: 0;
  transform: translateY(5rem);
}

.i_md.on .tzzgx_jj div dd {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .tzzgx_jj div dl {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .tzzgx_jj div ol {
  opacity: 1;
  transform: translateY(0px);
}

.i_md.on .tzzgx_jj div dd {
  transition: all 0.5s 0s ease-in-out;
}
.i_md.on .tzzgx_jj div dl {
  transition: all 0.5s 0.5s ease-in-out;
}
.i_md.on .tzzgx_jj div ol {
  transition: all 0.5s 1s ease-in-out;
}

.i_md .tzzgx_xx .width1480 .tit {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md .tzzgx_xx .width1480 .lb_xx {
  opacity: 0;
  transform: translateY(5rem);
}

.i_md.on .tzzgx_xx .width1480 .tit {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .tzzgx_xx .width1480 .lb_xx {
  opacity: 1;
  transform: translateY(0px);
}

.i_md.on .tzzgx_xx .width1480 .tit {
  transition: all 0.5s 0s ease-in-out;
}
.i_md.on .tzzgx_xx .width1480 .lb_xx {
  transition: all 0.5s 0.5s ease-in-out;
}

/*招股文件*/
.zgwj_tit {
  text-align: center;
  font-size: 2.25rem;
  color: var(--ys_h3);
  font-weight: bold;
  margin-bottom: 5rem;
}

.zgwj_lm {
  margin-bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.zgwj_lm a {
  font-size: 1rem;
  color: var(--ys_h);
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  margin-right: 3rem;
  border-bottom: 0.1875rem solid var(--ys_b);
}
.zgwj_lm a.on,
.zgwj_lm a:hover {
  color: var(--ys_l3);
}
.zgwj_lm a.on {
  border-bottom: 0.1875rem solid var(--ys_l3);
}

.zgwj_so {
  display: flex;
  justify-content: space-between;
  max-width: 77.5rem;
  margin: 0px auto;
}
.zgwj_so .rq {
  width: 65%;
  max-width: 25rem;
  display: flex;
  justify-content: space-between;
}
.zgwj_so .rq div {
  border: 1px solid var(--ys_h4);
  border-radius: 0.5rem;
  padding: 0px 2%;
  position: relative;
  display: flex;
  align-items: center;
}
.zgwj_so .rq div.x {
  padding: 0px 5%;
  border: 0px;
}
.zgwj_so .rq div input {
  margin-left: 2%;
  border: 0px;
  outline: none;
  width: 85%;
  font-size: 1rem;
  color: var(--ys_h2);
  line-height: 2.5;
}
.zgwj_so .rq div i {
  right: 5%;
  position: absolute;
  width: 0.875rem;
  height: 0.875rem;
  background: url(../images/q.png) no-repeat scroll center;
  background-size: cover;
  opacity: 0.5;
}

.zgwj_so .so {
  width: 30%;
  padding: 0px 1%;
  max-width: 20rem;
  border: 1px solid var(--ys_h4);
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.zgwj_so .so input,
.zgwj_so .so button {
  border: 0px;
  outline: none;
  background-color: var(--ys_b);
  line-height: 2.5;
}
.zgwj_so .so input {
  font-size: 1rem;
  width: 70%;
}
.zgwj_so .so input::-webkit-input-placeholder {
  color: var(--ys_h5);
}
.zgwj_so .so button {
  width: 1.125rem;
  background: url(../images/so.png) no-repeat scroll center;
  background-size: 100% auto;
  opacity: 0.6;
  transition: all 0.5s ease;
}
.zgwj_so .so button:hover {
  opacity: 1;
  transition: all 0.5s ease;
}

.zgwj_lb {
  margin: 2.5rem 0px;
  border-top: 1px solid var(--ys_h4);
}
.zgwj_lb .lb_t {
  border-bottom: 1px solid var(--ys_h4);
  padding: 1.25rem 0px;
  display: flex;
  justify-content: space-between;
  font-size: 1.5rem;
  color: var(--ys_h3);
}
.zgwj_lb .lb_t div.l {
  width: 18%;
}
.zgwj_lb .lb_t div.c {
  width: 70%;
}
.zgwj_lb .lb_t div.r {
  width: 8%;
  text-align: center;
}
.zgwj_lb .lb_f {
  border-bottom: 1px solid var(--ys_h4);
}
.zgwj_lb .lb_f a {
  display: block;
  padding: 1rem 0px;
  display: flex;
  justify-content: space-between;
  transition: all 0.5s ease;
}
.zgwj_lb .lb_f a:hover {
  background-color: rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease;
}
.zgwj_lb .lb_f a div {
  min-height: 1.5rem;
  font-size: 1rem;
  color: var(--ys_h3);
  line-height: 2;
  display: flex;
  align-items: center;
}
.zgwj_lb .lb_f a div.l {
  width: 18%;
  transition: all 0.5s ease;
}
.zgwj_lb .lb_f a:hover div.l {
  padding-left: 2%;
  width: 16%;
  transition: all 0.5s ease;
}
.zgwj_lb .lb_f a div.c {
  width: 70%;
}
.zgwj_lb .lb_f a div.r {
  width: 8%;
  text-align: center;
}
.zgwj_lb .lb_f a div.r i {
  display: block;
  width: 100%;
  height: 1.5rem;
  background: url(../images/pdf.png) no-repeat scroll center;
  background-size: auto 100%;
}

/*公司治理*/
.gszl_tit {
  color: var(--ys_h);
  margin: 0px auto 7.5rem;
  text-align: center;
  max-width: 43rem;
}
.gszl_tit dd {
  font-size: 2.25rem;
  font-weight: bold;
}
.gszl_tit dl {
  font-size: 1.125rem;
  line-height: 2;
  margin-top: 1.5rem;
}
.gszl_name {
  color: var(--ys_h);
  font-size: 2.625rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
.gszl_zlwj {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 5rem;
}
.gszl_zlwj div {
  width: 48.5%;
  font-size: 1rem;
  color: var(--ys_h);
  line-height: 2;
  border-bottom: 1px solid var(--ys_h8);
  padding: 0.65rem 0px;
}
.gszl_zlwj div del {
  display: block;
  padding-left: 18%;
  background: url(../images/pdf.png) no-repeat scroll left center;
  background-size: 1.25rem;
}

.gszl_rwgc {
  margin-bottom: 2rem;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.gszl_rwgc div.g {
  border-bottom: 1px solid var(--ys_h4);
  min-width: 50rem;
  padding: 1rem 0px;
  display: flex;
  justify-content: space-between;
}
.gszl_rwgc div.g div {
  font-size: 1rem;
  color: var(--ys_h);
  line-height: 2;
  min-height: 2rem;
}
.gszl_rwgc div.g div.l {
  width: 48%;
}
.gszl_rwgc div.g div.r {
  width: 50%;
  display: flex;
  justify-content: space-between;
}
.gszl_rwgc div.g div.r div {
  width: 33.33%;
  text-align: center;
}
.gszl_rwgc div.g div.r div img {
  height: 1.25rem;
}
.gszl_rwgc div.g div.r div img.i2 {
  opacity: 0.5;
}

.gszl_xx {
  font-size: 1rem;
  color: var(--ys_h);
  line-height: 2;
}
.gszl_xx del {
  position: relative;
  margin-right: 2rem;
  padding-left: 2.5rem;
}
.gszl_xx del img {
  height: 1.25rem;
  top: 50%;
  margin-top: -0.625rem;
  position: absolute;
  left: 0px;
}

/*动画效果*/
.i_md .gszl_name {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md .zgwj_lb {
  opacity: 0;
  transform: translateY(5rem);
}

.i_md.on .gszl_name {
  opacity: 1;
  transform: translateY(0px);
}
.i_md.on .zgwj_lb {
  opacity: 1;
  transform: translateY(0px);
}

.i_md.on .gszl_name {
  transition: all 0.5s 0s ease-in-out;
}
.i_md.on .zgwj_lb {
  transition: all 0.5s 0.5s ease-in-out;
}

.i_md .gszl_rwgc {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .gszl_rwgc {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

/*ai机器人*/
.banner_ai {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.banner_ai .width1480 {
  height: 100vh;
  position: relative;
  z-index: 2;
}
.banner_ai .width1480 .tit {
  text-align: center;
  color: var(--ys_b);
  padding-top: 16vh;
}
.banner_ai .width1480 .tit dd {
  font-size: 2.625rem;
  font-weight: bold;
}
.banner_ai .width1480 .tit dl {
  font-size: 1.5rem;
  letter-spacing: 1rem;
  margin-top: 2vh;
}
.banner_ai .width1480 .an_f {
  position: absolute;
  left: 0px;
  width: 100%;
  bottom: 8vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 1rem;
  line-height: 2.5;
}
.banner_ai .width1480 .an_f a {
  color: var(--ys_b);
  display: inline-block;
}
.banner_ai .width1480 .an_f a.l {
  padding-left: 4rem;
  position: relative;
  margin-right: 2.5rem;
}
.banner_ai .width1480 .an_f a.l i.fa {
  border: 1px solid var(--ys_b);
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner_ai .width1480 .an_f a.l:hover {
  opacity: 0.8;
}
.banner_ai .width1480 .an_f a.r {
  border: 1px solid var(--ys_b);
  padding: 0px 1.875rem;
  border-radius: 3rem;
}
.banner_ai .width1480 .an_f a.r:hover {
  background-color: var(--ys_b);
  color: var(--ys_h);
}

.aijqr_xx {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.aijqr_xx .width1480 {
  height: 100vh;
  position: relative;
  z-index: 2;
}
.aijqr_xx .width1480 .bg {
  width: 100%;
  padding-top: 30vh;
  display: flex;
  justify-content: space-between;
}
.aijqr_xx .width1480 .bg div.l {
  width: 10%;
}
.aijqr_xx .width1480 .bg div.r {
  width: 40%;
  max-width: 25rem;
  color: var(--ys_b);
}
.aijqr_xx .width1480 .bg div.r div.t {
  font-size: 2.25rem;
  font-weight: bold;
}
.aijqr_xx .width1480 .bg div.r div.f {
  margin-top: 1rem;
  overflow: hidden;
}
.aijqr_xx .width1480 .bg div.r div.f div {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding: 1.75vh 0px;
}
.aijqr_xx .width1480 .bg div.r div.f div:nth-child(1) {
  border-top: 0px;
}
.aijqr_xx .width1480 .bg div.r div.f div ol {
  margin-bottom: 1.25vh;
}
.aijqr_xx .width1480 .bg div.r div.f div ol img {
  height: 1.875rem;
}
.aijqr_xx .width1480 .bg div.r div.f div dd {
  font-size: 1.125rem;
}

.aijqr_gg {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.aijqr_gg .width1480 {
  height: 100vh;
  position: relative;
  z-index: 2;
}
.aijqr_gg .width1480 .tit {
  text-align: center;
  color: var(--ys_b);
  font-size: 2.625rem;
  line-height: 1.5;
  padding-top: 15vh;
}

.aijqr_lb {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.aijqr_lb .xx_bg {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.aijqr_lb .xx_bg .width1480 {
  height: 100vh;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}
.aijqr_lb .xx_bg .width1480 div {
  color: var(--ys_b);
  width: 34%;
  position: absolute;
}
.aijqr_lb .xx_bg.l .width1480 div {
  left: 0px;
}
.aijqr_lb .xx_bg.r .width1480 div {
  right: 0px;
}
.aijqr_lb .xx_bg .width1480 div dd {
  font-size: 2.625rem;
  font-weight: bold;
}
.aijqr_lb .xx_bg .width1480 div dl {
  font-size: 1.5rem;
  margin-top: 1rem;
}
.aijqr_lb .xx_bg .width1480 div ol {
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 2.5;
}
.aijqr_lb .xx_bg .width1480 div ol a {
  display: inline-block;
  border: 1px solid var(--ys_b);
  color: var(--ys_b);
  border-radius: 3rem;
  padding: 0px 2rem;
}
.aijqr_lb .xx_bg .width1480 div ol a:hover {
  background-color: var(--ys_b);
  color: var(--ys_h);
}

.aijqr_an {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.aijqr_an .width1480 {
  height: 100vh;
  position: relative;
  z-index: 2;
}
.aijqr_an .width1480 div.xx {
  text-align: center;
  color: var(--ys_b);
}
.aijqr_an .width1480 div.xx.t {
  font-size: 2.625rem;
  padding-top: 12vh;
}
.aijqr_an .width1480 div.xx.f {
  margin-top: 5vh;
  font-size: 1rem;
  line-height: 2.5;
}
.aijqr_an .width1480 div.xx.f a {
  display: inline-block;
  border: 1px solid var(--ys_b);
  margin: 0px 0.5rem;
  color: var(--ys_b);
  border-radius: 3rem;
  padding: 0px 2rem;
}
.aijqr_an .width1480 div.xx.f a:hover {
  background-color: var(--ys_b);
  color: var(--ys_h);
}

/*动画效果*/
.i_md .aijqr_xx .width1480 .bg div.r {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .aijqr_xx .width1480 .bg div.r {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .aijqr_gg .width1480 .tit {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .aijqr_gg .width1480 .tit {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.aijqr_lb .i_md .xx_bg .width1480 div {
  opacity: 0;
  transform: translateY(5rem);
}
.aijqr_lb .i_md.on .xx_bg .width1480 div {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

.i_md .aijqr_an .width1480 div.xx {
  opacity: 0;
  transform: translateY(5rem);
}
.i_md.on .aijqr_an .width1480 div.xx {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.5s 0s ease-in-out;
}

/* 隐私条款 / 法律法规 */
.danye_xx {
  background-color: var(--ys_b2);
  width: 100%;
}
.danye_xx .width1480 {
  min-height: 100vh;
  padding: 11.25rem 0px;
  display: flex;
  justify-content: space-between;
}
.danye_xx .width1480 .dy_l {
  width: 16.217%;
}
.danye_xx .width1480 .dy_l div {
  position: sticky;
  top: 7rem;
  background-color: var(--ys_b);
  border-radius: 0.75rem;
  padding: 1.25rem;
}
.danye_xx .width1480 .dy_l div a {
  display: block;
  border-bottom: 1px solid var(--ys_b2);
  font-size: 1rem;
  color: var(--ys_h);
  padding: 0.75rem 0px;
  border-radius: 0.5rem;
  transition: all 0.5s ease;
}
.danye_xx .width1480 .dy_l div a:hover,
.danye_xx .width1480 .dy_l div a.on {
  padding: 0.75rem 1rem;
  transition: all 0.5s ease;
}
.danye_xx .width1480 .dy_l div a.on {
  background-color: rgba(0, 0, 0, 0.1);
}

.danye_xx .width1480 .dy_r {
  width: 81.082%;
  background-color: var(--ys_b);
  border-radius: 0.75rem;
}
.danye_xx .width1480 .dy_r div.t {
  border-bottom: 1px solid var(--ys_b2);
  padding: 1.25rem 1.5rem;
  font-weight: bold;
  font-size: 1.5rem;
  color: var(--ys_h);
}
.danye_xx .width1480 .dy_r div.f {
  padding: 1.5rem;
  font-size: 1rem;
  color: var(--ys_h);
  line-height: 2.25;
}
.danye_xx .width1480 .dy_r div.f strong {
  font-size: 1.5rem;
  color: var(--ys_h);
}

/*layui-layer-dialog*/
.layui-layer-dialog {
  position: fixed;
  top: 50% !important;
}

/*fenye*/
.fenye {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  font-size: 1rem;
  max-width: 77.5rem;
  margin: 0px auto;
}
.fenye i {
  display: none;
}
.fenye a {
  color: var(--ys_h);
}
.fenye a i.fa {
  display: inline-block;
  font-size: 1.25rem;
}
.fenye a,
.fenye span,
.fenye span.cur {
  display: inline-block;
  border-radius: 0.5rem;
  height: 2rem;
  display: flex;
  align-items: center;
  padding: 0px 1rem;
  margin: 0px 0.25rem;
  background-color: var(--ys_b);
}
.fenye a:hover,
.fenye span,
.fenye span.cur {
  color: var(--ys_b);
  background-color: var(--ys_l);
}

/*feny*/
.feny {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 1.25rem;
}
.feny i {
  display: none;
}
.feny a {
  color: var(--ys_h);
}
.feny a i.fa {
  display: inline-block;
}
.feny a,
.feny span {
  border: 1px solid var(--ys_h4);
  display: inline-block;
  border-radius: 0.5rem;
  height: 3rem;
  display: flex;
  align-items: center;
  padding: 0px 1.25rem;
  margin: 0px 0.5rem;
  background-color: var(--ys_b);
}
.feny a:hover,
.feny span {
  color: var(--ys_b);
  background-color: var(--ys_l);
  border: 1px solid var(--ys_l);
}

/*no*/
.no {
  background-color: var(--ys_b);
  text-align: center;
  width: 100% !important;
  margin: 0px !important;
  padding: 2rem 0px;
  font-size: 2rem;
}
.no strong {
  color: #ff0000;
}

/*w404*/
.w404 {
  min-height: 100vh;
  display: flex;
  align-items: center;
}
.w404 .c {
  width: 100%;
  text-align: center;
  padding: 10vh 0px;
}
.w404 .c ol {
  margin-bottom: 2rem;
}
.w404 .c ol img {
  max-width: 35%;
}
.w404 .c dd {
  font-size: 1.5rem;
  color: var(--ys_h);
}
.w404 .c a,
.w404 .c a:hover {
  transition: all 0.5s ease;
  display: block;
}
.w404 .c a {
  width: 80%;
  max-width: 180px;
  margin: 2rem auto 0px;
  line-height: 3;
  font-size: 1rem;
  color: var(--ys_b);
  background-color: #d66f09;
}
.w404 .c a:hover {
  background-color: #ee7c30;
}

/*msg*/
.msg {
  padding: 6rem 0px;
}
.msg div.c {
  text-align: center;
  padding: 10vh 0px;
}
.msg div.c dd {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
}
.msg div.c dl {
  margin-top: 2rem;
  font-size: 1rem;
}
.msg div.c dl a,
.msg div.c dl a:hover {
  transition: all 0.5s ease;
}
.msg div.c dl a {
  display: inline-block;
  border: 1px solid #f4313f;
  width: 10rem;
  margin: 0px 1rem;
  line-height: 3;
  color: #f4313f;
}
.msg div.c dl a:hover {
  background-color: #f4313f;
  color: var(--ys_b);
}
/* ================= 车品产品页：隐形车衣 / 蓝境车膜 / 车载充气泵 ================= */

/* 产品 Banner */
.cp_bn {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.cp_bn .width1480 {
  position: relative;
  z-index: 2;
  height: 100vh;
  display: flex;
  align-items: center;
}
.cp_bn .width1480 .m {
  width: 100%;
  max-width: 48rem;
  color: var(--ys_b);
}
.cp_bn .m .t {
  font-size: 1rem;
  letter-spacing: 0.3rem;
  opacity: 0.85;
  margin-bottom: 1.25rem;
}
.cp_bn .m .n {
  font-size: 3.75rem;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 1.5rem;
}
.cp_bn .m .x {
  font-size: 1.25rem;
  line-height: 2;
  letter-spacing: 0.08rem;
  opacity: 0.85;
}
.cp_bn .m .a {
  margin-top: 3.5vh;
  font-size: 1.125rem;
  line-height: 2.25;
}
.cp_bn .m .a a {
  display: inline-block;
  border: 1px solid var(--ys_b);
  color: var(--ys_b);
  border-radius: 4rem;
  padding: 0px 2.5rem;
  margin: 0px 1rem 0.75rem 0px;
  transition: all 0.5s ease;
}
.cp_bn .m .a a:hover,
.cp_bn .m .a a.o {
  background-color: var(--ys_b);
  color: var(--ys_h);
}
.cp_bn .m .ys {
  margin-top: 3.5vh;
  display: flex;
  flex-wrap: wrap;
}
.cp_bn .m .ys div {
  margin-right: 2.5rem;
  text-align: center;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.5s ease;
}
.cp_bn .m .ys div.o {
  opacity: 1;
}
.cp_bn .m .ys div ol span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid var(--ys_b);
  border-radius: 50%;
  margin: 0px auto;
}
.cp_bn .m .ys div ol span i {
  width: 59%;
  height: 59%;
  border-radius: 50%;
}
.cp_bn .m .ys div dd {
  font-size: 1rem;
  line-height: 2;
  margin-top: 0.5rem;
}

/* 全屏文案块 */
.cp_gg {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.cp_gg .width1480 {
  position: relative;
  z-index: 2;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cp_gg.l .width1480 {
  align-items: flex-start;
}
.cp_gg .tit {
  width: 100%;
  text-align: center;
  color: var(--ys_b);
}
.cp_gg.l .tit {
  text-align: left;
}
.cp_gg .tit dd {
  font-size: 2.25rem;
  font-weight: bold;
  line-height: 1.4;
}
.cp_gg .tit dd p {
  line-height: 1.4;
}
.cp_gg .tit dl {
  font-size: 1.125rem;
  line-height: 2;
  margin-top: 1.5rem;
  opacity: 0.8;
}
.cp_gg .tit ol {
  margin-top: 3.5vh;
  font-size: 1.125rem;
  line-height: 2.25;
}
.cp_gg .tit ol a {
  display: inline-block;
  border: 1px solid var(--ys_b);
  background-color: var(--ys_b);
  color: var(--ys_h);
  border-radius: 4rem;
  padding: 0px 3rem;
  transition: all 0.5s ease;
}
.cp_gg .tit ol a:hover {
  background-color: rgba(0, 0, 0, 0);
  color: var(--ys_b);
}
.cp_gg .ts {
  width: 100%;
  margin-top: 4vh;
  text-align: center;
  color: var(--ys_b);
  font-size: 0.9375rem;
  line-height: 2;
  opacity: 0.6;
}
.cp_gg .xx {
  width: 100%;
  margin-top: 7vh;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cp_gg .xx div {
  width: 18%;
  text-align: center;
  color: var(--ys_b);
}
.cp_gg .xx div ol i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}
.cp_gg .xx div dd {
  font-size: 1.125rem;
  margin-top: 1rem;
  opacity: 0.75;
}
.cp_gg .num {
  width: 100%;
  margin-top: 6vh;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.cp_gg .num div {
  text-align: center;
  color: var(--ys_b);
  padding: 0px 5rem;
}
.cp_gg .num div .n {
  font-size: 4.5rem;
  font-weight: bold;
  line-height: 1;
}
.cp_gg .num div .n em {
  font-size: 1.5rem;
  font-style: normal;
  margin-left: 0.5rem;
}
.cp_gg .num div .t {
  font-size: 1.125rem;
  margin-top: 1.25rem;
  opacity: 0.8;
}
.cp_gg .sz {
  width: 100%;
  margin-top: 6vh;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.cp_gg .sz div {
  flex: 1 1 0px;
  text-align: center;
  color: var(--ys_b);
  padding: 1rem 0px;
}
.cp_gg .sz div dd {
  font-size: 2.25rem;
  font-weight: bold;
}
.cp_gg .sz div dl {
  font-size: 1.125rem;
  margin-top: 0.75rem;
  opacity: 0.75;
}
.cp_gg .sz i.x {
  width: 1px;
  height: 4rem;
  background-color: rgba(255, 255, 255, 0.5);
}

/* 核心卖点圆形网格 */
.cp_hxwt {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: var(--ys_h6);
}
.cp_hxwt .width1480 {
  position: relative;
  z-index: 2;
  padding: 11vh 0px;
}
.cp_hxwt .tit {
  text-align: center;
  color: var(--ys_b);
}
.cp_hxwt .tit dd {
  font-size: 2.25rem;
  font-weight: bold;
}
.cp_hxwt .tit dl {
  font-size: 1.125rem;
  margin-top: 1.25rem;
  opacity: 0.8;
}
.cp_hxwt ul.lb {
  margin-top: 7vh;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.cp_hxwt ul.lb li {
  width: 15.1%;
  margin: 0px 1.48% 2.5rem 0px;
  overflow: hidden;
}
.cp_hxwt ul.lb li ol {
  position: relative;
  border: 0.25rem solid rgba(255, 255, 255, 0.85);
  border-radius: 50%;
  overflow: hidden;
}
.cp_hxwt ul.lb li ol img {
  display: block;
  width: 100%;
  transition: all 0.5s ease;
}
.cp_hxwt ul.lb li:hover ol img {
  transform: scale(1.1);
}
.cp_hxwt ul.lb li dd {
  text-align: center;
  margin-top: 1.5rem;
  font-size: 1.125rem;
  color: var(--ys_b);
  opacity: 0.85;
}

/* 卡片组 */
.cp_cd {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: var(--ys_h6);
}
.cp_cd .width1480 {
  position: relative;
  z-index: 2;
  padding: 11vh 0px;
}
.cp_cd .tit {
  text-align: center;
  color: var(--ys_b);
}
.cp_cd .tit dd {
  font-size: 2.25rem;
  font-weight: bold;
}
.cp_cd .tit dl {
  font-size: 1.125rem;
  margin-top: 1.25rem;
  opacity: 0.8;
}
.cp_cd .lb {
  margin-top: 7vh;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1.75rem;
}
.cp_cd .lb + .lb {
  margin-top: 1.75rem;
}

.cp_cd .lb .cd {
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
}
.cp_cd .lb > .cd {
  flex: 1 1 0px;
  min-width: 15rem;
  aspect-ratio: 730 / 480;
}
.cp_cd .lb > .col {
  flex: 1 1 0px;
  min-width: 15rem;
  aspect-ratio: 730 / 668;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}
.cp_cd .lb > .col > .cd {
  flex: 1 1 0px;
  min-height: 0px;
}
.cp_cd .lb .cd i.bg {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.cp_cd .lb .cd .x {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 2.25rem;
  color: var(--ys_b);
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 25%,
    rgba(0, 0, 0, 0.25) 50%,
    rgba(0, 0, 0, 0.75) 100%
  );
}
.cp_cd .lb .cd .x dd {
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.5;
}
.cp_cd .lb .cd .x dd p {
  line-height: 1.5;
}
.cp_cd .lb .cd .x dl {
  font-size: 0.9375rem;
  line-height: 1.9;
  margin-top: 0.75rem;
  opacity: 0.85;
}
.cp_cd .lb .cd .x dl p {
  line-height: 1.9;
}
.cp_cd .lb .cd .x ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-top: 1.25rem;
}
.cp_cd .lb .cd .x ul li {
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 0.5rem;
  padding: 0px 0.75rem;
  font-size: 1rem;
  line-height: 2;
  margin: 0px 0.5rem 0.5rem 0px;
}

/* 规格参数表 */
.cp_tb {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.cp_tb .width1480 {
  position: relative;
  z-index: 2;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 13vh 0px;
}
.cp_tb .tit {
  text-align: center;
  color: var(--ys_b);
  font-size: 2.25rem;
  font-weight: bold;
  margin-bottom: 5vh;
}
.cp_tb .wrap {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.cp_tb .wrap::-webkit-scrollbar {
  height: 0.5rem;
}
.cp_tb .wrap::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.15);
}
.cp_tb .wrap::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.5);
}
.cp_tb table {
  width: 100%;
  min-width: 58rem;
  border-collapse: collapse;
  color: var(--ys_b);
}
.cp_tb table th,
.cp_tb table td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 1rem 0.75rem;
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}
.cp_tb table thead th {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 1.125rem;
  font-weight: bold;
}
.cp_tb table tbody th {
  text-align: left;
  font-size: 1.125rem;
  font-weight: bold;
  white-space: nowrap;
}
.cp_tb table tbody th em {
  display: block;
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  opacity: 0.6;
  margin-top: 0.25rem;
}
.cp_tb table i.fa-star {
  color: #ffcc00;
  margin-right: 0.2rem;
}
.cp_tb table img.tick {
  width: 1.25rem;
  vertical-align: middle;
}
.cp_tb.kv table {
  min-width: 42rem;
}
.cp_tb.kv table tbody th {
  width: 26%;
}

/* 滚动进入动画 */
.i_md .cp_gg .tit dd,
.i_md .cp_gg .tit dl,
.i_md .cp_gg .tit ol,
.i_md .cp_gg .ts,
.i_md .cp_gg .xx,
.i_md .cp_gg .num,
.i_md .cp_gg .sz,
.i_md .cp_hxwt .tit,
.i_md .cp_cd .tit,
.i_md .cp_tb .tit {
  opacity: 0;
  transform: translateY(3rem);
}
.i_md.on .cp_gg .tit dd,
.i_md.on .cp_gg .tit dl,
.i_md.on .cp_gg .tit ol,
.i_md.on .cp_gg .ts,
.i_md.on .cp_gg .xx,
.i_md.on .cp_gg .num,
.i_md.on .cp_gg .sz,
.i_md.on .cp_hxwt .tit,
.i_md.on .cp_cd .tit,
.i_md.on .cp_tb .tit {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.6s 0s ease-in-out;
}
.i_md .cp_hxwt ul.lb li,
.i_md .cp_cd .lb .cd,
.i_md .cp_tb .wrap {
  opacity: 0;
  transform: translateY(3rem);
}
.i_md.on .cp_hxwt ul.lb li,
.i_md.on .cp_cd .lb .cd,
.i_md.on .cp_tb .wrap {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.6s 0.15s ease-in-out;
}
/* ---- 车品产品页样式修正：banner 顶部压暗 + 全屏块文字明暗 ---- */
.cp_bn .width1480 {
  justify-content: center;
  align-items: flex-start;
}
.cp_bn::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 58%;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.55) 0%,
    rgba(0, 0, 0, 0.34) 40%,
    rgba(0, 0, 0, 0.12) 70%,
    rgba(0, 0, 0, 0) 100%
  );
  pointer-events: none;
}
.cp_bn .width1480 .m {
  max-width: none;
  width: 100%;
  text-align: center;
  padding-top: 13vh;
  text-shadow: 0px 2px 16px rgba(0, 0, 0, 0.45);
}
.cp_gg .width1480 {
  justify-content: flex-start;
  padding-top: 11vh;
}
.cp_gg .ts {
  position: absolute;
  left: 0px;
  bottom: 4vh;
  width: 100%;
  margin-top: 0px;
}
.cp_gg.light .tit {
  color: var(--ys_h);
}
.cp_gg.light .tit dl {
  opacity: 0.7;
}
.cp_gg.light .tit ol a {
  border-color: var(--ys_h);
  background-color: var(--ys_h);
  color: var(--ys_b);
}
.cp_gg.light .tit ol a:hover {
  background-color: rgba(0, 0, 0, 0);
  color: var(--ys_h);
}
.cp_gg .xx,
.cp_gg .num,
.cp_gg .sz {
  width: 100%;
}
/* ---- 全屏块文字投影（浅色背景图上保证可读） ---- */
.cp_gg .tit,
.cp_gg .num,
.cp_gg .sz,
.cp_gg .xx,
.cp_gg .ts {
  text-shadow: 0px 1px 12px rgba(0, 0, 0, 0.35);
}
.cp_gg.light .tit {
  text-shadow: none;
}

/* ---- 技术规格-认证图标（产品图下方并排展示） ---- */
.cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.l div.b.rz {
  height: auto;
  min-height: 3.668vh;
  flex-wrap: wrap;
  column-gap: 0.6rem;
  row-gap: 1.2vh;
}
.cp_jsgg .width1480 .xx_bg .jsgg_xx div.hidden.l div.b.rz img {
  margin: 0px;
  height: 3.668vh;
}
/* ---- 底部关注我们：小红书 / LinkedIn 二维码弹出（参考公众号） ---- */
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(3) .bg {
  position: absolute;
  left: -3.75rem;
  background-color: var(--ys_b);
  border-radius: 0.5rem;
  padding: 0px 1.25rem;
  width: 10rem;
  display: flex;
  justify-content: center;
  bottom: 4rem;
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: all 0.25s ease;
}
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(3):hover .bg {
  padding: 1.25rem;
  height: auto;
  overflow: initial;
  opacity: 1;
  transition: all 0.5s ease;
}
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(3) .bg i.w {
  position: absolute;
  width: 1.5rem;
  height: 1rem;
  left: 50%;
  margin-left: -0.75rem;
  bottom: 0px;
  margin-bottom: -0.98rem;
  transform: rotate(180deg);
  background: url(../images/dw.png) no-repeat scroll center;
  background-size: auto 100%;
}
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(3) .bg div {
  text-align: center;
  width: 86%;
}
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(3) .bg div ol {
  border: 1px solid var(--ys_h4);
  border-radius: 0.5rem;
  padding: 0.1rem 0px;
}
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(3) .bg div ol img {
  width: 97.17%;
}
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(3) .bg div dd {
  font-size: 0.875rem;
  color: var(--ys_h3);
  margin-top: 1rem;
}
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(4) .bg {
  position: absolute;
  left: -3.75rem;
  background-color: var(--ys_b);
  border-radius: 0.5rem;
  padding: 0px 1.25rem;
  width: 10rem;
  display: flex;
  justify-content: center;
  bottom: 4rem;
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: all 0.25s ease;
}
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(4):hover .bg {
  padding: 1.25rem;
  height: auto;
  overflow: initial;
  opacity: 1;
  transition: all 0.5s ease;
}
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(4) .bg i.w {
  position: absolute;
  width: 1.5rem;
  height: 1rem;
  left: 50%;
  margin-left: -0.75rem;
  bottom: 0px;
  margin-bottom: -0.98rem;
  transform: rotate(180deg);
  background: url(../images/dw.png) no-repeat scroll center;
  background-size: auto 100%;
}
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(4) .bg div {
  text-align: center;
  width: 86%;
}
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(4) .bg div ol {
  border: 1px solid var(--ys_h4);
  border-radius: 0.5rem;
  padding: 0.1rem 0px;
}
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(4) .bg div ol img {
  width: 97.17%;
}
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(4) .bg div dd {
  font-size: 0.875rem;
  color: var(--ys_h3);
  margin-top: 1rem;
}

.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(2) .bg {
  position: absolute;
  left: -3.75rem;
  background-color: var(--ys_b);
  border-radius: 0.5rem;
  padding: 0px 1.25rem;
  width: 10rem;
  display: flex;
  justify-content: center;
  bottom: 4rem;
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: all 0.25s ease;
}
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(2):hover .bg {
  padding: 1.25rem;
  height: auto;
  overflow: initial;
  opacity: 1;
  transition: all 0.5s ease;
}
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(2) .bg i.w {
  position: absolute;
  width: 1.5rem;
  height: 1rem;
  left: 50%;
  margin-left: -0.75rem;
  bottom: 0px;
  margin-bottom: -0.98rem;
  transform: rotate(180deg);
  background: url(../images/dw.png) no-repeat scroll center;
  background-size: auto 100%;
}
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(2) .bg div {
  text-align: center;
  width: 86%;
}
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(2) .bg div ol {
  border: 1px solid var(--ys_h4);
  border-radius: 0.5rem;
  padding: 0.1rem 0px;
}
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(2) .bg div ol img {
  width: 97.17%;
}
.foot_bg .width1480 .foot_t .foot_l div.f div:nth-child(2) .bg div dd {
  font-size: 0.875rem;
  color: var(--ys_h3);
  margin-top: 1rem;
}
/* ---- 公告及通函：搜索无结果提示 ---- */
.zgwj_lb .lb_empty {
  padding: 3.75rem 0px;
  text-align: center;
  font-size: 1rem;
  line-height: 2;
  color: var(--ys_h4);
  border-bottom: 1px solid var(--ys_h4);
}
/* == ktz-pro-color start == */
/* 开拓者 Pro 颜色切换面板：产品图在上，圆点名称在下，与 src 保持一致 */
.cp_xx .width1480 .cp_xx_bg .qh_xx.ktz-pro-color {
  display: flex;
  flex-direction: column;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx.ktz-pro-color .qh_i {
  margin-top: 0;
  margin-bottom: 2vh;
  order: 1;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx.ktz-pro-color .qh_n {
  margin-top: 0;
  order: 2;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx.ktz-pro-color .qh_n ul li {
  margin: 0 1rem;
  opacity: 0.55;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx.ktz-pro-color .qh_n ul li.o,
.cp_xx .width1480 .cp_xx_bg .qh_xx.ktz-pro-color .qh_n ul li:hover {
  opacity: 1;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx.ktz-pro-color .qh_n ul li ol {
  margin-bottom: 0;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx.ktz-pro-color .qh_n ul li ol span {
  width: 1.375rem;
  height: 1.375rem;
  border: 1px solid #3c3c3c;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  overflow: hidden;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx.ktz-pro-color .qh_n ul li ol span i {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx.ktz-pro-color .qh_n ul li dd {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--ys_h3);
  margin-top: 0.75rem;
}
.cp_xx .width1480 .cp_xx_bg .qh_xx.ktz-pro-color .qh_n ul li:hover dd {
  color: #2f5aff;
}
/* == ktz-pro-color end == */