@charset "UTF-8";
.other-header {
  width: 100%;
  height: 2.5rem;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
}

.other-header.slowdown {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(1rem);
}

.other-header .other-header__header {
  width: 41.5rem;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.other-header .other-header__header .other-header__logo {
  width: 3.5rem;
}

.other-header .other-header__header .other-header-right {
  height: 100%;
  display: flex;
  align-items: center;
}

.other-header .other-header__header .other-header-right .other-header-right__div {
  height: 100%;
  margin-left: 2rem;
  position: relative;
}

.other-header .other-header__header .other-header-right .other-header-right__div:first-child {
  margin-left: 0;
}

.other-header .other-header__header .other-header-right .other-header-right__div a {
  line-height: 2.5rem;
  display: block;
  color: #FFF;
  font-weight: 400;
}

.other-header .other-header__header .other-header-right .other-header-right__div:hover {
  border-bottom: 2px solid #23A0C8;
}

.other-header .other-header__header .other-header-right .other-header-right__div:hover .other-header-right-navlist {
  display: block;
}

.other-header .other-header__header .other-header-right .other-header-right__div .other-header-right-navlist {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding-top: .525rem;
}

.other-header .other-header__header .other-header-right .other-header-right__div .other-header-right-navlist a {
  color: #FFF;
  font-weight: 400;
  line-height: .85rem;
  margin-top: .25rem;
  white-space: nowrap;
}

.other-header .other-header__header .other-header-right .other-header-right__div .other-header-right-navlist a:hover {
  color: #23A0C8;
}

.other-header .other-header__header .other-header-right .other-header-righ-go {
  padding: .25rem .7rem;
  background: #26ABD6;
  color: #FFF;
  font-weight: 400;
  margin-left: 1.275rem;
}

.other-header .other-header__header .other-header-right .other-header-righ-go img {
  width: .425rem;
  margin-right: .25rem;
}

.other {
  background-color: #000000;
  overflow: hidden;
}

.other .other-banenr {
  position: relative;
}

.other .other-banenr .other-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFF;
  font-weight: 500;
}

.other .other-product {
  width: 41.5rem;
  margin: 0 auto;
  padding-top: 2.7rem;
}

.other .other-product .other-product-title {
  text-align: center;
  color: #F7F7F7;
  font-weight: 500;
  line-height: 1.1rem;
  /* 100% */
  margin-bottom: .825rem;
}

.other .other-product .other-product-subtitle {
  text-align: center;
  color: #999;
  font-weight: 400;
  line-height: .9rem;
  /* 180% */
}

.other .other-product .other-product-box {
  display: flex;
  align-items: flex-start;
  margin-top: 1.75rem;
}

.other .other-product .other-product-box .product-box-left {
  width: 10.35rem;
}

.other .other-product .other-product-box .product-box-left .product-box-ul {
  padding-top: 3.775rem;
  display: none;
}

.other .other-product .other-product-box .product-box-left .product-box-ul:first-child {
  display: block;
}

.other .other-product .other-product-box .product-box-left .product-box-ul .product-box-li {
  margin-bottom: .25rem;
  width: 100%;
  height: 1.5rem;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-left: .1rem solid #000000;
  padding-left: 1.575rem;
  color: #555;
  font-weight: 500;
  line-height: .825rem;
  transition: all .3s ease;
  cursor: pointer;
}

.other .other-product .other-product-box .product-box-left .product-box-ul .product-box-li:hover {
  border-left: .1rem solid #26ABD6;
  color: #26ABD6;
}

.other .other-product .other-product-box .product-box-left .product-box-ul .product-box-li.active {
  border-left: .1rem solid #26ABD6;
  color: #26ABD6;
}

.other .other-product .other-product-box .product-box-right {
  width: 30.175rem;
}

.other .other-product .other-product-box .product-box-right .product-box-switch {
  display: none;
}

.other .other-product .other-product-box .product-box-right .product-box-nav {
  display: flex;
  align-items: center;
}

.other .other-product .other-product-box .product-box-right .product-box-nav .product-box-nav-a {
  padding: 0 1.75rem;
  height: 1.6rem;
  border-radius: .25rem;
  background: #111;
  margin-right: .85rem;
  color: #FFF;
  font-weight: 500;
  line-height: .5rem;
  /* 83.333% */
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all .3s ease;
}

.other .other-product .other-product-box .product-box-right .product-box-nav .product-box-nav-a:last-child {
  margin-right: 0;
}

.other .other-product .other-product-box .product-box-right .product-box-nav .product-box-nav-a:hover {
  background: #26ABD6;
}

.other .other-product .other-product-box .product-box-right .product-box-nav .product-box-nav-a.active {
  background: #26ABD6;
}

.other .other-product .other-product-box .product-box-right .product-box-cards {
  display: none;
  flex-wrap: wrap;
  margin-top: 2.175rem;
}

.other .other-product .other-product-box .product-box-right .product-box-cards:first-child {
  display: flex;
}

