@charset "utf-8";
@media (max-width: 991px) {
  .pc {
    display: none;
  }
}
.mb {
  display: none;
}
@media (max-width: 991px) {
  .mb {
    display: block;
  }
}
.container2 {
  margin: 0 auto;
  width: 1440px;
  max-width: 73%;
}
@media (max-width: 991px) {
  .container2 {
    max-width: 90%;
  }
}
.news-banner {
  width: 100%;
  position: relative;
  z-index: 1;
}
.news-banner .bg {
  width: 100%;
  height: 7.6rem;
  position: relative;
  z-index: 1;
}
.news-banner .bg .img {
  width: 100%;
  height: 100%;
}
.news-banner .bg .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-banner .bg .line {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden;
}
.news-banner .bg .line .line1 {
  width: calc(652/1920*100%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  clip-path: inset(0 100% 0 0);
}
.news-banner .bg .line .line2 {
  width: calc(430/1920*100%);
  position: absolute;
  left: calc(275/1920*100%);
  top: calc(210/760*100%);
  z-index: 1;
}
.news-banner .bg .line .line2::before {
  content: '';
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background: #b5d2e1;
  position: absolute;
  left: -0.05rem;
  top: -0.05rem;
  z-index: 2;
}
.news-banner .bg .line .line2::after {
  content: '';
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background: #fff;
  border: 0.04rem solid #237fa3;
  position: absolute;
  right: -0.1rem;
  bottom: -0.1rem;
  z-index: 2;
  opacity: 0;
}
.news-banner .bg .line .line2 img {
  clip-path: inset(0 100% 0 0);
}
.news-banner .bg .line .line3 {
  width: calc(145/1920*100%);
  position: absolute;
  right: calc(895/1920*100%);
  bottom: calc(75/760*100%);
  z-index: 1;
  clip-path: inset(0 0 100% 0);
}
.news-banner .bg .line .line4 {
  width: calc(950/1920*100%);
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  overflow: hidden;
  clip-path: inset(0 0 0 100%);
}
.news-banner .bg .line .line5 {
  width: calc(672/1920*100%);
  position: absolute;
  right: 8.2%;
  bottom: calc(265/760*100%);
  z-index: 2;
  transform: rotateZ(2deg);
  transform-origin: left bottom;
  overflow: hidden;
  mask-image: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0) 50%);
  -webkit-mask-image: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0) 50%);
  display: none;
}
@media (max-width: 1199px) {
  .news-banner .bg .line .line5 {
    bottom: calc(235/760*100%);
    transform: rotateZ(3deg);
  }
}
.news-banner .bg .line .line5 img {
  clip-path: inset(0 0 0 100%);
}
.news-banner .bg .line .line6 {
  width: calc(510/1920*100%);
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  overflow: hidden;
  clip-path: inset(0 0 100% 0);
}
@media (max-width: 767px) {
  .news-banner .bg .line .line6 {
    top: 24%;
  }
}
.news-banner .bg .line .line6 img {
  width: 100%;
  height: 100%;
}
.news-banner .container {
  position: absolute;
  top: 3.8rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.news-banner .container .title {
  line-height: calc(60/48);
}
.news-banner .container .txt {
  line-height: calc(36/24);
  color: #000;
  margin-top: 0.2rem;
}
.news-banner .container .btn {
  display: flex;
  margin-top: 0.48rem;
}
.news-banner.on .bg .line .line1 {
  animation: line1 1s linear forwards;
}
.news-banner.on .bg .line .line2 img {
  animation: line2 1s linear forwards;
}
.news-banner.on .bg .line .line2::after {
  animation: line2-1 1s 1s linear forwards;
}
.news-banner.on .bg .line .line3 {
  animation: line3 1s linear forwards;
}
.news-banner.on .bg .line .line4 {
  animation: line4 1s linear forwards;
}
.news-banner.on .bg .line .line5 img {
  animation: line5 1s linear forwards;
}
.news-banner.on .bg .line .line6 {
  animation: line6 1s linear forwards;
}
@keyframes line1 {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes line2 {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes line2-1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes line3 {
  0% {
    clip-path: inset(0 0 100% 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes line4 {
  0% {
    clip-path: inset(0 0 0 100%);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes line5 {
  0% {
    clip-path: inset(0 0 0 100%);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes line6 {
  0% {
    clip-path: inset(0 0 100% 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
.news-box {
  width: 100%;
  background: #ebf2f6;
  padding: 0.5rem 0 1.5rem;
}
.news-box .container .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .news-box .container .top .menu {
    width: 100%;
  }
}
.news-box .container .top .menu ul {
  display: flex;
  flex-wrap: wrap;
}
.news-box .container .top .menu ul li {
  margin-right: 0.2rem;
}
@media (max-width: 991px) {
  .news-box .container .top .menu ul li {
    margin-bottom: 0.2rem;
  }
}
.news-box .container .top .menu ul li:last-child {
  margin-right: 0;
}
.news-box .container .top .menu ul li a {
  padding: 0 0.38rem;
  height: 50px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  color: #666;
  transition: all 0.4s;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(194, 194, 194, 0.2);
}
@media (max-width: 1580px) {
  .news-box .container .top .menu ul li a {
    padding: 0 0.2rem;
    height: 44px;
  }
}
.news-box .container .top .menu ul li:hover a,
.news-box .container .top .menu ul li.on a {
  background: var(--color);
  border: 1px solid var(--color);
  color: #fff;
}
.news-box .container .top .search {
  display: flex;
  align-items: center;
  width: 300px;
  height: 50px;
  border: 1px solid #ededed;
  background: #fff;
  border-radius: 8px;
  padding: 2px;
}
@media (max-width: 1580px) {
  .news-box .container .top .search {
    height: 44px;
  }
}
@media (max-width: 991px) {
  .news-box .container .top .search {
    width: 100%;
    order: -1;
    margin-bottom: 0.3rem;
  }
}
.news-box .container .top .search form {
  width: 100%;
  height: 100%;
  display: flex;
}
.news-box .container .top .search .txt {
  width: calc(100% - 46px);
  height: 100%;
  color: #000;
  padding-left: 0.24rem;
  font-family: "clas-r", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
@media (max-width: 1580px) {
  .news-box .container .top .search .txt {
    width: calc(100% - 40px);
  }
}
.news-box .container .top .search .txt::placeholder {
  color: #bbb;
}
.news-box .container .top .search .btn {
  width: 45px;
  height: 45px;
  background: var(--color);
  color: #fff;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1580px) {
  .news-box .container .top .search .btn {
    width: 40px;
    height: 40px;
  }
}
.news-box .container .top .search .btn img,
.news-box .container .top .search .btn svg {
  width: 14px;
  height: 14px;
  object-fit: contain;
}
.news-box .container .tips {
  width: 100%;
  border-top: 1px solid rgba(153, 153, 153, 0.1);
  margin-top: 0.4rem;
  padding-top: 0.3rem;
  display: flex;
}
@media (max-width: 991px) {
  .news-box .container .tips {
    margin-top: 0.2rem;
  }
}
.news-box .container .tips span {
  height: 44px;
  display: flex;
  align-items: center;
  color: #666;
}
@media (max-width: 1580px) {
  .news-box .container .tips span {
    height: 40px;
  }
}
.news-box .container .tips span i {
  display: flex;
  align-items: center;
  margin-right: 6px;
}
.news-box .container .tips ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0.3rem;
}
.news-box .container .tips ul li {
  display: flex;
  margin-right: 0.1rem;
}
@media (max-width: 991px) {
  .news-box .container .tips ul li {
    margin-bottom: 0.1rem;
  }
}
.news-box .container .tips ul li a {
  padding: 0 0.2rem;
  height: 44px;
  display: flex;
  align-items: center;
  transition: all 0.4s;
  background: #fff;
  color: #666;
  border-radius: 6px;
}
@media (max-width: 1580px) {
  .news-box .container .tips ul li a {
    height: 40px;
  }
}
.news-box .container .tips ul li:hover a,
.news-box .container .tips ul li.on a {
  background: var(--color);
  color: #fff;
}
.news-box .container .list {
  width: 100%;
  margin-top: 0.65rem;
}
.news-box .container .list ul {
  width: calc(100% + 0.3rem);
  margin: 0 -0.15rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .news-box .container .list ul {
    width: 100%;
    margin: 0;
  }
}
.news-box .container .list ul li {
  width: calc(33.33% - 0.3rem);
  margin: 0 0.15rem 0.3rem;
}
@media (max-width: 991px) {
  .news-box .container .list ul li {
    width: calc(50% - 0.3rem);
  }
}
@media (max-width: 767px) {
  .news-box .container .list ul li {
    width: 100%;
    margin: 0 0 0.3rem;
  }
}
.news-box .container .list ul li a {
  display: block;
  background: #fff;
  border-radius: 0.1rem;
}
.news-box .container .list ul li a .public-img {
  width: 100%;
  border-radius: 0.1rem;
}
.news-box .container .list ul li a .public-img::before {
  padding-top: calc(280/512*100%);
}
.news-box .container .list ul li a .tbox {
  width: 100%;
  padding: 0.26rem 0.35rem 0.33rem;
}
.news-box .container .list ul li a .tbox .time {
  display: flex;
  align-items: center;
  color: #666;
  line-height: calc(24/16);
  font-family: "clas-r", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.news-box .container .list ul li a .tbox .time i {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  margin-right: 0.1rem;
}
.news-box .container .list ul li a .tbox .time i img,
.news-box .container .list ul li a .tbox .time i svg {
  width: 100%;
}
.news-box .container .list ul li a .tbox .t1 {
  line-height: calc(32/24);
  color: #000;
  margin-top: 0.2rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: calc(32/24*2em);
  transition: all 0.4s;
}
.news-box .container .list ul li a .tbox .tag {
  display: flex;
  margin-top: 0.6rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 0.3rem;
  position: relative;
  z-index: 1;
}
.news-box .container .list ul li a .tbox .tag::after {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ebf2f6;
  position: absolute;
  right: 0;
  top: calc(0.3rem + 16px);
  z-index: 1;
}
.news-box .container .list ul li a .tbox .tag span {
  padding: 0 0.2rem;
  height: 44px;
  background: #ebf2f6;
  display: flex;
  align-items: center;
  transition: all 0.4s;
  color: #666;
  border-radius: 6px;
  font-family: "clas-r", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
@media (max-width: 1580px) {
  .news-box .container .list ul li a .tbox .tag span {
    height: 40px;
  }
}
.news-box .container .list ul li a:hover .public-img img {
  transform: scale(1.05);
}
.news-box .container .list ul li a:hover .tbox .t1 {
  color: var(--color);
}
.news-box .container .page-list {
  margin-top: 0.7rem;
}
.page-list {
  display: flex;
  justify-content: center;
}
.page-list > a {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #282b37;
  transition: all 0.4s;
  border-radius: 8px;
  margin: 0 0.13rem;
  border: 1px solid #eee;
  background: #fff;
}
@media (max-width: 1580px) {
  .page-list > a {
    width: 44px;
    height: 44px;
  }
}
.page-list > a:hover,
.page-list > a.on {
  background: var(--color);
  color: #fff;
  border: 1px solid var(--color);
}
.page-list .more {
  width: auto;
  background: none;
  border: none;
}
.page-list .more:hover {
  background: none;
  border: none;
  color: #282b37;
}
.page-list .jump {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .page-list .jump {
    display: none;
  }
}
.page-list .jump span {
  margin: 0 0.13rem;
  color: #282b37;
}
.page-list .jump .num {
  width: 50px;
  height: 50px;
  border-radius: 8px;
  border: 1px solid #eee;
  background: #fff;
  text-align: center;
  color: #000;
  margin: 0 0.13rem;
}
@media (max-width: 1580px) {
  .page-list .jump .num {
    width: 44px;
    height: 44px;
  }
}
.page-list .jump a {
  width: 110px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #282b37;
  transition: all 0.4s;
  border-radius: 8px;
  margin-left: 0.1rem;
  border: 1px solid #eee;
  background: #fff;
}
@media (max-width: 1580px) {
  .page-list .jump a {
    height: 44px;
  }
}
.page-list .jump a:hover,
.page-list .jump a.on {
  background: var(--color);
  color: #fff;
  border: 1px solid var(--color);
}
.news-info {
  width: 100%;
  background: #ebf2f6;
  padding: 1.28rem 0 1.7rem;
}
.news-info .container .title {
  width: 920px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  line-height: calc(52/40);
  color: #000;
}
.news-info .container .time {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.38rem;
}
.news-info .container .time i {
  display: flex;
  align-items: center;
  margin-right: 0.1rem;
}
.news-info .container .time i img,
.news-info .container .time i svg {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
.news-info .container .time span {
  color: #666;
  line-height: calc(28/16);
}
.news-info .container .public-content {
  width: 1400px;
  max-width: calc(1400/1600*100%);
  border-radius: 0.1rem;
  margin: 0.54rem auto 0;
  line-height: calc(28/18);
  color: #333;
  padding: 0.68rem 0.8rem;
  background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0)) top no-repeat;
  background-size: 100% 7.75rem;
}
@media (max-width: 991px) {
  .news-info .container .public-content {
    max-width: 100%;
  }
}
@media (max-width: 1199px) {
  .news-info .container .public-content {
    padding: 0.68rem 0.5rem;
  }
}
@media (max-width: 991px) {
  .news-info .container .public-content {
    padding: 0.68rem 0.3rem;
  }
}
.news-info .container .other {
  width: 1400px;
  max-width: 100%;
  margin: 0.4rem auto 0;
  padding: 0 0.8rem;
}
@media (max-width: 1199px) {
  .news-info .container .other {
    padding: 0 0.5rem;
  }
}
@media (max-width: 991px) {
  .news-info .container .other {
    padding: 0 0.3rem;
  }
}
.news-info .container .other .tb1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news-info .container .other .tb1 .tips {
  display: flex;
}
@media (max-width: 767px) {
  .news-info .container .other .tb1 .tips {
    width: 100%;
  }
}
.news-info .container .other .tb1 .tips span {
  height: 44px;
  display: flex;
  align-items: center;
  color: #666;
}
.news-info .container .other .tb1 .tips .tag {
  padding: 0 0.2rem;
  height: 44px;
  background: #fff;
  display: flex;
  align-items: center;
  transition: all 0.4s;
  color: #666;
  border-radius: 6px;
  font-family: "clas-r", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  margin-left: 0.1rem;
}
@media (max-width: 1580px) {
  .news-info .container .other .tb1 .tips .tag {
    height: 40px;
  }
}
.news-info .container .other .tb1 .tips .tag:hover {
  background: var(--color);
  color: #fff;
}
.news-info .container .other .tb1 .share {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .news-info .container .other .tb1 .share {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.news-info .container .other .tb1 .share span {
  color: #666;
  line-height: calc(26/16);
  margin-right: 0.16rem;
}
.news-info .container .other .tb1 .share .item {
  position: relative;
  z-index: 1;
  display: flex;
  margin-right: 0.1rem;
}
.news-info .container .other .tb1 .share .item:last-child {
  margin-right: 0;
}
.news-info .container .other .tb1 .share .item a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(125, 128, 129, 0.3);
  background: #eff6fb;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #515455;
  transition: all 0.4s;
}
.news-info .container .other .tb1 .share .item a img,
.news-info .container .other .tb1 .share .item a svg {
  max-width: 22px;
  max-height: 15px;
  object-fit: contain;
  position: relative;
  z-index: 1;
}
.news-info .container .other .tb1 .share .item .ewm {
  width: 110px;
  height: 110px;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: none;
}
.news-info .container .other .tb1 .share .item:hover a {
  background: var(--color);
  border: 1px solid var(--color);
  color: #fff;
}
.news-info .container .other .tb1 .share .item:hover .ewm {
  display: block;
}
.news-info .container .other .tb2 {
  width: 100%;
  margin-top: 0.43rem;
  padding-top: 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .news-info .container .other .tb2 {
    flex-wrap: wrap;
  }
}
.news-info .container .other .tb2 .link {
  width: calc(410/1400*100%);
  line-height: calc(24/16);
}
@media (max-width: 767px) {
  .news-info .container .other .tb2 .link {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.news-info .container .other .tb2 .link span {
  color: #000;
}
.news-info .container .other .tb2 .link a {
  color: #666;
  transition: all 0.4s;
}
.news-info .container .other .tb2 .link a:hover {
  color: var(--color);
}
.news-info .container .other .tb2 .link .none {
  color: #999;
}
.news-info .container .other .tb2 .link .none:hover {
  color: #999;
}
@media (max-width: 767px) {
  .news-info .container .other .tb2 .back {
    order: 3;
    margin-top: 0.4rem;
  }
}
.news-other {
  width: 100%;
  background: #fff;
  padding: 1.18rem 0 1.6rem;
}
.news-other .container .title {
  text-align: center;
  line-height: calc(60/52);
  color: #000;
}
.news-other .container .list {
  width: 1240px;
  max-width: 100%;
  margin: 0.77rem auto 0;
}
.news-other .container .list ul {
  width: calc(100% + 0.24rem);
  margin: 0 -0.12rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .news-other .container .list ul {
    width: 100%;
    margin: 0;
  }
}
.news-other .container .list ul li {
  width: calc(33.33% - 0.24rem);
  margin: 0 0.12rem 0.3rem;
}
@media (max-width: 991px) {
  .news-other .container .list ul li {
    width: calc(50% - 0.3rem);
  }
}
@media (max-width: 767px) {
  .news-other .container .list ul li {
    width: 100%;
    margin: 0 0 0.3rem;
  }
}
.news-other .container .list ul li a {
  display: block;
  background: #ebf2f6;
  border-radius: 0.1rem;
}
.news-other .container .list ul li a .public-img {
  width: 100%;
  border-radius: 0.1rem;
}
.news-other .container .list ul li a .public-img::before {
  padding-top: calc(216/396*100%);
}
.news-other .container .list ul li a .tbox {
  width: 100%;
  padding: 0.18rem 0.3rem 0.25rem;
}
.news-other .container .list ul li a .tbox .time {
  display: flex;
  align-items: center;
  color: #666;
  line-height: calc(24/12);
  font-family: "clas-r", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  font-size: 12px;
}
.news-other .container .list ul li a .tbox .time i {
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  margin-right: 0.1rem;
}
.news-other .container .list ul li a .tbox .time i img,
.news-other .container .list ul li a .tbox .time i svg {
  width: 100%;
}
.news-other .container .list ul li a .tbox .t1 {
  line-height: calc(24/18);
  color: #000;
  margin-top: 0.13rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: calc(24/18*2em);
  transition: all 0.4s;
}
.news-other .container .list ul li a .tbox .tag {
  display: flex;
  margin-top: 0.46rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 0.22rem;
  position: relative;
  z-index: 1;
}
.news-other .container .list ul li a .tbox .tag span {
  padding: 0 0.2rem;
  height: 34px;
  background: #fff;
  display: flex;
  align-items: center;
  transition: all 0.4s;
  color: #666;
  border-radius: 6px;
  font-family: "clas-r", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  font-size: 12px;
}
.news-other .container .list ul li a:hover .public-img img {
  transform: scale(1.05);
}
.news-other .container .list ul li a:hover .tbox .t1 {
  color: var(--color);
}
.service-banner {
  width: 100%;
  position: relative;
  z-index: 1;
}
.service-banner .bg {
  width: 100%;
  height: 7.3rem;
}
.service-banner .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-banner .container {
  position: absolute;
  left: 50%;
  top: 2.2rem;
  transform: translateX(-50%);
  z-index: 2;
}
.service-banner .container .title {
  text-align: center;
  line-height: calc(80/72);
  color: #000;
}
.service-banner .container .txt {
  line-height: calc(30/18);
  text-align: center;
  color: #000;
  margin-top: 0.15rem;
}
.service-banner .container .btn {
  display: flex;
  justify-content: center;
  margin-top: 0.4rem;
}
.service-banner .line {
  width: 100%;
  height: 0.2rem;
  background: rgba(36, 128, 163, 0.1);
}
.service-box1 {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 2.6rem 0 2.4rem;
  overflow: hidden;
}
.service-box1 .left_img,
.service-box1 .right_img {
  position: absolute;
  z-index: 1;
}
.service-box1 .left_img .public-animation-link,
.service-box1 .right_img .public-animation-link {
  width: 100%;
}
.service-box1 .left_img .public-animation-link > svg path,
.service-box1 .right_img .public-animation-link > svg path {
  fill: none!important;
  stroke-width: 1px;
  stroke: rgba(172, 189, 199, 0.5) !important;
}
.service-box1 .left_img .public-animation-link .f_tiao,
.service-box1 .right_img .public-animation-link .f_tiao {
  transform: rotateY(180deg);
}
.service-box1 .left_img {
  left: -0.9rem;
  top: 2.85rem;
  width: 4.3rem;
}
@media (max-width: 767px) {
  .service-box1 .left_img {
    width: 2rem;
    top: inherit;
    bottom: -0.3rem;
  }
}
.service-box1 .right_img {
  position: absolute;
  right: 0;
  top: 0;
  width: 4.28rem;
}
@media (max-width: 767px) {
  .service-box1 .right_img {
    top: -0.3rem;
    width: 2rem;
  }
}
.service-box1 .container .title {
  text-align: center;
  line-height: calc(72/60);
  color: #000;
}
.service-box1 .container .title span {
  display: block;
}
.service-box1 .container .title.on span {
  color: #1be3e5;
}
.service-box1 .container .txt {
  width: 1050px;
  max-width: 100%;
  line-height: calc(32/20);
  text-align: center;
  color: #222244;
  margin: 0.2rem auto 0;
}
.service-box2 {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 1.6rem 0 0.8rem;
}
.service-box2 .bg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.service-box2 .bg img {
  width: 100%;
}
.service-box2 .container2 {
  position: relative;
  z-index: 2;
}
.service-box2 .container2 .title {
  line-height: calc(72/60);
  text-align: center;
  color: #000033;
}
.service-box2 .container2 .list {
  width: 100%;
  margin-top: 0.6rem;
}
.service-box2 .container2 .list .swiper-container {
  width: 100%;
  overflow: hidden;
}
.service-box2 .container2 .list .swiper-container .swiper-slide {
  height: auto;
  background: #fff;
  border-radius: 0.1rem;
}
.service-box2 .container2 .list .swiper-container .swiper-slide .public-img {
  width: 100%;
  border-radius: 0.1rem;
}
.service-box2 .container2 .list .swiper-container .swiper-slide .public-img::before {
  padding-top: calc(262/466*100%);
}
.service-box2 .container2 .list .swiper-container .swiper-slide .icons {
  width: 1.08rem;
  height: 1.08rem;
  border-radius: 50%;
  border: 1px solid #9dc9dd;
  background: #fff;
  margin: -0.54rem auto 0;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .service-box2 .container2 .list .swiper-container .swiper-slide .icons {
    width: 1.6rem;
    height: 1.6rem;
    margin: -0.8rem auto 0;
  }
}
.service-box2 .container2 .list .swiper-container .swiper-slide .icons img,
.service-box2 .container2 .list .swiper-container .swiper-slide .icons svg {
  max-width: 40%;
  max-height: 40%;
  object-fit: contain;
}
.service-box2 .container2 .list .swiper-container .swiper-slide .tbox {
  width: 100%;
  margin-top: 0.22rem;
  padding: 0 0.35rem 0.68rem;
}
@media (max-width: 767px) {
  .service-box2 .container2 .list .swiper-container .swiper-slide .tbox {
    padding: 0 0.35rem 0.3rem;
  }
}
.service-box2 .container2 .list .swiper-container .swiper-slide .tbox .t1 {
  text-align: center;
  line-height: calc(40/24);
}
@media (max-width: 1580px) {
  .service-box2 .container2 .list .swiper-container .swiper-slide .tbox .t1 {
    font-size: 18px;
  }
}
.service-box2 .container2 .list .swiper-container .swiper-slide .tbox .t2 {
  color: #222244;
  line-height: calc(32/18);
  margin-top: 0.15rem;
}
.service-box2 .container2 .list .swiper-pagination {
  position: relative;
  z-index: 1;
  bottom: initial;
  margin-top: 0.6rem;
}
@media (max-width: 767px) {
  .service-box2 .container2 .list .swiper-pagination {
    margin-top: 0.3rem;
  }
}
.service-box2 .container2 .list .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(32, 121, 157, 0.1);
  transition: all 0.4s;
  position: relative;
  z-index: 1;
  margin: 0 0.11rem;
  opacity: 1;
}
.service-box2 .container2 .list .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  width: 200%;
  height: 200%;
  border-radius: 50%;
  background: rgba(32, 121, 157, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
  transition: all 0.4s;
}
.service-box2 .container2 .list .swiper-pagination .swiper-pagination-bullet::after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #20799d;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  opacity: 0;
  transition: all 0.4s;
}
.service-box2 .container2 .list .swiper-pagination .swiper-pagination-bullet-active {
  background: #20799d;
}
.service-box2 .container2 .list .swiper-pagination .swiper-pagination-bullet-active::before,
.service-box2 .container2 .list .swiper-pagination .swiper-pagination-bullet-active::after {
  opacity: 1;
}
.service-box2 .container2 .btn {
  display: flex;
  justify-content: center;
  margin-top: 0.6rem;
}
@media (max-width: 767px) {
  .service-box2 .container2 .btn {
    margin-top: 0.8rem;
  }
}
.service-box3 {
  width: 100%;
  padding: 0.86rem 0 1.6rem;
}
.service-box3 .container .title {
  text-align: center;
  line-height: calc(72/60);
  color: #000;
}
.service-box3 .container .menu {
  margin-top: 0.7rem;
  display: flex;
  justify-content: center;
}
.service-box3 .container .menu ul {
  display: flex;
  overflow-x: auto;
}
.service-box3 .container .menu ul li {
  border: 1px solid #c2c2c2;
  height: 60px;
  border-radius: 0.08rem;
  display: flex;
  align-items: center;
  padding: 0 0.3rem;
  color: rgba(0, 0, 0, 0.6);
  transition: all 0.4s;
  margin-right: 0.1rem;
  white-space: nowrap;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .service-box3 .container .menu ul li {
    height: 50px;
  }
}
@media (max-width: 991px) {
  .service-box3 .container .menu ul li {
    height: 40px;
  }
}
.service-box3 .container .menu ul li:last-child {
  margin-right: 0;
}
.service-box3 .container .menu ul li:hover {
  color: #000;
  border: 1px solid var(--color);
}
.service-box3 .container .menu ul li.on {
  color: #fff;
  background: var(--color);
  border: 1px solid var(--color);
}
.service-box3 .container .list {
  width: 100%;
  margin-top: 0.5rem;
  border-top: 1px solid #000;
}
.service-box3 .container .list ul li {
  padding: 0.35rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.service-box3 .container .list ul li .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  line-height: calc(34/24);
  color: #000;
  transition: all 0.4s;
  cursor: pointer;
}
.service-box3 .container .list ul li .top i {
  width: 38px;
  height: calc(34/24*1em);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.service-box3 .container .list ul li .top i img,
.service-box3 .container .list ul li .top i svg {
  width: 16px;
  height: 16px;
  color: #999;
  transition: all 0.4s;
  position: relative;
  z-index: 1;
}
.service-box3 .container .list ul li .top i img rect,
.service-box3 .container .list ul li .top i svg rect {
  fill: currentColor;
}
.service-box3 .container .list ul li .top i img:nth-child(2),
.service-box3 .container .list ul li .top i svg:nth-child(2) {
  display: none;
}
.service-box3 .container .list ul li .down {
  width: 100%;
  padding-right: 1rem;
  color: #222244;
  line-height: calc(28/16);
  display: none;
  font-family: "mont-r", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.service-box3 .container .list ul li:hover i img,
.service-box3 .container .list ul li:hover i svg {
  color: var(--color);
}
.service-box3 .container .list ul li.on .top {
  color: var(--color);
  margin-bottom: 0.18rem;
}
.service-box3 .container .list ul li.on .top i img:nth-child(1),
.service-box3 .container .list ul li.on .top i svg:nth-child(1) {
  display: none;
}
.service-box3 .container .list ul li.on .top i img:nth-child(2),
.service-box3 .container .list ul li.on .top i svg:nth-child(2) {
  display: block;
}
.service-box3 .container .page-list {
  margin-top: 0.6rem;
}
.service-box4 {
  width: 100%;
  padding: 1.3rem 0 1.6rem;
  background: #ebf2f6;
}
.service-box4 .container .box {
  width: 1080px;
  max-width: 100%;
  margin: 0 auto;
}
.service-box4 .container .box .top .title {
  line-height: calc(72/60);
  text-align: center;
  color: #000;
}
.service-box4 .container .box .top .txt {
  color: #222244;
  line-height: calc(28/20);
  text-align: center;
  margin-top: 0.32rem;
}
.service-box4 .container .box .form {
  width: 100%;
  margin-top: 0.68rem;
}
.service-box4 .container .box .form form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.service-box4 .container .box .form form .item {
  width: calc(530/1080*100%);
  margin-bottom: 0.16rem;
}
@media (max-width: 991px) {
  .service-box4 .container .box .form form .item {
    width: 100%;
  }
}
.service-box4 .container .box .form form .item:last-child {
  margin-bottom: 0;
}
.service-box4 .container .box .form form .item.w100 {
  width: 100%;
}
.service-box4 .container .box .form form .item .t1 {
  display: flex;
  font-family: "clas-m", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.service-box4 .container .box .form form .item .t1 i {
  font-style: initial;
  color: #f93a31;
}
.service-box4 .container .box .form form .item .t1 span {
  color: #333;
}
.service-box4 .container .box .form form .item .txt {
  width: 100%;
  height: 58px;
  background: #fff;
  border-radius: 4px;
  padding: 0 0.12rem;
  margin-top: 0.1rem;
  color: #000;
  font-family: "mont-r", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.service-box4 .container .box .form form .item .txt::placeholder {
  color: #bbb;
}
@media (max-width: 767px) {
  .service-box4 .container .box .form form .item .txt {
    height: 42px;
  }
}
.service-box4 .container .box .form form .item .layui-form-select .layui-input {
  width: 100%;
  height: 58px;
  background: #fff;
  border-radius: 4px;
  color: #000;
  border: none;
  padding: 0 0.12rem;
  margin-top: 0.1rem;
  font-family: "mont-r", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
@media (max-width: 767px) {
  .service-box4 .container .box .form form .item .layui-form-select .layui-input {
    height: 42px;
  }
}
.service-box4 .container .box .form form .item .layui-form-select .layui-input::placeholder {
  color: #bbb;
}
.service-box4 .container .box .form form .item .layui-form-select .layui-input:focus {
  box-shadow: none;
}
.service-box4 .container .box .form form .item .layui-form-select .layui-edge {
  width: 8px;
  height: 8px;
  border: none;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotateZ(-45deg);
  right: 0.2rem;
  margin-top: -5px;
}
@media (min-width: 1199px) {
  .service-box4 .container .box .form form .item .layui-form-select dl {
    top: 58px;
  }
}
.service-box4 .container .box .form form .item .layui-form-selected .layui-edge {
  margin-top: 0;
  transform: rotateZ(-225deg);
}
@media (min-width: 1199px) {
  .service-box4 .container .box .form form .item .layui-form-selectup dl {
    bottom: 58px;
  }
}
.service-box4 .container .box .form form .item .phone {
  width: 100%;
  display: flex;
  margin-top: 0.1rem;
}
.service-box4 .container .box .form form .item .phone .layui-form-select .layui-input {
  width: 76px;
  border-radius: 4px 0 0 4px;
  margin-top: 0;
  font-family: "mont-m", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.service-box4 .container .box .form form .item .phone .layui-form-select .layui-edge {
  right: 0.1rem;
}
.service-box4 .container .box .form form .item .phone .txt {
  border-radius: 0 4px 4px 0;
  margin-top: 0;
}
.service-box4 .container .box .form form .item .text {
  width: 100%;
  height: 118px;
  background: #fff;
  border-radius: 4px;
  padding: 0.1rem 0.12rem;
  margin-top: 0.1rem;
  color: #000;
  font-family: "mont-r", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.service-box4 .container .box .form form .item .text::placeholder {
  color: #bbb;
}
.service-box4 .container .box .form form .item .tips {
  display: flex;
}
.service-box4 .container .box .form form .item .tips .ck {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #1be3e5;
  transition: all 0.4s;
  position: relative;
  z-index: 1;
  margin-top: calc(24/16*0.5em - 9px);
  margin-right: 0.1rem;
  flex-shrink: 0;
}
.service-box4 .container .box .form form .item .tips .ck::before {
  content: '';
  width: 8px;
  height: 4px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotateZ(-45deg);
  z-index: 2;
  opacity: 0;
  transition: all 0.4s;
  margin-top: -2px;
}
.service-box4 .container .box .form form .item .tips span {
  color: #333;
  line-height: calc(24/16);
  font-family: "mont-r", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.service-box4 .container .box .form form .item .tips i {
  font-style: initial;
  color: #f93a31;
}
.service-box4 .container .box .form form .item .tips.on .ck {
  background: #1be3e5;
}
.service-box4 .container .box .form form .item .tips.on .ck::before {
  opacity: 1;
}
.service-box4 .container .box .form form .item .btn {
  width: 100%;
  display: flex;
  margin-top: 0.2rem;
}
.service-box4 .container .box .form form .item .btn .public-btn {
  width: 100%;
  display: flex;
  justify-content: center;
}
.technology-banner {
  width: 100%;
  position: relative;
  z-index: 1;
}
.technology-banner .bg {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 1;
}
.technology-banner .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.technology-banner .bg::after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.technology-banner .container2 {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
  .technology-banner .container2 {
    top: initial;
    bottom: 0.6rem;
    transform: translateX(-50%);
  }
}
.technology-banner .container2 .tbox .title {
  line-height: calc(80/68);
  color: #000;
}
.technology-banner .container2 .tbox .txt {
  line-height: calc(30/18);
  color: #000;
  margin-top: 0.36rem;
  font-family: "clas-r", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.technology-banner .container2 .tbox .more {
  display: flex;
  margin-top: 0.6rem;
}
.technology-box1 {
  width: 100%;
  position: relative;
  z-index: 1;
  background: #eef1f5;
}
@media (max-width: 991px) {
  .technology-box1 {
    padding: 1.6rem 0 1.2rem;
  }
}
.technology-box1 .bg {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .technology-box1 .bg {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.technology-box1 .bg canvas {
  width: 50%;
  height: 80%;
  mask-image: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
@media (max-width: 991px) {
  .technology-box1 .bg canvas {
    width: 100%;
  }
}
.technology-box1 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.technology-box1 .container2 {
  position: absolute;
  top: 1.1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
}
@media (max-width: 991px) {
  .technology-box1 .container2 {
    position: relative;
    top: initial;
    left: initial;
    transform: translateX(0);
  }
}
.technology-box1 .container2 .tbox {
  width: 50%;
  margin-left: auto;
}
@media (max-width: 991px) {
  .technology-box1 .container2 .tbox {
    width: 100%;
    margin: 0;
  }
}
.technology-box1 .container2 .tbox .title {
  line-height: calc(72/60);
  color: #000;
}
.technology-box1 .container2 .tbox .txt {
  color: #222244;
  line-height: calc(28/20);
  margin-top: 0.38rem;
  font-family: "mont-m", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.technology-box1 .container2 .tbox .list {
  width: 100%;
  margin-top: 0.6rem;
}
.technology-box1 .container2 .tbox .list ul {
  display: flex;
  flex-wrap: wrap;
}
.technology-box1 .container2 .tbox .list ul li {
  width: 50%;
  padding: 0 0.1rem;
  margin-bottom: 0.3rem;
}
@media (max-width: 767px) {
  .technology-box1 .container2 .tbox .list ul li {
    width: 100%;
  }
}
.technology-box1 .container2 .tbox .list ul li .icons {
  width: 0.88rem;
  height: 0.88rem;
  margin: 0 auto;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #9dc9dd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.technology-box1 .container2 .tbox .list ul li .txts {
  text-align: center;
  line-height: calc(20/16);
  margin-top: 0.25rem;
}
.technology-box2 {
  width: 100%;
  padding: 1.3rem 0 1rem;
}
.technology-box2 .container2 .title {
  text-align: center;
  line-height: calc(70/60);
  color: #000;
}
.technology-box2 .container2 .txt {
  width: 1000px;
  max-width: 100%;
  margin: 0.4rem auto 0;
  text-align: center;
  line-height: calc(28/20);
  color: #222244;
}
.technology-box2 .container2 .img {
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (max-width: 991px) {
  .technology-box2 .container2 .img {
    overflow-x: auto;
    justify-content: flex-start;
  }
}
@media (max-width: 991px) {
  .technology-box2 .container2 .img img {
    max-width: inherit;
    height: 8rem;
  }
}
.technology-box3 {
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.technology-box3 > .img {
  width: 100%;
  height: 100vh;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .technology-box3 > .img {
    display: none;
  }
}
.technology-box3 > .img ul {
  width: 50%;
  height: 100%;
  background: #eef1f5;
}
.technology-box3 > .img ul li {
  width: 100%;
  height: 100%;
  padding-top: calc(217/970*100%);
  display: none;
}
@media (max-width: 1199px) {
  .technology-box3 > .img ul li {
    padding-top: 40%;
  }
}
.technology-box3 > .img ul li .public-img {
  width: calc(857/960*100%);
  margin: 0 auto;
}
.technology-box3 > .img ul li .public-img img {
  width: calc(730/857*100%);
  height: calc(480/529*100%);
  object-fit: cover;
  left: calc(70/857*100%);
  top: calc(18/529*100%);
}
.technology-box3 > .img ul li .public-img::before {
  padding-top: calc(529/857*100%);
}
.technology-box3 > .img ul li .txt {
  text-align: center;
  line-height: calc(34/24);
  color: #000033;
  margin-top: 0.25rem;
}
.technology-box3 > .img ul li.on {
  display: block;
}
.technology-box3 .container {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 2;
  margin-top: -100vh;
}
@media (max-width: 991px) {
  .technology-box3 .container {
    position: relative;
    top: initial;
    margin-top: 0;
  }
}
.technology-box3 .container .tbox {
  width: 50%;
  padding: 80px 0 0;
}
@media (max-width: 1580px) {
  .technology-box3 .container .tbox {
    padding: 70px 0 0;
  }
}
@media (max-width: 991px) {
  .technology-box3 .container .tbox {
    width: 100%;
    padding: 70px 0;
  }
}
.technology-box3 .container .tbox .title {
  line-height: calc(70/60);
  color: #000;
  color: #000033;
}
.technology-box3 .container .tbox .list {
  width: 100%;
  margin-top: 0.38rem;
}
.technology-box3 .container .tbox .list ul {
  position: relative;
  z-index: 1;
}
.technology-box3 .container .tbox .list ul::before {
  content: '';
  height: calc(100% - 34/24*1em);
  width: 10px;
  border-left: 2px dashed rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0.24rem;
  top: calc(34/24*0.5em);
}
.technology-box3 .container .tbox .list ul li {
  width: 100%;
  padding: 0 0.8rem 0 0.75rem;
  margin-bottom: 0.2rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .technology-box3 .container .tbox .list ul li {
    padding: 0 0 0 0.7rem;
    margin-bottom: 0.6rem;
  }
}
.technology-box3 .container .tbox .list ul li::before {
  content: '';
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  border: 1px solid #ccc;
  background: #fff;
  position: absolute;
  left: 0.14rem;
  z-index: 2;
  top: calc(34/24*0.5em - 0.1rem);
  transition: all 0.4s;
}
.technology-box3 .container .tbox .list ul li:last-child {
  margin-bottom: 0;
}
.technology-box3 .container .tbox .list ul li .t1 {
  color: #000033;
  line-height: calc(34/24);
}
.technology-box3 .container .tbox .list ul li .tb {
  width: 100%;
  padding: 0.18rem 0 0;
  display: none;
}
@media (max-width: 991px) {
  .technology-box3 .container .tbox .list ul li .tb {
    display: block;
  }
}
.technology-box3 .container .tbox .list ul li .tb .t2 {
  color: #222244;
  line-height: calc(26/16);
  font-family: "mont-m", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.technology-box3 .container .tbox .list ul li .tb .ts {
  margin-top: 0.15rem;
}
.technology-box3 .container .tbox .list ul li .tb .ts .txt {
  line-height: calc(26/16);
  color: #222244;
  margin-bottom: 6px;
  position: relative;
  z-index: 1;
  padding-left: 0.25rem;
}
.technology-box3 .container .tbox .list ul li .tb .ts .txt::before {
  content: '';
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background: rgba(35, 127, 163, 0.1);
  position: absolute;
  left: 0;
  top: calc(26/16*0.5em - 0.08rem);
  z-index: 1;
  box-sizing: border-box;
}
.technology-box3 .container .tbox .list ul li .tb .ts .txt::after {
  content: '';
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  background: #237fa3;
  position: absolute;
  left: 0.04rem;
  top: calc(26/16*0.5em - 0.04rem);
  z-index: 2;
  box-sizing: border-box;
}
.technology-box3 .container .tbox .list ul li .tb .ts .txt:last-child {
  margin-bottom: 0;
}
.technology-box3 .container .tbox .list ul li .imgs {
  width: 100%;
  margin-top: 0.3rem;
  display: none;
}
@media (max-width: 991px) {
  .technology-box3 .container .tbox .list ul li .imgs {
    display: block;
  }
}
.technology-box3 .container .tbox .list ul li .imgs .public-img {
  width: calc(857/960*100%);
  margin: 0 auto;
}
@media (max-width: 767px) {
  .technology-box3 .container .tbox .list ul li .imgs .public-img {
    width: 100%;
  }
}
.technology-box3 .container .tbox .list ul li .imgs .public-img img {
  width: calc(730/857*100%);
  height: calc(480/529*100%);
  object-fit: cover;
  left: calc(70/857*100%);
  top: calc(18/529*100%);
}
.technology-box3 .container .tbox .list ul li .imgs .public-img::before {
  padding-top: calc(529/857*100%);
}
.technology-box3 .container .tbox .list ul li .imgs .public-img::after {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/technology-box3-bg.png) center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.technology-box3 .container .tbox .list ul li .imgs .txt {
  text-align: center;
  line-height: calc(34/24);
  color: #000033;
  margin-top: 0.25rem;
}
.technology-box3 .container .tbox .list ul li.on::before {
  width: 0.4rem;
  height: 0.4rem;
  background: #000 url(../images/technology-box3-icon1.svg) center center no-repeat;
  background-size: 0.2rem;
  left: 0.04rem;
  top: calc(34/24*0.5em - 0.2rem);
}
.technology-box4 {
  width: 100%;
  padding: 1.5rem 0 1.5rem;
}
.technology-box4 .container .title {
  line-height: calc(70/60);
  text-align: center;
  color: #000033;
}
.technology-box4 .container .txt {
  text-align: center;
  line-height: calc(28/20);
  color: #222244;
  margin-top: 0.28rem;
}
.technology-box4 .container .list {
  width: 100%;
  margin-top: 0.84rem;
}
.technology-box4 .container .list .swiper-container {
  width: calc(100% + 0.4rem);
  overflow: hidden;
  padding: 0.2rem;
  margin: 0 -0.2rem;
}
.technology-box4 .container .list .swiper-container .swiper-slide .tbox {
  width: 100%;
}
.technology-box4 .container .list .swiper-container .swiper-slide .tbox .icons {
  width: 60%;
  aspect-ratio: 1 / 1;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #e1fbfc;
  box-shadow: 0 0 0.16rem 0.05rem rgba(213, 223, 239, 0.68);
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.4rem;
}
.technology-box4 .container .list .swiper-container .swiper-slide .tbox .icons img {
  object-fit: contain;
}
.technology-box4 .container .list .swiper-container .swiper-slide .tbox .txts {
  line-height: calc(20/16);
  color: #000;
  text-align: center;
  margin-top: 0.18rem;
}
.technology-box4 .container .list .swiper-pagination {
  position: relative;
  z-index: 1;
  bottom: initial;
  margin-top: 0.6rem;
}
@media (max-width: 767px) {
  .technology-box4 .container .list .swiper-pagination {
    margin-top: 0.3rem;
  }
}
.technology-box4 .container .list .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(32, 121, 157, 0.1);
  transition: all 0.4s;
  position: relative;
  z-index: 1;
  margin: 0 0.11rem;
  opacity: 1;
}
.technology-box4 .container .list .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  width: 200%;
  height: 200%;
  border-radius: 50%;
  background: rgba(32, 121, 157, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
  transition: all 0.4s;
}
.technology-box4 .container .list .swiper-pagination .swiper-pagination-bullet::after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #20799d;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  opacity: 0;
  transition: all 0.4s;
}
.technology-box4 .container .list .swiper-pagination .swiper-pagination-bullet-active {
  background: #20799d;
}
.technology-box4 .container .list .swiper-pagination .swiper-pagination-bullet-active::before,
.technology-box4 .container .list .swiper-pagination .swiper-pagination-bullet-active::after {
  opacity: 1;
}
.technology-box4 .container .list ul {
  width: calc(100% + 0.4rem);
  margin: 0 -0.2rem;
  display: flex;
  flex-wrap: wrap;
}
.technology-box4 .container .list ul li {
  width: calc(20% - 0.4rem);
  margin: 0 0.2rem 0.4rem;
}
@media (max-width: 991px) {
  .technology-box4 .container .list ul li {
    width: calc(33.33% - 0.4rem);
  }
}
@media (max-width: 767px) {
  .technology-box4 .container .list ul li {
    width: calc(50% - 0.4rem);
  }
}
.technology-box4 .container .list ul li .icons {
  width: 60%;
  aspect-ratio: 1 / 1;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #e1fbfc;
  box-shadow: 0 0 0.16rem 0.05rem rgba(213, 223, 239, 0.68);
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.technology-box4 .container .list ul li .icons img {
  object-fit: contain;
  max-height: 100%;
}
.technology-box4 .container .list ul li .txts {
  line-height: calc(20/16);
  color: #000;
  text-align: center;
  margin-top: 0.18rem;
}
.system-banner {
  width: 100%;
  position: relative;
  z-index: 1;
}
.system-banner .bg {
  width: 100%;
  height: 7.2rem;
  position: relative;
  z-index: 1;
}
.system-banner .bg::after {
  content: '';
  width: 100%;
  height: calc(100% + 0.2rem);
  background: #e9f2f6;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  mask-image: url(../images/system-banner.png);
  -webkit-mask-image: url(../images/system-banner.png);
  mask-position: center bottom;
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
}
.system-banner .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mask-image: url(../images/system-banner.png);
  -webkit-mask-image: url(../images/system-banner.png);
  mask-size: 100% 100%;
  mask-position: center bottom;
  mask-repeat: no-repeat;
  position: relative;
  z-index: 2;
}
.system-banner .container {
  position: absolute;
  top: 2.2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.system-banner .container .title {
  line-height: calc(80/70);
  text-align: center;
  color: #000;
}
.system-banner .container .txt {
  width: 650px;
  max-width: 100%;
  color: #000;
  text-align: center;
  line-height: calc(30/18);
  margin: 0.16rem auto 0;
}
.system-banner .container .btn {
  display: flex;
  justify-content: center;
  margin-top: 0.4rem;
}
.system-box1 {
  width: 100%;
  padding: 1.5rem 0 1.3rem;
}
.system-box1 .container2 .title {
  line-height: calc(72/60);
  text-align: center;
  color: #000;
}
.system-box1 .container2 .txt {
  color: #222244;
  text-align: center;
  line-height: calc(28/20);
  margin-top: 0.2rem;
}
.system-box1 .container2 .list {
  width: calc(100% + 0.2rem);
  margin: 0.9rem -0.1rem 0;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .system-box1 .container2 .list {
    width: 100%;
    margin: 0.9rem 0 0;
  }
}
.system-box1 .container2 .list .item {
  width: calc(33.33% - 0.2rem);
  padding: 0.2rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
  margin: 0 0.1rem 0.2rem;
  border-radius: 0.1rem;
}
@media (max-width: 767px) {
  .system-box1 .container2 .list .item {
    width: 100%;
    margin: 0 0 0.2rem;
  }
}
.system-box1 .container2 .list .item:nth-child(1),
.system-box1 .container2 .list .item:nth-child(2) {
  width: calc(50% - 0.2rem);
}
@media (max-width: 767px) {
  .system-box1 .container2 .list .item:nth-child(1),
  .system-box1 .container2 .list .item:nth-child(2) {
    width: 100%;
    margin: 0 0 0.2rem;
  }
}
.system-box1 .container2 .list .item .icons {
  width: 1.36rem;
  height: 1.36rem;
  border-radius: 50%;
  border: 1px solid #9dc9dd;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.system-box1 .container2 .list .item .icons img,
.system-box1 .container2 .list .item .icons svg {
  width: 0.6rem;
  height: 0.6rem;
}
.system-box1 .container2 .list .item .t1 {
  text-align: center;
  line-height: calc(32/24);
  color: #000033;
  margin-top: 0.45rem;
}
.system-box1 .container2 .list .item .t2 {
  line-height: calc(28/18);
  color: #222244;
  margin-top: 0.26rem;
}
.system-box1 .container2 .list .swiper-container {
  width: 100%;
  overflow: hidden;
}
.system-box1 .container2 .list .swiper-container .swiper-slide {
  border-right: 1px solid #ebf2f6;
  height: auto;
  padding: 0.7rem 0.3rem 4px;
}
.system-box1 .container2 .list .swiper-container .swiper-slide.swiper-slide-next {
  border-right: transparent;
}
.system-box1 .container2 .list .swiper-container .swiper-slide .icons {
  width: 1.36rem;
  height: 1.36rem;
  border-radius: 50%;
  border: 1px solid #9dc9dd;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.system-box1 .container2 .list .swiper-container .swiper-slide .icons img,
.system-box1 .container2 .list .swiper-container .swiper-slide .icons svg {
  width: 0.6rem;
  height: 0.6rem;
}
.system-box1 .container2 .list .swiper-container .swiper-slide .t1 {
  text-align: center;
  line-height: calc(32/24);
  color: #000033;
  margin-top: 0.45rem;
}
.system-box1 .container2 .list .swiper-container .swiper-slide .t2 {
  line-height: calc(28/18);
  text-align: center;
  color: #222244;
  margin-top: 0.26rem;
}
.system-box1 .container2 .list .swiper-pagination {
  position: relative;
  bottom: initial;
  font-size: 0;
  margin-top: 0.6rem;
}
.system-box1 .container2 .list .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(32, 121, 157, 0.1);
  transition: all 0.4s;
  position: relative;
  z-index: 1;
  margin: 0 0.11rem;
  opacity: 1;
}
.system-box1 .container2 .list .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  width: 200%;
  height: 200%;
  border-radius: 50%;
  background: rgba(32, 121, 157, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
  transition: all 0.4s;
}
.system-box1 .container2 .list .swiper-pagination .swiper-pagination-bullet::after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #20799d;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  opacity: 0;
  transition: all 0.4s;
}
.system-box1 .container2 .list .swiper-pagination .swiper-pagination-bullet-active {
  background: #20799d;
}
.system-box1 .container2 .list .swiper-pagination .swiper-pagination-bullet-active::before,
.system-box1 .container2 .list .swiper-pagination .swiper-pagination-bullet-active::after {
  opacity: 1;
}
.system-box2 {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 0.6rem 0 1.5rem;
}
.system-box2 .container .title {
  text-align: center;
  line-height: calc(72/60);
  color: #000;
}
.system-box2 .container .img {
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (max-width: 991px) {
  .system-box2 .container .img {
    overflow-x: auto;
    justify-content: flex-start;
  }
}
.system-box3 {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 1.3rem 0 1.08rem;
  background: linear-gradient(to bottom, #ebf2f6 50%, rgba(235, 242, 246, 0));
}
.system-box3 .container2 .title {
  text-align: center;
  line-height: calc(72/60);
  color: #000;
}
.system-box3 .container2 .img {
  width: 100%;
  margin-top: 0.6rem;
  display: flex;
  justify-content: center;
}
@media (max-width: 1580px) {
  .system-box3 .container2 .img {
    width: 80%;
    margin: 0.6rem auto 0;
  }
}
@media (max-width: 991px) {
  .system-box3 .container2 .img {
    width: 100%;
    overflow-x: auto;
    justify-content: flex-start;
  }
}
.system-box3 .container2 .list {
  width: 100%;
  width: calc(100% + 0.2rem);
  margin: 1.12rem -0.1rem 0;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .system-box3 .container2 .list {
    width: 100%;
    margin: 1.12rem 0 0;
  }
}
.system-box3 .container2 .list .item {
  width: calc(33.33% - 0.2rem);
  padding: 0.2rem;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
  margin: 0 0.1rem 0.2rem;
  border-radius: 0.1rem;
}
@media (max-width: 767px) {
  .system-box3 .container2 .list .item {
    width: 100%;
    margin: 0 0 0.2rem;
  }
}
.system-box3 .container2 .list .item:nth-child(1),
.system-box3 .container2 .list .item:nth-child(2) {
  width: calc(50% - 0.2rem);
}
@media (max-width: 767px) {
  .system-box3 .container2 .list .item:nth-child(1),
  .system-box3 .container2 .list .item:nth-child(2) {
    width: 100%;
    margin: 0 0 0.2rem;
  }
}
.system-box3 .container2 .list .item .icons {
  width: 1.36rem;
  height: 1.36rem;
  border-radius: 50%;
  border: 1px solid #9dc9dd;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  background: #fff;
}
.system-box3 .container2 .list .item .icons img,
.system-box3 .container2 .list .item .icons svg {
  width: 0.6rem;
  height: 0.6rem;
}
.system-box3 .container2 .list .item .t1 {
  text-align: center;
  line-height: calc(32/24);
  color: #000033;
  margin-top: 0.45rem;
  height: calc(32/24*2em);
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.system-box3 .container2 .list .item .t2 {
  line-height: calc(28/18);
  color: #222244;
  margin-top: 0.16rem;
}
.system-box3 .container2 .list .swiper-container {
  width: 100%;
  overflow: hidden;
}
.system-box3 .container2 .list .swiper-container .swiper-slide {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  height: auto;
  padding: 0.7rem 0.3rem 0.4rem;
}
.system-box3 .container2 .list .swiper-container .swiper-slide.swiper-slide-next {
  border-right: transparent;
}
.system-box3 .container2 .list .swiper-container .swiper-slide .icons {
  width: 1.36rem;
  height: 1.36rem;
  border-radius: 50%;
  border: 1px solid #9dc9dd;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  background: #fff;
}
.system-box3 .container2 .list .swiper-container .swiper-slide .icons img,
.system-box3 .container2 .list .swiper-container .swiper-slide .icons svg {
  width: 0.6rem;
  height: 0.6rem;
}
.system-box3 .container2 .list .swiper-container .swiper-slide .t1 {
  text-align: center;
  line-height: calc(32/24);
  color: #000033;
  margin-top: 0.45rem;
  height: calc(32/24*2em);
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.system-box3 .container2 .list .swiper-container .swiper-slide .t2 {
  line-height: calc(28/18);
  text-align: center;
  color: #222244;
  margin-top: 0.16rem;
}
.system-box3 .container2 .list .swiper-pagination {
  position: relative;
  bottom: initial;
  font-size: 0;
  margin-top: 0.6rem;
}
.system-box3 .container2 .list .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(32, 121, 157, 0.1);
  transition: all 0.4s;
  position: relative;
  z-index: 1;
  margin: 0 0.11rem;
  opacity: 1;
}
.system-box3 .container2 .list .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  width: 200%;
  height: 200%;
  border-radius: 50%;
  background: rgba(32, 121, 157, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
  transition: all 0.4s;
}
.system-box3 .container2 .list .swiper-pagination .swiper-pagination-bullet::after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #20799d;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  opacity: 0;
  transition: all 0.4s;
}
.system-box3 .container2 .list .swiper-pagination .swiper-pagination-bullet-active {
  background: #20799d;
}
.system-box3 .container2 .list .swiper-pagination .swiper-pagination-bullet-active::before,
.system-box3 .container2 .list .swiper-pagination .swiper-pagination-bullet-active::after {
  opacity: 1;
}
.system-box3 .container2 .btn {
  display: flex;
  justify-content: center;
  margin-top: 1.05rem;
}
.system-box4 {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 0.83rem 0 1rem;
}
.system-box4 .container .title {
  text-align: center;
  color: #000;
  line-height: calc(70/60);
}
.system-box4 .container .list {
  width: 100%;
  margin-top: 0.6rem;
}
.system-box4 .container .list ul {
  width: calc(100% + 0.18rem);
  margin: 0 -0.09rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .system-box4 .container .list ul {
    width: 100%;
    margin: 0;
  }
}
.system-box4 .container .list ul li {
  width: calc(50% - 0.18rem);
  margin: 0 0.09rem 0.4rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .system-box4 .container .list ul li {
    width: 100%;
    margin: 0 0 0.4rem;
  }
}
.system-box4 .container .list ul li .public-img {
  width: 100%;
  border-radius: 0.2rem;
}
.system-box4 .container .list ul li .public-img::before {
  padding-top: calc(533/711*100%);
}
.system-box4 .container .list ul li .public-img::after {
  content: '';
  width: 100%;
  height: 60%;
  background: linear-gradient(to top, #000000, rgba(0, 0, 0, 0));
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .system-box4 .container .list ul li .public-img::after {
    opacity: 1;
  }
}
.system-box4 .container .list ul li .tbox {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding: 0 0.35rem 0.26rem;
}
.system-box4 .container .list ul li .tbox .t1 {
  line-height: calc(38/28);
  color: #fff;
}
.system-box4 .container .list ul li .tbox .t2 {
  line-height: calc(28/18);
  color: #fff;
  display: grid;
  grid-template-rows: 0fr;
  transition: all 0.4s;
}
.system-box4 .container .list ul li .tbox .t2 .txt {
  overflow: hidden;
}
.system-box4 .container .list ul li:hover .public-img img {
  transform: scale(1.05);
}
.system-box4 .container .list ul li:hover .public-img::after {
  opacity: 1;
}
.system-box4 .container .list ul li:hover .tbox .t2 {
  grid-template-rows: 1fr;
  padding-top: 0.15rem;
}
.system-box5 {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 1.3rem 0 1.08rem;
}
.system-box5 .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}
.system-box5 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.system-box5 .container {
  position: relative;
  z-index: 2;
}
.system-box5 .container .title {
  line-height: calc(72/60);
  text-align: center;
  color: #000;
}
.system-box5 .container .txt {
  width: 800px;
  max-width: 100%;
  color: #222244;
  line-height: calc(28/18);
  text-align: center;
  margin: 0.25rem auto 0;
}
.system-box5 .container .btn {
  display: flex;
  justify-content: center;
  margin: 0.3rem auto 0;
}
@media (max-width: 991px) {
  .system-box5 .container .btn {
    margin: 0.6rem auto 0;
  }
}
.system-box5 .container .list {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0.8rem;
}
.system-box5 .container .list ul {
  display: flex;
  flex-wrap: wrap;
}
.system-box5 .container .list ul li {
  width: 2.05rem;
  height: 2.05rem;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #9dc9dd;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 0.16rem 0.1rem rgba(213, 223, 239, 0.68);
  margin: 0 0.1rem 0.2rem;
}
.system-box5 .container .list ul li img {
  width: 1.8rem;
  height: 1.8rem;
  object-fit: contain;
}
.system-box6 {
  width: 100%;
  padding: 1rem 0 1.9rem;
  background: linear-gradient(to bottom, #f2f6f8, #fff);
}
.system-box6 .container {
  display: flex;
  flex-wrap: wrap;
}
.system-box6 .container .title {
  width: 100%;
  text-align: center;
  color: #000;
  line-height: calc(72/60);
}
.system-box6 .container .list {
  width: 100%;
  padding: 0.5rem 0.65rem;
  border-radius: 3.84rem;
  margin-top: 0.46rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 1199px) {
  .system-box6 .container .list {
    padding: 0.3rem;
  }
}
@media (max-width: 1025px) {
  .system-box6 .container .list {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .system-box6 .container .list {
    margin-top: 1.8rem;
  }
}
.system-box6 .container .list .bg {
  width: calc(100% + 0.2rem);
  height: calc(100% + 0.2rem);
  position: absolute;
  top: -0.1rem;
  left: -0.1rem;
  z-index: 1;
  color: transparent;
}
@media (max-width: 1199px) {
  .system-box6 .container .list .bg {
    width: calc(100% + 0.4rem);
    height: calc(100% + 0.4rem);
    top: -0.2rem;
    left: -0.2rem;
  }
}
@media (max-width: 1025px) {
  .system-box6 .container .list .bg {
    width: calc(100% + 0.6rem);
    height: calc(100% + 0.6rem);
    top: -0.3rem;
    left: -0.3rem;
  }
}
@media (max-width: 991px) {
  .system-box6 .container .list .bg {
    height: auto;
    transform: rotateZ(90deg);
    transform-origin: left center;
    width: 210%;
    left: 50%;
    top: -23%;
  }
}
@media (max-width: 767px) {
  .system-box6 .container .list .bg {
    width: 258%;
    top: -22.5%;
  }
}
.system-box6 .container .list .bg svg {
  width: 100%;
  height: 100%;
}
.system-box6 .container .list .bg svg path {
  width: 100%;
}
.system-box6 .container .list .bg .test-ring-track {
  stroke: rgba(35, 127, 163, 0.2) !important;
}
.system-box6 .container .list .bg .test-ring-color1 {
  fill: #1be3e5 !important;
}
.system-box6 .container .list .bg .test-ring-color2 {
  fill: #15aef4 !important;
}
.system-box6 .container .list ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0.18rem 0.28rem;
  background: rgba(35, 127, 163, 0.1);
  border-radius: 2rem;
}
@media (max-width: 1199px) {
  .system-box6 .container .list ul {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .system-box6 .container .list ul {
    width: 5rem;
    border-radius: 2.5rem;
    margin: 0 auto;
    padding: 0 0.2rem;
  }
}
@media (max-width: 767px) {
  .system-box6 .container .list ul {
    width: 4rem;
  }
}
.system-box6 .container .list ul li {
  width: calc(25% - 0.84rem);
  aspect-ratio: 1 / 1;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  margin: 0.42rem;
  padding: 0 0.2rem;
}
@media (max-width: 1025px) {
  .system-box6 .container .list ul li {
    width: calc(25% - 0.4rem);
    margin: 0.2rem;
  }
}
@media (max-width: 991px) {
  .system-box6 .container .list ul li {
    width: 100%;
    margin: 0.2rem auto;
  }
}
.system-box6 .container .list ul li .num {
  color: rgba(0, 0, 51, 0.2);
  line-height: calc(32/18);
  position: absolute;
  top: 0.15rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.system-box6 .container .list ul li .txt {
  line-height: calc(32/24);
  color: #000033;
  text-align: center;
}
@media (max-width: 991px) {
  .system-box6 .container .list ul li .txt {
    font-size: 0.32rem;
  }
}
.system-box6 .container .list ul li .icons {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 0.27rem);
  z-index: 2;
  display: flex;
}
@media (max-width: 1025px) {
  .system-box6 .container .list ul li .icons {
    left: calc(100% + 0.05rem);
  }
}
@media (max-width: 991px) {
  .system-box6 .container .list ul li .icons {
    left: 50%;
    transform: translateX(-50%) rotateZ(90deg);
    top: calc(100% + 0.05rem);
  }
}
.system-box6 .container .list ul li .icons img {
  width: 10px;
  height: 18px;
  flex-shrink: 0;
  margin-right: -4px;
  animation: fadeWave 2s ease-in-out infinite;
  opacity: 0.1;
  will-change: opacity;
}
@media (max-width: 1025px) {
  .system-box6 .container .list ul li .icons img {
    width: 8px;
  }
}
.system-box6 .container .list ul li .icons img:nth-child(1) {
  animation-delay: 0s;
}
.system-box6 .container .list ul li .icons img:nth-child(2) {
  animation-delay: 0.2s;
}
.system-box6 .container .list ul li .icons img:nth-child(3) {
  animation-delay: 0.4s;
}
.system-box6 .container .list ul li .icons img:nth-child(4) {
  animation-delay: 0.6s;
}
.system-box6 .container .list ul li:last-child .icons {
  display: none;
}
@keyframes fadeWave {
  0%,
  100% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
}
.ship-banner {
  width: 100%;
  position: relative;
  z-index: 2;
}
.ship-banner .box {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
}
@media (max-width: 991px) {
  .ship-banner .box {
    position: relative;
  }
}
.ship-banner .box::after {
  content: '';
  width: 100%;
  height: calc(100% + 0.2rem);
  background: linear-gradient(to bottom, #fff 50%, rgba(57, 139, 172, 0.1));
  position: absolute;
  left: 0;
  top: 0.2rem;
  z-index: 1;
  mask-image: url(../images/ship-banner.png);
  -webkit-mask-image: url(../images/ship-banner.png);
  mask-position: center bottom;
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  pointer-events: none;
}
@media (max-width: 767px) {
  .ship-banner .box::after {
    mask-size: 100% 92%;
    mask-position: center top;
  }
}
.ship-banner .box .bg {
  width: 100%;
  position: relative;
  z-index: 2;
  mask-image: url(../images/ship-banner.png);
  -webkit-mask-image: url(../images/ship-banner.png);
  mask-size: 100% 100%;
  mask-position: center bottom;
  mask-repeat: no-repeat;
}
@media (max-width: 767px) {
  .ship-banner .box .bg {
    mask-size: 100% 92%;
    mask-position: center top;
  }
}
.ship-banner .box .bg .imgs {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .ship-banner .box .bg .imgs {
    height: 50vh;
  }
  .ship-banner .box .bg .imgs picture {
    height: 100%;
  }
}
.ship-banner .box .bg .imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ship-banner .box .bg .container2 {
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  justify-content: flex-end;
}
.ship-banner .box .bg .container2 .img {
  height: 100%;
}
.ship-banner .box .bg .container2 .img img {
  height: 100%;
  object-fit: contain;
}
.ship-banner > .container2 {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 2.14rem 0 1.98rem;
}
@media (max-width: 1025px) {
  .ship-banner > .container2 {
    padding: 1.4rem 0 1rem;
  }
}
@media (max-width: 991px) {
  .ship-banner > .container2 {
    position: relative;
    left: initial;
    top: initial;
    transform: translate(0);
    padding: 0.8rem 0 0.6rem;
  }
}
.ship-banner > .container2 .tbox {
  width: calc(740/1440*100%);
}
@media (max-width: 1025px) {
  .ship-banner > .container2 .tbox {
    width: calc(820/1440*100%);
  }
}
@media (max-width: 991px) {
  .ship-banner > .container2 .tbox {
    width: 100%;
  }
}
.ship-banner > .container2 .tbox .title {
  line-height: calc(76/68);
  color: #000;
}
.ship-banner > .container2 .tbox .txt {
  line-height: calc(30/18);
  color: #333;
  margin-top: 0.2rem;
}
.ship-banner > .container2 .tbox .btn {
  display: flex;
  margin-top: 0.4rem;
}
.ship-banner > .container2 .img {
  width: calc(650/1440*100%);
}
@media (max-width: 767px) {
  .ship-banner > .container2 .img {
    width: 100%;
    order: -1;
  }
}
.ship-banner > .container2 .img img {
  width: 100%;
}
.ship-box1 {
  width: 100%;
  padding: 1.2rem 0 0.78rem;
}
.ship-box1 .container2 .title {
  line-height: calc(72/60);
  color: #000;
  text-align: center;
}
@media (max-width: 991px) {
  .ship-box1 .container2 .title br {
    display: none;
  }
}
.ship-box1 .container2 .list {
  width: 100%;
  margin-top: 0.7rem;
}
.ship-box1 .container2 .list .swiper-container {
  width: 100%;
  overflow: hidden;
}
.ship-box1 .container2 .list .swiper-container .swiper-slide {
  border-right: 1px solid #ebf2f6;
  height: auto;
  padding: 0.7rem 0.3rem 0.44rem;
}
@media (max-width: 991px) {
  .ship-box1 .container2 .list .swiper-container .swiper-slide {
    border-right: none;
  }
}
.ship-box1 .container2 .list .swiper-container .swiper-slide.swiper-slide-next {
  border-right: transparent;
}
.ship-box1 .container2 .list .swiper-container .swiper-slide .icons {
  width: 1.36rem;
  height: 1.36rem;
  border-radius: 50%;
  border: 1px solid #9dc9dd;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.ship-box1 .container2 .list .swiper-container .swiper-slide .icons img,
.ship-box1 .container2 .list .swiper-container .swiper-slide .icons svg {
  width: 0.6rem;
  height: 0.6rem;
}
.ship-box1 .container2 .list .swiper-container .swiper-slide .t1 {
  text-align: center;
  line-height: calc(32/24);
  color: #000033;
  margin-top: 0.45rem;
}
.ship-box1 .container2 .list .swiper-container .swiper-slide .t2 {
  line-height: calc(28/18);
  color: #222244;
  margin-top: 0.26rem;
}
.ship-box1 .container2 .list .swiper-pagination {
  position: relative;
  bottom: initial;
  font-size: 0;
  margin-top: 0.6rem;
}
.ship-box1 .container2 .list .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(32, 121, 157, 0.1);
  transition: all 0.4s;
  position: relative;
  z-index: 1;
  margin: 0 0.11rem;
  opacity: 1;
}
.ship-box1 .container2 .list .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  width: 200%;
  height: 200%;
  border-radius: 50%;
  background: rgba(32, 121, 157, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
  transition: all 0.4s;
}
.ship-box1 .container2 .list .swiper-pagination .swiper-pagination-bullet::after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #20799d;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  opacity: 0;
  transition: all 0.4s;
}
.ship-box1 .container2 .list .swiper-pagination .swiper-pagination-bullet-active {
  background: #20799d;
}
.ship-box1 .container2 .list .swiper-pagination .swiper-pagination-bullet-active::before,
.ship-box1 .container2 .list .swiper-pagination .swiper-pagination-bullet-active::after {
  opacity: 1;
}
.ship-box2 {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 1rem 0;
}
.ship-box2 .container2 {
  position: relative;
  z-index: 2;
}
.ship-box2 .container2 .title {
  line-height: calc(72/60);
  text-align: center;
  color: #000;
}
.ship-box2 .container2 .txt {
  line-height: calc(28/20);
  text-align: center;
  color: #222244;
  margin-top: 0.22rem;
}
.ship-box2 .box {
  width: 100%;
  position: relative;
  z-index: 3;
  margin-top: 0.7rem;
}
.ship-box2 .box .bg {
  width: 100%;
  position: absolute;
  top: 0.2rem;
  left: 0;
  z-index: 1;
}
.ship-box2 .box .bg img {
  width: 100%;
}
.ship-box2 .box .container {
  position: relative;
  z-index: 2;
}
.ship-box2 .box .container .tb1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
}
.ship-box2 .box .container .tb1 .img1 {
  width: calc(995/1600*100%);
  position: relative;
  z-index: 1;
}
.ship-box2 .box .container .tb1 .img1 > img {
  width: 100%;
}
.ship-box2 .box .container .tb1 .img1 .dian1 {
  left: calc(204 / 995 * 100%);
  top: calc(54 / 203 * 100%);
}
.ship-box2 .box .container .tb1 .img1 .dian1::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #20799d;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all 0.4s;
}
.ship-box2 .box .container .tb1 .img1 .dian1::after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #20799d;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  animation: iconRun 2s linear forwards infinite;
  transition: all 0.4s;
}
.ship-box2 .box .container .tb1 .img1 .dian1 .txt {
  color: #000;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 0.2rem);
  white-space: nowrap;
}
@media (max-width: 767px) {
  .ship-box2 .box .container .tb1 .img1 .dian1 .txt {
    right: initial;
    top: initial;
    transform: translateY(0);
    bottom: calc(100% + 0.1rem);
  }
}
.ship-box2 .box .container .tb1 .img1 .dian1:hover::before {
  background: #1be3e5;
}
.ship-box2 .box .container .tb1 .img1 .dian1:hover::after {
  background: #1be3e5;
}
.ship-box2 .box .container .tb1 .img1 .dian1 .jbox1-pop {
  left: 100%;
  transform: translateY(-50%);
}
.ship-box2 .box .container .tb1 .img2 {
  width: calc(555/1600*100%);
  position: relative;
  z-index: 1;
}
.ship-box2 .box .container .tb1 .img2 > img {
  width: 100%;
}
.ship-box2 .box .container .tb1 .img2 .dian2 {
  top: calc(20/260*100%);
  left: calc(222/555*100%);
}
.ship-box2 .box .container .tb1 .img2 .dian2::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #20799d;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all 0.4s;
}
.ship-box2 .box .container .tb1 .img2 .dian2::after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #20799d;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  animation: iconRun 2s linear forwards infinite;
  transition: all 0.4s;
}
.ship-box2 .box .container .tb1 .img2 .dian2 .txt {
  color: #000033;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 0.2rem);
  white-space: nowrap;
}
.ship-box2 .box .container .tb1 .img2 .dian2:hover::before {
  background: #1be3e5;
}
.ship-box2 .box .container .tb1 .img2 .dian2:hover::after {
  background: #1be3e5;
}
.ship-box2 .box .container .tb1 .img2 .dian2 .jbox1-pop {
  left: initial;
  right: 100%;
  transform: translateY(-50%);
}
.ship-box2 .box .container .tb1 .dian {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .ship-box2 .box .container .tb1 .dian {
    width: 20px;
    height: 20px;
  }
}
.ship-box2 .box .container .tb1 .dian:hover {
  z-index: 5;
}
.ship-box2 .box .container .tb1 .dian > img,
.ship-box2 .box .container .tb1 .dian svg {
  width: 18px;
  height: 18px;
  position: relative;
  z-index: 3;
}
@media (max-width: 767px) {
  .ship-box2 .box .container .tb1 .dian > img,
  .ship-box2 .box .container .tb1 .dian svg {
    width: 12px;
    height: 12px;
  }
}
.ship-box2 .box .container .list {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0.72rem;
}
.ship-box2 .box .container .list ul {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .ship-box2 .box .container .list ul {
    width: 100%;
  }
}
.ship-box2 .box .container .list ul li {
  width: 2.35rem;
}
@media (max-width: 1580px) {
  .ship-box2 .box .container .list ul li {
    width: 3.35rem;
  }
}
@media (max-width: 991px) {
  .ship-box2 .box .container .list ul li {
    width: 33.33%;
  }
}
.ship-box2 .box .container .list ul li .icons {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 auto;
}
.ship-box2 .box .container .list ul li .icons img,
.ship-box2 .box .container .list ul li .icons svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ship-box2 .box .container .list ul li .t1 {
  text-align: center;
  line-height: calc(24/18);
  color: #000;
  margin-top: 7px;
}
@keyframes iconRun {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
.ship-3-4 {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 1.14rem 0 0;
}
.menu-3-4 {
  width: 100%;
  background: #fff;
  position: sticky;
  position: -webkit-sticky;
  top: 80px;
  z-index: 3;
}
@media (max-width: 1580px) {
  .menu-3-4 {
    top: 70px;
  }
}
@media (max-width: 767px) {
  .menu-3-4 {
    top: 60px;
  }
}
.menu-3-4 .container2 .menu {
  width: 100%;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.menu-3-4 .container2 .menu ul {
  display: flex;
}
.menu-3-4 .container2 .menu ul li {
  width: 3.1rem;
  height: 1.05rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  line-height: calc(34/24);
  color: #666;
  transition: all 0.4s;
  position: relative;
  z-index: 1;
}
.menu-3-4 .container2 .menu ul li::before {
  content: '';
  width: 100%;
  height: 2px;
  background: #237fa3;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: all 0.4s;
}
.menu-3-4 .container2 .menu ul li:hover {
  color: #000;
}
.menu-3-4 .container2 .menu ul li.on {
  color: #000;
}
.menu-3-4 .container2 .menu ul li.on::before {
  opacity: 1;
}
.ship-box3 {
  padding: 0 0 1.9rem;
}
.ship-box3 .container2 .menu {
  width: 100%;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ship-box3 .container2 .menu ul {
  display: flex;
}
.ship-box3 .container2 .menu ul li {
  width: 3.1rem;
  height: 1.05rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  line-height: calc(34/24);
  color: #666;
  transition: all 0.4s;
  position: relative;
  z-index: 1;
}
.ship-box3 .container2 .menu ul li::before {
  content: '';
  width: 100%;
  height: 2px;
  background: #237fa3;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: all 0.4s;
}
.ship-box3 .container2 .menu ul li:hover {
  color: #000;
}
.ship-box3 .container2 .menu ul li.on {
  color: #000;
}
.ship-box3 .container2 .menu ul li.on::before {
  opacity: 1;
}
.ship-box3 .container2 .box {
  width: 100%;
  margin-top: 1.13rem;
}
@media (max-width: 991px) {
  .ship-box3 .container2 .box {
    margin-top: 0.4rem;
  }
}
.ship-box3 .container2 .box .item {
  display: none;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.ship-box3 .container2 .box .item.on {
  display: flex;
}
.ship-box3 .container2 .box .item .tbox {
  width: calc(720/1440*100%);
}
@media (max-width: 991px) {
  .ship-box3 .container2 .box .item .tbox {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.ship-box3 .container2 .box .item .tbox .title {
  line-height: calc(60/48);
  color: #000033;
}
.ship-box3 .container2 .box .item .tbox .txt {
  color: #000033;
  line-height: calc(28/18);
  margin-top: 0.33rem;
}
.ship-box3 .container2 .box .item .tbox .btn {
  display: flex;
  margin-top: 0.6rem;
}
.ship-box3 .container2 .box .item .list {
  width: calc(658/1440*100%);
  padding-top: 0.3rem;
}
@media (max-width: 991px) {
  .ship-box3 .container2 .box .item .list {
    width: 100%;
    order: -1;
  }
}
.ship-box3 .container2 .box .item .list .swiper-container {
  width: 100%;
  overflow: hidden;
}
.ship-box3 .container2 .box .item .list .swiper-container .swiper-slide {
  width: 100%;
}
.ship-box3 .container2 .box .item .list .swiper-container .swiper-slide .public-img {
  width: 100%;
  border-radius: 0.2rem;
}
.ship-box3 .container2 .box .item .list .swiper-container .swiper-slide .public-img::before {
  padding-top: calc(430/658*100%);
}
.ship-box3 .container2 .box .item .list .swiper-container .swiper-slide .tb {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding: 0 0.3rem 0.2rem;
}
.ship-box3 .container2 .box .item .list .swiper-container .swiper-slide .tb .t1 {
  line-height: calc(32/24);
  font-family: "clas-m", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  color: #000033;
}
.ship-box3 .container2 .box .item .list .swiper-container .swiper-slide .tb .t2 {
  color: #666;
  line-height: calc(24/16);
  font-family: "mont-r", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  margin-top: 5px;
}
.ship-box3 .container2 .box .item .list .swiper-pagination {
  position: relative;
  bottom: initial;
  font-size: 0;
  margin-top: 0.35rem;
}
.ship-box3 .container2 .box .item .list .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(32, 121, 157, 0.1);
  transition: all 0.4s;
  position: relative;
  z-index: 1;
  margin: 0 0.11rem;
  opacity: 1;
}
.ship-box3 .container2 .box .item .list .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  width: 200%;
  height: 200%;
  border-radius: 50%;
  background: rgba(32, 121, 157, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
  transition: all 0.4s;
}
.ship-box3 .container2 .box .item .list .swiper-pagination .swiper-pagination-bullet::after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #20799d;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  opacity: 0;
  transition: all 0.4s;
}
.ship-box3 .container2 .box .item .list .swiper-pagination .swiper-pagination-bullet-active {
  background: #20799d;
}
.ship-box3 .container2 .box .item .list .swiper-pagination .swiper-pagination-bullet-active::before,
.ship-box3 .container2 .box .item .list .swiper-pagination .swiper-pagination-bullet-active::after {
  opacity: 1;
}
.ship-box4 {
  width: 100%;
  padding: 1.5rem 0 1.08rem;
  background: linear-gradient(to bottom, #ebf2f6, #ebf2f6 70%, #fff);
}
.ship-box4 .box {
  display: none;
}
.ship-box4 .box.on {
  display: block;
}
.ship-box4 .container2 {
  position: relative;
  z-index: 1;
  padding: 2.3rem 0 1.95rem;
}
@media (max-width: 991px) {
  .ship-box4 .container2 {
    padding: 0;
  }
}
.ship-box4 .container2 .line {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (max-width: 991px) {
  .ship-box4 .container2 .line {
    display: none;
  }
}
.ship-box4 .container2 .line svg {
  width: 100%;
  height: 100%;
}
.ship-box4 .container2 .line svg path {
  fill: transparent !important;
  stroke: #ccc !important;
}
.ship-box4 .container2 .line svg .cls-3,
.ship-box4 .container2 .line svg .cls-4 {
  stroke: var(--color) !important;
}
.ship-box4 .container2 .line .dian {
  filter: drop-shadow(0 0 8px #20799d);
  transition: filter 0.15s ease;
  color: #20799d;
}
.ship-box4 .container2 .title {
  width: 50%;
  position: relative;
  z-index: 2;
  color: #000033;
  line-height: calc(60/48);
}
@media (max-width: 991px) {
  .ship-box4 .container2 .title {
    width: 100%;
  }
}
.ship-box4 .container2 .list {
  position: relative;
  z-index: 2;
  margin-top: 2.8rem;
}
@media (max-width: 991px) {
  .ship-box4 .container2 .list {
    margin-top: 1rem;
  }
}
.ship-box4 .container2 .list .mline {
  width: 1px;
  height: 100%;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
@media (max-width: 991px) {
  .ship-box4 .container2 .list .mline {
    display: block;
  }
}
.ship-box4 .container2 .list .mline span {
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: var(--color);
}
.ship-box4 .container2 .list .mline span::before {
  content: '';
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--color);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 1;
}
@media (max-width: 991px) {
  .ship-box4 .container2 .list ul {
    padding-left: 15px;
  }
}
.ship-box4 .container2 .list ul li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 2.15rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .ship-box4 .container2 .list ul li {
    margin-bottom: 1rem;
  }
}
.ship-box4 .container2 .list ul li:nth-child(even) {
  flex-direction: row-reverse;
}
.ship-box4 .container2 .list ul li:last-child {
  margin-bottom: 0;
}
.ship-box4 .container2 .list ul li .public-img {
  width: calc(600/1440*100%);
  border-radius: 0.2rem;
}
@media (max-width: 991px) {
  .ship-box4 .container2 .list ul li .public-img {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.ship-box4 .container2 .list ul li .public-img::before {
  padding-top: calc(406/600*100%);
}
.ship-box4 .container2 .list ul li .dian {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #cccccc;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .ship-box4 .container2 .list ul li .dian {
    display: none;
  }
}
.ship-box4 .container2 .list ul li .dian::before {
  content: '';
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(32, 121, 157, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  z-index: 1;
  opacity: 0;
}
.ship-box4 .container2 .list ul li .tbox {
  width: calc(610/1440*100%);
}
@media (max-width: 991px) {
  .ship-box4 .container2 .list ul li .tbox {
    width: 100%;
    order: -1;
  }
}
.ship-box4 .container2 .list ul li .tbox .num {
  font-size: 1.2rem;
  line-height: 1;
  color: rgba(0, 0, 51, 0.1);
}
.ship-box4 .container2 .list ul li .tbox .t1 {
  line-height: calc(40/32);
  color: #000033;
  margin-top: -0.56rem;
}
.ship-box4 .container2 .list ul li .tbox .t2 {
  margin-top: 0.25rem;
  color: #222244;
  line-height: calc(32/20);
}
.ship-box4 .container2 .list ul li.on .dian {
  background: #20799d;
}
.ship-box4 .container2 .list ul li.on .dian::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.ship-box4 .ck-box {
  margin-top: 1.13rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.ship-box4 .ck-box .public-btn {
  margin-right: 0.1rem;
}
@media (min-width: 1581px) {
  .ship-box4 .ck-box .public-btn {
    height: 0.8rem;
  }
  .ship-box4 .ck-box .public-btn .f_first {
    height: 100%;
  }
}
@media (max-width: 767px) {
  .ship-box4 .ck-box .public-btn {
    margin: 0 0.1rem 0.1rem;
  }
}
.ship-box4 .ck-box .public-btn:last-child {
  margin-right: 0;
}
.ship-box4 .ck-box .public-btn2 {
  border: 1px solid var(--color);
}
@keyframes dianRun {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
  }
}
.ship-box5 {
  width: 100%;
  padding: 1rem 0;
}
.ship-box5 .container2 .title {
  text-align: center;
  color: #000033;
  line-height: calc(72/60);
}
.ship-box5 .container2 .list {
  width: 100%;
  margin-top: 0.35rem;
  position: relative;
  z-index: 1;
}
.ship-box5 .container2 .list .swiper-container {
  width: 100%;
  overflow: hidden;
}
.ship-box5 .container2 .list .swiper-container .swiper-slide {
  width: 100%;
  height: auto;
  opacity: 0;
}
.ship-box5 .container2 .list .swiper-container .swiper-slide .img {
  width: calc(1020/1440*100%);
  margin: 0 auto;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  padding: 0 0 0.45rem;
  opacity: 0.4;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .ship-box5 .container2 .list .swiper-container .swiper-slide .img {
    width: 100%;
  }
}
.ship-box5 .container2 .list .swiper-container .swiper-slide .img .public-img {
  width: calc(850/1020*100%);
  margin: 0.15rem auto 0;
  background: #fff;
}
@media (max-width: 767px) {
  .ship-box5 .container2 .list .swiper-container .swiper-slide .img .public-img {
    margin: 0.05rem auto 0;
  }
}
.ship-box5 .container2 .list .swiper-container .swiper-slide .img .public-img::before {
  padding-top: calc(585/870*100%);
}
.ship-box5 .container2 .list .swiper-container .swiper-slide .tbox {
  width: calc(1020/1440*100%);
  margin: 0.1rem auto 0;
  padding: 0 5%;
  opacity: 0;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .ship-box5 .container2 .list .swiper-container .swiper-slide .tbox {
    width: 100%;
  }
}
.ship-box5 .container2 .list .swiper-container .swiper-slide .tbox .t1 {
  text-align: center;
  line-height: calc(40/32);
  color: #000033;
}
.ship-box5 .container2 .list .swiper-container .swiper-slide .tbox .t2 {
  text-align: center;
  line-height: calc(32/20);
  color: #222244;
  margin-top: 0.13rem;
}
.ship-box5 .container2 .list .swiper-container .swiper-slide-active {
  z-index: 999;
  opacity: 1;
}
.ship-box5 .container2 .list .swiper-container .swiper-slide-active .img {
  opacity: 1;
}
.ship-box5 .container2 .list .swiper-container .swiper-slide-active .tbox {
  opacity: 1;
}
.ship-box5 .container2 .list .swiper-container .swiper-slide-prev,
.ship-box5 .container2 .list .swiper-container .swiper-slide-next {
  opacity: 0.8;
}
@media (max-width: 991px) {
  .ship-box5 .container2 .list .ck-box {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 0.5rem;
    display: none;
  }
}
.ship-box5 .container2 .list .ck-box .swiper-prev,
.ship-box5 .container2 .list .ck-box .swiper-next {
  width: 54px;
  height: 54px;
  border-radius: 8px;
  background: #ebf2f6;
  border: 1px solid #ededed;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 35%;
  z-index: 1;
  color: var(--color);
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .ship-box5 .container2 .list .ck-box .swiper-prev,
  .ship-box5 .container2 .list .ck-box .swiper-next {
    position: relative;
    top: initial;
    margin: 0 0.1rem;
  }
}
.ship-box5 .container2 .list .ck-box .swiper-prev img,
.ship-box5 .container2 .list .ck-box .swiper-next img,
.ship-box5 .container2 .list .ck-box .swiper-prev svg,
.ship-box5 .container2 .list .ck-box .swiper-next svg {
  width: 20px;
  height: auto;
  position: relative;
  z-index: 2;
}
.ship-box5 .container2 .list .ck-box .swiper-prev:hover,
.ship-box5 .container2 .list .ck-box .swiper-next:hover {
  background: var(--color);
  border: 1px solid var(--color);
  color: #fff;
}
.ship-box5 .container2 .list .ck-box .swiper-prev {
  left: 0;
}
@media (max-width: 991px) {
  .ship-box5 .container2 .list .ck-box .swiper-prev {
    left: initial;
  }
}
.ship-box5 .container2 .list .ck-box .swiper-next {
  right: 0;
}
@media (max-width: 991px) {
  .ship-box5 .container2 .list .ck-box .swiper-next {
    right: initial;
  }
}
.ship-box5 .container2 .list .ck-box .swiper-next img,
.ship-box5 .container2 .list .ck-box .swiper-next svg {
  transform: rotateZ(180deg);
}
.ship-box5 .container2 .list .swiper-pagination {
  position: relative;
  bottom: initial;
  font-size: 0;
  margin-top: 0.42rem;
}
.ship-box5 .container2 .list .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(32, 121, 157, 0.1);
  transition: all 0.4s;
  position: relative;
  z-index: 1;
  margin: 0 0.11rem;
  opacity: 1;
}
.ship-box5 .container2 .list .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  width: 200%;
  height: 200%;
  border-radius: 50%;
  background: rgba(32, 121, 157, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
  transition: all 0.4s;
}
.ship-box5 .container2 .list .swiper-pagination .swiper-pagination-bullet::after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #20799d;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  opacity: 0;
  transition: all 0.4s;
}
.ship-box5 .container2 .list .swiper-pagination .swiper-pagination-bullet-active {
  background: #20799d;
}
.ship-box5 .container2 .list .swiper-pagination .swiper-pagination-bullet-active::before,
.ship-box5 .container2 .list .swiper-pagination .swiper-pagination-bullet-active::after {
  opacity: 1;
}
.ship-box5 .container2 .btn {
  display: flex;
  justify-content: center;
  margin-top: 0.58rem;
}
.ship-box5 .container2 .btn .public-btn {
  margin-bottom: 0.3rem;
}
@media (min-width: 1581px) {
  .ship-box5 .container2 .btn .public-btn {
    height: 0.8rem;
  }
  .ship-box5 .container2 .btn .public-btn .f_first {
    height: 100%;
  }
}
.ship-box5 .container2 .btn .public-btn:last-child {
  margin-bottom: 0;
}
.ship-box6 {
  padding: 1rem 0;
  position: relative;
  z-index: 1;
}
.ship-box6 .line {
  width: 100%;
  position: absolute;
  right: 0;
  top: -0.66rem;
  z-index: 1;
  pointer-events: none;
}
.ship-box6 .line img,
.ship-box6 .line svg {
  width: 100%;
}
.ship-box6 .line img path,
.ship-box6 .line svg path {
  fill: transparent !important;
  stroke: #d5dee3 !important;
}
.ship-box6 .line .f_tiao img {
  transform: rotateZ(180deg);
}
.ship-box6 .container2 .title {
  text-align: center;
  color: #000033;
  line-height: calc(72/60);
}
.ship-box6 .container2 .menu {
  display: flex;
  justify-content: center;
  margin-top: 0.4rem;
}
.ship-box6 .container2 .menu ul {
  border-radius: 8px;
  padding: 8px;
  display: flex;
  background: #ebf2f6;
}
.ship-box6 .container2 .menu ul li {
  height: 50px;
  padding: 0 0.3rem;
  display: flex;
  align-items: center;
  color: rgba(1, 1, 1, 0.94);
  border-radius: 8px;
  transition: all 0.4s;
  cursor: pointer;
}
.ship-box6 .container2 .menu ul li:hover {
  color: var(--color);
}
.ship-box6 .container2 .menu ul li.on {
  background: #237fa3;
  color: #fff;
}
.ship-box6 .container2 .list {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0.72rem;
}
.ship-box6 .container2 .list .item {
  width: calc(1080/1440*100%);
  position: relative;
  z-index: 1;
  display: none;
}
@media (max-width: 991px) {
  .ship-box6 .container2 .list .item {
    width: 100%;
  }
}
.ship-box6 .container2 .list .item .imgs {
  width: 100%;
  position: relative;
  z-index: 1;
}
.ship-box6 .container2 .list .item .imgs .img1 {
  width: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
  aspect-ratio: 1080/384;
}
.ship-box6 .container2 .list .item .imgs .img1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}
.ship-box6 .container2 .list .item .imgs .img2 {
  width: 50%;
  height: 100%;
  background: rgba(35, 127, 163, 0.4);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  border-radius: 0.1rem;
  overflow: hidden;
}
.ship-box6 .container2 .list .item .imgs .img2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}
.ship-box6 .container2 .list .item .imgs .mouse {
  width: 0.6rem;
  height: 100%;
  display: flex;
  align-items: center;
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 0.3rem);
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  pointer-events: none;
}
.ship-box6 .container2 .list .item .imgs .mouse::before {
  content: '';
  width: 4px;
  height: calc(100% + 0.5rem);
  background: #1be3e5;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.ship-box6 .container2 .list .item .imgs .mouse img {
  width: 100%;
  object-fit: contain;
  cursor: pointer;
  pointer-events: all;
}
.ship-box6 .container2 .list .item .tbox {
  width: 100%;
  margin-top: 0.4rem;
}
@media (max-width: 767px) {
  .ship-box6 .container2 .list .item .tbox {
    margin-top: 0.8rem;
  }
}
.ship-box6 .container2 .list .item .tbox .t1 {
  color: #000033;
  line-height: calc(40/32);
  text-align: center;
}
.ship-box6 .container2 .list .item .tbox .t2 {
  color: #999;
  text-align: center;
  line-height: calc(24/18);
  margin-top: 0.1rem;
}
.ship-box6 .container2 .list .item.on {
  display: block;
}
.ship-box7 {
  width: 100%;
  padding: 1rem 0 1.6rem;
}
.ship-box7 .container2 .top .title {
  line-height: calc(72/60);
  color: #000033;
  text-align: center;
}
.ship-box7 .container2 .top .txt {
  width: 1000px;
  max-width: 100%;
  text-align: center;
  line-height: calc(28/20);
  color: #222244;
  margin: 0.3rem auto 0;
}
.ship-box7 .container2 .list {
  width: calc(1280/1440*100%);
  margin: 0.5rem auto 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .ship-box7 .container2 .list {
    width: 100%;
  }
}
.ship-box7 .container2 .list .img {
  width: 100%;
}
.ship-box7 .container2 .list .img ul li {
  width: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
  display: none;
  aspect-ratio: 1280/720;
}
.ship-box7 .container2 .list .img ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ship-box7 .container2 .list .img ul li.on {
  display: block;
}
.ship-box7 .container2 .list .menu {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0.4rem;
  z-index: 2;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .ship-box7 .container2 .list .menu {
    position: relative;
    bottom: initial;
    margin-top: 0.3rem;
  }
}
.ship-box7 .container2 .list .menu ul {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .ship-box7 .container2 .list .menu ul {
    width: 100%;
  }
}
.ship-box7 .container2 .list .menu ul li {
  color: rgba(0, 0, 0, 0.6);
  line-height: calc(28/20);
  margin-right: 0.6rem;
  padding: 0.1rem 0;
  border-bottom: 2px solid transparent;
  transition: all 0.4s;
  cursor: pointer;
}
@media (max-width: 767px) {
  .ship-box7 .container2 .list .menu ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.2rem;
    font-size: 0.34rem;
  }
}
.ship-box7 .container2 .list .menu ul li:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.ship-box7 .container2 .list .menu ul li:hover {
  color: #237fa3;
}
.ship-box7 .container2 .list .menu ul li.on {
  color: #237fa3;
  border-bottom: 2px solid #237fa3;
}
.ship-box8 {
  width: 100%;
  padding: 1.3rem 0;
  background: #ebf2f6;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.ship-box8 .left_img,
.ship-box8 .right_img {
  position: absolute;
}
@media (max-width: 991px) {
  .ship-box8 .left_img,
  .ship-box8 .right_img {
    display: none;
  }
}
.ship-box8 .left_img .public-animation-link,
.ship-box8 .right_img .public-animation-link {
  width: 100%;
}
.ship-box8 .left_img .public-animation-link > img path,
.ship-box8 .right_img .public-animation-link > img path,
.ship-box8 .left_img .public-animation-link > svg path,
.ship-box8 .right_img .public-animation-link > svg path {
  stroke: rgba(172, 189, 199, 0.3) !important;
}
.ship-box8 .left_img .public-animation-link .f_tiao,
.ship-box8 .right_img .public-animation-link .f_tiao {
  transform: rotateY(180deg);
}
.ship-box8 .left_img {
  left: 0;
  top: 0;
  width: 6.76rem;
}
.ship-box8 .right_img {
  right: 0;
  top: 0;
  width: 6rem;
}
@media (max-width: 1580px) {
  .ship-box8 .right_img {
    width: 7rem;
  }
}
.ship-box8 .container2 .title {
  line-height: calc(56/48);
  text-align: center;
  color: #000033;
}
.ship-box8 .container2 .btn {
  display: flex;
  justify-content: center;
  margin-top: 0.9rem;
}
.ship-box8.jz-b4 .txt {
  color: #222244;
  text-align: center;
  line-height: calc(36/24);
  margin-top: 0.18rem;
}
.ship-box8.jz-b4 .btn {
  margin-top: 0.4rem;
}
.jingzhe-banner {
  width: 100%;
  position: relative;
  z-index: 1;
}
.jingzhe-banner .bg {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 1;
}
.jingzhe-banner .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jingzhe-banner .bg::before {
  content: '';
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0));
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.jingzhe-banner .container2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media (max-width: 991px) {
  .jingzhe-banner .container2 {
    top: initial;
    bottom: 0.6rem;
    transform: translateX(-50%);
  }
}
.jingzhe-banner .container2 .tbox {
  width: 700px;
  max-width: 100%;
}
.jingzhe-banner .container2 .tbox .title {
  line-height: calc(80/72);
  color: #fff;
}
.jingzhe-banner .container2 .tbox .txt {
  width: 580px;
  max-width: 100%;
  margin-top: 0.15rem;
  line-height: calc(30/18);
  color: #fff;
}
.jingzhe-banner .container2 .tbox .btn {
  display: flex;
  margin-top: 0.5rem;
}
.jingzhe-box1 {
  width: 100%;
  position: relative;
  background: #fff;
  z-index: 2;
  padding: 1.3rem 0 1.35rem;
}
@media (max-width: 767px) {
  .jingzhe-box1 {
    padding: 1.3rem 0 1rem;
  }
}
.jingzhe-box1 .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.jingzhe-box1 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jingzhe-box1 .container2 {
  position: relative;
  z-index: 2;
}
.jingzhe-box1 .container2 .title {
  text-align: center;
  line-height: calc(72/60);
  color: #000;
}
.jingzhe-box1 .container2 .imgs {
  width: 1080px;
  max-width: 100%;
  margin: 0.2rem auto 0;
  position: relative;
  z-index: 3;
}
.jingzhe-box1 .container2 .imgs .img {
  width: 100%;
}
.jingzhe-box1 .container2 .imgs .img img {
  width: 100%;
}
.jingzhe-box1 .container2 .imgs .dian {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .jingzhe-box1 .container2 .imgs .dian {
    width: 20px;
    height: 20px;
  }
}
.jingzhe-box1 .container2 .imgs .dian::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #20799d;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all 0.4s;
}
.jingzhe-box1 .container2 .imgs .dian::after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #20799d;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  animation: iconRun 2s linear forwards infinite;
  transition: all 0.4s;
}
.jingzhe-box1 .container2 .imgs .dian > img,
.jingzhe-box1 .container2 .imgs .dian > svg {
  width: 18px;
  height: 18px;
  position: relative;
  z-index: 3;
}
@media (max-width: 767px) {
  .jingzhe-box1 .container2 .imgs .dian > img,
  .jingzhe-box1 .container2 .imgs .dian > svg {
    width: 12px;
    height: 12px;
  }
}
.jingzhe-box1 .container2 .imgs .dian .txt {
  counter-reset: #000033;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
}
.jingzhe-box1 .container2 .imgs .dian.on {
  z-index: 5;
}
.jingzhe-box1 .container2 .imgs .dian:hover::before {
  background: #1be3e5;
}
.jingzhe-box1 .container2 .imgs .dian:hover::after {
  background: #1be3e5;
}
.jingzhe-box1 .container2 .imgs .dian1 {
  left: calc(128/1080*100%);
  top: calc(100/203*100%);
}
.jingzhe-box1 .container2 .imgs .dian1 .txt {
  right: calc(100% + 0.2rem);
}
@media (max-width: 1025px) {
  .jingzhe-box1 .container2 .imgs .dian1 .txt {
    right: initial;
    top: initial;
    transform: translateY(0);
    bottom: calc(100% + 0.1rem);
  }
}
@media (max-width: 767px) {
  .jingzhe-box1 .container2 .imgs .dian1 .txt {
    left: 0;
  }
}
.jingzhe-box1 .container2 .imgs .dian1 .jbox1-pop {
  left: 100%;
  transform: translateY(-50%);
}
.jingzhe-box1 .container2 .imgs .dian2 {
  left: calc(870/1080*100%);
  top: calc(130/203*100%);
}
.jingzhe-box1 .container2 .imgs .dian2 .txt {
  left: calc(100% + 0.2rem);
}
@media (max-width: 1025px) {
  .jingzhe-box1 .container2 .imgs .dian2 .txt {
    left: initial;
    transform: translateY(0);
    top: calc(100% + 0.1rem);
  }
}
.jingzhe-box1 .container2 .imgs .dian2 .jbox1-pop {
  right: 100%;
  left: initial;
  transform: translateY(-50%);
}
.jingzhe-box1 .container2 .imgs .dian3 {
  left: calc(173/1080*100%);
  top: calc(116/203*100%);
}
.jingzhe-box1 .container2 .imgs .dian3 .txt {
  left: calc(100% + 0.2rem);
  color: #fff;
}
.jingzhe-box1 .container2 .imgs .dian3 .jbox1-pop {
  left: 100%;
  transform: translateY(-50%);
}
.jingzhe-box1 .container2 .list {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0.7rem;
}
.jingzhe-box1 .container2 .list ul {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .jingzhe-box1 .container2 .list ul {
    width: 100%;
  }
}
.jingzhe-box1 .container2 .list ul li {
  margin-right: 1.5rem;
}
@media (max-width: 767px) {
  .jingzhe-box1 .container2 .list ul li {
    width: 50%;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
.jingzhe-box1 .container2 .list ul li:last-child {
  margin-right: 0;
}
.jingzhe-box1 .container2 .list ul li .t1 {
  text-align: center;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .jingzhe-box1 .container2 .list ul li .t1 {
    text-align: left;
    justify-content: flex-start;
  }
}
.jingzhe-box1 .container2 .list ul li .t1 .num {
  line-height: 1;
  color: var(--color);
  text-align: center;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .jingzhe-box1 .container2 .list ul li .t1 .num {
    font-size: 0.6rem;
  }
}
.jingzhe-box1 .container2 .list ul li .t1 .num .ts {
  line-height: calc(24/16);
  color: #000;
  margin-left: 0.1rem;
}
.jingzhe-box1 .container2 .list ul li .t2 {
  line-height: calc(34/24);
  color: #000;
  margin-top: 6px;
  text-align: center;
}
@media (max-width: 767px) {
  .jingzhe-box1 .container2 .list ul li .t2 {
    text-align: left;
  }
}
.jbox1-pop {
  width: 5.32rem;
  max-width: 90vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  background: #fff;
  border-radius: 0.2rem;
  box-shadow: 0 0 0.3rem 0 rgba(32, 121, 157, 0.12);
  opacity: 0;
  pointer-events: none;
  margin-top: 0.6rem;
}
.jbox1-pop.on {
  opacity: 1;
  pointer-events: all;
  margin-top: 0;
  transition: all 0.4s;
}
.jbox1-pop .public-img {
  width: 100%;
  border-radius: 0.2rem 0.2rem 0 0;
}
.jbox1-pop .public-img::before {
  padding-top: calc(316/523*100%);
}
.jbox1-pop .tbox {
  width: 100%;
  padding: 0.35rem 0.3rem 0.54rem;
  border-radius: 0 0 0.2rem 0.2rem;
}
.jbox1-pop .tbox .t1 {
  text-align: center;
  color: #20799d;
  line-height: calc(30/20);
}
.jbox1-pop .tbox .t2 {
  line-height: calc(40/32);
  text-align: center;
  color: #000033;
}
.jbox1-pop .tbox .t3 {
  margin-top: 0.25rem;
  color: #222244;
  line-height: calc(32/20);
  font-family: "mont-m", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.jbox1-pop .close {
  width: 36px;
  height: 36px;
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.2);
  color: #000;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
}
.jbox1-pop .close img,
.jbox1-pop .close svg {
  width: 20px;
  height: 20px;
}
.jbox1-pop .close:hover {
  color: #fff;
  background: var(--color);
}
.jingzhe-box2 {
  width: 100%;
  padding: 1.5rem 0 1.35rem;
  position: relative;
  z-index: 1;
}
.jingzhe-box2 .bg {
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
}
.jingzhe-box2 .bg img {
  width: 100%;
}
.jingzhe-box2 .container2 {
  position: relative;
  z-index: 2;
}
.jingzhe-box2 .container2 .t1 {
  text-align: center;
  color: #000;
  line-height: calc(58/48);
}
.jingzhe-box2 .container2 .title {
  line-height: calc(72/60);
  text-align: center;
  color: #000;
  margin-top: 0.2rem;
}
.jingzhe-box2 .container2 .list {
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-top: 1rem;
}
.jingzhe-box2 .container2 .list .swiper-container {
  width: 100%;
}
.jingzhe-box2 .container2 .list .swiper-container .swiper-slide {
  height: auto;
}
.jingzhe-box2 .container2 .list .swiper-container .swiper-slide .year {
  line-height: calc(42/32);
  text-align: center;
  color: #000033;
  opacity: 0.4;
  transition: all 0.4s;
}
.jingzhe-box2 .container2 .list .swiper-container .swiper-slide .dian {
  width: 0.56rem;
  height: 0.56rem;
  position: relative;
  z-index: 1;
  margin: 0.7rem auto 0;
}
.jingzhe-box2 .container2 .list .swiper-container .swiper-slide .dian .d {
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background: #999;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: all 0.4s;
}
.jingzhe-box2 .container2 .list .swiper-container .swiper-slide .dian .d::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  background: #999;
  transition: all 0.4s;
  animation: dianRun3 2s forwards infinite linear;
}
.jingzhe-box2 .container2 .list .swiper-container .swiper-slide .dian .icons {
  width: 1.58rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: all 0.4s;
  opacity: 0;
}
@media (max-width: 991px) {
  .jingzhe-box2 .container2 .list .swiper-container .swiper-slide .dian .icons {
    width: 2rem;
  }
}
.jingzhe-box2 .container2 .list .swiper-container .swiper-slide .dian .icons img {
  width: 100%;
  height: auto;
}
.jingzhe-box2 .container2 .list .swiper-container .swiper-slide .line {
  width: calc(100% - 0.34rem);
  height: 0.04rem;
  background: #fff;
  position: absolute;
  left: calc(50% + 0.17rem);
  top: calc(42/32*1em + 0.96rem);
}
@media (max-width: 991px) {
  .jingzhe-box2 .container2 .list .swiper-container .swiper-slide .line {
    background: #eee;
  }
}
.jingzhe-box2 .container2 .list .swiper-container .swiper-slide .txt {
  line-height: calc(30/18);
  text-align: center;
  color: #222244;
  margin-top: 0.7rem;
  opacity: 0;
  transition: all 0.4s;
}
.jingzhe-box2 .container2 .list .swiper-container .swiper-slide .txt a {
  color: var(--color);
}
.jingzhe-box2 .container2 .list .swiper-container .swiper-slide:last-child .line::before {
  content: '';
  width: 50vw;
  height: 0.04rem;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
.jingzhe-box2 .container2 .list .swiper-container .swiper-slide:first-child .line::before {
  content: '';
  width: 50vw;
  height: 0.04rem;
  background: #20799d;
  position: absolute;
  right: calc(100% + 0.33rem);
  top: 0;
}
.jingzhe-box2 .container2 .list .swiper-container .swiper-slide-active .year {
  opacity: 1;
}
.jingzhe-box2 .container2 .list .swiper-container .swiper-slide-active .dian .d {
  width: 0.56rem;
  height: 0.56rem;
  background: #1be3e5;
}
.jingzhe-box2 .container2 .list .swiper-container .swiper-slide-active .dian .d::before {
  background: #1be3e5;
  animation: dianRun2 2s forwards infinite linear;
}
.jingzhe-box2 .container2 .list .swiper-container .swiper-slide-active .dian .icons {
  opacity: 1;
}
.jingzhe-box2 .container2 .list .swiper-container .swiper-slide-active .txt {
  opacity: 1;
}
.jingzhe-box2 .container2 .list .swiper-container .prevs .dian .d {
  background: #1be3e5;
}
.jingzhe-box2 .container2 .list .swiper-container .prevs .dian .d::before {
  background: #1be3e5;
}
.jingzhe-box2 .container2 .list .swiper-container .prevs .line {
  background: #20799d;
}
@media (max-width: 991px) {
  .jingzhe-box2 .container2 .list .ck-box {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 0.5rem;
  }
}
.jingzhe-box2 .container2 .list .ck-box .swiper-prev,
.jingzhe-box2 .container2 .list .ck-box .swiper-next {
  width: 54px;
  height: 54px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #ededed;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: calc(42/32*1em + 0.7rem);
  z-index: 1;
  color: var(--color);
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .jingzhe-box2 .container2 .list .ck-box .swiper-prev,
  .jingzhe-box2 .container2 .list .ck-box .swiper-next {
    width: 42px;
    height: 42px;
    position: relative;
    top: initial;
    margin: 0 0.1rem;
  }
}
.jingzhe-box2 .container2 .list .ck-box .swiper-prev img,
.jingzhe-box2 .container2 .list .ck-box .swiper-next img,
.jingzhe-box2 .container2 .list .ck-box .swiper-prev svg,
.jingzhe-box2 .container2 .list .ck-box .swiper-next svg {
  width: 20px;
  height: auto;
  position: relative;
  z-index: 2;
}
.jingzhe-box2 .container2 .list .ck-box .swiper-prev:hover,
.jingzhe-box2 .container2 .list .ck-box .swiper-next:hover {
  background: var(--color);
  border: 1px solid var(--color);
  color: #fff;
}
.jingzhe-box2 .container2 .list .ck-box .swiper-prev {
  left: 0;
}
@media (max-width: 991px) {
  .jingzhe-box2 .container2 .list .ck-box .swiper-prev {
    left: initial;
  }
}
.jingzhe-box2 .container2 .list .ck-box .swiper-next {
  right: 0;
}
@media (max-width: 991px) {
  .jingzhe-box2 .container2 .list .ck-box .swiper-next {
    right: initial;
  }
}
.jingzhe-box2 .container2 .list .ck-box .swiper-next img,
.jingzhe-box2 .container2 .list .ck-box .swiper-next svg {
  transform: rotateZ(180deg);
}
@keyframes dianRun2 {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2);
  }
}
@keyframes dianRun3 {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(3);
  }
}
.jingzhe-box3 {
  width: 100%;
  padding: 1.2rem 0 1.5rem;
  position: relative;
  z-index: 2;
}
.jingzhe-box3 .container2 .top .title {
  text-align: center;
  line-height: calc(72/60);
  color: #000033;
}
.jingzhe-box3 .container2 .top .txt {
  width: 1000px;
  max-width: 100%;
  margin: 0.3rem auto 0;
  line-height: calc(28/20);
  text-align: center;
  color: #222244;
}
.jingzhe-box3 .container2 .list {
  width: 100%;
  margin-top: 0.9rem;
}
.jingzhe-box3 .container2 .list ul {
  width: calc(100% + 0.2rem);
  margin: 0 -0.1rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .jingzhe-box3 .container2 .list ul {
    width: 100%;
    margin: 0;
  }
}
.jingzhe-box3 .container2 .list ul li {
  width: calc(33.33% - 0.2rem);
  margin: 0 0.1rem 0.2rem;
  position: relative;
  z-index: 1;
  border-radius: 0.1rem;
  background: #ebf2f6;
}
@media (max-width: 991px) {
  .jingzhe-box3 .container2 .list ul li {
    width: calc(50% - 0.2rem);
  }
}
@media (max-width: 767px) {
  .jingzhe-box3 .container2 .list ul li {
    width: 100%;
    margin: 0 0 0.2rem;
  }
}
.jingzhe-box3 .container2 .list ul li .img {
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.jingzhe-box3 .container2 .list ul li .img::after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.jingzhe-box3 .container2 .list ul li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jingzhe-box3 .container2 .list ul li .tbox {
  position: relative;
  z-index: 2;
  padding: 0.2rem 0.3rem;
}
.jingzhe-box3 .container2 .list ul li .tbox .icons {
  width: 0.6rem;
  height: 0.6rem;
}
.jingzhe-box3 .container2 .list ul li .tbox .icons img,
.jingzhe-box3 .container2 .list ul li .tbox .icons svg {
  object-fit: contain;
}
.jingzhe-box3 .container2 .list ul li .tbox .t1 {
  color: #000033;
  line-height: calc(32/24);
  margin-top: 0.22rem;
}
.jingzhe-box3 .container2 .list ul li .tbox .t2 {
  line-height: calc(26/16);
  color: #222244;
  margin-top: 0.35rem;
}
.jingzhe-box3 .container2 .list ul li.big {
  width: calc(66.66% - 0.2rem);
}
@media (max-width: 991px) {
  .jingzhe-box3 .container2 .list ul li.big {
    width: calc(100% - 0.2rem);
  }
}
@media (max-width: 767px) {
  .jingzhe-box3 .container2 .list ul li.big {
    width: 100%;
  }
}
.jingzhe-box3 .container2 .list ul li.big .tbox {
  width: 570px;
  max-width: 100%;
  padding: 0.25rem 0.3rem 0.5rem;
}
.jingzhe-box3 .container2 .list ul li.big .tbox .t1 {
  line-height: calc(36/28);
  color: #fff;
  margin: 0.68rem 0.05rem 0;
}
.jingzhe-box3 .container2 .list ul li.big .tbox .t2 {
  color: #fff;
  margin: 0.25rem 0.05rem 0;
}
.notFound {
  width: 100%;
  position: relative;
  z-index: 1;
}
.notFound .bg {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.notFound .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.notFound .container2 {
  position: absolute;
  top: 3.3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.notFound .container2 .t1 {
  color: #fff;
  text-align: center;
  line-height: calc(34/24);
}
.notFound .container2 .t2 {
  color: #1be3e5;
  line-height: 1;
  font-size: 1.2rem;
  text-align: center;
  margin-top: 0.2rem;
}
@media (max-width: 767px) {
  .notFound .container2 .t2 {
    font-size: 0.8rem;
  }
}
.notFound .container2 .t3 {
  line-height: calc(30/20);
  color: #fff;
  text-align: center;
  margin-top: 0.4rem;
}
.cookies {
  width: 100%;
  min-height: 100vh;
  padding: 3.6rem 0 2rem;
}
.cookies .container2 .title {
  text-align: center;
  line-height: calc(66/56);
  color: #333;
}
.cookies .container2 .txt {
  width: 1110px;
  max-width: 100%;
  color: #666;
  line-height: calc(28/16);
  text-align: center;
  margin: 0.6rem auto 0;
}
.privacy {
  width: 100%;
  padding: 1.55rem 0 1.6rem;
}
.privacy .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.privacy .container .top {
  width: calc(350/1600*100%);
  position: sticky;
  position: -webkit-sticky;
  top: 1.2rem;
}
@media (max-width: 991px) {
  .privacy .container .top {
    width: 100%;
    position: relative;
    top: initial;
  }
}
.privacy .container .top .title {
  color: #000;
  line-height: 1;
}
.privacy .container .top .menu {
  margin-top: 0.27rem;
  width: calc(250/350*100%);
}
@media (max-width: 991px) {
  .privacy .container .top .menu {
    width: 100%;
  }
}
.privacy .container .top .menu ul li {
  padding: 0.4rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.privacy .container .top .menu ul li a {
  color: #999;
  line-height: 1;
  transition: all 0.4s;
  position: relative;
  z-index: 1;
}
.privacy .container .top .menu ul li a::before {
  content: '';
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--color);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  transition: all 0.4s;
  opacity: 0;
}
.privacy .container .top .menu ul li:hover a {
  color: #000;
}
.privacy .container .top .menu ul li.on a {
  color: #000;
  padding-left: 0.25rem;
}
.privacy .container .top .menu ul li.on a::before {
  opacity: 1;
}
.privacy .container .box {
  width: calc(1110/1600*100%);
}
@media (max-width: 991px) {
  .privacy .container .box {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.privacy .container .box .time {
  color: #000;
  line-height: 1;
}
.privacy .container .box .list {
  width: 100%;
  margin-top: 0.45rem;
}
.privacy .container .box .list > ul > li {
  padding: 0.4rem 0;
  border-top: 1px solid #999;
}
.privacy .container .box .list > ul > li .t1 {
  line-height: calc(28/18);
  color: #000;
}
.privacy .container .box .list > ul > li .t2 {
  line-height: calc(22/14);
  color: #666;
  margin-top: 0.15rem;
}
.privacy .container .box .list > ul > li .t2 li {
  margin-left: 15px;
  list-style: disc;
}
.privacy .container .box .list > ul > li .t2 ol {
  margin-left: 15px;
  list-style: decimal;
}
.privacy .container .box .list > ul > li .t2 ol li {
  margin-bottom: 0.25rem;
}
.privacy .container .box .list > ul > li .t2 ol li:last-child {
  margin-bottom: 0;
}
.sitemap {
  width: 100%;
  padding: 2rem 0 2.7rem;
}
.sitemap .container2 .title {
  line-height: calc(60/48);
  color: #040000;
  text-align: center;
}
.sitemap .container2 .list {
  width: 1280px;
  max-width: 100%;
  margin: 0.65rem auto 0;
  border-top: 1px solid #ddd;
}
.sitemap .container2 .list ul li {
  width: 100%;
  padding: 0.5rem 0;
  border-bottom: 1px solid #ddd;
}
.sitemap .container2 .list ul li:last-child {
  margin-bottom: 0;
}
.sitemap .container2 .list ul li .t1 {
  display: flex;
}
.sitemap .container2 .list ul li .t1 a {
  color: #333;
  line-height: calc(40/30);
  font-weight: bold;
  transition: all 0.4s;
  text-transform: uppercase;
}
.sitemap .container2 .list ul li .t1 a:hover {
  color: var(--color);
}
.sitemap .container2 .list ul li .t2 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.4rem;
}
.sitemap .container2 .list ul li .t2 a {
  line-height: calc(32/18);
  color: #333;
  transition: all 0.4s;
  margin-right: 0.3rem;
}
.sitemap .container2 .list ul li .t2 a:last-child {
  margin-right: 0;
}
.sitemap .container2 .list ul li .t2 a:hover {
  color: #000;
  text-decoration: underline;
}
.search-end {
  width: 100%;
  background: #ebf2f6;
  padding: 1.55rem 0 1.6rem;
}
.search-end .container .top .title {
  text-align: center;
  color: #000;
  line-height: 1;
}
.search-end .container .top .txt {
  text-align: center;
  color: var(--color);
  line-height: calc(24/16);
  margin-top: 5px;
}
.search-end .container .m-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 1.15rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid rgba(153, 153, 153, 0.1);
}
@media (max-width: 991px) {
  .search-end .container .m-box .menu {
    width: 100%;
    overflow-x: auto;
  }
}
.search-end .container .m-box .menu ul {
  display: flex;
}
.search-end .container .m-box .menu ul li {
  height: 50px;
  color: #666;
  display: flex;
  align-items: center;
  background: #fff;
  padding: 0 0.3rem;
  border: 1px solid #c2c2c2;
  margin-right: 0.2rem;
  transition: all 0.4s;
  border-radius: 8px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .search-end .container .m-box .menu ul li {
    height: 40px;
  }
}
.search-end .container .m-box .menu ul li:hover,
.search-end .container .m-box .menu ul li.on {
  background: var(--color);
  color: #fff;
  border: 1px solid var(--color);
}
.search-end .container .m-box .search-box {
  width: 300px;
  height: 50px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #ededed;
  display: flex;
  padding: 1px;
}
@media (max-width: 991px) {
  .search-end .container .m-box .search-box {
    width: 100%;
    order: -1;
    margin-bottom: 0.4rem;
  }
}
.search-end .container .m-box .search-box form {
  width: 100%;
  height: 100%;
  display: flex;
}
.search-end .container .m-box .search-box .txt {
  width: calc(100% - 48px);
  height: 100%;
  padding-left: 0.25rem;
  color: #000;
}
.search-end .container .m-box .search-box .txt::placeholder {
  color: #bbb;
}
.search-end .container .m-box .search-box .btn {
  width: 48px;
  height: 100%;
  background: var(--color);
  color: #fff;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-end .container .m-box .search-box .btn img,
.search-end .container .m-box .search-box .btn svg {
  width: 14px;
  height: auto;
  object-fit: contain;
  position: relative;
  z-index: 2;
}
.search-end .container .end-list {
  width: 100%;
}
.search-end .container .end-list .item {
  padding: 0.5rem 0 0;
  margin-bottom: 0.9rem;
}
.search-end .container .end-list .item:last-child {
  margin-bottom: 0;
}
.search-end .container .end-list .item .itop {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.search-end .container .end-list .item .itop .t1 {
  display: flex;
  align-items: baseline;
  line-height: calc(24/16);
  color: rgba(0, 0, 0, 0.4);
}
.search-end .container .end-list .item .itop .t1 span {
  color: #000;
  line-height: calc(60/48);
  margin-right: 0.2rem;
}
.search-end .container .end-list .item .itop .more {
  display: flex;
}
.search-end .container .end-list .item .itop .more a {
  display: flex;
  align-items: center;
  color: #000;
  transition: all 0.4s;
}
.search-end .container .end-list .item .itop .more a i {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.search-end .container .end-list .item .itop .more a i img,
.search-end .container .end-list .item .itop .more a i svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.search-end .container .end-list .item .itop .more a:hover {
  color: var(--color);
}
.search-end .container .end-list .item .news-list {
  width: 100%;
  margin-top: 0.35rem;
}
.search-end .container .end-list .item .news-list ul {
  width: calc(100% + 0.3rem);
  margin: 0 -0.15rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .search-end .container .end-list .item .news-list ul {
    width: 100%;
    margin: 0;
  }
}
.search-end .container .end-list .item .news-list ul li {
  width: calc(33.33% - 0.3rem);
  margin: 0 0.15rem 0.3rem;
}
@media (max-width: 991px) {
  .search-end .container .end-list .item .news-list ul li {
    width: calc(50% - 0.3rem);
  }
}
@media (max-width: 767px) {
  .search-end .container .end-list .item .news-list ul li {
    width: 100%;
    margin: 0 0 0.3rem;
  }
}
.search-end .container .end-list .item .news-list ul li a {
  display: block;
  background: #fff;
  border-radius: 0.1rem;
}
.search-end .container .end-list .item .news-list ul li a .public-img {
  width: 100%;
  border-radius: 0.1rem;
}
.search-end .container .end-list .item .news-list ul li a .public-img::before {
  padding-top: calc(280/512*100%);
}
.search-end .container .end-list .item .news-list ul li a .tbox {
  width: 100%;
  padding: 0.26rem 0.35rem 0.33rem;
}
.search-end .container .end-list .item .news-list ul li a .tbox .time {
  display: flex;
  align-items: center;
  color: #666;
  line-height: calc(24/16);
  font-family: "clas-r", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.search-end .container .end-list .item .news-list ul li a .tbox .time i {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  margin-right: 0.1rem;
}
.search-end .container .end-list .item .news-list ul li a .tbox .time i img,
.search-end .container .end-list .item .news-list ul li a .tbox .time i svg {
  width: 100%;
}
.search-end .container .end-list .item .news-list ul li a .tbox .t1 {
  line-height: calc(32/24);
  color: #000;
  margin-top: 0.2rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: calc(32/24*2em);
  transition: all 0.4s;
}
.search-end .container .end-list .item .news-list ul li a .tbox .tag {
  display: flex;
  margin-top: 0.6rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 0.3rem;
  position: relative;
  z-index: 1;
}
.search-end .container .end-list .item .news-list ul li a .tbox .tag::after {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ebf2f6;
  position: absolute;
  right: 0;
  top: calc(0.3rem + 16px);
  z-index: 1;
}
.search-end .container .end-list .item .news-list ul li a .tbox .tag span {
  padding: 0 0.2rem;
  height: 44px;
  background: #ebf2f6;
  display: flex;
  align-items: center;
  transition: all 0.4s;
  color: #666;
  border-radius: 6px;
  font-family: "clas-r", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
@media (max-width: 1580px) {
  .search-end .container .end-list .item .news-list ul li a .tbox .tag span {
    height: 40px;
  }
}
.search-end .container .end-list .item .news-list ul li a:hover .public-img img {
  transform: scale(1.05);
}
.search-end .container .end-list .item .news-list ul li a:hover .tbox .t1 {
  color: var(--color);
}
.search-end .container .end-list .item .faq-list {
  width: 100%;
  margin-top: 0.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.search-end .container .end-list .item .faq-list ul li {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.4rem 0;
}
.search-end .container .end-list .item .faq-list ul li .t1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  cursor: pointer;
  line-height: calc(38/28);
}
.search-end .container .end-list .item .faq-list ul li .t1 i {
  width: 0.32rem;
  height: 0.32rem;
  color: #c2c2c2;
  margin-left: 0.2rem;
  margin-top: calc(38/28*0.5em - 0.16rem);
  flex-shrink: 0;
}
.search-end .container .end-list .item .faq-list ul li .t1 i img,
.search-end .container .end-list .item .faq-list ul li .t1 i svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.search-end .container .end-list .item .faq-list ul li .t1 i img:nth-child(2),
.search-end .container .end-list .item .faq-list ul li .t1 i svg:nth-child(2) {
  display: none;
}
.search-end .container .end-list .item .faq-list ul li .t2 {
  line-height: calc(32/20);
  color: #222244;
  margin-top: 0.4rem;
  display: none;
}
.search-end .container .end-list .item .faq-list ul li.on .t1 i img:nth-child(1),
.search-end .container .end-list .item .faq-list ul li.on .t1 i svg:nth-child(1) {
  display: none;
}
.search-end .container .end-list .item .faq-list ul li.on .t1 i img:nth-child(2),
.search-end .container .end-list .item .faq-list ul li.on .t1 i svg:nth-child(2) {
  display: block;
}
.search-end .container .end-list .item .page-list {
  margin-top: 0.7rem;
}