@charset "UTF-8";
/* 自定义字体 */
@font-face {
  font-family: "number-font";
  src: url("./fonts/impact.ttf");
}

@font-face {
  font-family: "title-font";
  src: url("./fonts/w05.ttf");
}

.header {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 6vh;
  padding: 0 20px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

.header img {
  height: 2.5vh;
}

.common-btn {
  width: 18vh;
  height: 5vh;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2vh;
  color: #fff;
  background: linear-gradient(90deg, #FD9343, #FFC857);
}

.common-btn span:nth-child(2) {
  width: 2.5vh;
  height: 2.5vh;
  border-radius: 100%;
  margin-left: 1vh;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.common-btn span:nth-child(2) i {
  color: #FFC857;
}

.title {
  font-size: 2.2vh;
  text-align: center;
  font-weight: 600;
  padding: 3vh 0 1vh 0;
}

.content {
  width: 100%;
  position: relative;
  margin-top: 6vh;
  margin-bottom: 6vh;
}

.content .banner {
  width: 100%;
}

.content .banner .swiper-banner {
  width: 100%;
  height: 100%;
}

.content .banner .swiper-banner img {
  height: 100%;
}

.content .banner .swiper-banner .swiper-container {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 668px) {
  .content .banner .swiper-banner .swiper-container {
    margin: 0;
  }
}

.content .banner .swiper-banner .swiper-slide {
  height: 100%;
  -webkit-transition: transform 1.0s;
  -moz-transition: transform 1.0s;
  -ms-transition: transform 1.0s;
  -o-transition: transform 1.0s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

@media screen and (max-width: 668px) {
  .content .banner .swiper-banner .swiper-slide {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.content .banner .swiper-banner .swiper-slide-active, .content .banner .swiper-banner .swiper-slide-duplicate-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}

@media screen and (max-width: 668px) {
  .content .banner .swiper-banner .swiper-slide-active, .content .banner .swiper-banner .swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.content .banner .swiper-banner .none-effect {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}

.content .banner .swiper-banner .swiper-slide ._swiper_con {
  display: block;
  border-radius: 14px;
}

@media screen and (min-width: 668px) {
  .content .banner .swiper-banner .swiper-slide ._swiper_con:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    border: 10px solid #fff;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 20px;
  }
}

.content .banner .swiper-banner .swiper-slide-active ._swiper_con:after {
  background: none;
}

@media screen and (max-width: 668px) {
  .content .banner .swiper-banner .swiper-slide ._swiper_con {
    padding: 5px;
    border-radius: 7px;
  }
}

.content .banner .swiper-banner .swiper-slide img {
  width: 100%;
  display: block;
}

.content .banner .swiper-banner .swiper-slide video {
  width: 100%;
  height: 0px;
  border-radius: 14px;
  display: block;
}

@media screen and (max-width: 668px) {
  .content .banner .swiper-banner .swiper-slide video {
    border-radius: 7px;
  }
}

.content .banner .swiper-banner .swiper-pagination {
  position: relative;
  margin-bottom: 30px;
}

.content .banner .swiper-banner .swiper-pagination-bullet {
  background: #00a0e9;
  margin-left: 4px;
  margin-right: 4px;
  width: 17px;
  height: 17px;
  opacity: 1;
  margin-bottom: 4px;
}

.content .banner .swiper-banner .swiper-pagination-bullet-active {
  width: 13px;
  height: 13px;
  background: #FFF;
  border: 6px solid #00a0e9;
  margin-bottom: 0;
}

@media screen and (max-width: 668px) {
  .content .banner .swiper-banner .swiper-pagination {
    position: relative;
    margin-bottom: 20px;
  }
  .content .banner .swiper-banner .swiper-pagination-bullet {
    background: #00a0e9;
    margin-left: 2px;
    margin-right: 2px;
    width: 8px;
    height: 8px;
    margin-bottom: 2px;
  }
  .content .banner .swiper-banner .swiper-pagination-bullet-active {
    width: 6px;
    height: 6px;
    background: #FFF;
    border: 3px solid #00a0e9;
    margin-bottom: 0;
  }
}

.content .banner .swiper-banner .button {
  width: 1000px;
  margin: 0 auto;
  bottom: 43px;
  position: relative;
}

@media screen and (max-width: 668px) {
  .content .banner .swiper-banner .button {
    width: 70%;
    bottom: 22px;
  }
}

.content .banner .swiper-banner .button div:hover {
  background-color: #2f4798;
}

.content .banner .swiper-banner .swiper-button-prev {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}

.content .banner .swiper-banner .swiper-button-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}

@media screen and (max-width: 668px) {
  .content .banner .swiper-banner .button div {
    width: 28px;
    height: 28px;
  }
}

@media (max-width: 668px) {
  .content .banner {
    height: 28vh;
  }
}

@media (min-width: 669px) and (max-width: 991px) {
  .content .banner {
    height: 28vh;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .content .banner {
    height: 48vh;
  }
}

@media (min-width: 1200px) and (max-width: 1919px) {
  .content .banner {
    height: 48vh;
  }
}

.content .product_solution {
  width: 100%;
  background: #fff;
}

.content .product_solution .product_list {
  padding: 0 2vh;
  padding-bottom: 2vh;
}

.content .product_solution .product_list .product_item {
  width: 100%;
  min-height: 9.5vh;
  border-radius: 25px;
  background: linear-gradient(90deg, #003FFF, #00B7FF);
  position: relative;
  margin-top: 2vh;
  display: flex;
  align-items: center;
}

.content .product_solution .product_list .product_item:nth-child(1) {
  background: linear-gradient(90deg, #2EA5FE, #9FD2FF);
}

.content .product_solution .product_list .product_item:nth-child(1) .icon_font {
  bottom: -100%;
}

.content .product_solution .product_list .product_item:nth-child(2) .icon_font {
  bottom: -100%;
}

.content .product_solution .product_list .product_item:nth-child(3) {
  background: linear-gradient(90deg, #232654, #5B5D7A);
}

.content .product_solution .product_list .product_item:nth-child(3) .icon_font {
  bottom: -100%;
}

.content .product_solution .product_list .product_item .icon_font {
  color: #fff;
  opacity: .3;
  font-size: 16vh;
  position: absolute;
  right: -2%;
}

.content .product_solution .product_list .product_item .collapse {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2vh 0 3vh;
  color: #fff;
}

.content .product_solution .product_list .product_item .collapse .left {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}

.content .product_solution .product_list .product_item .collapse .left span {
  display: inline-block;
  width: 100%;
  font-size: 1.6vh;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.content .product_solution .product_list .product_item .collapse .left span:nth-child(1) {
  font-size: 2.2vh;
  font-weight: 600;
}

.content .product_solution .product_list .product_item .collapse .right {
  width: 10%;
}

.content .product_solution .product_list .product_item .collapse .right .icon-arrow-right {
  font-size: 3vh;
  opacity: 1;
}

.content .product_solution .product_list .product_item .unfold {
  display: none;
  padding: 1.5vh 2.5vh;
  height: 100%;
  margin-bottom: 8vh;
  justify-content: space-between;
}

.content .product_solution .product_list .product_item .unfold .left {
  width: 48%;
  height: 100%;
}

.content .product_solution .product_list .product_item .unfold .left .unfold-title {
  font-size: 2.2vh;
  font-weight: 600;
  margin: 1vh 0 1vh 0;
}

.content .product_solution .product_list .product_item .unfold .left .textCont {
  display: flex;
  flex-wrap: wrap;
  display: -webkit-box;
  -webkit-line-clamp: 20;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.6vh;
  white-space: pre-wrap;
}

.content .product_solution .product_list .product_item .unfold .left .unfold-btn {
  width: 18vh;
  height: 5vh;
  background: linear-gradient(90deg, #FD9343, #FFC857);
  font-size: 2vh;
  color: #fff;
  position: absolute;
  left: 2vh;
  bottom: 2vh;
}

.content .product_solution .product_list .product_item .unfold .left .unfold-btn span:nth-child(2) {
  background-color: #fff;
}

.content .product_solution .product_list .product_item .unfold .left .unfold-btn span:nth-child(2) i {
  color: #FFC857;
}

.content .product_solution .product_list .product_item .unfold .right {
  width: 50%;
  padding-top: 1.5vh;
}

.content .product_solution .product_list .product_item .unfold .right ._item {
  width: 100%;
  min-height: 3.5vh;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.4);
  padding: .5vh;
  margin-bottom: 1vh;
}

.content .product_solution .product_list .product_item .unfold .right ._item .top {
  width: 100%;
  height: 3.5vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .5vh;
}

.content .product_solution .product_list .product_item .unfold .right ._item .top img {
  width: 2vh;
  height: 2vh;
  margin-right: .5vh;
}

.content .product_solution .product_list .product_item .unfold .right ._item .top div {
  width: calc(100% - 2vh);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.content .product_solution .product_list .product_item .unfold .right ._item .top div span {
  font-size: 1.5vh;
  display: inline-block;
}

.content .product_solution .product_list .product_item .unfold .right ._item .top div span:nth-child(1) {
  width: calc(100% - 4.5vh);
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.content .product_solution .product_list .product_item .unfold .right ._item .top div span:nth-child(2) {
  font-size: 1.4vh;
}

.content .product_solution .product_list .product_item .unfold .right ._item .bot {
  width: calc(100% - 3vh);
  margin-left: 3vh;
  font-size: 1.3vh;
  color: #6F7F9E;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.content .product_solution .product_list .product_item .unfold .right ._itrem_active {
  background: white;
}

.content .product_solution .product_list .product_item .unfold .right ._itrem_active span:nth-child(3) {
  color: #003FFF;
}

.content .product_solution .product_list .active {
  min-height: 40vh;
  color: #232754;
  transition: height 0.5s ease;
  /* 定义高度变化的过渡效果 */
  background: linear-gradient(90deg, #E9EEF9, #D1D9EC) !important;
  flex-direction: column;
}

.content .product_solution .product_list .active .icon_font {
  color: #fff;
  opacity: .3;
  font-size: 16vh;
  position: absolute;
  right: -2%;
  bottom: -10% !important;
}

.content .special_sections {
  background: #F6FAFF;
  width: 100%;
  padding-bottom: 5vh;
  /*
        border: 2px dashed #046EFF;
    border-radius: 20px;*/
}

.content .special_sections .specialImg {
  width: 100%;
  padding: 0 5vh;
}

.content .special_sections .specialImg img {
  width: 100%;
}

.content .special_sections .special_Box {
  width: 100%;
  padding: 0 5vh;
  margin-top: 2vh;
}

.content .special_sections .special_Box .special_item {
  width: 100%;
  border: 2px dashed #046EFF;
  border-radius: 2vh;
  padding: 2vh;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin-top: 2vh;
}

.content .special_sections .special_Box .special_item ._index {
  width: 1vh;
  height: 1vh;
  border-radius: 50%;
  margin-top: .9vh;
  background: linear-gradient(to bottom, #005fff, #00aeff);
}

.content .special_sections .special_Box .special_item ._content {
  width: calc(100% - 2vh);
  margin-left: 1vh;
  letter-spacing: 1px;
  font-size: 1.6vh;
  line-height: 2.8vh;
}

.content .business_scenario {
  background: #FFF;
  width: 100%;
  padding-bottom: 5vh;
}

.content .business_scenario .scene_box {
  width: 100%;
  padding: 0 2vh;
  margin-top: 2vh;
}

.content .business_scenario .scene_box .scene_tab {
  width: 100%;
  overflow-x: auto;
  overflow: hide;
  white-space: nowrap;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 和 Edge */
}

.content .business_scenario .scene_box .scene_tab .scene_tabitem {
  min-width: 10vh;
  font-size: 1.6vh;
  height: 5vh;
  background: #E5E8ED;
  margin-right: 1vh;
  display: inline-flex;
  flex: 1;
  justify-content: center;
  text-align: center;
  align-items: center;
  padding: 0 3vh;
  color: #2E3E59;
}

.content .business_scenario .scene_box .scene_tab ._active {
  background: #0060FF;
  color: #fff;
}

.content .business_scenario .scene_box .scene_list {
  width: 100%;
  margin-top: 3vh;
}

.content .business_scenario .scene_box .scene_list .scene_item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: none;
}

.content .business_scenario .scene_box .scene_list .scene_item .scene-left {
  width: 48%;
}

.content .business_scenario .scene_box .scene_list .scene_item .scene-left img {
  width: 100%;
}

.content .business_scenario .scene_box .scene_list .scene_item .scene-right {
  width: 48%;
}

.content .business_scenario .scene_box .scene_list .scene_item .scene-right .scene_title {
  font-size: 2.2vh;
  text-align: left;
  font-weight: 600;
}

.content .business_scenario .scene_box .scene_list .scene_item .scene-right .line {
  width: 3.6vh;
  height: .6vh;
  border-radius: 3px;
  margin: 1vh 0 1.5vh 0;
  background: linear-gradient(0deg, #ffc957 0%, #fd9243 99.24%);
}

.content .business_scenario .scene_box .scene_list .scene_item .scene-right .scene_text {
  min-height: 4.2vh;
  color: #6F7F9E;
  font-size: 1.6vh;
  letter-spacing: 1px;
  margin-bottom: 3vh;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.content .business_scenario .scene_box .scene_list .scene_item .scene-right .scene_btn {
  width: 15vh;
  font-size: 1.8vh;
  background: linear-gradient(90deg, #0061FF, #00ACFF);
}

.content .business_scenario .scene_box .scene_list .scene_item .scene-right .scene_btn span:nth-child(2) i {
  color: #0061FF;
}

.content .business_scenario .scene_box .scene_list ._active {
  display: flex;
  transition: all 1s ease;
}

.content .customer_case {
  width: 100%;
  background-image: url("/img/caseBg.png");
  background-size: 100% 100%;
}

.content .customer_case .case_swiper {
  width: 100%;
}

.content .customer_case .case_swiper .swiper-banner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.content .customer_case .case_swiper .swiper-banner .swiper-container2 {
  width: 100%;
}

.content .customer_case .case_swiper .swiper-banner .swiper-container2 .swiper-pagination2 {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 2vh;
}

@media screen and (max-width: 668px) {
  .content .customer_case .case_swiper .swiper-banner .swiper-container2 {
    margin: 0;
  }
}

.content .customer_case .case_swiper .swiper-banner .swiper-slide {
  -webkit-transition: transform 1.0s;
  -moz-transition: transform 1.0s;
  -ms-transition: transform 1.0s;
  -o-transition: transform 1.0s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

@media screen and (max-width: 668px) {
  .content .customer_case .case_swiper .swiper-banner .swiper-slide {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.content .customer_case .case_swiper .swiper-banner .swiper-slide-active, .content .customer_case .case_swiper .swiper-banner .swiper-slide-duplicate-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}

@media screen and (max-width: 668px) {
  .content .customer_case .case_swiper .swiper-banner .swiper-slide-active, .content .customer_case .case_swiper .swiper-banner .swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.content .customer_case .case_swiper .swiper-banner .none-effect {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}

.content .customer_case .case_swiper .swiper-banner .swiper-slide ._swiper_con {
  display: block;
  border-radius: 14px;
}

@media screen and (min-width: 668px) {
  .content .customer_case .case_swiper .swiper-banner .swiper-slide ._swiper_con:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    border: 10px solid #fff;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 20px;
  }
}

.content .customer_case .case_swiper .swiper-banner .swiper-slide-active ._swiper_con:after {
  background: none;
}

@media screen and (max-width: 668px) {
  .content .customer_case .case_swiper .swiper-banner .swiper-slide ._swiper_con {
    padding: 5px;
    border-radius: 7px;
  }
}

.content .customer_case .case_swiper .swiper-banner .swiper-slide img {
  width: 100%;
  display: block;
}

.content .customer_case .case_swiper .swiper-banner .swiper-slide video {
  width: 100%;
  height: 0px;
  border-radius: 14px;
  display: block;
}

@media screen and (max-width: 668px) {
  .content .customer_case .case_swiper .swiper-banner .swiper-slide video {
    border-radius: 7px;
  }
}

.content .customer_case .case_swiper .swiper-banner .swiper-pagination {
  position: relative;
  margin-bottom: 30px;
}

.content .customer_case .case_swiper .swiper-banner .swiper-pagination-bullet {
  background: #00a0e9;
  margin-left: 4px;
  margin-right: 4px;
  width: 17px;
  height: 17px;
  opacity: 1;
  margin-bottom: 4px;
}

.content .customer_case .case_swiper .swiper-banner .swiper-pagination-bullet-active {
  width: 13px;
  height: 13px;
  background: #FFF;
  border: 6px solid #00a0e9;
  margin-bottom: 0;
}

@media screen and (max-width: 668px) {
  .content .customer_case .case_swiper .swiper-banner .swiper-pagination {
    position: relative;
    margin-bottom: 20px;
  }
  .content .customer_case .case_swiper .swiper-banner .swiper-pagination-bullet {
    background: #00a0e9;
    margin-left: 2px;
    margin-right: 2px;
    width: 8px;
    height: 8px;
    margin-bottom: 2px;
  }
  .content .customer_case .case_swiper .swiper-banner .swiper-pagination-bullet-active {
    width: 6px;
    height: 6px;
    background: #FFF;
    border: 3px solid #00a0e9;
    margin-bottom: 0;
  }
}

.content .customer_case .case_swiper .swiper-banner .button {
  width: 1000px;
  margin: 0 auto;
  bottom: 43px;
  position: relative;
}

@media screen and (max-width: 668px) {
  .content .customer_case .case_swiper .swiper-banner .button {
    width: 70%;
    bottom: 22px;
  }
}

.content .customer_case .case_swiper .swiper-banner .button div:hover {
  background-color: #2f4798;
}

.content .customer_case .case_swiper .swiper-banner .swiper-button-prev {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}

.content .customer_case .case_swiper .swiper-banner .swiper-button-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}

@media screen and (max-width: 668px) {
  .content .customer_case .case_swiper .swiper-banner .button div {
    width: 28px;
    height: 28px;
  }
}

.content .customer_case .case_swiper .swiper-cont {
  width: 100%;
  padding: 1.5vh 3vh;
}

.content .customer_case .case_swiper .swiper-cont .swipercpnt-card {
  display: flex;
  background-color: #0061FF;
  padding: 4vh 3vh 3vh 3vh;
  min-height: 32.2vh;
}

.content .customer_case .case_swiper .swiper-cont .swiper-left {
  width: 40%;
}

.content .customer_case .case_swiper .swiper-cont .swiper-left img {
  width: 80%;
  border: 1vh solid #fff;
  margin-top: 1vh;
}

.content .customer_case .case_swiper .swiper-cont .swiper-right {
  width: 60%;
  color: #fff;
  position: relative;
}

.content .customer_case .case_swiper .swiper-cont .swiper-right .number {
  font-size: 8vh;
  font-weight: 600;
  position: absolute;
  opacity: .3;
}

.content .customer_case .case_swiper .swiper-cont .swiper-right .info {
  font-size: 1.8vh;
}

.content .customer_case .case_swiper .swiper-cont .swiper-right .introduce {
  font-size: 1.4vh;
  margin-top: 1vh;
  margin-bottom: 3vh;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 14vh;
}

.content .News {
  width: 100%;
  background-image: url("/img/newsBg.png");
  background-size: 100% 100%;
  padding: 0 1vh;
}

.content .News .news-about {
  width: 100%;
  display: flex;
}

.content .News .news-about .about-item {
  flex: 1;
  width: 100%;
  background: #fff;
  margin: 0 .5vh;
  margin-bottom: 1vh;
  position: relative;
  padding: 1.5vh 1vh 1.5vh 1.5vh;
}

.content .News .news-about .about-item .en-title {
  color: #0061FF;
  font-size: 2.4vh;
  font-family: title-font;
}

.content .News .news-about .about-item .zn-title {
  color: #232754;
  margin: .5vh 0;
  font-size: 1.8vh;
  font-weight: bold;
}

.content .News .news-about .about-item .desc {
  font-size: 1.4vh;
  color: #6F7F9E;
}

.content .News .news-about .about-item .no {
  color: rgba(0, 97, 255, 0.1);
  font-family: number-font;
  font-size: 8vh;
  font-weight: bold;
  position: absolute;
  top: -1.5vh;
  left: 5vh;
}

.content .News .news-list {
  width: 100%;
  padding-bottom: 1vh;
}

.content .News .news-list .news-item {
  width: 100%;
  height: 10vh;
  background: #fff;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  padding: 1.5vh;
  margin-bottom: 1vh;
}

.content .News .news-list .news-item .date-box {
  width: 7vh;
  height: 100%;
  background-color: #0061FF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  color: #fff;
}

.content .News .news-list .news-item .date-box .day {
  font-size: 2.4vh;
  font-weight: bold;
}

.content .News .news-list .news-item .date-box .yearmonth {
  font-size: 1.6vh;
}

.content .News .news-list .news-item .content-box {
  width: calc(100% - 10vh);
  margin-left: 2vh;
  padding-right: 1vh;
}

.content .News .news-list .news-item .content-box .new-title {
  font-size: 2vh;
  font-weight: bold;
  color: #232754;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.content .News .news-list .news-item .content-box .new-content {
  font-size: 1.4vh;
  color: #6F7F9E;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.content .News .ntn-box {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 2vh;
}

.content .News .news_btn {
  width: 15vh;
  font-size: 1.8vh;
  background: linear-gradient(90deg, #0061FF, #00ACFF);
}

.content .News .news_btn span:nth-child(2) i {
  color: #0061FF;
}

.content .cooperation {
  width: 100%;
  background: #fff;
  padding: 0 2vh;
  padding-bottom: 2vh;
}

.content .cooperation .cooperation-box {
  margin-top: 2vh;
  width: 100%;
  padding: 2vh 2vh 1vh 2vh;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.content .cooperation .cooperation-box img {
  width: 32%;
  height: 4vh;
  object-fit: cover;
  margin-bottom: 1vh;
  margin-right: 1.3%;
}

.content .digital {
  width: 100%;
  height: 24vh;
  background: #0061FF;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.content .digital .digital-title {
  font-size: 4vh;
  font-weight: 600;
}

.content .digital .digital-text {
  font-size: 1.6vh;
  margin: .2vh 0 1vh 0;
}

.content .footer {
  width: 100%;
  background: #000002;
  color: #fff;
}

.content .footer a {
  color: #8C8C8C;
  font-size: 1.6vh;
}

.content .footer .navigation {
  width: 100%;
}

.content .footer .navigation .navigation-item {
  width: 100%;
}

.content .footer .navigation .navigation-item .navigation-top {
  width: 100%;
  height: 5vh;
  padding: 0 4.5vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.content .footer .navigation .navigation-item .navigation-top span {
  font-size: 2vh;
}

.content .footer .navigation .navigation-item ._activeIcon i {
  transform: rotate(180deg);
}

.content .footer .navigation .navigation-item .navigation-bottom {
  width: 100%;
  background: #0F0F15;
  padding: 1vh 4.5vh;
  display: flex;
  flex-wrap: wrap;
  display: none;
}

.content .footer .navigation .navigation-item .navigation-bottom span {
  color: #8C8C8C;
  font-size: 1.6vh;
  width: 33%;
  min-height: 2vh;
  display: flex;
  align-items: center;
  margin: 0.015%;
  margin: .5vh 0;
}

.content .footer .navigation .navigation-item ._active {
  display: flex;
}

.content .footer .hotline {
  width: 100%;
  margin-top: 2vh;
}

.content .footer .hotline .hotline-btn {
  width: 80%;
  height: 6vh;
  border-radius: 1vh;
  background: #0061FF;
  color: #fff;
  text-align: center;
  line-height: 6vh;
  margin: 0 auto;
  font-size: 2.4vh;
}

.content .footer .locations {
  width: 100%;
  margin-top: 2vh;
}

.content .footer .locations div {
  text-align: center;
  font-size: 1.8vh;
}

.content .footer .locations .domain {
  color: #CECECE;
  margin-top: 1vh;
  font-size: 1.6vh;
  padding-bottom: 2vh;
}

.content .footer .locations .domain a {
  color: #CECECE;
  font-size: 1.6vh;
}

.tabbar {
  width: 100%;
  height: 6vh;
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 1.5vh 0;
  z-index: 999;
}

.tabbar .tab_item {
  flex: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #003FFF;
  font-weight: 600;
}

.tabbar .tab_item:nth-child(1) {
  border-right: 1px solid #003FFF;
}

.tabbar .tab_item .iconfont {
  font-size: 2vh;
  margin-right: .5vh;
  font-weight: 300;
}

.tabbar .tab_item.active {
  color: #003FFF;
}

.maskRegister {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 2000;
  overflow: hidden;
}

.maskRegister .registerBox {
  width: 80%;
  background: #fff;
  position: relative;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 4vh 4vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.maskRegister .registerBox .registerTitle {
  font-size: 4vh;
  text-align: center;
  color: #046EFF;
}

.maskRegister .registerBox .registerInput {
  width: 100%;
  height: 6vh;
  background: #F8F8F8;
  margin-top: 2vh;
  border-radius: 1vh;
}

.maskRegister .registerBox .registerInput input {
  width: 100%;
  height: 100%;
  background: #F8F8F8;
  padding: 0 1.5vh;
  font-size: 1.6vh;
}

.maskRegister .registerBox .register-btn {
  width: 100%;
  height: 6vh;
  background: #046EFF;
  margin-top: 2vh;
  border-radius: 1vh;
  color: #fff;
  font-size: 2.2vh;
  text-align: center;
  line-height: 6vh;
  margin-top: 2vh;
}

.maskAnchor {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  overflow: hidden;
}

.maskAnchor .anchorBox {
  width: 100%;
  margin-top: 6vh;
  background: #fff;
  padding: 0 2vh;
}

.maskAnchor .anchorBox .anchorItem {
  padding: 0 2vh;
  line-height: 6vh;
  border-bottom: 1px solid #eee;
  font-size: 2vh;
}

.maskHide {
  display: none;
}