.other .other-product .other-product-box .product-box-right .product-box-cards .product-box-card {
  width: 9.475rem;
  height: 9.825rem;
  flex-shrink: 0;
  margin-right: .875rem;
  margin-bottom: .875rem;
  background-color: #242424;
  border-radius: .25rem;
  box-sizing: border-box;
  padding-top: 1.3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.other .other-product .other-product-box .product-box-right .product-box-cards .product-box-card:nth-child(3n) {
  margin-right: 0;
}

.other .other-product .other-product-box .product-box-right .product-box-cards .product-box-card .product-box-card-title {
  text-align: center;
  color: #FFF;
  font-weight: 500;
  line-height: .7rem;
  /* 116.667% */
}

.other .other-product .other-product-box .product-box-right .product-box-cards .product-box-card .product-box-card__img {
  margin-top: .825rem;
  max-width: 4.675rem;
  max-height: 5.3rem;
  object-fit: cover;
}

.other .other-product .other-product-box .product-box-right .product-box-cards .product-box-card .product-box-more {
  color: #26ABD6;
  font-weight: 500;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: .75rem;
}

.other .other-problem {
  padding-top: 2.5rem;
  padding-bottom: 1rem;
}

.other .other-problem .other-problem-title {
  color: #F7F7F7;
  font-weight: 500;
  line-height: 1.1rem;
  margin-bottom: .825rem;
  text-align: center;
}

.other .other-problem .other-problem-subtitle {
  color: #999;
  font-weight: 400;
  line-height: .9rem;
  text-align: center;
}

.other .other-problem .other-problem-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 41.5rem;
  margin: 1.975rem auto 0;
}

.other .other-problem .other-problem-box .other-problem-box-item {
  width: 10rem;
  height: 5.225rem;
  flex-shrink: 0;
  background-color: #242424;
  border-radius: .25rem;
  position: relative;
  box-sizing: border-box;
  padding-top: 1.45rem;
  cursor: pointer;
}

.other .other-problem .other-problem-box .other-problem-box-item .other-problem-box-title {
  color: #FFF;
  font-weight: 500;
  line-height: 1rem;
  text-align: center;
  width: 6rem;
  height: 2rem;
  margin: 0 auto;
}

.other .other-problem .other-problem-box .other-problem-box-item .other-problem-box-more {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: .95rem;
  color: #999999;
  font-weight: 500;
  transition: all .3s ease;
}

.other .other-problem .other-problem-box .other-problem-box-item:hover .other-problem-box-more {
  color: #26ABD6;
}

.other .other-policy {
  padding-top: 2.5rem;
  padding-bottom: 1rem;
}

.other .other-policy .other-policy-title {
  color: #F7F7F7;
  font-weight: 500;
  line-height: 1.1rem;
  text-align: center;
}

.other .other-policy .other-policy-box {
  width: 41.5rem;
  margin: 2.275rem auto 0;
  border-radius: .25rem;
  padding: 1.375rem 4.05rem;
  background-color: #242424;
}

.other .other-policy .other-policy-box .other-policy-box-li {
  width: 100%;
  height: 2.7rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #999;
  font-weight: 500;
  border-bottom: 1px solid rgba(102, 102, 102, 0.4);
  cursor: pointer;
  transition: all .3s ease;
}

.other .other-policy .other-policy-box .other-policy-box-li span {
  color: #FFFFFF;
}

.other .other-policy .other-policy-box .other-policy-box-li:hover span {
  color: #26ABD6;
}

.other .other-policy .other-policy-box .other-policy-expandbox {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .825rem;
}

