@charset "utf-8";
@font-face {
  font-family: "ntr";
  src: url(../.././assets/fonts/NotoSans-Regular_a50ccd7e.ttf) format("truetype");
}
@font-face {
  font-family: "ntsb";
  src: url(../.././assets/fonts/NotoSans-SemiBold_54d203ce.ttf) format("truetype");
}
@font-face {
  font-family: "ntb";
  src: url(../.././assets/fonts/NotoSans-Bold_11db879c.ttf) format("truetype");
}
@font-face {
  font-family: "ntbl";
  src: url(../.././assets/fonts/NotoSans-Black_60f558c8.ttf) format("truetype");
}
@font-face {
  font-family: "ntl";
  src: url(../.././assets/fonts/NotoSans-Light_c9290d4c.ttf) format("truetype");
}
@font-face {
  font-family: "ntel";
  src: url(../.././assets/fonts/NotoSans-ExtraLight_24a87e71.ttf) format("truetype");
}
/* CSS Document */
/* ::-webkit-scrollbar {
  display: none;
}
* {
  color: #000;
  scrollbar-width: none;
  -ms-overflow-style: none;
} */
body {
  font: 12px/1.5 "ntr", "微软雅黑", Arial, Tahoma, Helvetica, \5b8b\4f53, sans-serif;
}
html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
object,
code,
em,
span,
var,
legend,
button,
input,
textarea,
th,
td,
a,
img,
header,
footer,
nav,
aside,
audio,
datalist,
section {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
/*清除内外边距*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}
/*设置默认字体*/
:focus {
  outline: 0;
}
ul,
ol,
ul li,
ol li {
  list-style: none;
}
/*重置列表*/
address,
caption,
cite,
em,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}
form label {
  cursor: pointer;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  outline: none;
}
textarea {
  resize: none;
}
input {
  vertical-align: middle;
}
img {
  border: 0;
}
/*重置图片元素*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*重置表格*/
.l {
  float: left;
}
.r {
  float: right;
}
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
  line-height: normal !important;
}
a {
  text-decoration: none;
}
a {
  color: #666;
}
a:hover {
  /* text-decoration: underline; */
  text-decoration: none;
}
input {
  _filter: chroma(color=#000000);
}
/*--清除浮动
------------------------------------------------------------------------------------------*/
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.clearfix:after {
  _zoom: 1;
}
.overflow {
  overflow: hidden;
  _zoom: 1;
}
.clear {
  clear: both;
  height: 0;
  font-size: 0;
  overflow: hidden;
}

header {
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: all 0.3s ease;
}
header .logo {
  height: 32px;
  width: 110px;
  overflow: hidden;
  background: url(../.././assets/images/logo_black_34bc8b67.svg) no-repeat left top / 100% 100%;
}
header .logo img {
  transition: all 1s ease;
  display: block;
  height: 100%;
  width: 100%;
}
header menu {
  display: flex;
  align-items: center;
}
header menu > div.menu-item {
  padding: 10px 0;
  margin-left: 40px;
  position: relative;
}
header menu > div.menu-item::before,
header menu > div.menu-item::after {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -6px;
  width: 6px;
  height: 12px;
  background: #f3d922;
  transition: all 0.3s ease;
  opacity: 0;
}
header menu > div.menu-item::before {
  left: 50%;
  background: url(../.././assets/images/icon_brackets_left_b1cc6d0c.svg) no-repeat left top / 100% 100%;
}
header menu > div.menu-item::after {
  right: 50%;
  background: url(../.././assets/images/icon_brackets_right_7769f8b4.svg) no-repeat left top / 100% 100%;
}
header menu > div.menu-item > a {
  font-size: 16px;
  font-weight: 500;
  height: 22px;
  line-height: 22px;
  color: #fff;
  transition: all 1s ease;
}
header menu > div.menu-item > a:hover {
  text-decoration: none;
}
header menu > div.menu-item > a.txt-black {
  color: #000;
  transition: color 1s ease;
}
header menu > div.menu-item .sub-menu {
  display: none;
  opacity: 1;
  position: absolute;
  left: 0px;
  top: 40px;
  width: 230px;
  background: rgba(255, 255, 255, 0.7);
  padding: 8px 16px;
  box-sizing: border-box;
  border: 1px solid #f3d922;
  border-radius: 4px;
}
header menu > div.menu-item .sub-menu ul {
  position: relative;
}
header menu > div.menu-item .sub-menu ul::before {
  content: "";
  position: absolute;
  top: -16px;
  border: 4px solid transparent;
  border-bottom-color: #f3d922;
  left: 20px;
}
header menu > div.menu-item .sub-menu ul li {
  padding-left: 15px;
  position: relative;
}
header menu > div.menu-item .sub-menu ul li a {
  height: 20px;
  line-height: 20px;
  padding: 5px 0;
  font-size: 14px;
  color: #000;
  display: block;
  text-decoration: none;
}
header menu > div.menu-item .sub-menu ul li::before {
  content: "";
  height: 12px;
  width: 6px;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -6px;
  background: url(../.././assets/images/icon_brackets_right_7769f8b4.svg) no-repeat top center / 100% 100%;
  opacity: 0;
}
header menu > div.menu-item .sub-menu ul li:hover a {
  font-weight: bold;
}
header menu > div.menu-item .sub-menu ul li:hover::before {
  opacity: 1;
}
header menu > div.menu-item:nth-child(2) div.sub-menu > ul::before {
  left: 18px;
}
header menu > div.menu-item:nth-child(3) div.sub-menu > ul::before {
  left: 75px;
}
header menu > div.menu-item:hover::before,
header menu > div.menu-item:hover::after {
  transition: all 0.3s ease;
  opacity: 1;
}
header menu > div.menu-item:hover::before {
  left: -21px;
}
header menu > div.menu-item:hover::after {
  right: -21px;
}
header menu > div.menu-item:hover .sub-menu {
  display: block;
  opacity: 0;
  transform-origin: left top;
  animation: sub-menu 0.5s ease 0.2s forwards;
}
@keyframes sub-menu {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  20% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.wrapper {
  position: relative;
}
.wrapper .xx-page-top {
  min-width: 1440px;
  margin: 0 auto;
}
.wrapper .xx-page-top .xx-cloud {
  position: relative;
  height: 100vh;
  min-height: 900px;
  overflow: hidden;
  user-select: none;
  background: linear-gradient(1deg, #025cab 0%, #012557 100%);
}
.wrapper .xx-page-top .xx-cloud::after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  content: "";
}
.wrapper .xx-page-top .xx-cloud .text {
  position: relative;
  z-index: 20;
  width: 547px;
  text-align: center;
  margin: 231px auto 0;
  opacity: 0;
  user-select: text;
}
.wrapper .xx-page-top .xx-cloud .text span {
  color: #fff;
  padding: 0;
  margin: 0;
}
.wrapper .xx-page-top .xx-cloud .text .title {
  height: 92px;
  overflow: hidden;
  color: #fff;
  font-size: 32px;
  font-family: "ntbl";
}
.wrapper .xx-page-top .xx-cloud .text .sub-title {
  color: #fff;
  font-size: 14px;
  height: 35px;
  overflow: hidden;
  width: 408px;
  margin: 8px auto;
  font-family: "ntr";
}
.wrapper .xx-page-top .xx-cloud .text a {
  display: block;
  height: 32px;
  width: 120px;
  line-height: 32px;
  color: #4d4d4d;
  background-color: #f3d922;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  margin: 0 auto;
  position: relative;
  transform: translateZ(0) scale(1);
  transition: all 0.2s ease;
  user-select: none;
}
.wrapper .xx-page-top .xx-cloud .text a:hover {
  transform: scale(1.08);
}
.wrapper .xx-page-top .xx-cloud .text-show {
  opacity: 1;
  transition: all 1s ease;
}
.wrapper .xx-page-top .xx-cloud .bg-cloud {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  transform: translateY(100%);
}
.wrapper .xx-page-top .xx-cloud .bg-cloud img {
  width: 100%;
  display: block;
  height: auto;
}
.wrapper .xx-page-top .xx-cloud .bg-cloud-1 {
  position: absolute;
  z-index: 10;
  bottom: 0px;
}
.wrapper .xx-page-top .xx-cloud .bg-cloud-1 img {
  width: 100%;
  display: block;
}
.wrapper .xx-page-top .xx-cloud .bg-cloud-1-right {
  right: 0px;
  width: 58.2%;
  transform: translate(50%, 100%);
}
.wrapper .xx-page-top .xx-cloud .bg-cloud-1-left {
  left: 0px;
  width: 61.38%;
  transform: translate(-50%, 100%);
}
.wrapper .xx-page-top .xx-cloud .bg-cloud-2 {
  z-index: 8;
}
.wrapper .xx-page-top .xx-cloud .bg-cloud-3 {
  z-index: 6;
}
.wrapper .xx-page-top .xx-cloud .bg-cloud-4 {
  z-index: 4;
}
.wrapper .xx-page-top .xx-cloud .bg-cloud-5 {
  z-index: 2;
}
.wrapper .xx-page-top .xx-cloud .plane-box {
  position: absolute;
  z-index: 100;
  bottom: 15vh;
  opacity: 0;
  z-index: 9;
}
@keyframes plane-1 {
  0% {
    opacity: 0;
    left: 0px;
  }
  1% {
    opacity: 1;
  }
  50% {
    opacity: 1;
    left: 105%;
  }
  100% {
    opacity: 1;
    left: 105%;
  }
}
@keyframes plane-2 {
  0% {
    opacity: 0;
    right: -150px;
  }
  1% {
    opacity: 1;
  }
  50% {
    opacity: 1;
    right: 100%;
  }
  100% {
    opacity: 1;
    right: 100%;
  }
}
@keyframes logoLeft {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 1;
    transform: translateX(-120px);
  }
}
@keyframes logoRight {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 1;
    transform: translateX(120px);
  }
}
.wrapper .xx-page-top .xx-cloud .plane-box .plane {
  position: relative;
}
.wrapper .xx-page-top .xx-cloud .plane-box .plane::before,
.wrapper .xx-page-top .xx-cloud .plane-box .plane::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 32px;
  background: url(../.././assets/images/icon_brackets_left_b1cc6d0c.svg) no-repeat center center / 100% 100%;
  top: 22px;
  transform: translateX(0);
  opacity: 0;
}
.wrapper .xx-page-top .xx-cloud .plane-box .plane::after {
  left: 50%;
  animation: logoLeft 0.5s linear 3s 1 normal forwards;
}
.wrapper .xx-page-top .xx-cloud .plane-box .plane::before {
  background: url(../.././assets/images/icon_brackets_right_7769f8b4.svg) no-repeat center center / 100% 100%;
  right: 50%;
  animation: logoRight 0.5s linear 3s 1 normal forwards;
}
.wrapper .xx-page-top .xx-cloud .plane-box .plane-1 {
  width: 175px;
}
.wrapper .xx-page-top .xx-cloud .plane-box .plane-1 img {
  display: block;
  width: 175px;
  height: 58px;
}
.wrapper .xx-page-top .xx-cloud .plane-box .plane-1 p {
  width: 158px;
  font-size: 12px;
  color: #fff;
  margin: 0 auto;
  position: relative;
  transform: scale(0.8);
}
.wrapper .xx-page-top .xx-cloud .plane-1-box {
  left: -150px;
  animation: plane-1 8s linear 2s infinite normal;
}
.wrapper .xx-page-top .xx-cloud .plane-1-box .plane-1 {
  transform: scale(1.5);
}
.wrapper .xx-page-top .xx-cloud .plane-1-box .plane-1::before,
.wrapper .xx-page-top .xx-cloud .plane-1-box .plane-1::after {
  animation-delay: 2.4s;
}
.wrapper .xx-page-top .xx-cloud .plane-2-box {
  opacity: 0;
  animation: plane-1 13s linear 4s infinite normal;
  z-index: 5;
  left: -150px;
  bottom: 40vh;
}
.wrapper .xx-page-top .xx-cloud .plane-2-box .plane-1 {
  transform: scale(0.6);
}
.wrapper .xx-page-top .xx-cloud .plane-2-box .plane-1::before,
.wrapper .xx-page-top .xx-cloud .plane-2-box .plane-1::after {
  animation-delay: 4.4s;
}
.wrapper .xx-page-top .xx-cloud .plane-3-box {
  opacity: 0;
  animation: plane-2 16s linear 6s infinite normal;
  z-index: 3;
  bottom: 32vh;
  right: -150px;
}
.wrapper .xx-page-top .xx-cloud .plane-3-box .plane-1 {
  transform: scale(0.5);
}
.wrapper .xx-page-top .xx-cloud .plane-3-box .plane-1::before,
.wrapper .xx-page-top .xx-cloud .plane-3-box .plane-1::after {
  animation-delay: 8.4s;
}
.wrapper .xx-page-top .xx-cloud .plane-4-box {
  opacity: 0;
  animation: plane-2 30s linear 3s infinite normal;
  z-index: 1;
  bottom: 44vh;
  right: -150px;
}
.wrapper .xx-page-top .xx-cloud .plane-4-box .plane-1 {
  transform: scale(0.3);
}
.wrapper .xx-page-top .xx-cloud .plane-4-box .plane-1::before,
.wrapper .xx-page-top .xx-cloud .plane-4-box .plane-1::after {
  animation-delay: 7.5s;
}
.wrapper .xx-page-top .xx-cloud-load .bg-cloud {
  transform: translateY(0);
}
.wrapper .xx-page-top .xx-cloud-load .bg-cloud-1 {
  transition: all 2s ease;
  transform: translate(0, 0);
}
.wrapper .xx-page-top .xx-cloud-load .bg-cloud-2 {
  transition: all 1.6s ease;
}
.wrapper .xx-page-top .xx-cloud-load .bg-cloud-3 {
  transition: all 1.3s ease;
}
.wrapper .xx-page-top .xx-cloud-load .bg-cloud-4 {
  transition: all 1s ease;
}
.wrapper .xx-page-top .xx-cloud-load .bg-cloud-5 {
  transition: all 0.6s ease;
}
.wrapper .xx-page-box {
  min-width: 1440px;
  width: 1440px;
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  background: #fff;
}
.wrapper .xx-page-box::-webkit-scrollbar {
  display: none;
}
.wrapper .xx-page-box .xx-page-inner-box {
  width: 5760px;
  display: flex;
}
.wrapper .xx-page-box .xx-page-inner-box .txt {
  z-index: 2;
}
.wrapper .xx-page-box .xx-page-inner-box > div {
  position: relative;
  height: 100vh;
  flex: 1;
  min-height: 900px;
  overflow-x: visible;
}
.wrapper .xx-page-box .xx-page-inner-box > div .xx-page-inner {
  display: block;
  position: relative;
  min-width: 1440px;
  max-width: 1660px;
  bottom: auto;
  height: 100vh;
  min-height: 900px;
  margin: 0 auto;
}
.wrapper .xx-page-box .xx-page-inner-box > div .xx-page-inner > div {
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.wrapper .xx-page-box .xx-page-inner-box > div .xx-page-inner > .train-box {
  z-index: 0;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page2 img {
  display: block;
  width: 100%;
  height: auto;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page2 .txt {
  position: absolute;
  left: 9.72%;
  top: 0;
  margin-top: 9.027%;
  z-index: 5;
  width: 522px;
  height: 204px;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page2 .txt .title {
  font-size: 32px;
  color: #454544;
  font-family: "ntbl";
  margin-bottom: 20px;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page2 .txt a {
  display: block;
  height: 32px;
  width: 140px;
  line-height: 32px;
  color: #4d4d4d;
  background-color: #f3d922;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  transform: translateZ(0) scale(1);
  transition: all 0.2s ease;
  user-select: none;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page2 .txt a:hover {
  transform: scale(1.08);
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page2 .plane-box {
  left: 17.1527%;
  width: 63.5416%;
  margin-bottom: 4.167%;
  z-index: 3;
  transform: translateY(120px);
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page2 .lift-truck-box {
  left: 4.375%;
  width: 36.1%;
  margin-bottom: 3.125%;
  z-index: 4;
  transform: translateX(-120px) translateY(120px);
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page2 .cloud-1-box {
  width: 19.02%;
  margin-bottom: 22.708%;
  left: -10%;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page2 .cloud-2-box {
  width: 18.5416%;
  margin-bottom: 27.305%;
  left: 31.736%;
  z-index: 0;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page2 .cloud-3-box {
  width: 11.8055%;
  margin-bottom: 24.861%;
  left: 64.167%;
  z-index: 0;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page2 .cloud-4-box {
  width: 20.625%;
  margin-bottom: 16.6667%;
  right: -9.72%;
  z-index: 0;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page2 .tower-box {
  width: 32.708%;
  margin-bottom: 9.0277%;
  left: 47.361%;
  z-index: 2;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page2 .baggage-car-box {
  width: 15.2778%;
  margin-bottom: 6.944%;
  right: 7.986%;
  z-index: 1;
  transform: translate(120px, 120px);
  z-index: 2;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page3 img {
  display: block;
  width: 100%;
  height: auto;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page3 .txt {
  position: absolute;
  left: 16.875%;
  top: 0;
  margin-top: 9.027%;
  width: 720px;
  height: 204px;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page3 .txt .title {
  font-size: 32px;
  color: #454544;
  font-family: "ntbl";
  margin-bottom: 20px;
  text-align: center;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page3 .txt a {
  display: block;
  height: 32px;
  width: 140px;
  line-height: 32px;
  color: #4d4d4d;
  background-color: #f3d922;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  transform: translateZ(0) scale(1);
  transition: all 0.2s ease;
  user-select: none;
  margin: 0 auto;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page3 .txt a:hover {
  transform: scale(1.08);
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page3 .warehouse-box {
  left: 2.5694%;
  margin-bottom: 9.0277%;
  width: 43.5416%;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page3 .forklift-box {
  margin-bottom: 5.278%;
  left: -5.7%;
  width: 13.125%;
  z-index: 2;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page3 .truck-box {
  margin-bottom: 6.94%;
  left: 10.6%;
  width: 20.833%;
  z-index: 2;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page3 .truck1-box {
  width: 6.4%;
  margin-bottom: 8.0555%;
  left: 35%;
  z-index: 2;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page3 .truck2-box {
  width: 6.36984%;
  left: 42%;
  margin-bottom: 8.0555%;
  z-index: 2;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page3 .truck3-box {
  width: 6.40111%;
  left: 49%;
  margin-bottom: 8.0555%;
  z-index: 2;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page3 .cloud-2-box {
  width: 15.625%;
  left: 22.708%;
  margin-bottom: 33%;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page3 .cloud-3-box {
  width: 22.91%;
  left: 54.375%;
  margin-bottom: 24.483%;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page3 .train-box {
  width: 86.805%;
  left: 52.375%;
  margin-bottom: 9.0277%;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page4 img {
  display: block;
  width: 100%;
  height: auto;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page4 .txt {
  position: absolute;
  left: 16.875%;
  top: 0;
  margin-top: 9.027%;
  width: 720px;
  height: 204px;
  z-index: 2;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page4 .txt .title {
  font-size: 32px;
  color: #454544;
  font-family: "ntbl";
  margin-bottom: 20px;
  text-align: left;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page4 .txt a {
  display: block;
  height: 32px;
  width: 140px;
  line-height: 32px;
  color: #4d4d4d;
  background-color: #f3d922;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  transform: translateZ(0) scale(1);
  transition: all 0.2s ease;
  user-select: none;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page4 .txt a:hover {
  transform: scale(1.08);
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page4 .cloud-1-box {
  width: 39.513%;
  left: 24.861%;
  margin-bottom: 28.89%;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page4 .container-box {
  width: 36.18%;
  left: 42.5%;
  margin-bottom: 7.638%;
  z-index: 2;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page4 .crane-box {
  width: 55.694%;
  left: 69.4444%;
  margin-bottom: 5.694%;
  z-index: 2;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page5 {
  overflow: hidden;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page5 img {
  display: block;
  width: 100%;
  height: auto;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page5 .txt {
  position: absolute;
  right: 9.513%;
  top: 0;
  margin-top: 9.027%;
  opacity: 0;
  width: 720px;
  height: 204px;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page5 .txt .title {
  font-size: 32px;
  color: #454544;
  font-family: "ntbl";
  margin-bottom: 20px;
  text-align: right;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page5 .txt a {
  display: block;
  height: 32px;
  width: 140px;
  line-height: 32px;
  color: #4d4d4d;
  background-color: #f3d922;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  transform: translateZ(0) scale(1);
  transition: all 0.2s ease;
  user-select: none;
  float: right;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page5 .txt a:hover {
  transform: scale(1.08);
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page5 .ship-box {
  width: 37.5%;
  left: 32.986%;
  margin-bottom: 7%;
  transform-origin: left bottom;
  z-index: 0;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page5 .ship-1-box {
  width: 30.83%;
  left: 52.708%;
  margin-bottom: 2.77%;
}
.wrapper .xx-page-box .xx-page-inner-box .bt-bg {
  position: absolute;
  left: 0px;
  right: 0px;
  background-color: #075396;
  height: 100px;
  z-index: 1;
  min-height: auto;
  bottom: 0px;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page-box-bg {
  z-index: 1;
  position: absolute;
  width: 83.42%;
  left: 0px;
  bottom: 0px;
  right: 0px;
  height: 14.4444%;
  background-color: #ccc;
  min-height: auto;
  z-index: 2;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page-box-bg > div {
  display: block;
  top: 0px;
  bottom: 0px;
  position: relative;
  height: 100%;
  width: 100%;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page-box-bg > div img {
  display: block;
  overflow: hidden;
  position: absolute;
  width: auto;
  right: -32px;
  bottom: 0px;
  height: 100%;
  z-index: 1;
}
.wrapper .xx-page-bottom {
  overflow: hidden;
  min-width: 1440px;
  background: linear-gradient(180deg, #075396 0%, #000428 100%);
}
.wrapper .xx-page-bottom .xx-page-bottom-inner {
  padding-top: 148px;
  width: 1100px;
  margin: 0 auto;
  color: #fff;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner > div {
  margin-bottom: 280px;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner h3.title {
  font-size: 32px;
  font-family: "ntbl";
  height: 60px;
  color: #fff;
  border-bottom: 2px solid #f3d922;
  margin-bottom: 60px;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .see-all a {
  display: block;
  height: 40px;
  width: 160px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 24px;
  border: 1px solid #f3d922;
  border-radius: 4px;
  margin: 0 auto;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .news .news-item {
  height: 300px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 100px;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .news .news-item .news-pic {
  height: 300px;
  width: 530px;
  background: #065793;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .news .news-item .news-info {
  width: 530px;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .news .news-item .news-info h4 {
  font-family: "ntb";
  font-size: 32px;
  color: #fff;
  margin-bottom: 6px;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .news .news-item .news-info p {
  color: #fff;
  font-size: 12px;
  margin-bottom: 32px;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .news .news-item .news-info a {
  color: #fff;
  font-size: 12px;
  border-bottom: 1px solid #f3d922;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .news .news-item .news-info a:hover {
  text-decoration: none;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .news .news-item-1 .news-pic {
  margin-right: 46px;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .news .news-item-2 .news-pic {
  margin-left: 46px;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .news .news-item-2 .news-info {
  text-align: right;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .clients {
  position: relative;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .clients .clients-box {
  width: 1500px;
  left: -200px;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .clients .clients-box .clients-item {
  height: 170px;
  width: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .clients .clients-box .clients-item img {
  display: block;
  max-height: 100%;
  max-width: 100%;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .contact {
  width: 100%;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .contact .contact-form {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
  justify-content: space-between;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .contact .contact-form .form-item {
  margin-bottom: 12px;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .contact .contact-form .form-item label {
  display: block;
  font-size: 16px;
  color: #fff;
  margin-bottom: 12px;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .contact .contact-form .form-item input,
.wrapper .xx-page-bottom .xx-page-bottom-inner .contact .contact-form .form-item textarea {
  display: block;
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
  padding: 0 16px;
  border: 1px solid #fff;
  border-radius: 4px;
  color: #fff;
  background: none;
  width: 540px;
}
.wrapper .xx-page-bottom .xx-page-bottom-inner .contact .contact-form .form-item textarea {
  padding: 10px 16px;
  height: 100px;
  line-height: 150%;
  width: 1100px;
}
.page-bottom {
  width: 1100px;
  margin: 0 auto !important;
}
.page-bottom .bottom-nav {
  padding: 52px 0;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  display: flex;
  justify-content: space-between;
}
.page-bottom .bottom-nav dl {
  width: 250px;
}
.page-bottom .bottom-nav dl dt {
  font-family: "ntsb";
  font-size: 20px;
  color: #fff;
}
.page-bottom .bottom-nav dl dd {
  margin-top: 12px;
}
.page-bottom .bottom-nav dl dd a {
  color: #999;
  font-size: 14px;
}
.page-bottom .bottom-nav > div {
  width: 309px;
}
.page-bottom .bottom-nav > div div {
  color: #fff;
  font-size: 14px;
}
.page-bottom .bottom-nav > div .qrcode {
  padding-top: 20px;
  display: flex;
}
.page-bottom .bottom-nav > div .qrcode > div {
  margin-right: 40px;
  width: 100px;
}
.page-bottom .bottom-nav > div .qrcode > div i {
  display: block;
  height: 30px;
  width: 24.35px;
  margin: 0 auto 20px;
}
.page-bottom .bottom-nav > div .qrcode > div i.icon-wx {
  background: url(../.././assets/images/icon_wx_024382e8.svg) no-repeat center center / 100% 100%;
}
.page-bottom .bottom-nav > div .qrcode > div i.icon-wb {
  background: url(../.././assets/images/icon_wb_d5bb697f.svg) no-repeat center center / 100% 100%;
}
.page-bottom .copyright {
  height: 54px;
  margin-top: 4px;
  display: flex;
  align-items: center;
  padding-bottom: 73px;
}
.page-bottom .copyright .bottom-logo {
  width: 127px;
  height: 39px;
  display: block;
  margin-bottom: 12px;
}
.page-bottom .copyright .bottom-logo a {
  display: block;
}
.page-bottom .copyright .bottom-logo a img {
  display: block;
  height: 100%;
  width: 100%;
}
.page-bottom .copyright .info {
  margin-left: 149px;
  display: flex;
  align-items: center;
}
.page-bottom .copyright .info .lang {
  position: relative;
  padding: 5px 0;
}
.page-bottom .copyright .info .lang:hover ul {
  display: block;
}
.page-bottom .copyright .info .lang > ul {
  display: none;
  position: absolute;
  background-color: #000428;
  border: 1px solid #fff;
  padding: 5px 10px;
  top: -90px;
  width: 60px;
  border-radius: 4px;
}
.page-bottom .copyright .info .lang > ul li {
  color: #fff;
  padding: 5px 0;
  cursor: pointer;
}
.page-bottom .copyright .info .lang > div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 54px;
  color: #fff;
  line-height: 20px;
  border: 1px solid #fff;
  border-radius: 4px;
  cursor: pointer;
}
.page-bottom .copyright .info .lang > div i {
  margin-right: 4px;
  display: block;
  height: 14px;
  width: 14px;
  background: url(../.././assets/images/global_371618c8.svg) no-repeat center center / 100% 100%;
}
.page-bottom .copyright .info .lang > div span {
  color: #fff;
}
.page-bottom .copyright .info .cy {
  color: #797979;
  font-size: 12px;
}
.page-bottom .copyright .info .beian {
  position: relative;
  margin-right: 20px;
  margin-left: 12px;
}
.page-bottom .copyright .info .beian::after {
  content: "";
  height: 13px;
  position: absolute;
  right: -10px;
  border-left: 1px solid #797979;
  top: 2px;
}
.page-bottom .copyright .info .beian a {
  color: #797979;
  font-size: 12px;
}
.effect-txt span {
  display: inline-block;
  width: 8px;
  text-align: center;
  color: #fff;
}
.loading {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  color: #fff;
}
.loading span {
  height: 28px;
  line-height: 28px;
  color: #fff;
  width: 10%;
  background: red;
  display: block;
}
.loading-shadow {
  position: fixed;
  left: 0px;
  bottom: 0px;
  right: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999;
}
.loading-icon {
  position: relative;
  height: 40px;
  width: 40px;
  left: 50%;
  margin-left: -20px;
  top: 40%;
}
.title-2 {
  width: 450px;
}
.text-center {
  text-align: center;
}
.wrapper .xx-page-box .xx-page-inner-box .xx-page3 .txt .text-left .title {
  text-align: left;
}

body {
  overflow-x: hidden;
  font-family: "ntr";
  background: url(../.././assets/images/bg_3d747d88.svg) no-repeat center center / 2200px 3000px;
}
header {
  background-color: #fff;
}
.xx-page-bottom {
  background: #000428 !important;
  position: relative;
  z-index: 5;
}
.menu-item a {
  color: #000 !important;
}
.product {
  width: 1100px;
  margin: 0 auto;
  position: relative;
  margin-top: 65px;
  z-index: 1;
}
.product::before {
  content: "";
  display: block;
  height: 1px;
  width: 0px;
  position: relative;
  top: -1px;
}
.product .prd-logo {
  position: relative;
  width: 450px;
  margin: 258px 0 0 107px;
}
.product .prd-logo .logo {
  width: 318px;
  height: 150px;
  margin-bottom: 40px;
  position: relative;
}
.product .prd-logo .logo img {
  display: block;
}
.product .prd-logo .logo::after {
  display: block;
  content: "";
  height: 2px;
  position: absolute;
  bottom: -19px;
  left: 0px;
  width: 450px;
  background-color: #f2d822;
}
.product .prd-logo .info {
  font-size: 24px;
  color: #4d4d4d;
  width: 450px;
  font-family: "ntr";
}
.product .se-info h3 {
  font-size: 32px;
  color: #4d4d4d;
  font-weight: 900;
}
.product .se-info p {
  color: #4d4d4d;
  font-size: 24px;
}
.product .prd-sub-title {
  margin: 448px auto 100px;
}
.product .prd-sub-title > div {
  text-align: center;
}
.product .prd-sub-title > div > h3 {
  width: auto;
  height: 80px;
  line-height: 80px;
  font-family: "ntbl";
  font-size: 36px;
  font-weight: 900;
  display: inline-block;
  position: relative;
  text-align: center;
  margin-bottom: 4px;
  padding: 0 40px;
}
.product .prd-sub-title > div > h3 i {
  display: block;
  height: 40px;
  width: 20px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
}
.product .prd-sub-title > div > h3 i.icon-lw {
  left: -20px;
  background: url(../.././assets/images/icon_arrow_lw_34c0827c.svg) no-repeat center center / 100% 100%;
}
.product .prd-sub-title > div > h3 i.icon-ry {
  right: -20px;
  background: url(../.././assets/images/icon_arrow_ry_bdc9d815.svg) no-repeat center center / 100% 100%;
}
.product .prd-sub-title > div > h3 i.icon-ly {
  left: -20px;
  background: url(../.././assets/images/icon_arrow_ly_68dc0762.svg) no-repeat center center / 100% 100%;
}
.product .prd-sub-title > div > h3 i.icon-rw {
  right: -20px;
  background: url(../.././assets/images/icon_arrow_rw_1648d4f5.svg) no-repeat center center / 100% 100%;
}
.product .prd-sub-title > div p {
  font-family: "ntr";
  text-align: center;
  width: 700px;
  margin: 0 auto;
}
.product .prd-sub-title-2 {
  margin-top: 300px;
  width: 610px;
}
.product .prd-sub-title-2 > div h3 {
  line-height: 49px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}
.product .prd-sub-title-2 > div p {
  width: 610px;
  margin-top: 4px;
}
.product .prd-section {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 100px;
}
.product .prd-section .se-info {
  width: 450px;
}
.product .prd-section .se-info h3 {
  margin-bottom: 46px;
  width: 100%;
  font-family: "ntbl";
}
.product .prd-section .se-info p {
  position: relative;
}
.product .prd-section .se-info p::before {
  content: "";
  height: 2px;
  background: #fff;
  position: absolute;
  width: 450px;
  left: 0px;
  top: -22px;
}
.product .prd-section .se-img {
  height: 450px;
  width: 450px;
}
.product .prd-section .se-img img {
  display: block;
  height: 100%;
  width: 100%;
}
.product .prd-section-1 {
  height: 450px;
  margin-bottom: 100px;
  box-sizing: border-box;
}
.product .prd-section-1 .se1-info h3 {
  text-align: left;
}
.product .prd-section-1 .se1-info p {
  text-align: left;
}
.product .prd-section-1 .se1-info p::before {
  left: 0px;
}
.product .prd-section-2 {
  height: 450px;
  margin-bottom: 100px;
  box-sizing: border-box;
}
.product .prd-section-2 .se-info {
  width: 450px;
}
.product .prd-section-2 .se-info h3 {
  text-align: right;
}
.product .prd-section-2 .se-info p {
  text-align: right;
}
.product .prd-section-4 ul {
  overflow: hidden;
  height: 100%;
}
.product .prd-section-4 ul li {
  width: 33.333%;
  height: 420px;
  float: left;
  box-sizing: border-box;
  padding: 50px 30px 0;
  margin-bottom: 64px;
}
.product .prd-section-4 ul li img {
  display: block;
  height: 122px;
  width: 122px;
  margin: 0 auto;
}
.product .prd-section-4 ul li h4 {
  font-family: "ntbl";
  text-align: center;
  height: 83px;
  color: #4d4d4d;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product .prd-section-4 ul li p {
  line-height: 28px;
  font-family: "nt";
  font-size: 16px;
  color: #4d4d4d;
  text-align: center;
}
.product .cube {
  height: 1024px;
  width: 962px;
  background: url(../.././assets/images/cube_136ec66e.svg) no-repeat center center / 100% 100%;
  position: absolute;
  top: 38px;
  right: -412px;
}
.product .dumbo-bg {
  width: 1405.57px;
  height: 993.9px;
  background: url(../.././assets/images/dumbo_e682b721.svg) no-repeat center center / 100% 100%;
  position: absolute;
  top: -65px;
  right: -580px;
}
.product .ep-bg {
  width: 1024px;
  height: 881px;
  background: url(../.././assets/images/ep_90898322.svg) no-repeat center center / 100% 100%;
  position: absolute;
  top: -2px;
  right: -371px;
}
.product .pom-bg {
  width: 1430px;
  height: 1080px;
  background: url(../.././assets/images/pom_383f5c77.svg) no-repeat center center / 100% auto;
  position: absolute;
  top: -68px;
  right: -642.5px;
}
.product .rs-bg {
  width: 843px;
  height: 815px;
  background: url(../.././assets/images/rs_4af1aea4.svg) no-repeat center center / 100% auto;
  position: absolute;
  top: 113px;
  right: -233.54px;
}
.product .about-bg {
  width: 760px;
  height: 850px;
  background: url(../.././assets/images/about_us_1a31d35f.svg) no-repeat center center / 100% auto;
  position: absolute;
  top: 36px;
  right: -95px;
}
.dumbo {
  padding-bottom: 200px;
}
.dumbo .prd-logo {
  height: 274px;
  width: 450px;
}
.dumbo .prd-logo .logo {
  height: 110px;
}
.dumbo .prd-sub-title {
  line-height: 80px;
  width: 993px;
  height: 80px;
  margin-top: 453.5px;
  margin-bottom: 83px;
}
.dumbo .prd-section-1 .se1-info p::before {
  background: #f3d922;
}
.dumbo .prd-section-3 .se1-info p::before {
  background: #fff;
}
.dumbo .prd-section-4 .se-info p {
  text-align: right;
}
.dumbo .prd-section-4 .se-info p::before {
  background: #f3d922;
}
.dumbo .prd-section-5 .se-info p::before {
  background: #f3d922;
}
.ep .prd-sub-title {
  margin-top: 300px;
  margin-bottom: 100px;
}
.ep .prd-logo {
  height: 287px;
}
.ep .circle {
  position: relative;
  left: -60.5px;
  width: 1221px;
  height: 1202px;
  background: url(../.././assets/images/ep_c_f05a7b8e.svg) no-repeat center center / 100% 100%;
}
.ep .circle .c-box {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.ep .circle .c-box ul {
  position: relative;
  width: 100%;
  height: 100%;
}
.ep .circle .c-box ul.c-out li {
  position: absolute;
  color: #fff;
  font-size: 24px;
  text-align: center;
}
.ep .circle .c-box ul.c-out > li:nth-child(1) {
  left: 226px;
  top: 105px;
  transform: rotate(-29.996deg);
  width: 225px;
}
.ep .circle .c-box ul.c-out > li:nth-child(2) {
  left: 764px;
  top: 112px;
  transform: rotate(29.996deg);
  width: 225px;
}
.ep .circle .c-box ul.c-out > li:nth-child(3) {
  left: 1030px;
  top: 568px;
  width: 200px;
  transform: rotate(90deg);
}
.ep .circle .c-box ul.c-out > li:nth-child(4) {
  left: 786px;
  top: 1014px;
  width: 200px;
  transform: rotate(150deg);
}
.ep .circle .c-box ul.c-out > li:nth-child(5) {
  left: 230px;
  top: 1000px;
  width: 220px;
  transform: rotate(-150deg);
}
.ep .circle .c-box ul.c-out > li:nth-child(6) {
  left: -20px;
  top: 562px;
  width: 200px;
  transform: rotate(-90deg);
}
.ep .circle .c-box ul.c-inner li {
  position: absolute;
  color: #000428;
  font-size: 16px;
  text-align: center;
  width: 180px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ep .circle .c-box ul.c-inner > li:nth-child(1) {
  left: 510px;
  top: 320px;
}
.ep .circle .c-box ul.c-inner > li:nth-child(2) {
  left: 754px;
  top: 430px;
}
.ep .circle .c-box ul.c-inner > li:nth-child(3) {
  left: 816px;
  top: 697px;
}
.ep .circle .c-box ul.c-inner > li:nth-child(4) {
  left: 648px;
  top: 908px;
}
.ep .circle .c-box ul.c-inner > li:nth-child(5) {
  left: 373px;
  top: 912px;
}
.ep .circle .c-box ul.c-inner > li:nth-child(6) {
  left: 198px;
  top: 700px;
}
.ep .circle .c-box ul.c-inner > li:nth-child(7) {
  left: 266px;
  top: 438px;
}
.ep .ep-list ul {
  width: 1100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.ep .ep-list ul li {
  width: 128px;
  padding: 0 46px;
  margin-bottom: 80px;
}
.ep .ep-list ul li i {
  display: block;
  height: 131px;
  width: 128px;
  background: url(../.././assets/images/ep_icon_d885872d.svg) no-repeat left top / 768px 393px;
}
.ep .ep-list ul li h6 {
  height: 36px;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 14px;
  color: #4d4d4d;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.ep .ep-list ul li:nth-child(2) i {
  background-position: -128px 0px;
}
.ep .ep-list ul li:nth-child(3) i {
  background-position: -256px 0px;
}
.ep .ep-list ul li:nth-child(4) i {
  background-position: -384px 0px;
}
.ep .ep-list ul li:nth-child(5) i {
  background-position: -512px 0px;
}
.ep .ep-list ul li:nth-child(6) i {
  background-position: -640px 0px;
}
.ep .ep-list ul li:nth-child(7) i {
  background-position: 0px -131px;
}
.ep .ep-list ul li:nth-child(8) i {
  background-position: -128px -131px;
}
.ep .ep-list ul li:nth-child(9) i {
  background-position: -256px -131px;
}
.ep .ep-list ul li:nth-child(10) i {
  background-position: -384px -131px;
}
.ep .ep-list ul li:nth-child(11) i {
  background-position: -512px -131px;
}
.ep .ep-list ul li:nth-child(12) i {
  background-position: -640px -131px;
}
.ep .ep-list ul li:nth-child(13) i {
  background-position: 0 -262px;
}
.ep .ep-list ul li:nth-child(14) i {
  background-position: -128px -262px;
}
.ep .ep-list ul li:nth-child(15) i {
  background-position: -256px -262px;
}
.ep .ep-list ul li:nth-child(16) i {
  background-position: -384px -262px;
}
.ep .ep-list ul li:nth-child(17) i {
  background-position: -512px -262px;
}
.pom .pom-logo {
  width: 450px;
  height: 258px;
  margin-top: 327px;
  margin-left: 44px;
}
.pom .pom-logo .logo {
  width: 450px;
  height: 152px;
}
.pom .pom-logo .info {
  width: 100%;
}
.pom .prd-sub-title {
  margin-top: 539.5px;
  margin-bottom: 100px;
}
.pom .pom-sec {
  width: 100%;
  height: 2204px;
  position: relative;
}
.pom .pom-sec > div {
  position: absolute;
}
.pom .pom-sec > div > div {
  position: relative;
}
.pom .pom-sec > div > div > div {
  position: absolute;
}
.pom .pom-sec .pom-sec-top,
.pom .pom-sec .pom-sec-bottom {
  width: 862px;
  height: 528px;
  background: url(../.././assets/images/sc_1_d8d3d800.svg) no-repeat center center / 100% 100%;
  left: 119px;
  top: 0px;
}
.pom .pom-sec .pom-sec-top > div div:nth-child(1),
.pom .pom-sec .pom-sec-bottom > div div:nth-child(1) {
  left: 172.5px;
  top: 0px;
  width: 520px;
  text-align: center;
  line-height: 50px;
}
.pom .pom-sec .pom-sec-top > div div:nth-child(1) p:nth-child(1),
.pom .pom-sec .pom-sec-bottom > div div:nth-child(1) p:nth-child(1) {
  color: #fff;
  font-size: 24px;
  text-align: center;
}
.pom .pom-sec .pom-sec-top > div div:nth-child(1) p:nth-child(2),
.pom .pom-sec .pom-sec-bottom > div div:nth-child(1) p:nth-child(2) {
  color: #4d4d4d;
  font-size: 24px;
}
.pom .pom-sec .pom-sec-top > div div:nth-child(2),
.pom .pom-sec .pom-sec-bottom > div div:nth-child(2) {
  left: 72.5px;
  top: 333px;
  width: 300px;
  height: 100px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pom .pom-sec .pom-sec-top > div div:nth-child(2) p,
.pom .pom-sec .pom-sec-bottom > div div:nth-child(2) p {
  color: #fff;
  font-size: 24px;
  line-height: 140%;
}
.pom .pom-sec .pom-sec-top > div div:nth-child(2) p strong,
.pom .pom-sec .pom-sec-bottom > div div:nth-child(2) p strong {
  font-size: 32px;
  font-family: "ntbl";
  display: block;
}
.pom .pom-sec .pom-sec-top > div div:nth-child(3),
.pom .pom-sec .pom-sec-bottom > div div:nth-child(3) {
  left: 492.5px;
  top: 333px;
  width: 300px;
  height: 100px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pom .pom-sec .pom-sec-top > div div:nth-child(3) p,
.pom .pom-sec .pom-sec-bottom > div div:nth-child(3) p {
  color: #fff;
  font-size: 24px;
  line-height: 140%;
}
.pom .pom-sec .pom-sec-top > div div:nth-child(3) p strong,
.pom .pom-sec .pom-sec-bottom > div div:nth-child(3) p strong {
  font-size: 32px;
  font-family: "ntbl";
  display: block;
}
.pom .pom-sec .pom-sec-top > div div:nth-child(4),
.pom .pom-sec .pom-sec-bottom > div div:nth-child(4) {
  left: 313px;
  top: 473px;
  width: 230px;
}
.pom .pom-sec .pom-sec-top > div div:nth-child(4) p,
.pom .pom-sec .pom-sec-bottom > div div:nth-child(4) p {
  text-align: center;
  font-family: "ntb";
  font-size: 24px;
  background: var(--brand-brand, linear-gradient(90deg, #eca616 0%, #e99413 64%, #ca7f11 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pom .pom-sec .pom-sec-left {
  width: 708px;
  height: 426px;
  background: url(../.././assets/images/sc_2_ad59e95f.svg) no-repeat center center / 100% 100%;
  top: 760px;
  left: -100px;
}
.pom .pom-sec .pom-sec-left > div div:nth-child(1) {
  left: 192.56px;
  top: 0px;
  font-size: 24px;
  width: 325px;
  text-align: center;
  line-height: 72px;
  color: #4d4d4d;
}
.pom .pom-sec .pom-sec-left > div div:nth-child(2) {
  left: 30px;
  top: 333px;
  width: 651px;
  height: 72px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pom .pom-sec .pom-sec-right {
  width: 567px;
  height: 582px;
  background: url(../.././assets/images/sc_3_3eeb5268.svg) no-repeat center center / 100% 100%;
  top: 760px;
  right: -85px;
}
.pom .pom-sec .pom-sec-right > div div:nth-child(1) {
  left: 121px;
  top: 0px;
  font-size: 24px;
  width: 325px;
  text-align: center;
  line-height: 72px;
  color: #f3d922;
}
.pom .pom-sec .pom-sec-right > div div:nth-child(2) {
  left: 117px;
  top: 96px;
  width: 330px;
  height: 66px;
  font-size: 24px;
  color: #999;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pom .pom-sec .pom-sec-right > div div:nth-child(3) {
  left: 64px;
  top: 455.5px;
  width: 439px;
  height: 99px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 140%;
}
.pom .pom-sec .pom-sec-bottom {
  width: 862px;
  height: 527px;
  background: url(../.././assets/images/sc_4_f4574a3e.svg) no-repeat center center / 100% 100%;
  top: auto;
  bottom: 0px;
  left: 119px;
}
.pom .pom-sec .pom-sec-arrow-1 {
  background: url(../.././assets/images/arrow_1_53abee3f.svg) no-repeat center center / 100% auto;
  width: 873px;
  height: 202px;
  left: 113.5px;
  top: 577px;
}
.pom .pom-sec .pom-sec-arrow-2 {
  background: url(../.././assets/images/arrow_2_b547858b.svg) no-repeat center center / 100% auto;
  width: 707px;
  height: 90px;
  left: -100px;
  top: 1224px;
}
.pom .pom-sec .pom-sec-arrow-3 {
  background: url(../.././assets/images/arrow_3_9a26bfff.svg) no-repeat center center / 100% auto;
  width: 873px;
  height: 202px;
  bottom: 577px;
  left: 113.5px;
}
.pom .prd-section .se-info p::before {
  background-color: #f3d922;
}
.pom .prd-section-3 {
  margin-bottom: 200px;
}
.rs .rs-logo {
  width: 450px;
  height: 260px;
  margin-top: 345px;
  margin-left: 67px;
}
.rs .rs-logo .logo {
  width: 450px;
  height: 96px;
}
.rs .rs-logo .info {
  width: 100%;
}
.rs .rm-sub-title {
  margin-top: 350px;
  margin-bottom: 100px;
}
.rs .sq-sub-title {
  margin-top: 300px;
  margin-bottom: 100px;
}
.rs .sc-rm {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.rs .sc-rm .sc-rm-img {
  height: 600px;
  width: 600px;
}
.rs .sc-rm > ul {
  height: 600px;
  width: 440px;
  padding-top: 32px;
}
.rs .sc-rm > ul li {
  display: flex;
  margin-bottom: 50px;
  align-items: center;
  height: 80px;
}
.rs .sc-rm > ul li i {
  display: block;
  width: 115px;
  font-size: 100px;
  margin-right: 10px;
  font-style: normal;
  color: #999;
  font-family: "ntel";
  height: 80px;
  line-height: 80px;
  text-align: center;
  overflow: hidden;
}
.rs .sc-rm > ul li p {
  padding-top: 20px;
  color: #f3d922;
  width: 287px;
  font-size: 32px;
  font-family: "ntbl";
  height: 83px;
  display: flex;
  align-items: flex-end;
}
.rs .sc-sq {
  margin-bottom: 240px;
}
.rs .sc-sq > ul li p {
  color: #fff;
}
.about .prd-logo {
  margin-top: 324px;
  margin-left: 71px;
  height: 160px;
  width: 421px;
  background: url(../.././assets/images/icon_logo_5e02f58f.svg) no-repeat left center / 80px 160px;
}
.about .prd-logo .title {
  font-family: "ntbl";
  font-size: 60px;
  width: 100%;
  text-align: right;
  line-height: 160px;
  color: #454544;
}
.about .prd-sub-title {
  margin-top: 470.5px;
  margin-bottom: 100px;
}
.about .ab-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about .ab-info .img {
  height: 450px;
  width: 450px;
}
.about .ab-info .img img {
  width: 100%;
  height: 100%;
  display: block;
}
.about .ab-info .info {
  text-align: justify;
  width: 550px;
  height: 450px;
  font-size: 24px;
  color: #4d4d4d;
}
.about .prd-section {
  padding: 0px;
  height: auto;
}
.about .prd-section .se-img {
  width: 300px;
  height: 300px;
}
.about .prd-section .se-info {
  width: 700px;
}
.about .prd-section .se-info h3 {
  margin-bottom: 10px;
}
.about .prd-section .se-info p::before {
  display: none;
}
.about .prd-section-3 {
  margin-bottom: 220px;
}
.join .ab-info {
  align-items: center;
  justify-content: center;
}
.join .ab-info .info {
  height: 198px;
  width: 900px;
  padding: 51px 0;
  text-align: center;
}
.join .prd-section-3 {
  margin-bottom: 100px;
}
.join .job-link {
  width: 320px;
  height: 40px;
  margin: 0 auto 220px;
  border: 1px solid #f3d922;
  border-radius: 5px;
}
.join .job-link a {
  display: block;
  line-height: 40px;
  color: #f3d922;
  font-size: 24px;
  text-align: center;
}