@charset "utf-8";
:root {
  --color: #ff6720;
  --vh: 100vh;
}
/* 字体 */
@font-face {
  font-family: 'pop-r';
  src: url(../font/Poppins-Regular.ttf);
}
/* @font-face{
	font-family: 'pop-m';
	src: url(../font/POPPINS-MEDIUM.TTF);
} */
/* @font-face{
	font-family: 'pop-sb';
	src: url(../font/POPPINS-SEMIBOLD.TTF);
} */
.font-r {
  font-family: 'pop-r', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
/* .font-m{font-family: 'pop-m',@font;} */
/* .font-sb{font-family: 'pop-sb',@font;} */
* {
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* word-break: break-all; */
}
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scrollbar-width: thin;
}
html ::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
html ::-webkit-scrollbar-thumb {
  /*滚动条-滑块*/
  border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #ff6720;
}
html ::-webkit-scrollbar-track {
  /*滚动条-背景*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background: #ededed;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: 66px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
body {
  min-height: 100%;
  font-family: 'pop-r', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background: #fff;
  /* max-width: 1920px; */
  margin: auto;
}
@media (max-width: 1580px) {
  body {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 14px;
  }
}
img {
  max-width: 100%;
  border: 0;
  vertical-align: top;
}
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
}
a,
a:hover,
a:focus {
  text-decoration: none;
  color: inherit;
}
input,
button {
  -webkit-appearance: none;
  border-radius: 0;
}
button {
  cursor: pointer;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
textarea {
  resize: none;
  overflow: auto;
}
input,
button,
textarea,
select {
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
  color: inherit;
  background: transparent;
}
select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
table {
  border-collapse: collapse;
}
svg path {
  fill: currentColor;
}
picture,
section,
main {
  display: block;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  zoom: 1;
}
.clear:after {
  content: '';
  display: block;
  clear: both;
}
.container {
  margin: 0 auto;
  width: 85%;
  max-width: 1600px;
}
@media (max-width: 1260px) {
  .container {
    width: 90%;
  }
}
.bg-color1 {
  background-color: #fff;
}
.ptb100 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .ptb100 {
    padding-top: 1.2rem;
    padding-bottom: 1.2em;
  }
}
.pt100 {
  padding-top: 1rem;
}
@media (max-width: 767px) {
  .pt100 {
    padding-top: 1.2rem;
  }
}
.pb100 {
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .pb100 {
    padding-bottom: 1.2rem;
  }
}
.font14 {
  font-size: 14px;
}
.font16 {
  font-size: 16px;
}
.font18 {
  font-size: 18px;
}
.font20 {
  font-size: 20px;
}
.font22 {
  font-size: 22px;
}
.font24 {
  font-size: 24px;
}
.font26 {
  font-size: 26px;
}
.font28 {
  font-size: 28px;
}
.font30 {
  font-size: 30px;
}
.font32 {
  font-size: 32px;
}
.font34 {
  font-size: 34px;
}
.font36 {
  font-size: 36px;
}
.font40 {
  font-size: 40px;
}
.font42 {
  font-size: 42px;
}
.font44 {
  font-size: 44px;
}
.font46 {
  font-size: 46px;
}
.font48 {
  font-size: 48px;
}
.font50 {
  font-size: 50px;
}
.font52 {
  font-size: 52px;
}
.font54 {
  font-size: 54px;
}
.font56 {
  font-size: 56px;
}
.font60 {
  font-size: 60px;
}
.font72 {
  font-size: 72px;
}
.font80 {
  font-size: 80px;
}
@media (max-width: 1580px) {
  .font16 {
    font-size: 14px;
  }
  .font18 {
    font-size: 16px;
  }
  .font20 {
    font-size: 18px;
  }
  .font22 {
    font-size: 20px;
  }
  .font24 {
    font-size: 22px;
  }
  .font26 {
    font-size: 24px;
  }
  .font28 {
    font-size: 26px;
  }
  .font30 {
    font-size: 28px;
  }
  .font32 {
    font-size: 30px;
  }
  .font34 {
    font-size: 32px;
  }
  .font36 {
    font-size: 34px;
  }
  .font40 {
    font-size: 38px;
  }
  .font42,
  .font44 {
    font-size: 40px;
  }
  .font46 {
    font-size: 42px;
  }
  .font48 {
    font-size: 44px;
  }
  .font50 {
    font-size: 46px;
  }
  .font52 {
    font-size: 48px;
  }
  .font54 {
    font-size: 48px;
  }
  .font56 {
    font-size: 48px;
  }
  .font60,
  .font72,
  .font80 {
    font-size: 48px;
  }
}
@media (max-width: 1260px) {
  .font16 {
    font-size: 14px;
  }
  .font18 {
    font-size: 16px;
  }
  .font20 {
    font-size: 18px;
  }
  .font22 {
    font-size: 20px;
  }
  .font24 {
    font-size: 22px;
  }
  .font26 {
    font-size: 24px;
  }
  .font28 {
    font-size: 24px;
  }
  .font30 {
    font-size: 26px;
  }
  .font32 {
    font-size: 28px;
  }
  .font34 {
    font-size: 28px;
  }
  .font36,
  .font40 {
    font-size: 30px;
  }
  .font42,
  .font44 {
    font-size: 32px;
  }
  .font46 {
    font-size: 36px;
  }
  .font48,
  .font50 {
    font-size: 38px;
  }
  .font52,
  .font54,
  .font56,
  .font60,
  .font72,
  .font80 {
    font-size: 44px;
  }
}
@media (max-width: 767px) {
  .font14,
  .font16 {
    font-size: 14px;
  }
  .font18,
  .font20 {
    font-size: 15px;
  }
  .font22,
  .font24,
  .font26,
  .font27 {
    font-size: 16px;
  }
  .font28 {
    font-size: 18px;
  }
  .font30,
  .font32,
  .font34 {
    font-size: 20px;
  }
  .font36,
  .font40,
  .font42,
  .font44,
  .font46 {
    font-size: 23px;
  }
  .font48,
  .font50,
  .font52,
  .font54,
  .font56,
  .font60,
  .font72,
  .font80 {
    font-size: 25px;
  }
}
.public-scrollbar {
  scrollbar-width: thin;
}
.public-scrollbar ::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.public-scrollbar ::-webkit-scrollbar-thumb {
  /*滚动条-滑块*/
  border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #ff6720;
}
.public-scrollbar ::-webkit-scrollbar-track {
  /*滚动条-背景*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background: #ededed;
}
.public-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.2rem;
  min-width: 1rem;
}
.public-img {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media screen and (min-width: 767px) {
  .public-img:hover > img {
    transform: scale(1.05);
  }
}
.public-img::before {
  content: "";
  display: block;
  position: relative;
  z-index: 0;
  padding-top: 100%;
}
.public-img > img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.8s;
}
.public-content {
  color: #666;
  line-height: 1.8;
}
.public-content a {
  color: #666;
}
.public-content table {
  max-width: 100%;
}
.public-content table td,
.public-content table th {
  padding: 10px 15px;
  border: 1px solid #dbf1ed;
}
.public-content li {
  margin-left: 15px;
  list-style: disc;
}
.public-content ol {
  margin-left: 15px;
  list-style: decimal;
}
.public-content img,
.public-content video {
  max-width: 100%;
  height: auto !important;
}
/* 占位标签，设置导航样式 */
#c-placeholder {
  height: 0.85rem;
}
@media (max-width: 991px) {
  #c-placeholder {
    height: 1.2rem;
  }
}
/*顶部*/
#c-header {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  /* max-width: 1920px; */
  z-index: 900;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  transition: 0.4s;
}
@media (max-width: 991px) {
  #c-header {
    line-height: 1.2rem;
  }
}
#c-header.c-head-move {
  top: -1.1rem;
}
@media (max-width: 991px) {
  #c-header.c-head-move {
    top: -60px;
  }
}
#c-header.c-style2 {
  color: #333;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