.other .other-policy .other-policy-box .other-policy-expandbox .other-policy-expand {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.other .other-policy .other-policy-box .other-policy-expandbox .other-policy-expand .other-policy-expand__span {
  color: #FFF;
  font-weight: 500;
  line-height: 1rem;
}

.other .other-policy .other-policy-box .other-policy-expandbox .other-policy-expand .other-policy-expand__icon {
  width: .6rem;
  margin-left: .6rem;
  transition: all .3s ease;
}

.other .other-policy .other-policy-box .other-policy-expandbox .other-policy-expand .other-policy-expand__icon.active {
  transform: rotate(180deg);
}

.other .other-policy .other-policy-box .other-policy-box-ul {
  display: none;
}

.other .other-service {
  padding-top: 2.5rem;
  padding-bottom: 1rem;
}

.other .other-service .other-service-title {
  text-align: center;
  color: #F7F7F7;
  font-weight: 500;
  line-height: 1.1rem;
  margin-bottom: .825rem;
}

.other .other-service .other-service-subtitle {
  color: #999;
  text-align: center;
  font-weight: 400;
  line-height: .9rem;
  margin-bottom: .825rem;
}

.other .other-service .other-service-morebox {
  display: flex;
  justify-content: center;
  align-items: center;
}

.other .other-service .other-service-morebox .other-service-more {
  display: flex;
  justify-content: center;
  align-items: baseline;
  color: #26ABD6;
  font-weight: 500;
}

.other .other-service .other-service-morebox .other-service-more img {
  margin-left: .525rem;
  width: .175rem;
}

.other-join-pagebottom-more {
    width: 5rem;
    height: 1.25rem;
    background: #26ABD6;
    transition: all .5s;
    text-align: center;
    line-height: 1.25rem;
        position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.other .other-service .other-service__img {
  display: block;
  width: 41.5rem;
  margin: 2rem auto 0;
}

.other .other-service .other-service-link {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 41.5rem;
  margin: 1rem auto 0;
}

.other .other-service .other-service-link .other-service-box {
  width: 13.175rem;
  height: 11.75rem;
  flex-shrink: 0;
  border-radius: .25rem;
  background-color: #242424;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1.55rem;
}

.other .other-service .other-service-link .other-service-box .other-service-imgbox {
  width: 4.4rem;
  height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.15rem;
}

.other .other-service .other-service-link .other-service-box .other-service-imgbox img {
  width: 100%;
  height: 100%;
}

.other .other-service .other-service-link .other-service-box .other-service-imgbox .other-service-telicon {
  width: 3.05rem;
  height: 3.05rem;
}

.other .other-service .other-service-link .other-service-box .other-service-title {
  text-align: center;
  color: #FFF;
  font-weight: 500;
  line-height: 1rem;
  margin-bottom: .375rem;
}

.other .other-service .other-service-link .other-service-box .other-service-desc {
  text-align: center;
  color: #FFF;
  font-weight: 400;
  line-height: .7rem;
}

.other .other-service .other-service-link .other-service-box .other-service-desc-tel {
  margin-bottom: .3rem;
}

.other .other-video {
  padding-top: 2.5rem;
  padding-bottom: 1rem;
}

.other .other-video .other-video-title {
  text-align: center;
  color: #F7F7F7;
  font-weight: 500;
  line-height: 1.1rem;
  margin-bottom: .825rem;
}

.other .other-video .other-video-subtitle {
  color: #999;
  text-align: center;
  font-weight: 400;
  line-height: .9rem;
}

.other .other-video .other-video-ul {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 41.5rem;
  margin: 2rem auto 1.05rem;
}

.other .other-video .other-video-ul .other-video-li {
  width: 10.025rem;
  margin-right: .475rem;
}

.other .other-video .other-video-ul .other-video-li:nth-child(4n) {
  margin-right: 0;
}

.other .other-video .other-video-ul .other-video-li .other-video-li-litpic {
  width: 10.025rem;
  height: 5.625rem;
  flex-shrink: 0;
  border-radius: .25rem;
}

.other .other-video .other-video-ul .other-video-li .other-video-title {
  margin-top: .825rem;
  width: 100%;
  box-sizing: border-box;
  padding-left: .4rem;
  padding-right: .55rem;
  color: #FFF;
  font-weight: 500;
  line-height: 1rem;
  /* 133.333% */
  margin-bottom: .5rem;
  overflow: hidden;
  /* 超出部分隐藏 */
  white-space: nowrap;
  /* 文本不换行 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  text-align: left;
}

.other .other-video .other-video-ul .other-video-li .other-video-desc {
  width: 100%;
  box-sizing: border-box;
  padding-left: .4rem;
  padding-right: .55rem;
  color: #FFF;
  font-weight: 400;
  line-height: .6rem;
  height: 1.2rem;
  display: -webkit-box;
  /* 使用弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 2;
  /* 限制显示两行 */
  overflow: hidden;
  /* 隐藏超出内容 */
  text-overflow: ellipsis;
  /* 使用省略号 */
}

.other .other-video .other-video-morebox {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.05rem;
}

.other .other-video .other-video-morebox .other-video-more {
  display: flex;
  justify-content: center;
  align-items: baseline;
  color: #26ABD6;
  font-weight: 500;
}

.other .other-video .other-video-morebox .other-video-more img {
  margin-left: .6rem;
  width: .175rem;
}

.other .other-link {
  padding-bottom: 3.25rem;
}

.other .other-back {
  width: 41.5rem;
  margin: 2rem auto 0;
}

.other .other-back a {
  color: #26ABD6;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.other .other-back a img {
  margin-right: .65rem;
}

.other .other-search {
  display: block;
  width: 41.5rem;
  height: 1.75rem;
  margin: 2.125rem auto 0;
  border: 1px solid #222222;
  padding-left: 3rem;
  box-sizing: border-box;
  background: url("../images/other/other14.png") no-repeat;
  background-size: .95rem .95rem;
  background-position: 1.425rem center;
  color: #FFF;
  font-weight: 400;
  letter-spacing: 1px;
}

.other .other-search::placeholder {
  color: #FFF;
  font-weight: 400;
}

.other .other-video-ulbox {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 41.5rem;
  margin: 1.9rem auto 0;
}

.other .other-video-ulbox .other-video-li {
  width: 9.9rem;
  border-radius: .25rem;
  margin-right: .625rem;
  margin-bottom: .7875rem;
  overflow: hidden;
}

.other .other-video-ulbox .other-video-li:nth-child(4n) {
  margin-right: 0;
}

.other .other-video-ulbox .other-video-li:hover .other-video-info {
  background-color: #242424;
}

.other .other-video-ulbox .other-video-li .other-video-litpic {
  width: 100%;
  height: 5.65rem;
  object-fit: cover;
}

.other .other-video-ulbox .other-video-li .other-video-info {
  width: 100%;
  background-color: #111111;
  padding: .6rem .8rem .8rem .8rem;
  transition: all .3s ease;
}

.other .other-video-ulbox .other-video-li .other-video-info .other-video-li-title {
  color: #FFF;
  font-weight: 500;
  line-height: 1rem;
  margin-bottom: .25rem;
  overflow: hidden;
  /* 超出部分隐藏 */
  white-space: nowrap;
  /* 文本不换行 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
}

.other .other-video-ulbox .other-video-li .other-video-info .other-video-li-desc {
  color: #FFF;
  font-weight: 400;
  line-height: .5rem;
  overflow: hidden;
  /* 超出部分隐藏 */
  white-space: nowrap;
  /* 文本不换行 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  margin-bottom: .575rem;
}

.other .other-video-ulbox .other-video-li .other-video-info .other-video-li-time {
  color: #999;
  font-weight: 400;
}

.other .page {
  display: flex;
  justify-content: center;
  align-items: center;
}

.other .page a {
  width: 1.1rem;
  height: 1.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #333333;
  margin-left: .175rem;
  margin-right: .175rem;
  color: #FFF;
  font-weight: 400;
  transition: all .3s ease;
}

.other .page a:hover {
  background-color: #26ABD6;
  border: 1px solid #26ABD6;
}

.other .page .page-next img {
  transform: rotate(180deg);
}

.other .other-join-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.3rem;
  margin-bottom: 2rem;
}

.other .other-join-nav a {
  width: 6.5rem;
  margin-right: 1.325rem;
  color: #555;
  font-weight: 500;
  border-bottom: 2px solid #555555;
  padding-bottom: .675rem;
  text-align: center;
  transition: all .3s ease;
}

.other .other-join-nav a:last-child {
  margin-right: 0;
}

.other .other-join-nav a:hover {
  color: #26ABD6;
  border-bottom: 2px solid #26ABD6;
}

.other .other-join-nav a.active {
  color: #26ABD6;
  border-bottom: 2px solid #26ABD6;
}

.other .join-intro {
  width: 41.5rem;
  margin: 3.75rem auto 0;
}

.other .join-intro .join-intro-title {
  text-align: center;
  color: #F7F7F7;
  font-weight: 500;
  margin-bottom: .825rem;
}

.other .join-intro .join-intro-desc {
  width: 30.125rem;
  color: #999;
  font-weight: 400;
  line-height: .9rem;
  margin: 0 auto 1.875rem;
}

.other .other-join-type {
  width: 41.5rem;
  height: 13.75rem;
  margin: 0 auto;
  position: relative;
}

.other .other-join-type img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.other .other-join-type .other-join-type-btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2.025rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.other .other-join-type .other-join-type-btn a {
  width: 6.75rem;
  height: 2.25rem;
  flex-shrink: 0;
  border-radius: .25rem;
  background-color: #111111;
  margin-right: .525rem;
  transition: all .3s ease;
  color: #FFF;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}

.other .other-join-type .other-join-type-btn a:last-child {
  margin-right: 0;
}

.other .other-join-type .other-join-type-btn a:hover {
  background-color: #26ABD6;
}

.other .other-join-type .other-join-type-btn a.active {
  background-color: #26ABD6;
}

.other .other-join-list {
  width: 41.5rem;
  margin: 2rem auto 0;
}

.other .other-join-list .other-join-pagetop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .85rem;
  border-bottom: 1px solid rgba(102, 102, 102, 0.4);
}

.other .other-join-list .other-join-pagetop p {
  color: #FFF;
  font-weight: 400;
}

.other .other-join-list .other-join-pagetop .other-join-todo {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.other .other-join-list .other-join-pagetop .other-join-todo .other-join-todo-left {
  width: 1.825rem;
  color: #FFF;
  font-weight: 400;
  position: relative;
}

.other .other-join-list .other-join-pagetop .other-join-todo .other-join-todo-left .other-join-todo-pages {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background-color: #ffffff;
  text-align: center;
  line-height: .8rem;
  display: none;
}

.other .other-join-list .other-join-pagetop .other-join-todo .other-join-todo-left .other-join-todo-pages p {
  color: #333333;
  width: calc( 100% - .4rem);
  margin-left: .2rem;
  border-bottom: 1px solid #efefef;
}

.other .other-join-list .other-join-pagetop .other-join-todo .other-join-todo__img {
  width: .375rem;
}

.other .other-join-list .other-join-li {
  height: 2.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #FFF;
  font-weight: 400;
  border-bottom: 1px solid rgba(102, 102, 102, 0.4);
}

.other .other-join-list .other-join-li .other-join-name {
  width: 14.75rem;
}

.other .other-join-list .other-join-li .other-join-address {
  width: 7.4rem;
}

.other .other-join-list .other-join-li .other-join-job {
  width: 7.4rem;
}

.other .other-join-list .other-join-li .other-join-research {
  width: 11.625rem;
}

.other .other-join-list .other-join-li .other-join-li__icon {
  width: .175rem;
}

.other .other-join-list .other-join-pagebottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .85rem;
  padding-top: 2.375rem;
  position: relative;
}

.other .other-join-list .other-join-pagebottom p {
  color: #FFF;
  font-weight: 400;
}

.other .other-join-list .other-join-pagebottom .other-join-pagebottom-btn {
  display: flex;
  align-items: center;
}

.other .other-join-list .other-join-pagebottom .other-join-pagebottom-btn .other-join-pagebottom-btn__div {
  width: 5rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: #FFF;
  font-weight: 400;
  margin-right: .7rem;
  background-color: #101517;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all .3s ease;
}

.other .other-join-list .other-join-pagebottom .other-join-pagebottom-btn .other-join-pagebottom-btn__div:last-child {
  margin-right: 0;
}

.other .other-join-list .other-join-pagebottom .other-join-pagebottom-btn .other-join-pagebottom-btn__div:hover {
  background-color: #26ABD6;
}

.other .joindetail-banenr {
  position: relative;
}

.other .joindetail-banenr img {
  width: 100%;
}

.other .joindetail-banenr .joindetail-banenr-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3.25rem;
}

.other .joindetail-banenr .joindetail-banenr-text p {
  color: #FFF;
  font-weight: 500;
  line-height: 1.35rem;
}

.other .joindetail-banenr .joindetail-banenr-text p:first-child {
  margin-bottom: .5rem;
}

.other .joindetail-back {
  width: 41.5rem;
  display: flex;
  align-items: center;
  margin: 2rem auto 0;
  color: #26ABD6;
  font-weight: 500;
}

.other .joindetail-back img {
  width: .175rem;
  margin-right: .65rem;
}

.other .joindetail-box {
  width: 41.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin: 0 auto;
  border-bottom: 1px solid rgba(102, 102, 102, 0.4);
}

.other .joindetail-box .joindetail-box-title {
  color: #F7F7F7;
  font-weight: 500;
  line-height: 1.1rem;
  margin-bottom: .825rem;
}

.other .joindetail-box .joindetail-box__p {
  color: #999;
  font-weight: 400;
  line-height: .9rem;
}

.other .other-contact {
  width: 41.5rem;
  margin: 3.75rem auto 0;
  padding-bottom: 3.75rem;
}

.other .other-contact .other-contact-list {
  display: flex;
  align-items: flex-start;
}

.other .other-contact .other-contact-list .other-contact-li {
  width: 10.075rem;
  height: 10.525rem;
  flex-shrink: 0;
  margin-right: .45rem;
  border-radius: .25rem;
  background: url("../images/other/other27.png") no-repeat;
  background-size: 100% 100%;
  padding: 1.15rem 1.2rem .625rem 1.2rem;
  position: relative;
  transition: all .3s ease;
}

.other .other-contact .other-contact-list .other-contact-li:last-child {
  margin-right: 0;
}

.other .other-contact .other-contact-list .other-contact-li:hover {
  background: url("../images/other/other28.png") no-repeat;
  background-size: 100% 100%;
}

.other .other-contact .other-contact-list .other-contact-li:hover .other-contact-li-title {
  color: #ffffff;
}

.other .other-contact .other-contact-list .other-contact-li:hover .other-contact-li-num {
  color: #ffffff;
}

.other .other-contact .other-contact-list .other-contact-li:hover .other-contact-li-label span {
  color: #ffffff;
}

.other .other-contact .other-contact-list .other-contact-li .other-contact-li-imgbox {
  height: 1.25rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: flex-end;
}

.other .other-contact .other-contact-list .other-contact-li .other-contact-li-imgbox img {
  max-width: 1.25rem;
}

.other .other-contact .other-contact-list .other-contact-li .other-contact-li-title {
  color: #26ABD6;
  font-weight: 500;
  margin-bottom: .825rem;
}

.other .other-contact .other-contact-list .other-contact-li .other-contact-li-label {
  color: #FFF;
  font-weight: 400;
  line-height: .85rem;
  /*margin-bottom: .25rem;*/
}

.other .other-contact .other-contact-list .other-contact-li .other-contact-li-label span {
  color: #999999;
}

.other .other-contact .other-contact-list .other-contact-li .other-contact-li-ph {
  color: #FFF;
  font-weight: 400;
  line-height: .85rem;
}

.other .other-contact .other-contact-list .other-contact-li .other-contact-li-num {
  position: absolute;
  left: 1.2rem;
  bottom: .55rem;
  color: #333333;
  font-weight: 700;
}

.other .other-contact .other-contact-coo {
  width: 41.5rem;
  margin: 0 auto;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.other .other-contact .other-contact-coo .contact-coo-titlebox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.other .other-contact .other-contact-coo .contact-coo-titlebox .contact-coo-title {
  color: #FFF;
  font-weight: 500;
  line-height: 1.65rem;
  margin-bottom: 1rem;
}

.other .other-contact .other-contact-coo .contact-coo-titlebox .contact-coo-tip {
  color: #555;
  font-weight: 500;
}

.other .other-contact .other-contact-coo .other-contact-coobox {
  display: flex;
  flex-wrap: wrap;
}

.other .other-contact .other-contact-coo .other-contact-coobox .other-contact-coobox-li {
  width: 13.475rem;
  height: 4.525rem;
  flex-shrink: 0;
  border-radius: .3rem;
  background: #111;
  margin-right: .525rem;
  margin-bottom: 1rem;
  padding: .75rem .825rem .275rem 1rem;
  position: relative;
  cursor: pointer;
}

.other .other-contact .other-contact-coo .other-contact-coobox .other-contact-coobox-li:nth-child(3n) {
  margin-right: 0;
}

.other .other-contact .other-contact-coo .other-contact-coobox .other-contact-coobox-li .other-contact-coobox-title {
  color: #FFF;
  font-weight: 500;
  margin-bottom: .25rem;
}

.other .other-contact .other-contact-coo .other-contact-coobox .other-contact-coobox-li .other-contact-coobox-desc {
  color: #999;
  font-weight: 400;
  line-height: .85rem;
}

.other .other-contact .other-contact-coo .other-contact-coobox .other-contact-coobox-li .other-contact-coobox-clk {
  color: #999;
  font-weight: 400;
  line-height: .85rem;
  position: absolute;
  left: 1rem;
  bottom: .275rem;
}

.other .other-contact .other-contact-coo .other-contact-coobox .other-contact-coobox-li .other-contact-coobox__icon {
  height: 1rem;
  position: absolute;
  top: .75rem;
  right: .825rem;
}

.other .other-contact .other-contact-coo .other-contact-coobox .other-contact-coobox-li .other-contact-coobox-code {
  display: none;
  width: 6.425rem;
  padding-bottom: .5rem;
  border-radius: .4rem;
  background: rgba(102, 102, 102, 0.8);
  position: absolute;
  z-index: 9;
  top: calc( 100% - 1rem);
  right: 2.125rem;
}

.other .other-contact .other-contact-coo .other-contact-coobox .other-contact-coobox-li .other-contact-coobox-code .other-contact-coobox-close {
  width: 100%;
  height: .8rem;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: .5rem;
}

.other .other-contact .other-contact-coo .other-contact-coobox .other-contact-coobox-li .other-contact-coobox-code .other-contact-coobox-close .other-contact-coobox-close__img {
  width: .5rem;
  cursor: pointer;
}

.other .other-contact .other-contact-coo .other-contact-coobox .other-contact-coobox-li .other-contact-coobox-code .other-contact-coobox-code__code {
  display: block;
  width: 5.375rem;
  margin: 0 auto;
}

.other .other-contact .other-contact-coo .other-contact-coobox .other-contact-coobox-li .other-contact-coobox-code .other-contact-coobox-name {
  text-align: center;
  margin-top: .225rem;
  color: #FFF;
  font-weight: 500;
}

.other .other-contact .other-contact-map {
  width: 41.5rem;
  margin: 0 auto;
  display: flex;
  border-radius: .25rem;
  background: #111;
}

.other .other-contact .other-contact-map .other-contact-map-left {
  width: 11.85rem;
  padding-top: 1.5rem;
}

.other .other-contact .other-contact-map .other-contact-map-left .other-contact-map-address {
  padding-top: .55rem;
  padding-bottom: .375rem;
  padding-left: 1.575rem;
  position: relative;
  border-left: .1rem solid #111111;
  cursor: pointer;
  transition: all .3s ease;
  margin-bottom: 1.6rem;
}

.other .other-contact .other-contact-map .other-contact-map-left .other-contact-map-address:last-child {
  margin-bottom: 0;
}

.other .other-contact .other-contact-map .other-contact-map-left .other-contact-map-address .other-contact-map-address-name {
  display: flex;
  align-items: center;
  color: #555;
  font-weight: 500;
  margin-bottom: .825rem;
}

.other .other-contact .other-contact-map .other-contact-map-left .other-contact-map-address .other-contact-map-address-name img {
  margin-left: .65rem;
  width: .7rem;
  opacity: 0;
}

.other .other-contact .other-contact-map .other-contact-map-left .other-contact-map-address .other-contact-map-address-detail {
  color: #D9D9D9;
  font-weight: 400;
  line-height: .85rem;
}

.other .other-contact .other-contact-map .other-contact-map-left .other-contact-map-address:hover {
  border-left: .1rem solid #26ABD6;
}

.other .other-contact .other-contact-map .other-contact-map-left .other-contact-map-address:hover .other-contact-map-address-name {
  color: #26ABD6;
}

.other .other-contact .other-contact-map .other-contact-map-left .other-contact-map-address:hover .other-contact-map-address-name img {
  opacity: 1;
}

.other .other-contact .other-contact-map .other-contact-map-left .other-contact-map-address.active {
  border-left: .1rem solid #26ABD6;
}

.other .other-contact .other-contact-map .other-contact-map-left .other-contact-map-address.active .other-contact-map-address-name {
  color: #26ABD6;
}

.other .other-contact .other-contact-map .other-contact-map-left .other-contact-map-address.active .other-contact-map-address-name img {
  opacity: 1;
}

.other .other-contact .other-contact-map .other-contact-map-imgbox {
  width: calc( 100% - 11.85rem);
  position: relative;
}

.other .other-contact .other-contact-map .other-contact-map-imgbox img {
  display: none;
}

.other .other-contact .other-contact-map .other-contact-map-imgbox img:first-child {
  display: block;
}

.other-videodiv {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #000000;
  width: 0;
  height: 20px;
  z-index: 999;
  overflow: hidden;
}

.other-videodiv .other-videodiv-box {
  position: absolute;
  width: 32rem;
  height: 18rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.other-videodiv .other-videodiv-box .other-videodiv-box__close {
  position: absolute;
  width: 1.125rem;
  height: 1.125rem;
  top: 1.125rem;
  right: 1.125rem;
  cursor: pointer;
  z-index: 2;
}

.other-videodiv video {
  display: block;
  width: 100%;
  height: 100%;
}

.pb150 {
  padding-bottom: 3.75rem;
}

.fqa-box {
  margin-top: 2.5rem;
  margin-bottom: 2rem;
}
.other .fqa-con {
  width: 35.85rem;
  margin: 0 auto .5rem;
  padding: 1.475rem;
  background: #242424;
}
.other .fqa-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.other .fqa-title:hover .fqa__p {
  color: #26ABD6;
}
.other .fqa-left {
  display: flex;
  align-items: center;
}
.other .fqa__icon {
  width: .9rem;
  height: .75rem;
  margin-right: 1.275rem;
}
.other .fqa__p {
  width: 25rem;
  color: #FFF;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.other .fqa-icon {
  width: .725rem;
  height: .725rem;
  background: url('../images/other/other42.png') no-repeat;
  background-size: 100% auto;
  background-position: center center;
}
.other .fqa-desc {
  display: none;
  padding-top: .85rem;
  color: #FFF;
  font-weight: 400;
  line-height: 1.5;
  width: calc( 100% - 2.175rem );
  border-top: 1px solid rgba(102, 102, 102, 0.4);
  margin-top: .9rem;
}
.fqa-title.on .fqa__p {
  color: #26ABD6;
}
.fqa-title.on .fqa-icon {
  background: url('../images/other/other43.png') no-repeat;
  background-size: 100% auto;
  background-position: center center;
}
.page a.active {
  background-color: #26ABD6;
  border: 1px solid #26ABD6;
}
.statement-dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(6, 6, 6, 0.60);
  z-index: 999;
}

.statement-con {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 41.5rem;
  height: 20rem;
  flex-shrink: 0;
  border-radius: .25rem;
  background: #242424;
  padding: 1.25rem 2.05rem 2.25rem 4.2rem;
}

.statement-close {
  position: absolute;
  width: 1.15rem;
  top: 1.15rem;
  right: 1.5rem;
  cursor: pointer;
}

.statement-title {
  text-align: center;
  color: #FFF;
  font-style: normal;
  font-weight: 700;
  margin-bottom: .5rem;
}

.statement-time {
  text-align: center;
  color: #999;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: .85rem;
  position: relative;
  /* border-bottom: 1px solid #4E4E4E; */
}

.statement-time::before {
  content: "";
  width: 33.25rem;
  height: 1px;
  background: #4E4E4E;
  position: absolute;
  left: 0;
  bottom: 0;
}

.statement-article {
  height: 12.6rem;
  width: 100%;
  padding-top: .85rem;
  padding-right: 4.15rem;
  overflow: hidden;
  color: #999;
  font-weight: 400;
  line-height: 1.87;
  overflow-y: auto;
}

.statement-article::-webkit-scrollbar {
  /* width: 1px; */
}

.statement-article::-webkit-scrollbar-track {
  width: 1px;
  background: #666666;
}

.statement-article::-webkit-scrollbar-thumb {
  width: 2px;
  background: #ffffff;
}

.repair-dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(6, 6, 6, 0.60);
  backdrop-filter: blur(15px);
  z-index: 999;
}

.repair-con {
  position: absolute;
  /* top: 3.65rem; */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40.625rem;
  height: 80%;
  overflow-y: auto;
  padding-top: 2rem;
  border-radius: .3rem;
  background: #242424;
  padding-left: 3.575rem;
  padding-right: 3.875rem;
  padding-bottom: 2rem;
}

.repair-con-close {
  position: absolute;
  top: 1.9rem;
  right: 1.35rem;
  width: 1.15rem;
  cursor: pointer;
}

.repair-title {
  text-align: center;
  color: #FFF;
  font-weight: 700;
  margin-bottom: .975rem;
}

.repair-desc {
  color: #FFF;
  font-weight: 400;
  text-align: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(102, 102, 102, 0.40);
}

.repair-form-bar {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 1.4rem;
}

.repair-form-input {
  width: 10.75rem;
  display: flex;
  flex-direction: column;
}

.repair-form-input label {
  position: relative;
  color: #FFF;
  font-weight: 400;
  margin-bottom: .5rem;
}

.repair-form-input label span {
  font-weight: 700;
}

.repair-form-input label.require::before {
  content: "*";
  position: absolute;
  right: 100%;
  top: 0;
  color: #26ABD6;
}

.repair-form-input input {
  width: 10.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  border: 1px solid #4E4E4E;
  background: #2D2D2D;
  box-sizing: border-box;
  padding-left: .35rem;
  color: #ffffff;
}

.repair-form-input input::placeholder {
  color: #666;
}

.repair-form-input input::-moz-placeholder {
  color: #666;
}

.repair-form-radiobar {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 1.375rem;
}

.repair-form-radio-left label {
  display: block;
  position: relative;
  color: #FFF;
  font-weight: 400;
  margin-bottom: .5rem;
}

.repair-form-radio-left label span {
  font-weight: 700;
}

.repair-form-radio-left label.require::before {
  content: "*";
  position: absolute;
  right: 100%;
  top: 0;
  color: #26ABD6;
}

.repair-form-radio {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 21.9rem;
}

.repair-form-radio-right .repair-form-radio {
  width: 10.75rem;
}

.repair-form-radio-left .repair-form-radio-input {
  width: 10.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: .35rem;
  border: 1px solid #4E4E4E;
  background: #2D2D2D;
  margin-bottom: .5rem;
}

.repair-form-radio-input__p {
  margin-left: .5rem;
  color: #FFF;
  font-weight: 400;
}

.repair-form-radio-input-otherbox {
  margin-left: .5rem;
  display: flex;
  align-items: center;
}

.repair-form-radio-input-otherbox__p {
  color: #FFF;
  font-weight: 400;
}

.repair-form-radio-input__input {
  border: 0;
  border-bottom: 1px solid #ffffff;
  margin-left: .35rem;
  background: transparent;
  color: #ffffff;
}

.repair-form-radio-input[type='radio'] {
  appearance: none;
}

.repair-form-upload {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.375rem;
}

.repair-form-upload-box {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  margin-top: .875rem;
}

.upload-demo-drag {
  /* width: 16.25rem; */
  width: 8.4rem;
  /* height: 8.075rem; */
  height: 5.65rem;
  border: 1px dashed #4E4E4E;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.repair-form-upload label {
  display: block;
  position: relative;
  color: #FFF;
  font-weight: 400;
  margin-bottom: 0.5rem;
  width: 10.75rem;
  margin-right: .4rem;
}

.repair-form-upload label span {
  font-weight: 700;
}

.upload-demo-drag-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.upload-demo-drag-box__icon {
  /* width: 1.45rem; */
  width: .875rem;
  margin-bottom: .5rem;
}

.upload-demo-drag-box__p {
  color: #26ABD6;
  font-weight: 400;
}

.layui-upload-file {
  display: none;
}

.upload-tip {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .375rem;
}

.upload-tip img {
  display: block;
  width: .7rem;
  height: .7rem;
  margin-right: .2rem;
}

.upload-tip p {
  color: #666;
  font-weight: 400;
}

.repair-form-textarea {
  display: block;
  width: 100%;
  /* margin-top: 1.375rem; */
}

.repair-form-textarea label {
  display: block;
  color: #FFF;
  font-weight: 400;
  margin-bottom: .5rem;
}

.repair-form-textarea label span {
  font-weight: 700;
}

.repair-form-textarea textarea {
  display: block;
  width: 100%;
  height: 4.95rem;
  resize: none;
  background: #2D2D2D;
  border: 1px solid #4E4E4E;
  color: #ffffff;
  box-sizing: border-box;
  padding: .65rem .35rem;
}

.repair-form-textarea textarea::placeholder {
  color: #666;
}

.repair-form-textarea textarea::-moz-placeholder {
  color: #666;
}

.repair-form-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}

.repair-form-submit button {
  border: 0;
  outline: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-weight: 400;
  background: #26ABD6;
  width: 5rem;
  height: 1.25rem;
}

.upload-demo-drag-hide {
  display: none;
}

.repair-form-upload-list {
  margin-left: 1.475rem;
}

.repair-upload-list {
  width: 11.925rem;
  height: 1.275rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  border: 1px solid #4E4E4E;
  background: #2D2D2D;
  position: relative;
}

.repair-upload-close {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: .5rem;
  color: #ffffff;
  cursor: pointer;
}

.repair-upload-list:hover .repair-upload-close {
  display: block;
}

.repair-upload-list-imgbox {
  width: 1.475rem;
  height: 1.275rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.repair-upload-list-imgbox::after {
  content: "";
  width: 1px;
  height: .575rem;
  background: rgba(255, 255, 255, .2);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.repair-upload-list-imgbox img {
  display: block;
  width: .575rem;
  height: .55rem;
  object-fit: cover;
}

.repair-upload-list__p {
  color: #FFF;
  font-weight: 400;
  padding-left: .6rem;
  width: 7.5rem;
  overflow: hidden;
  /* 超出部分隐藏 */
  white-space: nowrap;
  /* 文本不换行 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
}

.repair-form-radio-input input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #666666;
  background: #4E4E4E;
  border-radius: 50%;
  position: relative;
  width: 18px;
  height: 18px;
}

.repair-form-radio-input input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #26ABD6;
  /* 自定义选中颜色 */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50% 50%;
}
.rightnow-box {
    display: flex;
    justify-content: center;
    margin-top: 2.5rem;
    margin-bottom: 3rem;
}
.rightnow-box .rightnow {
    width: 5rem;
    height: 1.25rem;
    flex-shrink: 0;
    background: #26ABD6;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    display: flex;
    justify-content: center;
    align-items: center;
}