#c-header.c-style2 .box .logo a svg .cls-2 {
  fill: #000;
}
#c-header.c-style2 .box .c-switch i {
  background: #000;
}
#c-header.c-style2 .box .right .menu ul li .ta a {
  color: #000;
}
#c-header.c-style2 .box .right .menu ul li .ta i svg path {
  fill: #000;
}
#c-header.c-style2 .box .right .other .search {
  /* border-left: 1px solid rgba(0, 0, 0, 0.1); */
}
@media (max-width: 1024px) {
  #c-header.c-style2 .box .right .other .search {
    border-left: none;
  }
}
#c-header.c-style2 .box .right .other .search svg path {
  fill: #000;
}
#c-header.c-style2 .box .right .other .language {
  /* border-left: 1px solid rgba(0, 0, 0, 0.1); */
}
@media (max-width: 1024px) {
  #c-header.c-style2 .box .right .other .language {
    border-left: none;
  }
}
#c-header.c-style2 .box .right .other .language i svg path {
  fill: #000;
}
#c-header.c-style2 .box .right .other .language span {
  color: #000;
}
#c-header.c-style2 .box .right .other .language .icon svg path {
  fill: #000;
}
#c-header.c-style2 .box .right .other .shop {
  /* border-left: 1px solid rgba(0, 0, 0, 0.1); */
}
@media (max-width: 1024px) {
  #c-header.c-style2 .box .right .other .shop {
    border-left: none;
  }
}
#c-header .box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 0 0 0.8rem;
}
@media (max-width: 1110px) {
  #c-header .box {
    padding: 0 5%;
    align-items: center;
  }
}
@media (max-width: 991px) {
  #c-header .box {
    height: 60px;
  }
}
#c-header .box .logo {
  height: 0.85rem;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  z-index: 9;
}
#c-header .box .logo a {
  display: flex;
  height: 20px;
}
#c-header .box .logo a svg {
  width: auto;
  height: 100%;
  object-fit: contain;
}
#c-header .box .logo a svg path {
  transition: all 0.4s;
}
#c-header .box .logo a svg .cls-1 {
  fill: #d61519;
}
#c-header .box .c-switch {
  position: relative;
  display: none;
  width: 24px;
  height: 20px;
  cursor: pointer;
  z-index: 2;
}
@media (max-width: 1110px) {
  #c-header .box .c-switch {
    display: block;
  }
}
#c-header .box .c-switch i {
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background: #fff;
  transition: all 0.4s;
}
#c-header .box .c-switch i:nth-child(1) {
  top: 0;
}
#c-header .box .c-switch i:nth-child(3) {
  bottom: 0;
}
#c-header .box .c-switch i:nth-child(2) {
  top: 50%;
  margin-top: -1px;
}
#c-header .box .right {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-left: 0.8rem;
}
@media (max-width: 1110px) {
  #c-header .box .right {
    position: absolute;
    height: 100vh;
    overflow-y: auto;
    top: 0;
    left: 0;
    background: #fff;
    margin-left: 0;
    padding: 1.2rem 5% 1rem;
    display: none;
  }
}
@media (max-width: 1110px) {
  #c-header .box .right .menu {
    width: 100%;
  }
}
#c-header .box .right .menu ul {
  display: flex;
  align-items: center;
  height: 100%;
}
@media (max-width: 1110px) {
  #c-header .box .right .menu ul {
    flex-wrap: wrap;
  }
}
#c-header .box .right .menu ul li {
  margin-right: 0.48rem;
  position: relative;
  z-index: 1;
}
#c-header .box .right .menu ul li.on2 {
  position: initial;
}
@media (max-width: 1260px) {
  #c-header .box .right .menu ul li {
    margin-right: 0.2rem;
  }
}
@media (max-width: 1110px) {
  #c-header .box .right .menu ul li {
    margin-right: 0;
    width: 100%;
  }
}
#c-header .box .right .menu ul li .ta {
  display: flex;
  align-items: center;
}
@media (max-width: 1110px) {
  #c-header .box .right .menu ul li .ta {
    width: 100%;
    justify-content: space-between;
  }
}
#c-header .box .right .menu ul li .ta a {
  line-height: 1.2;
  color: #fff;
  transition: all 0.4s;
}
@media (max-width: 1110px) {
  #c-header .box .right .menu ul li .ta a {
    line-height: 0.85rem;
    height: 0.85rem;
  }
}
@media (max-width: 991px) {
  #c-header .box .right .menu ul li .ta a {
    font-size: 18px;
  }
}
#c-header .box .right .menu ul li .ta i {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
#c-header .box .right .menu ul li .ta i svg {
  width: 0.12rem;
  height: 0.12rem;
  transform: rotateZ(90deg);
}
@media (max-width: 991px) {
  #c-header .box .right .menu ul li .ta i svg {
    width: 12px;
    height: 12px;
  }
}
#c-header .box .right .menu ul li .ta i svg path {
  fill: #fff;
  transition: all 0.4s;
}
#c-header .box .right .other {
  display: flex;
}
@media (max-width: 1110px) {
  #c-header .box .right .other {
    width: 100%;
    margin-top: 0.6rem;
  }
}
#c-header .box .right .other .search {
  width: 0.78rem;
  height: 0.85rem;
  /* border-left: 1px solid rgba(255, 255, 255, .2); */
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
@media (max-width: 1110px) {
  #c-header .box .right .other .search {
    border-left: none;
  }
}
#c-header .box .right .other .search svg {
  width: 0.2rem;
  height: 0.2rem;
}
@media (max-width: 991px) {
  #c-header .box .right .other .search svg {
    width: 22px;
    height: 22px;
  }
}
#c-header .box .right .other .search svg path {
  fill: #fff;
}
#c-header .box .right .other .language {
  min-width: 1.2rem;
  height: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  z-index: 1;
  /* border-left: 1px solid rgba(255, 255, 255, .2); */
}
@media (max-width: 1110px) {
  #c-header .box .right .other .language {
    border-left: none;
    margin-left: 0.1rem;
  }
}
#c-header .box .right .other .language i {
  width: 0.18rem;
  height: 0.18rem;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  #c-header .box .right .other .language i {
    width: 18px;
    height: 18px;
  }
}
#c-header .box .right .other .language i svg {
  width: 100%;
  height: 100%;
}
#c-header .box .right .other .language i svg path {
  fill: #fff;
  transition: all 0.4s;
}
#c-header .box .right .other .language span {
  color: rgba(255, 255, 255, 0.7);
  transition: all 0.4s;
  margin: 0 8px;
}
#c-header .box .right .other .language .icon {
  width: 0.12rem;
  height: 0.12rem;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  #c-header .box .right .other .language .icon {
    width: 16px;
    height: 16px;
  }
}
#c-header .box .right .other .language .icon svg {
  width: 100%;
  height: 100%;
  transform: rotateZ(90deg);
  transition: all 0.4s;
}
#c-header .box .right .other .language .icon svg path {
  fill: rgba(255, 255, 255, 0.7);
  transition: all 0.4s;
}
#c-header .box .right .other .language .langs {
  width: 1.2rem;
  border-radius: 0.05rem;
  padding: 0.2rem 0.1rem;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  background: #fff;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
  display: none;
}
#c-header .box .right .other .language .langs a {
  display: block;
  text-align: center;
  line-height: 0.3rem;
  margin-bottom: 0.1rem;
  transition: all 0.4s;
}
#c-header .box .right .other .language .langs a:last-child {
  margin-bottom: 0;
}
#c-header .box .right .other .language .langs a:hover {
  color: #ff6720;
}
#c-header .box .right .other .language:hover .langs {
  display: block;
}
#c-header .box .right .other .shop {
  padding: 0 0.3rem;
  height: 0.85rem;
  display: flex;
  align-items: center;
  /* border-left: 1px solid rgba(255, 255, 255, .2); */
}
@media (max-width: 1110px) {
  #c-header .box .right .other .shop {
    border-left: none;
  }
}
#c-header .box .right .other .shop a {
  padding: 0 0.24rem;
  height: 42px;
  background: #ff6720;
  border-radius: 21px;
  display: flex;
  align-items: center;
}
#c-header .box .right .other .shop a i {
  width: 0.18rem;
  height: 0.18rem;
  display: flex;
  align-items: center;
  margin-right: 8px;
}
@media (max-width: 991px) {
  #c-header .box .right .other .shop a i {
    width: 16px;
    height: 16px;
  }
}
#c-header .box .right .other .shop a i svg {
  width: 100%;
  height: 100%;
}
#c-header .box .right .other .shop a i svg path {
  fill: #fff;
}
#c-header .box .right .other .shop a span {
  color: #fff;
}
.c-open #c-header .c-switch i:nth-child(2) {
  opacity: 0;
}
.c-open #c-header .c-switch i:nth-child(1) {
  top: 50%;
  margin-top: -1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.c-open #c-header .c-switch i:nth-child(3) {
  bottom: 50%;
  margin-bottom: -1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.about-banner {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.about-banner .public-img:before {
  display: none;
  padding-top: 50.52083333%;
}
@media (max-width: 767px) {
  .about-banner .public-img:before {
    padding-top: 78.13333333%;
  }
}
.about-banner .public-img img {
  position: initial;
}
.about-banner .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.about-banner .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: bannerScale 10s forwards linear infinite;
}
@media (max-width: 991px) {
  .about-banner .img img.pc {
    display: none;
  }
}
.about-banner .img img.mb {
  display: none;
}
@media (max-width: 991px) {
  .about-banner .img img.mb {
    display: block;
  }
}
.about-banner .container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  padding-bottom: 1.35rem;
}
.about-banner .container .bread {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.about-banner .container .bread a {
  color: rgba(255, 255, 255, 0.4);
  text-transform: capitalize;
}
.about-banner .container .bread i {
  font-style: initial;
  color: rgba(255, 255, 255, 0.4);
  margin: 0 0.1rem;
}
.about-banner .container .bread span {
  color: #fff;
  text-transform: capitalize;
}
.about-banner .container .title {
  color: #fff;
  font-size: 0.72rem;
  line-height: calc(82/72);
  margin-top: 0.2rem;
}
@keyframes bannerScale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.about-box1-2 {
  width: 100%;
  position: relative;
  z-index: 1;
  background: #f7f8f9;
}
.about-box1 {
  width: 100%;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1;
  background: #fff;
  padding: 1.35rem 0 2rem;
  overflow: hidden;
}
@media (max-width: 991px) {
  .about-box1 {
    position: relative;
    top: initial;
  }
}
.about-box1 .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.about-box1 .container .top {
  width: calc(520/1600*100%);
}
@media (max-width: 991px) {
  .about-box1 .container .top {
    width: 100%;
  }
}
.about-box1 .container .top .title {
  display: flex;
  align-items: center;
}
.about-box1 .container .top .title i {
  width: 0.4rem;
  height: 0.4rem;
  display: flex;
  align-items: center;
}
.about-box1 .container .top .title i svg {
  width: 100%;
  height: 100%;
}
.about-box1 .container .top .title i svg path {
  fill: #d61519;
}
.about-box1 .container .top .title span {
  font-size: 0.48rem;
  line-height: 1;
  text-transform: capitalize;
  margin-left: 0.15rem;
  color: #222;
  font-weight: bold;
}
.about-box1 .container .top .txt {
  color: #999;
  margin-top: 0.13rem;
}
.about-box1 .container .tbox {
  width: calc(920/1600*100%);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
  padding-top: 0.5rem;
}
@media (max-width: 991px) {
  .about-box1 .container .tbox {
    width: 100%;
    margin-top: 0.6rem;
  }
}
.about-box1 .container .tbox::before {
  content: '';
  width: 36px;
  height: 2px;
  background: #ff6720;
  position: absolute;
  left: 0;
  top: -1px;
}
.about-box1 .container .tbox .item {
  width: 100%;
  margin-bottom: 0.3rem;
}
.about-box1 .container .tbox .item:last-child {
  margin-bottom: 0;
}
.about-box1 .container .tbox .item .t1 {
  color: #ff6720;
  font-weight: bold;
  line-height: calc(26/24);
}
.about-box1 .container .tbox .item .t2 {
  color: #222;
  margin-top: 0.1rem;
}
.about-box1 .bg-icon {
  height: 1.61rem;
  position: absolute;
  left: -2.75rem;
  bottom: 0;
  z-index: 2;
}
@media (max-width: 991px) {
  .about-box1 .bg-icon {
    left: 5%;
  }
}
.about-box1 .bg-icon img {
  height: 100%;
}
.about-box2 {
  width: 100%;
  background: #f7f8f9;
  position: relative;
  z-index: 2;
  padding: 1.2rem 0 1.4rem;
  margin-top: 60vh;
}
@media (max-width: 991px) {
  .about-box2 {
    margin-top: 0;
  }
}
.about-box2 .container .list {
  width: 100%;
}
.about-box2 .container .list ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.about-box2 .container .list ul li {
  width: 25%;
}
@media (max-width: 991px) {
  .about-box2 .container .list ul li {
    width: 50%;
    margin-bottom: 0.5rem;
  }
}
.about-box2 .container .list ul li .t1 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  color: #ff6720;
  font-weight: bold;
}
@media (max-width: 767px) {
  .about-box2 .container .list ul li .t1 {
    justify-content: flex-start;
  }
}
.about-box2 .container .list ul li .t1 .num {
  font-size: 1.1rem;
  line-height: 1;
  font-style: italic;
}
@media (max-width: 991px) {
  .about-box2 .container .list ul li .t1 .num {
    font-size: 0.8rem;
  }
}
.about-box2 .container .list ul li .t1 .ts {
  font-size: 0.48rem;
  line-height: 1;
  margin-left: 0.15rem;
}
.about-box2 .container .list ul li .t2 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0.13rem;
}
@media (max-width: 767px) {
  .about-box2 .container .list ul li .t2 {
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.about-box2 .container .list ul li .t2 i {
  width: 0.24rem;
  height: calc(24/16*1em);
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .about-box2 .container .list ul li .t2 i {
    width: 0.34rem;
    height: 0.34rem;
  }
}
.about-box2 .container .list ul li .t2 i img,
.about-box2 .container .list ul li .t2 i svg {
  width: 100%;
  object-fit: contain;
}
.about-box2 .container .list ul li .t2 span {
  color: #666;
  margin-left: 0.13rem;
  line-height: calc(24/16);
}
@media (max-width: 767px) {
  .about-box2 .container .list ul li .t2 span {
    font-size: 12px;
  }
}
.about-box2 .container .public-img {
  width: 100%;
  border-radius: 0.12rem;
  margin-top: 0.88rem;
}
.about-box2 .container .public-img::before {
  padding-top: calc(720/1600*100%);
}
.about-box2 .container .public-img img {
  z-index: 3;
}
.about-box2 .container .public-img video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  object-fit: cover;
}
.about-box2 .container .public-img .play {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
}
.about-box3 {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 1.35rem 0 1.4rem;
  display: none;
}
.about-box3 .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.about-box3 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-box3 .container {
  position: relative;
  z-index: 2;
}
.about-box3 .container .title {
  text-align: center;
  font-size: 0.48rem;
  line-height: calc(58/48);
  color: #222;
  font-weight: bold;
}
.about-box3 .container .list {
  width: 100%;
  margin-top: 0.75rem;
}
.about-box3 .container .list .item {
  width: 100%;
  display: flex;
  justify-content: center;
  background: url(../images/about-box3-bg1.png) center bottom no-repeat;
  background-size: 100%;
  padding-bottom: 0.3rem;
}
.about-box3 .container .list .item2 {
  margin-top: 0.6rem;
}
.about-box3 .container .list .item2 .boxs .btn i svg path {
  fill: #ff6720;
  transition: all 0.4s;
}
.about-box3 .container .list .item3 {
  width: 100%;
  margin-top: 0.76rem;
}
.about-box3 .container .list .item3 ul {
  width: 100%;
  display: flex;
  justify-content: center;
  background: url(../images/about-box3-bg2.png) center bottom no-repeat;
  background-size: 100%;
  padding-bottom: 0.9rem;
  position: relative;
  z-index: 1;
}
.about-box3 .container .list .item3 ul::before {
  content: '';
  width: 0.51rem;
  height: 1.22rem;
  background: url(../images/about-box3-icon5.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  left: 0.17rem;
  top: -0.17rem;
  animation: arrow1 2s forwards linear infinite;
}
.about-box3 .container .list .item3 ul::after {
  content: '';
  width: 0.51rem;
  height: 1.22rem;
  background: url(../images/about-box3-icon5.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  right: 0.17rem;
  top: -0.17rem;
  transform: rotateZ(180deg);
  animation: arrow2 2s forwards linear infinite;
}
.about-box3 .container .list .item3 ul li {
  width: 1.9rem;
  height: 0.96rem;
  border-radius: 8px;
  margin: 0 5px 0.1rem;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.about-box3 .container .list .item3 ul li::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/about-box3-bg2.jpg) center center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px;
  transition: all 0.4s;
}
.about-box3 .container .list .item3 ul li::after {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/about-box3-bg2-2.jpg) center center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px;
  opacity: 0;
  transition: all 0.4s;
}
.about-box3 .container .list .item3 ul li .btn {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-box3 .container .list .item3 ul li .btn span {
  color: #ff6720;
  font-weight: bold;
  text-align: center;
  transition: all 0.4s;
}
.about-box3 .container .list .item3 ul li:hover::before {
  opacity: 0;
}
.about-box3 .container .list .item3 ul li:hover::after {
  opacity: 1;
}
.about-box3 .container .list .item3 ul li:hover .btn::before {
  background: linear-gradient(to bottom, rgba(19, 73, 157, 0.5), rgba(19, 73, 157, 0) 50%);
}
.about-box3 .container .list .item3 ul li:hover .btn i img path,
.about-box3 .container .list .item3 ul li:hover .btn i svg path {
  fill: #fff;
}
.about-box3 .container .list .item3 ul li:hover .btn span {
  color: #fff;
}
.about-box3 .container .list .item3 .tips {
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 0.21rem 0.2rem;
  background: linear-gradient(to right, #3f74c6, #ff6720);
}
.about-box3 .container .list .boxs {
  width: 2.9rem;
  height: 0.96rem;
  position: relative;
  z-index: 1;
  border-radius: 8px;
  margin: 0 0.2rem;
}
.about-box3 .container .list .boxs::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/about-box3-bg2.jpg) center center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px;
  transition: all 0.4s;
}
.about-box3 .container .list .boxs::after {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/about-box3-bg2-2.jpg) center center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px;
  opacity: 0;
  transition: all 0.4s;
}
.about-box3 .container .list .boxs .icons {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% + 0.15rem);
  width: 0.24rem;
  height: 0.55rem;
  overflow: hidden;
}
.about-box3 .container .list .boxs .icons img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  animation: rain 2s linear infinite forwards;
}
.about-box3 .container .list .boxs .btn {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.about-box3 .container .list .boxs .btn::before {
  content: '';
  width: 100%;
  height: 0.36rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%);
  border-radius: 8px;
  position: absolute;
  top: 100%;
  left: 0;
  transition: all 0.4s;
}
.about-box3 .container .list .boxs .btn::after {
  content: '';
  width: 100%;
  height: 0.36rem;
  background: linear-gradient(to bottom, rgba(19, 73, 157, 0.5), rgba(19, 73, 157, 0) 50%);
  border-radius: 8px;
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  transition: all 0.4s;
}
.about-box3 .container .list .boxs .btn svg {
  width: auto;
  height: 32px;
  object-fit: contain;
}
.about-box3 .container .list .boxs .btn svg path {
  transition: all 0.4s;
}
.about-box3 .container .list .boxs .btn svg .cls-1 {
  fill: #d61519;
}
.about-box3 .container .list .boxs .btn svg .cls-2 {
  fill: #000;
}
.about-box3 .container .list .boxs .btn i {
  width: 0.32rem;
  height: 0.32rem;
  display: flex;
  align-items: center;
}
.about-box3 .container .list .boxs .btn i img,
.about-box3 .container .list .boxs .btn i svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-box3 .container .list .boxs .btn i img path,
.about-box3 .container .list .boxs .btn i svg path {
  transition: all 0.4s;
}
.about-box3 .container .list .boxs .btn span {
  color: #ff6720;
  font-weight: bold;
  margin-left: 0.15rem;
  transition: all 0.4s;
}
.about-box3 .container .list .boxs:hover::before {
  opacity: 0;
}
.about-box3 .container .list .boxs:hover::after {
  opacity: 1;
}
.about-box3 .container .list .boxs:hover svg .cls-2 {
  fill: #fff;
}
.about-box3 .container .list .boxs:hover .btn::before {
  opacity: 0;
}
.about-box3 .container .list .boxs:hover .btn::after {
  opacity: 1;
}
.about-box3 .container .list .boxs:hover .btn i img path,
.about-box3 .container .list .boxs:hover .btn i svg path {
  fill: #fff;
}
.about-box3 .container .list .boxs:hover .btn span {
  color: #fff;
}
.about-box3-2 {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 1.35rem 0 1.4rem;
  display: none;
}
.about-box3-2 .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.about-box3-2 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-box3-2 .container {
  position: relative;
  z-index: 2;
}
.about-box3-2 .container .title {
  text-align: center;
  font-size: 0.48rem;
  line-height: calc(58/48);
  color: #222;
  font-weight: bold;
}
.about-box3-2 .container .box1 {
  width: calc(1236/1600*100%);
  position: relative;
  z-index: 1;
  margin: 1.07rem auto 0;
}
.about-box3-2 .container .box1 .dimg {
  width: 100%;
  position: relative;
  z-index: 1;
}
.about-box3-2 .container .box1 .dimg img {
  width: 100%;
}
.about-box3-2 .container .box1 .arrow {
  width: calc(327/1236*100%);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -0.32rem;
}
.about-box3-2 .container .box1 .arrow img {
  width: 100%;
  animation: arrow3 5s forwards linear infinite;
}
.about-box3-2 .container .box1 .tbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.about-box3-2 .container .box1 .tbox .ts {
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 50%;
  background-color: #ff6720;
  position: absolute;
}
.about-box3-2 .container .box1 .tbox .ts span {
  position: absolute;
  white-space: nowrap;
  color: #ff6720;
  line-height: calc(30/20);
}
.about-box3-2 .container .box1 .tbox .t1 {
  left: calc(58/1236*100%);
  top: calc(57/222*100%);
}
.about-box3-2 .container .box1 .tbox .t1 span {
  right: calc(100% + 0.1rem);
  top: 50%;
  transform: translateY(-50%);
}
.about-box3-2 .container .box1 .tbox .t2 {
  left: calc(90/1236*100%);
  bottom: calc(48/222*100%);
}
.about-box3-2 .container .box1 .tbox .t2 span {
  right: 0;
  top: calc(100% + 0.1rem);
}
.about-box3-2 .container .box1 .tbox .t3 {
  left: calc(308/1236*100%);
  bottom: calc(10/222*100%);
}
.about-box3-2 .container .box1 .tbox .t3 span {
  right: 0;
  top: calc(100% + 0.1rem);
}
.about-box3-2 .container .box1 .tbox .t4 {
  left: calc(611/1236*100%);
  bottom: calc(-3/222*100%);
}
.about-box3-2 .container .box1 .tbox .t4 span {
  left: 0;
  transform: translateX(-50%);
  top: calc(100% + 0.1rem);
}
.about-box3-2 .container .box1 .tbox .t5 {
  right: calc(360/1236*100%);
  bottom: calc(6/222*100%);
}
.about-box3-2 .container .box1 .tbox .t5 span {
  left: 0;
  top: calc(100% + 0.1rem);
}
.about-box3-2 .container .box1 .tbox .t6 {
  right: calc(117/1236*100%);
  bottom: calc(41/222*100%);
}
.about-box3-2 .container .box1 .tbox .t6 span {
  left: 0;
  top: calc(100% + 0.1rem);
}
.about-box3-2 .container .box1 .tbox .t7 {
  right: calc(76/1236*100%);
  top: calc(50/222*100%);
}
.about-box3-2 .container .box1 .tbox .t7 span {
  left: calc(100% + 0.1rem);
  top: 50%;
  transform: translateY(-50%);
}
.about-box3-2 .container .box2 {
  width: calc(1452/1600*100%);
  position: relative;
  z-index: 1;
  margin: 2.5rem auto 0;
}
.about-box3-2 .container .box2 .dimg {
  width: 100%;
}
.about-box3-2 .container .box2 .dimg img {
  width: 100%;
}
.about-box3-2 .container .box2 .bbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.about-box3-2 .container .box2 .bbox .ball {
  position: absolute;
  border-radius: 50%;
  background: url(../images/about-box3-2-bbg.png) center center no-repeat;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.about-box3-2 .container .box2 .bbox .ball i {
  width: 0.45rem;
  height: 0.45rem;
  display: flex;
  align-items: center;
}
.about-box3-2 .container .box2 .bbox .ball i svg {
  width: 100%;
  height: 100%;
}
.about-box3-2 .container .box2 .bbox .ball i svg path {
  fill: #fff;
}
.about-box3-2 .container .box2 .bbox .ball span {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: calc(40/30);
  margin-top: 0.1rem;
}
.about-box3-2 .container .box2 .bbox .b1 {
  width: 3.6rem;
  height: 3.6rem;
  top: -1.85rem;
  left: 50%;
  transform: translateX(-50%);
}
.about-box3-2 .container .box2 .bbox .b1 svg {
  width: auto;
  max-width: 100%;
  height: 0.46rem;
  object-fit: contain;
}
.about-box3-2 .container .box2 .bbox .b2 {
  width: 2.4rem;
  height: 2.4rem;
  left: calc(175/1452*100%);
  top: calc(-47/405*100%);
}
.about-box3-2 .container .box2 .bbox .b3 {
  width: 2.4rem;
  height: 2.4rem;
  left: 50%;
  transform: translateX(-50%);
  top: calc(122/405*100%);
}
.about-box3-2 .container .box2 .bbox .b4 {
  width: 2.4rem;
  height: 2.4rem;
  right: calc(175/1452*100%);
  top: calc(-47/405*100%);
}
.about-box3-2 .container .box2 .bbox .b5 {
  width: 0.3rem;
  height: 0.3rem;
  left: calc(489/1452*100%);
  top: calc(-118/405*100%);
  opacity: 0.7;
}
.about-box3-2 .container .box2 .bbox .b6 {
  width: 0.46rem;
  height: 0.46rem;
  right: calc(402/1452*100%);
  top: calc(-53/405*100%);
  opacity: 0.8;
}
.about-box3-2 .container .box2 .bbox .b7 {
  width: 0.25rem;
  height: 0.25rem;
  right: calc(514/1452*100%);
  top: calc(-191/405*100%);
  opacity: 0.5;
}
.about-box3-2 .container .box2 .lbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
.about-box3-2 .container .box2 .lbox .line {
  width: 5px;
  border-radius: 3px;
  overflow: hidden;
  position: absolute;
}
.about-box3-2 .container .box2 .lbox .line span {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background: linear-gradient(to bottom, #13499d, rgba(19, 73, 157, 0));
  display: block;
}
.about-box3-2 .container .box2 .lbox .l1 {
  height: 1rem;
  opacity: 0.8;
  left: calc(155/1452*100%);
  top: calc(89/405*100%);
}
.about-box3-2 .container .box2 .lbox .l1 span {
  animation: lineRun 4s forwards linear infinite;
}
.about-box3-2 .container .box2 .lbox .l2 {
  height: 2.26rem;
  opacity: 0.7;
  left: calc(464/1452*100%);
  top: calc(-121/405*100%);
}
.about-box3-2 .container .box2 .lbox .l2 span {
  animation: lineRun 5s forwards linear infinite;
}
.about-box3-2 .container .box2 .lbox .l3 {
  height: 2.26rem;
  opacity: 0.4;
  left: calc(593/1452*100%);
  top: calc(-283/405*100%);
}
.about-box3-2 .container .box2 .lbox .l3 span {
  animation: lineRun 3s forwards linear infinite;
}
.about-box3-2 .container .box2 .lbox .l4 {
  height: 2.26rem;
  opacity: 0.4;
  left: calc(890/1452*100%);
  top: calc(-236/405*100%);
}
.about-box3-2 .container .box2 .lbox .l4 span {
  animation: lineRun 5s forwards linear infinite;
}
.about-box3-2 .container .box2 .lbox .l5 {
  height: 2.26rem;
  opacity: 0.9;
  right: calc(508/1452*100%);
  top: calc(30/405*100%);
}
.about-box3-2 .container .box2 .lbox .l5 span {
  animation: lineRun 4s forwards linear infinite;
}
.about-box3-2 .container .box2 .lbox .l6 {
  height: 2.26rem;
  opacity: 1;
  right: calc(272/1452*100%);
  top: calc(-104/405*100%);
}
.about-box3-2 .container .box2 .lbox .l6 span {
  animation: lineRun 3s forwards linear infinite;
}
.about-box3-2 .container .box2 .lbox .l7 {
  height: 2.26rem;
  opacity: 0.7;
  right: calc(135/1452*100%);
  top: calc(-13/405*100%);
}
.about-box3-2 .container .box2 .lbox .l7 span {
  animation: lineRun 4s forwards linear infinite;
}
@keyframes arrow1 {
  0% {
    top: -0.5rem;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@keyframes arrow2 {
  0% {
    top: 0;
    opacity: 1;
  }
  100% {
    top: -0.5rem;
    opacity: 0;
  }
}
@keyframes arrow3 {
  0% {
    transform: translateY(1.5rem);
    opacity: 0;
  }
  100% {
    transform: translateY(-0.5rem);
    opacity: 1;
  }
}
@keyframes rain {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(200%);
  }
  50.1% {
    transform: translateY(-200%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes lineRun {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
  }
}
.about-box3-3 {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 1.38rem 0 1.5rem;
  overflow: hidden;
}
.about-box3-3 .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.about-box3-3 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-box3-3 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
.about-box3-3 .container .left {
  width: calc(580/1600*100%);
}
@media (max-width: 991px) {
  .about-box3-3 .container .left {
    width: 100%;
  }
}
.about-box3-3 .container .left .top {
  width: 100%;
}
.about-box3-3 .container .left .top .title {
  line-height: calc(58/48);
  color: #000;
}
.about-box3-3 .container .left .top .txt {
  color: #666;
  margin-top: 0.24rem;
}
.about-box3-3 .container .left .menu {
  width: 100%;
  margin-top: 1.5rem;
}
.about-box3-3 .container .left .menu ul {
  width: 100%;
}
.about-box3-3 .container .left .menu ul li {
  width: 100%;
  margin-bottom: 0.45rem;
}
.about-box3-3 .container .left .menu ul li:last-child {
  margin-bottom: 0;
}
.about-box3-3 .container .left .menu ul li .ts {
  padding: 0.18rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid rgba(19, 73, 157, 0.1);
  position: relative;
  z-index: 1;
}
.about-box3-3 .container .left .menu ul li .ts::before {
  content: '';
  width: 0.42rem;
  height: 2px;
  background: #ff6720;
  position: absolute;
  left: 0;
  bottom: -1px;
}
.about-box3-3 .container .left .menu ul li .ts .t1 {
  color: #0e050b;
  line-height: calc(40/30);
  font-weight: bold;
  transition: all 0.4s;
}
.about-box3-3 .container .left .menu ul li .ts .icon {
  width: 0.4rem;
  height: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-box3-3 .container .left .menu ul li .ts .icon svg {
  color: #ff6720;
}
.about-box3-3 .container .left .menu ul li .ts .icon svg path {
  fill: #ff6720;
}
.about-box3-3 .container .left .menu ul li .txt {
  color: #666;
  padding: 0.25rem 0 0.15rem;
  display: none;
}
.about-box3-3 .container .left .menu ul li.on .ts .t1 {
  color: #ff6720;
}
.about-box3-3 .container .right {
  width: 6.7rem;
  height: 6.7rem;
  background: url(../images/about-box3-3-right-bg.png) center center no-repeat;
  background-size: calc(580/670*100%);
  border-radius: 50%;
  border: 1px solid #ff6720;
  position: relative;
  z-index: 1;
}
@media (max-width: 1260px) {
  .about-box3-3 .container .right {
    width: 7.2rem;
    height: 7.2rem;
  }
}
@media (max-width: 991px) {
  .about-box3-3 .container .right {
    margin: 1.2rem auto 0;
  }
}
@media (max-width: 767px) {
  .about-box3-3 .container .right {
    width: 6rem;
    height: 6rem;
  }
}
.about-box3-3 .container .right .img {
  width: 4.21rem;
  height: 4.21rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-box3-3 .container .right .img .icons {
  position: relative;
  z-index: 2;
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to right bottom, #ff6720, #f7854f);
  box-shadow: 0 0 0.2rem 0 rgba(255, 103, 31, 0.1);
}
.about-box3-3 .container .right .img .icons svg {
  width: 2.1rem;
  height: auto;
}
.about-box3-3 .container .right .img .icons svg path {
  fill: #fff;
}
.about-box3-3 .container .right .img::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/about-box3-3-right-quan.png);
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
  transform-origin: center center;
  animation: quan1 3s forwards linear infinite;
}
.about-box3-3 .container .right .box {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  animation: 21s quan1 forwards linear infinite;
}
.about-box3-3 .container .right .box .item {
  width: calc(160/670*100%);
  height: calc(160/670*100%);
  border-radius: 50%;
  border: 1px solid #ff6720;
  position: absolute;
  padding-top: 0.2rem;
  transform-origin: center center;
  animation: 21s quan2 forwards linear infinite;
}
@media (max-width: 767px) {
  .about-box3-3 .container .right .box .item {
    width: calc(200/670*100%);
    height: calc(200/670*100%);
  }
}
.about-box3-3 .container .right .box .item::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: radial-gradient(circle, #ffffff 50%, rgba(255, 255, 255, 0));
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.about-box3-3 .container .right .box .item .icons {
  width: 0.7rem;
  height: 0.7rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-box3-3 .container .right .box .item .icons img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.about-box3-3 .container .right .box .item .txt {
  line-height: calc(22/16);
  text-align: center;
  color: #ff6720;
  position: relative;
  z-index: 2;
  padding: 0 0.05rem;
  word-break: break-word;
}
@media (max-width: 1600px) {
  .about-box3-3 .container .right .box .item .txt {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .about-box3-3 .container .right .box .item .txt {
    font-size: 10px;
  }
}
.about-box3-3 .container .right .box .item.item1 {
  top: 16%;
  left: -3.5%;
}
@media (max-width: 767px) {
  .about-box3-3 .container .right .box .item.item1 {
    top: 13%;
    left: -2.5%;
  }
}
.about-box3-3 .container .right .box .item.item2 {
  top: -0.6rem;
  left: 37%;
}
@media (max-width: 767px) {
  .about-box3-3 .container .right .box .item.item2 {
    left: 35%;
  }
}
.about-box3-3 .container .right .box .item.item3 {
  top: 16%;
  left: 80%;
}
@media (max-width: 767px) {
  .about-box3-3 .container .right .box .item.item3 {
    top: 13%;
    left: 72%;
  }
}
.about-box3-3 .container .right .box .item.item4 {
  top: 65%;
  left: 77%;
}
@media (max-width: 767px) {
  .about-box3-3 .container .right .box .item.item4 {
    top: 55%;
    left: 72%;
  }
}
.about-box3-3 .container .right .box .item.item5 {
  top: 86%;
  left: 38%;
}
@media (max-width: 767px) {
  .about-box3-3 .container .right .box .item.item5 {
    top: 78%;
    left: 35%;
  }
}
.about-box3-3 .container .right .box .item.item6 {
  top: 65%;
  left: 0%;
}
@media (max-width: 767px) {
  .about-box3-3 .container .right .box .item.item6 {
    top: 55%;
    left: -2%;
  }
}
@keyframes quan1 {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}
@keyframes quan2 {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-360deg);
  }
}
.about-box4 {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 1.38rem 0 1.4rem;
  overflow: hidden;
}
.about-box4 .container {
  position: relative;
  z-index: 1;
}
.about-box4 .container .title {
  font-size: 0.48rem;
  color: #222;
  font-weight: bold;
  line-height: calc(58/48);
}
.about-box4 .container .list {
  width: 100%;
  margin-top: 0.58rem;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.about-box4 .container .list .list1 {
  width: calc(1020/1600*100%);
  padding-right: 0.6rem;
  border-right: 1px solid rgba(19, 73, 157, 0.2);
}
@media (max-width: 991px) {
  .about-box4 .container .list .list1 {
    width: 100%;
    padding-right: 0;
    border-right: none;
  }
}
.about-box4 .container .list .list1 .swiper-container {
  width: 100%;
  overflow: hidden;
}
.about-box4 .container .list .list1 .swiper-container .swiper-slide {
  width: calc(360/1600*100%);
  height: 6.4rem;
  position: relative;
  z-index: 1;
  transition: all 0.4s;
}
.about-box4 .container .list .list1 .swiper-container .swiper-slide .public-img {
  width: 100%;
  height: 100%;
}
.about-box4 .container .list .list1 .swiper-container .swiper-slide .boxs {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 0.6rem 0.6rem 0.5rem;
}
.about-box4 .container .list .list1 .swiper-container .swiper-slide .boxs .icon {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  transition: all 0.4s;
}
.about-box4 .container .list .list1 .swiper-container .swiper-slide .boxs .icon img,
.about-box4 .container .list .list1 .swiper-container .swiper-slide .boxs .icon svg {
  width: 0.4rem;
  height: 0.4rem;
}
.about-box4 .container .list .list1 .swiper-container .swiper-slide .boxs .tbox {
  width: 100%;
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.4s;
  padding: 0 0.6rem;
}
.about-box4 .container .list .list1 .swiper-container .swiper-slide .boxs .tbox .t1 {
  width: 100%;
  text-align: left;
  color: #fff;
  transition: all 0.4s;
}
.about-box4 .container .list .list1 .swiper-container .swiper-slide .boxs .tbox .line {
  width: 16px;
  height: 2px;
  background: #fff;
  margin: 0.13rem 0 0;
  transition: all 0.4s;
}
.about-box4 .container .list .list1 .swiper-container .swiper-slide .boxs .tbox .t2 {
  color: rgba(255, 255, 255, 0.8);
  margin-top: 0.2rem;
}
.about-box4 .container .list .list2 {
  width: calc(520/1600*100%);
  clip-path: inset(0 -100vw 0 0);
}
@media (max-width: 991px) {
  .about-box4 .container .list .list2 {
    display: none;
  }
}
.about-box4 .container .list .list2 .swiper-container {
  width: 100%;
}
.about-box4 .container .list .list2 .swiper-container .swiper-slide {
  width: calc(360/1600*100%);
  height: 6.4rem;
  position: relative;
  z-index: 1;
  transition: all 0.4s;
}
.about-box4 .container .list .list2 .swiper-container .swiper-slide .public-img {
  width: 100%;
  height: 100%;
  /* &::after{
                                content: '';
                                width: 100%;
                                height: 100%;
                                position: absolute;
                                top: 0;
                                left: 0;
                                background: rgba(19,73,157,.3);
                                z-index: 2;
                            } */
}
.about-box4 .container .list .list2 .swiper-container .swiper-slide .boxs {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 0.6rem 0.6rem 0.5rem;
}
.about-box4 .container .list .list2 .swiper-container .swiper-slide .boxs .icon {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0.6rem;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.4s;
}
.about-box4 .container .list .list2 .swiper-container .swiper-slide .boxs .icon img,
.about-box4 .container .list .list2 .swiper-container .swiper-slide .boxs .icon svg {
  width: 0.4rem;
  height: 0.4rem;
}
.about-box4 .container .list .list2 .swiper-container .swiper-slide .boxs .tbox {
  width: 100%;
  position: absolute;
  top: 1.96rem;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.4s;
  padding: 0 0.6rem;
}
.about-box4 .container .list .list2 .swiper-container .swiper-slide .boxs .tbox .t1 {
  width: 100%;
  text-align: center;
  color: #fff;
  transition: all 0.4s;
}
.about-box4 .container .list .list2 .swiper-container .swiper-slide .boxs .tbox .line {
  width: 16px;
  height: 2px;
  background: #fff;
  margin: 0.13rem auto;
  transition: all 0.4s;
}
.about-box4 .container .list .list2 .swiper-container .swiper-slide .boxs .tbox .t2 {
  color: rgba(255, 255, 255, 0.8);
  margin-top: 0.2rem;
  opacity: 0;
}
.about-box4 .container .ck-box {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}
@media (max-width: 767px) {
  .about-box4 .container .ck-box {
    position: relative;
    right: initial;
    top: initial;
    width: 100%;
    justify-content: center;
    margin-top: 0.5rem;
  }
}
.about-box4 .container .ck-box .prev,
.about-box4 .container .ck-box .next {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: 1px solid rgba(19, 73, 157, 0.1);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
.about-box4 .container .ck-box .prev svg,
.about-box4 .container .ck-box .next svg {
  width: 16px;
  height: 12px;
}
.about-box4 .container .ck-box .prev svg path,
.about-box4 .container .ck-box .next svg path {
  fill: #ff6720;
  transition: all 0.4s;
}
.about-box4 .container .ck-box .prev:hover,
.about-box4 .container .ck-box .next:hover {
  background: #ff6720;
}
.about-box4 .container .ck-box .prev:hover svg path,
.about-box4 .container .ck-box .next:hover svg path {
  fill: #fff;
}
.about-box4 .container .ck-box .next {
  margin-left: 0.2rem;
}
.about-box4 .container .ck-box .next svg {
  transform: rotateZ(180deg);
}
.about-box5 {
  width: 100%;
  position: relative;
  z-index: 1;
  background: url(../images/about-box5-bg.jpg) center center no-repeat;
  background-size: cover;
  padding: 1.35rem 0 0;
}
.about-box5 .container .title {
  line-height: calc(58/48);
  font-weight: bold;
  color: #222;
}
.about-box5 .list {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-top: 0.55rem;
}
.about-box5 .list .swiper1 {
  width: 100%;
  position: relative;
  z-index: 1;
}
.about-box5 .list .swiper1::before,
.about-box5 .list .swiper1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 30%;
  height: 100%;
  background: -webkit-linear-gradient(right, #f5f5f5 0%, #f5f5f5 30%, rgba(245, 245, 245, 0) 100%);
  background: linear-gradient(to right, #f5f5f5 0%, #f5f5f5 30%, rgba(245, 245, 245, 0) 100%);
  pointer-events: none;
}
@media (max-width: 767px) {
  .about-box5 .list .swiper1::before,
  .about-box5 .list .swiper1::after {
    display: none;
  }
}
.about-box5 .list .swiper1::after {
  left: auto;
  right: 0;
  background: -webkit-linear-gradient(left, #f5f5f5 0%, #f5f5f5 30%, rgba(245, 245, 245, 0) 100%);
  background: linear-gradient(to left, #f5f5f5 0%, #f5f5f5 30%, rgba(245, 245, 245, 0) 100%);
}
.about-box5 .list .swiper1 .swiper-container {
  width: 5.34rem;
  max-width: 90%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .about-box5 .list .swiper1 .swiper-container {
    width: 90%;
  }
}
.about-box5 .list .swiper1 .swiper-container .swiper-slide {
  height: auto;
}
.about-box5 .list .swiper1 .swiper-container .swiper-slide .item {
  width: 100%;
  height: 100%;
  background: #fff url(../images/about-box5-swiper-bg.png) right bottom no-repeat;
  background-size: 100%;
  box-shadow: 0 0 0.24rem 0 rgba(19, 73, 157, 0.08);
  padding: 0.5rem 0.4rem 0.6rem;
  border-radius: 8px;
  transform: scale(0.8);
  transition: all 0.4s;
}
.about-box5 .list .swiper1 .swiper-container .swiper-slide .item .year {
  line-height: calc(40/30);
  color: #222;
  transition: all 0.4s;
}
.about-box5 .list .swiper1 .swiper-container .swiper-slide .item .tbox {
  width: 100%;
  margin-top: 0.2rem;
}
.about-box5 .list .swiper1 .swiper-container .swiper-slide .item .tbox .ts {
  width: 100%;
  line-height: calc(20/16);
  margin-bottom: 0.2rem;
  position: relative;
  z-index: 1;
  padding-left: 0.15rem;
  color: #666;
  transition: all 0.4s;
}
.about-box5 .list .swiper1 .swiper-container .swiper-slide .item .tbox .ts::before {
  content: '';
  width: 6px;
  height: 6px;
  background: #ff6720;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 7px;
  transition: all 0.4s;
}
.about-box5 .list .swiper1 .swiper-container .swiper-slide .item .tbox .ts:last-child {
  margin-bottom: 0;
}
.about-box5 .list .swiper1 .swiper-container .swiper-slide-active .item {
  transform: scale(1);
  background: #ff6720 url(../images/about-box5-swiper-bg2.png) right bottom no-repeat;
}
.about-box5 .list .swiper1 .swiper-container .swiper-slide-active .item .year {
  color: #fff;
}
.about-box5 .list .swiper1 .swiper-container .swiper-slide-active .item .tbox .ts {
  color: #fff;
}
.about-box5 .list .swiper1 .swiper-container .swiper-slide-active .item .tbox .ts::before {
  background: #fff;
}
.about-box5 .list .swiper2 {
  width: 100%;
  height: 3.06rem;
  padding-bottom: 0.4rem;
  margin-top: 1.45rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .about-box5 .list .swiper2 {
    margin-top: 0.8rem;
  }
}
.about-box5 .list .swiper2::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url(../images/about-box5-swiper2-bg.png) top center no-repeat;
  background-size: 100%;
}
@media (max-width: 991px) {
  .about-box5 .list .swiper2::before {
    background-size: 145%;
    top: 0.2rem;
  }
}
@media (max-width: 767px) {
  .about-box5 .list .swiper2::before {
    background-size: 320%;
    top: 0;
  }
}
.about-box5 .list .swiper2 .swiper-slide {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.about-box5 .list .swiper2 .swiper-slide .year {
  text-align: center;
  font-size: 24px;
  line-height: 1;
  transition: all 0.4s;
  color: #ff6720;
}
.about-box5 .list .swiper2 .swiper-slide .dian {
  width: 2px;
  height: 0.7rem;
  background: rgba(214, 21, 25, 0.2);
  position: relative;
  z-index: 1;
  margin: 0 auto;
  transition: all 0.4s;
  display: none;
}
.about-box5 .list .swiper2 .swiper-slide .dian::before {
  content: '';
  width: 2px;
  height: 0.15rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #d61519;
}
.about-box5 .list .swiper2 .swiper-slide .dian::after {
  content: '';
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 50%;
  background: #d61519;
  position: absolute;
  top: -0.6rem;
  left: 50%;
  transform: translateX(-50%);
}
.about-box5 .list .swiper2 .swiper-slide-active {
  padding-top: 1.64rem;
}
.about-box5 .list .swiper2 .swiper-slide-active .year {
  font-size: 0.72rem;
  color: #ff6720;
}
@media (max-width: 991px) {
  .about-box5 .list .swiper2 .swiper-slide-active .year {
    font-size: 0.6rem;
  }
}
.about-box5 .list .swiper2 .swiper-slide-active .dian {
  height: 1.2rem;
}
.about-box5 .list .ck-box {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .about-box5 .list .ck-box {
    margin-top: 0.5rem;
  }
}
.about-box5 .list .ck-box .prev,
.about-box5 .list .ck-box .next {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: 1px solid rgba(19, 73, 157, 0.1);
  background: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
@media (max-width: 767px) {
  .about-box5 .list .ck-box .prev,
  .about-box5 .list .ck-box .next {
    position: relative;
    z-index: 1;
    top: initial;
    transform: translateY(0);
  }
}
.about-box5 .list .ck-box .prev svg,
.about-box5 .list .ck-box .next svg {
  width: 16px;
  height: 12px;
}
.about-box5 .list .ck-box .prev svg path,
.about-box5 .list .ck-box .next svg path {
  fill: #ff6720;
  transition: all 0.4s;
}
.about-box5 .list .ck-box .prev:hover,
.about-box5 .list .ck-box .next:hover {
  background: #ff6720;
}
.about-box5 .list .ck-box .prev:hover svg path,
.about-box5 .list .ck-box .next:hover svg path {
  fill: #fff;
}
.about-box5 .list .ck-box .prev {
  right: calc(100% + 0.3rem);
}
@media (max-width: 767px) {
  .about-box5 .list .ck-box .prev {
    right: initial;
  }
}
.about-box5 .list .ck-box .next {
  left: calc(100% + 0.3rem);
}
@media (max-width: 767px) {
  .about-box5 .list .ck-box .next {
    left: initial;
    margin-left: 0.2rem;
  }
}
.about-box5 .list .ck-box .next svg {
  transform: rotateZ(180deg);
}
.about-box6 {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 1.37rem 0 1.2rem;
}
.about-box6 .container {
  position: relative;
  z-index: 1;
}
.about-box6 .container .title {
  line-height: calc(58/48);
  font-weight: bold;
  color: #222;
}
.about-box6 .container .menu {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
@media (max-width: 991px) {
  .about-box6 .container .menu {
    position: relative;
    right: inherit;
    top: initial;
    width: 100%;
    margin-top: 0.5rem;
  }
}
.about-box6 .container .menu ul {
  display: flex;
}
.about-box6 .container .menu ul li {
  margin-right: 0.2rem;
}
.about-box6 .container .menu ul li:last-child {
  margin-right: 0;
}
.about-box6 .container .menu ul li a {
  min-width: 1.6rem;
  height: 54px;
  border-radius: 27px;
  border: 1px solid #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.1rem;
  transition: all 0.4s;
  color: #999;
}
.about-box6 .container .menu ul li:hover a {
  border: 1px solid #ff6720;
  color: #ff6720;
}
.about-box6 .container .menu ul li.on a {
  border: 1px solid #ff6720;
  background: #ff6720;
  color: #fff;
}
.about-box6 .list {
  width: 100%;
  margin-top: 0.54rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.about-box6 .list::before,
.about-box6 .list::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 30%;
  height: 100%;
  background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
@media (max-width: 991px) {
  .about-box6 .list::before,
  .about-box6 .list::after {
    width: 10%;
  }
}
.about-box6 .list::after {
  left: auto;
  right: 0;
  background: -webkit-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0) 100%);
}
.about-box6 .list .c-list {
  display: flex;
  margin-bottom: 0.2rem;
}
.about-box6 .list .c-list:last-child {
  margin-bottom: 0;
}
.about-box6 .list .c-list:nth-child(2) {
  transform: translateX(100px);
}
.about-box6 .list .c-list.on {
  justify-content: center;
}
.about-box6 .list .c-list .c-box {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
}
.about-box6 .list .c-list .c-box .c-item {
  flex-shrink: 0;
  width: 3.2rem;
  height: 1.6rem;
  background: #fcfcfc;
  border-radius: 0.12rem;
  position: relative;
  z-index: 1;
  padding: 0 0.6rem;
  margin: 0 0.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .about-box6 .list .c-list .c-box .c-item {
    width: 4rem;
    padding: 0 0.4rem;
  }
}
.about-box6 .list .c-list .c-box .c-item::before {
  content: '';
  width: 0.34rem;
  height: 1rem;
  position: absolute;
  z-index: 2;
  left: 0.24rem;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/about-box6-icon2.svg) center center no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .about-box6 .list .c-list .c-box .c-item::before {
    left: 0.1rem;
  }
}
.about-box6 .list .c-list .c-box .c-item::after {
  content: '';
  width: 0.34rem;
  height: 1rem;
  position: absolute;
  z-index: 2;
  right: 0.24rem;
  top: 50%;
  transform: translateY(-50%) rotateY(180deg);
  background: url(../images/about-box6-icon2.svg) center center no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .about-box6 .list .c-list .c-box .c-item::after {
    right: 0.1rem;
  }
}
.about-box6 .list .c-list .c-box .c-item span {
  text-align: center;
  color: #ff6720;
  line-height: calc(28/20);
  font-weight: 600;
  transition: all 0.4s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-content: center;
}
@media (max-width: 767px) {
  .about-box6 .list .c-list .c-box .c-item span {
    font-size: 14px;
  }
}
.about-box6 .list .c-list .c-box .c-item:hover {
  background: #ff6720;
}
.about-box6 .list .c-list .c-box .c-item:hover::before {
  background: url(../images/about-box6-icon1.svg) center center no-repeat;
  background-size: contain;
}
.about-box6 .list .c-list .c-box .c-item:hover::after {
  background: url(../images/about-box6-icon1.svg) center center no-repeat;
  background-size: contain;
}
.about-box6 .list .c-list .c-box .c-item:hover span {
  color: #fff;
}
.footer {
  width: 100%;
  position: relative;
  z-index: 1;
  border-top: 1px solid rgba(19, 73, 157, 0.1);
  padding: 1.2rem 0 0.55rem;
}
.footer .container .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footer .container .top .left {
  width: calc(320/1600*100%);
}
@media (max-width: 1024px) {
  .footer .container .top .left {
    width: 100%;
  }
}
.footer .container .top .left .logo {
  height: 38px;
}
.footer .container .top .left .logo a {
  height: 100%;
  display: flex;
  justify-content: flex-start;
}
.footer .container .top .left .logo a svg {
  height: 100%;
}
.footer .container .top .left .logo a svg path {
  fill: #000;
}
.footer .container .top .left .logo a svg .cls-1 {
  fill: #d61519;
}
.footer .container .top .left .tbox {
  width: 100%;
  margin-top: 0.74rem;
}
@media (max-width: 1024px) {
  .footer .container .top .left .tbox {
    width: 320px;
  }
}
@media (max-width: 991px) {
  .footer .container .top .left .tbox {
    width: 100%;
  }
}
.footer .container .top .left .tbox .txt {
  line-height: calc(28/18);
  color: #141422;
}
.footer .container .top .left .tbox form {
  width: 100%;
  height: 54px;
  border: 1px solid rgba(4, 0, 0, 0.1);
  border-radius: 27px;
  padding: 3px;
  display: flex;
  margin-top: 0.1rem;
}
.footer .container .top .left .tbox form .t1 {
  width: calc(100% - 46px);
  height: 100%;
  padding-left: 0.2rem;
}
.footer .container .top .left .tbox form .btn {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ff6720;
}
.footer .container .top .left .tbox form .btn svg {
  transform: rotateZ(135deg);
}
.footer .container .top .left .tbox form .btn svg path {
  fill: #fff;
}
.footer .container .top .menu {
  width: calc(1085/1600*100%);
}
@media (max-width: 1024px) {
  .footer .container .top .menu {
    width: 100%;
    margin-top: 0.5rem;
  }
}
@media (max-width: 991px) {
  .footer .container .top .menu {
    display: none;
  }
}
.footer .container .top .menu ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footer .container .top .menu ul li .t1 {
  display: flex;
  margin-bottom: 0.26rem;
}
.footer .container .top .menu ul li .t1 a {
  line-height: 1;
  color: #040000;
  font-weight: bold;
}
.footer .container .top .menu ul li .t2 {
  display: flex;
  margin-bottom: 0.1rem;
}
.footer .container .top .menu ul li .t2:last-child {
  margin-bottom: 0;
}
.footer .container .top .menu ul li .t2 a {
  line-height: calc(26/16);
  color: #666;
  transition: all 0.4s;
}
.footer .container .top .menu ul li .t2 a:hover {
  color: #ff6720;
  text-decoration: underline;
}
.footer .container .down {
  width: 100%;
  margin-top: 1.15rem;
  border-top: 1px solid rgba(19, 73, 157, 0.1);
  padding-top: 0.6rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footer .container .down .left {
  width: calc(540/1600*100%);
}
@media (max-width: 1024px) {
  .footer .container .down .left {
    width: 48%;
  }
}
@media (max-width: 991px) {
  .footer .container .down .left {
    width: 100%;
  }
}
.footer .container .down .left .tel {
  display: flex;
  align-items: center;
}
.footer .container .down .left .tel i {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 103, 32, 0.1);
}
.footer .container .down .left .tel i svg {
  width: 0.2rem;
  height: 0.2rem;
}
.footer .container .down .left .tel i svg path {
  fill: #ff6720;
}
.footer .container .down .left .tel span {
  color: #040000;
  font-weight: bold;
  line-height: calc(42/32);
  margin-left: 0.15rem;
}
.footer .container .down .left .txt {
  font-size: 14px;
  color: #999899;
  line-height: 24px;
  margin-top: 0.25rem;
}
.footer .container .down .right {
  width: calc(600/1600*100%);
}
@media (max-width: 1024px) {
  .footer .container .down .right {
    width: 48%;
  }
}
@media (max-width: 991px) {
  .footer .container .down .right {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.footer .container .down .right .focus {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .footer .container .down .right .focus {
    width: 100%;
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .footer .container .down .right .focus {
    justify-content: center;
  }
}
.footer .container .down .right .focus a {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  background: #f5f7f8;
  margin-right: 0.2rem;
  transition: all 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .container .down .right .focus a:last-child {
  margin-right: 0;
}
.footer .container .down .right .focus a .h {
  width: 0.26rem;
  height: 0.26rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
  opacity: 0;
}
.footer .container .down .right .focus a .h svg path {
  fill: #999899;
}
.footer .container .down .right .focus a .g {
  width: 0.26rem;
  height: 0.26rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 1;
}
.footer .container .down .right .focus a img,
.footer .container .down .right .focus a svg {
  width: 100%;
  height: 100%;
}
.footer .container .down .right .focus a img path,
.footer .container .down .right .focus a svg path {
  transition: all 0.4s;
}
.footer .container .down .right .focus a .hover-ewm {
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  z-index: 2;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 0.1rem;
  display: none;
}
.footer .container .down .right .focus a:hover {
  background: #ff6720;
}
.footer .container .down .right .focus a:hover .h {
  opacity: 1;
}
.footer .container .down .right .focus a:hover .g {
  opacity: 0;
}
.footer .container .down .right .focus a:hover:nth-child(1) {
  background: #ff6720;
}
.footer .container .down .right .focus a:hover svg path {
  fill: #fff !important;
}
.footer .container .down .right .focus a:hover .hover-ewm {
  display: block;
}
.footer .container .down .right .txt {
  font-size: 14px;
  color: #999899;
  line-height: 24px;
  margin-top: 0.25rem;
  text-align: right;
}
@media (max-width: 991px) {
  .footer .container .down .right .txt {
    text-align: center;
  }
  .footer .container .down .right .txt br {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer .container .down .right .txt {
    font-size: 12px;
    line-height: 20px;
  }
}
.footer .container .down .right .txt a {
  color: #999899;
  display: inline-block;
}
/* 下拉 */
.g_nav3 {
  display: none;
  position: absolute;
  width: 100%;
  height: auto;
  top: calc(100% + 1px);
  left: 0;
  background: #fff;
  padding: 0.82rem 0 0.8rem;
  border-top: 1px solid #e8e8e8;
}
@media (max-width: 767px) {
  .g_nav3 {
    display: none !important;
  }
}
.g_nav_md {
  display: none;
  padding: 0.3rem 0 0.1rem;
}
.g_nav_md a {
  display: block;
  line-height: 1.5;
  margin-bottom: 0.2rem;
}
.nav_menu_box {
  /* display: none; */
}
.nav_menu_box .nav_menu_con {
  background: #fff;
}
.nav_menu_box .nav_menu_con .container {
  display: flex;
}
.nav_menu_box .nav_menu_con .container .menu_l {
  border-right: 1px solid #e8e8e8;
  padding-bottom: 0.6rem;
  padding-right: 1rem;
  max-height: 76vh;
  overflow: auto;
  width: 31.25%;
}
.nav_menu_box .nav_menu_con .container .menu_l a {
  transition: all 0.4s;
  min-height: 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.1rem 0.3rem;
}
.nav_menu_box .nav_menu_con .container .menu_l a.on {
  background: #ff6720;
}
.nav_menu_box .nav_menu_con .container .menu_l a.on p {
  color: #fff;
}
.nav_menu_box .nav_menu_con .container .menu_l a.on i svg {
  transform: rotate(-45deg);
}
.nav_menu_box .nav_menu_con .container .menu_l a.on i svg path {
  fill: #fff;
}
.nav_menu_box .nav_menu_con .container .menu_l a p {
  color: #222;
  transition: all 0.4s;
}
.nav_menu_box .nav_menu_con .container .menu_l a i {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.14rem;
  height: auto;
  margin-left: 0.1rem;
}
.nav_menu_box .nav_menu_con .container .menu_l a i svg,
.nav_menu_box .nav_menu_con .container .menu_l a i img {
  transition: all 0.4s;
  color: #cccccc;
  width: 100%;
  height: auto;
}
.nav_menu_box .nav_menu_con .container .menu_l a i svg path,
.nav_menu_box .nav_menu_con .container .menu_l a i img path {
  fill: #999;
}
.nav_menu_box .nav_menu_con .container .menu_m {
  padding: 0 1rem 0 0.98rem;
  border-right: 1px solid #e8e8e8;
  width: 35.3125%;
  max-height: 76vh;
  overflow: auto;
}
.nav_menu_box .nav_menu_con .container .menu_m .menu_m_it {
  display: none;
}
.nav_menu_box .nav_menu_con .container .menu_m .menu_m_it:first-child {
  display: block;
}
.nav_menu_box .nav_menu_con .container .menu_m .menu_m_it .menu_two .menu_two_tit {
  cursor: pointer;
  border-radius: 0 0.1rem 0 0.1rem;
  min-height: 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.14rem 0 0.14rem 0;
}
.nav_menu_box .nav_menu_con .container .menu_m .menu_m_it .menu_two .menu_two_tit.on p,
.nav_menu_box .nav_menu_con .container .menu_m .menu_m_it .menu_two .menu_two_tit.on a {
  color: #ff6720;
}
.nav_menu_box .nav_menu_con .container .menu_m .menu_m_it .menu_two .menu_two_tit.on i {
  transform: rotate(90deg);
}
.nav_menu_box .nav_menu_con .container .menu_m .menu_m_it .menu_two .menu_two_tit.on i svg path {
  fill: #ff6720;
}
.nav_menu_box .nav_menu_con .container .menu_m .menu_m_it .menu_two .menu_two_tit p,
.nav_menu_box .nav_menu_con .container .menu_m .menu_m_it .menu_two .menu_two_tit a {
  color: #3e3a39;
  transition: all 0.4s;
}
.nav_menu_box .nav_menu_con .container .menu_m .menu_m_it .menu_two .menu_two_tit i {
  transition: all 0.4s;
  opacity: 1;
  margin-left: 0.1rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6px;
  height: auto;
}
.nav_menu_box .nav_menu_con .container .menu_m .menu_m_it .menu_two .menu_two_tit i svg,
.nav_menu_box .nav_menu_con .container .menu_m .menu_m_it .menu_two .menu_two_tit i img {
  transition: all 0.4s;
  color: #676767;
  width: 100%;
  height: auto;
}
.nav_menu_box .nav_menu_con .container .menu_m .menu_m_it .menu_two .menu_two_tit i svg path,
.nav_menu_box .nav_menu_con .container .menu_m .menu_m_it .menu_two .menu_two_tit i img path {
  fill: #676767;
}
.nav_menu_box .nav_menu_con .container .menu_m .menu_m_it .menu_two .menu_two_a {
  padding: 0.15rem 0.1rem;
  display: none;
}
.nav_menu_box .nav_menu_con .container .menu_m .menu_m_it .menu_two .menu_two_a a {
  display: block;
  transition: all 0.4s;
  color: #666;
  margin-bottom: 0.2rem;
}
.nav_menu_box .nav_menu_con .container .menu_m .menu_m_it .menu_two .menu_two_a a:hover {
  color: #ff6720;
  text-decoration: underline;
}
.nav_menu_box .nav_menu_con .container .menu_r {
  padding: 0 0.34rem 0 1rem;
  width: 33.4375%;
  max-height: 76vh;
  overflow: auto;
}
.nav_menu_box .nav_menu_con .container .menu_r .menu_r_it {
  display: none;
}
.nav_menu_box .nav_menu_con .container .menu_r .menu_r_it:first-child {
  display: block;
}
.nav_menu_box .nav_menu_con .container .menu_r .menu_r_it:hover img {
  transform: scale(1.05);
}
.nav_menu_box .nav_menu_con .container .menu_r .menu_r_it .public-img {
  border-radius: 0.08rem;
}
.nav_menu_box .nav_menu_con .container .menu_r .menu_r_it .public-img:before {
  padding-top: 57.75%;
}
.nav_menu_box .nav_menu_con .container .menu_r .menu_r_it .txt {
  margin-top: 0.16rem;
}
.nav_menu_box .nav_menu_con .container .menu_r .menu_r_it .txt .g_p p {
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.nav_menu_box .nav_menu_con .container .menu_r .menu_r_it .txt .pub_btn {
  margin-top: 0.5rem;
}
/* 搜索下拉 */
.g_navsearch {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  /* max-width: 1920px; */
  top: 0;
  width: 100%;
  z-index: 1000;
  background-color: #ffffff;
  color: #222222;
  border-top: 1px solid #e5e5e5;
  display: none;
}
.g_navsearch .container {
  padding: 1.38rem 0 1.3rem;
  position: relative;
}
.g_navsearch .f_close {
  position: absolute;
  right: 0.8rem;
  top: 0.96rem;
  width: 18px;
  height: 18px;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .g_navsearch .f_close {
    right: 0;
    top: 0.3rem;
    width: 16px;
    height: 16px;
  }
}
.g_navsearch .f_close img {
  width: 100%;
  float: left;
}
.g_navsearch .f_close img:nth-child(2) {
  display: none;
}
.g_navsearch .f_close svg {
  width: 100%;
  height: auto;
  max-height: 100%;
  color: #808080;
}
.g_navsearch .f_close svg path {
  fill: #808080;
}
.g_navsearch .f_close:hover {
  transform: rotate(90deg);
}
.g_navsearch .f_cont {
  max-width: 1000px;
  margin: 0 auto;
}
.g_navsearch .f_cont .fz_title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.55rem;
}
@media (max-width: 767px) {
  .g_navsearch .f_cont .fz_title {
    margin-bottom: 0.3rem;
  }
}
.g_navsearch .f_cont .fz_title i {
  cursor: pointer;
  margin-right: 0.2rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.2rem;
  height: auto;
  color: #ff6720;
}
@media (max-width: 1260px) {
  .g_navsearch .f_cont .fz_title i {
    width: 0.22rem;
  }
}
@media (max-width: 767px) {
  .g_navsearch .f_cont .fz_title i {
    width: 0.26rem;
  }
}
.g_navsearch .f_cont .fz_title i svg,
.g_navsearch .f_cont .fz_title i img {
  width: 100%;
  height: auto;
}
.g_navsearch .f_cont .fz_title i svg path,
.g_navsearch .f_cont .fz_title i img path {
  fill: #999;
}
.g_navsearch .f_cont .f_form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.16rem;
  margin-bottom: 0.2rem;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 767px) {
  .g_navsearch .f_cont .f_form {
    padding-bottom: 0.3rem;
  }
}
.g_navsearch .f_cont .f_form input {
  width: 100%;
  padding-right: 0.26rem;
}
.g_navsearch .f_cont .f_form input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
}
.g_navsearch .f_cont .f_form input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
}
.g_navsearch .f_cont .f_form input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
}
.g_navsearch .f_cont .f_form .g_del {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 16px;
  height: auto;
}
.g_navsearch .f_cont .f_form .g_del:hover svg {
  color: #ff6720;
}
.g_navsearch .f_cont .f_form .g_del:hover svg path {
  fill: #ff6720;
}
.g_navsearch .f_cont .f_form .g_del svg,
.g_navsearch .f_cont .f_form .g_del img {
  color: #999;
  width: 100%;
  transition: all 0.4s;
}
.g_navsearch .f_cont .f_form .f_sub {
  margin-left: 0.18rem;
  padding-left: 0.18rem;
  display: flex;
  align-items: center;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .g_navsearch .f_cont .f_form .f_sub {
    width: 0.36rem;
  }
}
.g_navsearch .f_cont .f_form .f_sub svg {
  margin-right: 0.2rem;
  width: 21px;
  float: left;
  transition: all 0.4s;
}
.g_navsearch .f_cont .f_form .f_sub svg path {
  fill: #ff6720;
}
.g_navsearch .f_cont .f_form .f_sub:hover svg {
  color: #ff6720;
}
.g_navsearch .f_cont .f_form .f_sub:hover svg path {
  fill: #ff6720;
}
.g_navsearch .f_cont .f_jut {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1580px) {
  .g_navsearch .f_cont .f_jut {
    line-height: 32px;
  }
}
@media (max-width: 991px) {
  .g_navsearch .f_cont .f_jut {
    line-height: 26px;
    flex-direction: column;
  }
}
.g_navsearch .f_cont .f_jut .name {
  flex-shrink: 0;
  fill: 0 0 auto;
  color: #999;
  display: block;
  margin: 0.08rem 0.18rem 0 0;
}
@media (max-width: 991px) {
  .g_navsearch .f_cont .f_jut .name {
    margin-bottom: 0.2rem;
  }
}
.g_navsearch .f_cont .f_jut .f_list {
  fill: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
}
.g_navsearch .f_cont .f_jut .f_list .li {
  margin: 0 0.2rem 0.1rem 0;
  color: #fff;
  background: #ff6720;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  padding: 0 0.25rem;
  height: 0.4rem;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  border: 1px solid transparent;
  position: relative;
}
.g_navsearch .f_cont .f_jut .f_list .li:last-child::after {
  display: none;
}
@media (max-width: 991px) {
  .g_navsearch .f_cont .f_jut .f_list .li {
    height: 0.8rem;
  }
}
.g_navsearch .f_cont .f_jut .f_list .li:hover {
  background: #fff;
  border: 1px solid #ff6720;
  color: #ff6720;
}
.g_nav4 {
  display: block;
}
.nav_drop .container {
  display: flex;
  justify-content: space-between;
}
.nav_drop .container .gl {
  width: 45.75%;
  padding: 0 1.66rem 0 0.8rem;
}
.nav_drop .container .gl h2 {
  margin-bottom: 0.2rem;
}
.nav_drop .container .gl p {
  color: #666;
}
.nav_drop .container .gr {
  width: 54.25%;
  display: flex;
  justify-content: space-between;
}
.nav_drop .container .gr .glfl {
  display: flex;
  flex-direction: column;
  border-left: 1px solid #eeeeee;
}
.nav_drop .container .gr .glfl a {
  margin-bottom: 0.16rem;
  padding: 1px 0.1rem 1px 0.3rem;
  border-left: 2px solid transparent;
  color: #999;
}
.nav_drop .container .gr .glfl a.on {
  color: #ff6720;
  border-color: #ff6720;
}
.nav_drop .container .gr .img {
  flex-shrink: 0;
  margin: 0 0.8rem 0 0.4rem;
}
.nav_drop .container .gr .img .public-img {
  border-radius: 0.08rem;
  display: none;
  width: 3.8rem;
}
.nav_drop .container .gr .img .public-img:hover img {
  transform: scale(1.05);
}
.nav_drop .container .gr .img .public-img:first-child {
  display: block;
}
.nav_drop .container .gr .img .public-img:before {
  padding-top: 69.47368421%;
}
#hi-video-pop .hi-video-box .hi-video-wrap {
  max-width: 120vh;
}
@media (max-width: 991px) {
  #hi-video-pop .hi-video-box .hi-video-wrap {
    max-width: 90%;
  }
}