*,
body,
html {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/**
 * 公共样式 ----------------
 */

ol,
ul {
  margin-bottom: 0 !important;
  padding-left: 0 !important;
}

ol,
ul li {
  list-style: none;
}
.carousel-img,
.carousel-mobile-img {
  -webkit-tap-highlight-color: transparent;
  outline: none;
  user-select: none;
}

.carousel-img:focus-visible,
.carousel-mobile-img:focus-visible {
  outline: none;
}

@media screen and (min-width: 750px) {
  /* 模块内边距 */
  .mode-padding-lr {
    padding: 0px 260px;
  }

  /* 模块标题 */
  .mode-title {
    padding: 5.2vw 0 3.12vw 0;
  }

  .mode-title span:nth-child(1) {
    font-size: 1.98vw;
    font-weight: 500;
  }

  .mode-title span:nth-child(2) {
    font-size: 1.04vw;
    margin-top: 1.04vw;
  }

  .mode-second-title {
    padding: 3.12vw 2.6vw;
  }

  /* 查看更多(公共) */
  .view-more-span {
    font-size: 1.04vw;
    border-radius: 3px;
    border: 1px solid rgba(251, 254, 255, 0.23);
    padding: 0.6vw 2vw;
    cursor: pointer;
  }

  /* 查看更多(边框浅颜色)*/
  .view-footer-more {
    padding: 2vw 0 5vw;
    color: #969ea7;
  }

  .view-footer-more span:hover {
    color: #eff6ff;
    border-color: #1976e1;
    opacity: 0.9;
  }

  /* 查看更多(边框深颜色) */
  .view-black-more {
    padding: 2vw 0 4vw;
  }

  .view-black-span {
    border-color: rgba(99, 99, 99, 0.38) !important;
  }

  .view-black-span:hover {
    border-color: #1976e1 !important;
    opacity: 0.9;
  }

  /* 了解详情 */
  .view-inside-more {
    margin-top: 1.2vw;
  }

  /* 顶部背景图片 */
  .mode-bg {
    height: 26vw;
    background-size: 100vw 26vw;
  }

  /* 分页 */
  .mode-pagination li {
    margin-left: 10px;
    border-radius: 2px;
  }

  .mode-pagination .page-item {
    cursor: pointer;
  }

  .mode-pagination .page-link {
    color: #4f5d65;
    border-radius: 4px;
  }

  .mode-pagination .page-img {
    width: 20px;
    height: 20px;
  }

  .mode-pagination .page-link.isPageActive {
    color: #fff;
    background: #1976e1;
  }

  /*--- 详情页排行right --- */
  .detail-right {
    width: 18.72vw;
    height: max-content;
    color: #031722;
    padding: 20px 24px;
    margin-top: 2.08vw;
    margin-left: 1.56vw;
    background: linear-gradient(180deg, #ebf4ff 0%, #fdfeff 29%, #fcfdff 100%);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.03);
    border-radius: 4px;
    border: 1px solid #eef3f7;
  }

  .detail-right .title {
    padding-bottom: 1.04vw;
    border-bottom: 1px solid #ececf2;
  }

  .recommen-li:nth-child(1) {
    margin-top: 0;
  }

  .recommen-text:hover {
    color: #1976e1;
    cursor: pointer;
  }

  /* 序号 */
  .recommen-index {
    width: 1.04vw;
    height: 1.14vw;
    font-size: 0.7vw;
    display: flex;
    justify-content: center;
    background-size: 1.04vw 1.14vw !important;
  }

  /* 默认背景 */
  .recommen-default-bg {
    background: url("../img/customerCase/11.png") no-repeat;
  }

  /* first */
  .recommen-first-bg {
    background: url("../img/customerCase/8.png") no-repeat;
  }

  /* second */
  .recommen-second-bg {
    background: url("../img/customerCase/9.png") no-repeat;
  }

  /* third */
  .recommen-third-bg {
    background: url("../img/customerCase/10.png") no-repeat;
  }

  /* 面包屑 */
  .bread-cumb {
    display: flex;
    align-items: center;
  }

  .bread-cumb-title {
    color: #afb3b3;
  }

  .bread-case:hover {
    cursor: pointer;
    color: #1976e1;
  }

  .bread-project {
    color: #7ba2b0;
  }

  .bread-cumb img {
    width: 0.94vw;
    height: 0.94vw;
    margin: 0 0.42vw;
  }

  /* 详情页内容 */
  .mode-detail-content {
    padding: 26px 260px;
  }

  .mode-detail {
    margin-top: 2.08vw;
  }

  /* 自动吸顶 -导航栏 */
  .feature-list {
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    background: #fff;
  }

  .feature-ul li {
    border-right: 1px solid #ececf2;
    cursor: pointer;
  }

  .solution-feature li {
    padding: 1.04vw 5.48vw;
  }

  .about-feature li {
    padding: 1.04vw 10.31vw;
  }

  .feature-ul li:nth-child(1) {
    border-left: 1px solid #ececf2;
  }

  .feature-ul li.isRective {
    background: #1976e1;
    color: #fff;
  }

  .feature-list[data-fixed="fixed"] {
    width: 100vw;
    box-shadow: 0px 2px 3px 3px rgba(0, 0, 0, 0.05);
    position: fixed;
    top: 70px;
    left: 0;
    margin: 0;
    z-index: 999;
  }

  /* 免费咨询  */
  .seek-advice-box {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    background: rgba(3, 23, 34, 0.1);
    display: none;
  }

  .seek-advice-popup {
    width: 16.43vw;
    height: 20.8vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .seek-advice-img {
    width: 100%;
  }

  .seek-advice-close {
    width: 1.04vw;
    height: 1.04vw;
    position: absolute;
    top: 0;
    right: 0;
  }

  /* 解决方案子叶-详情宽度 */
  .solution-mode-width {
    width: 73vw;
  }

  /* 按钮滑过 */
  .li-btn {
    border: 1px solid rgba(99, 99, 99, 0.38);
    width: max-content;
  }

  .li-btn:hover {
    color: #fff;
    font-weight: 500;
    background: linear-gradient(135deg, #0e62c3 0%, #1e84fa 100%);
  }

  /* 回到顶部 浮窗*/
  .float-window {
    position: fixed;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
    z-index: 1000;
    display: none;
  }

  .float-window .float {
    width: 4.16vw;
    background: #ffffff;
    box-shadow: 0px 10px 16px 0px rgba(3, 23, 34, 0.04);
    border-radius: 5px;
    border: 1px solid #d6e1ee;
  }

  .float-ul li {
    height: 4.84vw;
    border-bottom: 1px solid #f2f6f9;
  }

  .float-ul li:nth-last-child(1) {
    border-bottom: none;
  }

  .float-img {
    width: 1.87vw;
    height: 1.87vw;
    margin-bottom: 4px;
  }

  .info-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .info-box .info {
    background-color: #fff;
    margin-right: 10px;
    border: 1px solid #d6e1ee;
    box-shadow: 0px 10px 16px 0px rgba(3, 23, 34, 0.04);
    border-radius: 4px;
    position: relative;
  }

  .info-tel {
    padding: 1.04vw 5.2vw 1.04vw 1.04vw;
    margin-top: -43%;
  }

  .info-wechat {
    padding: 1.24vw 3.12vw;
  }

  .info-box .info::before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    border-width: 5px 0 5px 5px;
    position: absolute;
    right: -4px;
    transform: translateY(-50%);
    top: 50%;
  }

  .qrcode-img {
    width: 8.32vw;
    height: 8.32vw;
  }

  .concact-popup {
    display: none;
  }

  .info-tel {
    display: none;
  }

  .info-wechat {
    display: none;
  }

  /**
	 * 首页布局 -----------------
	 */
  /* 导航 --start */
  .nav-menu {
    display: none;
  }
  .mobile-nav-popup {
    display: none;
  }
  .nav-PC {
    min-width: 100vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 260px;
    box-sizing: border-box;
    position: fixed;
    z-index: 999;
    background: rgba(24, 102, 145, 0.05);
  }

  .nav-PC .nav-logo {
    width: 9.1vw;
    height: 2.8vw;
  }

  .nav-PC .nav-logo:nth-child(2) {
    display: none;
  }

  .nav-PC-bg {
    background: #fff;
  }

  .nav-PC-bg .menu-ul .menu-ul-list {
    color: #000;
  }

  .nav-PC-bg .menu-ul .menu-ul-list:hover {
    color: #2897db;
  }

  .nav-PC-bg .menu-ul .menu-ul-list.isActive {
    color: #000 !important;
  }

  .menu-ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: inherit;
  }

  .menu-ul li {
    position: relative;
  }

  .menu-ul .menu-ul-list {
    padding: 0 1.82vw;
    box-sizing: border-box;
    height: inherit;
    line-height: 4.58vw;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 0.2rem solid transparent;
    font-size: 0.93vw;
    color: rgba(239, 246, 255, 0.5);
  }

  .menu-ul .menu-ul-list:hover {
    color: #eff6ff;
    background: rgba(40, 151, 219, 0.2);
    cursor: pointer;
  }

  .isActive {
    color: #fff !important;
    background: rgba(40, 151, 219, 0.2);
    border-bottom: 3px solid #2897db !important;
  }

  /* 轮播 --start */
  .carousel-mobile-img {
    display: none;
  }
  .carousel-img {
    width: 100%;
    cursor: pointer;
  }

  .swiper-pagination {
    margin-bottom: 24px;
  }

  .my-bullet {
    width: 3vw;
    height: 2px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.14);
    margin: 0 5px;
    cursor: pointer;
  }

  .my-bullet-active {
    width: 3vw;
    background: #2897db;
  }

  /* 数量统计 --start */
  .numbers-display {
    width: 100%;
    height: 14.56vw;
    background: url("../img/numbers-display/5@2x.png") no-repeat;
    background-size: 100% 14.56vw;
    padding: 0 260px;
    box-sizing: border-box;
  }

  .numbers-ul {
    display: flex;
    align-items: center;
    height: inherit;
    flex-wrap: wrap;
  }

  .numbers-li {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .numbers-li img {
    width: 5.1vw;
    height: 4.92vw;
    margin-right: 24px;
  }

  .number-h2 {
    font-size: 2.18vw;
    color: #031722;
    font-weight: 600;
  }

  .number-h4 {
    font-size: 1.04vw;
    color: #899194;
    font-weight: 400;
    text-align: center;
  }

  /* 解决方案 --start */
  .solution-ul-app {
    display: none;
  }
  .solution {
    padding: 0 260px;
    background: url("../img/solution/5-bg.png") no-repeat center center/100%
      100%;
  }

  .solu-li {
    width: 48%;
    padding: 2.5vw 4vw;
    background: rgba(4, 36, 70, 0.8);
    border-radius: 6px;
    border: 3px solid rgba(131, 189, 255, 0.1);
    margin-bottom: 24px;
    height: 214px;
  }

  .solu-li:hover {
    background: linear-gradient(135deg, #093b74 0%, #1976e1 100%);
    border: 0;
    cursor: pointer;
  }

  .solu-li-btn {
    display: none;
  }

  .solu-li:hover .solu-li-btn {
    display: block;
  }

  .solu-li img {
    width: 6.76vw;
    height: 6.76vw;
    margin-right: 1vw;
  }

  .solu-text > span:nth-child(1) {
    font-size: 1.67vw;
    font-weight: 500;
    margin-bottom: 0.5vw;
  }

  .solu-text span:nth-child(2) {
    font-size: 1.04vw;
    font-weight: 500;
    margin-bottom: 0.8vw;
  }

  .isSoluShow {
    display: block;
  }

  .solu-li-appAll {
    display: none;
  }

  /* 客户案例 --start */
  .certify-ul-appbox {
    display: none;
  }
  .custom {
    padding: 0 260px;
    background-color: rgba(3, 30, 45, 0.8);
    position: relative;
  }

  .custom:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("../img/customerCase/1.jpg");
    background-size: cover;
    filter: blur(15px);
    z-index: -1;
  }

  .certify {
    position: relative;
    z-index: 10;
  }

  .certify .swiper-slide img {
    border-radius: 5px;
  }

  .custom-slide {
    width: 51.48vw !important;
    height: 34.32vw !important;
    position: relative;
  }

  .customerCase-img {
    width: 51.48vw;
    height: 34.32vw;
  }

  .custom-slide .customer-footer {
    padding: 1.46vw 1.87vw;
    background: #fff;
    border-radius: 0 0 5px 5px;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  /* 数字化建设 --start */
  .digitalize {
    background: url("../img/pics-wall/11-bg.png") no-repeat center center/100%
      100%;
    padding: 0 260px 100px 260px;
  }

  .digitalize-swiper {
    box-sizing: border-box;
    overflow: hidden;
  }

  .digitalize-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  .digitalize-img {
    width: 20%;
    padding: 4px;
  }

  .digitalize-pagination {
    margin-bottom: 0px !important;
  }

  .digitalize-wrapper {
    padding-bottom: 50px;
    display: inherit !important;
  }

  /* 互联网趋势 --start */
  .internetTrend {
    background: url("../img/internet/5-bg.png") no-repeat center center/100%
      100%;
    padding: 0 260px;
  }

  .internet-li-img {
    width: 12.48vw;
    height: 8.32vw;
    margin-right: 1.56vw;
  }

  .internet-tag-list {
    margin: 1vw 0;
  }

  .internet-tag {
    font-size: 1.04vw;
    padding: 3px 6px;
    color: #15a39d;
    background: rgba(21, 163, 157, 0.08);
    border-radius: 5px;
  }

  .internet-tag:nth-last-child(1) {
    margin-left: 10px;
  }

  .internet-li {
    width: calc(100% / 2 - 2vw);
    margin: 1.56vw 0;
  }

  /* .internet-li:nth-last-child(-n+2) {
		margin-top: 3.12vw;
	} */

  /* 官网底部 --start */

  /* 立即体验 */
  .instant-experience {
    background: url("../img/foot/1-bg.png") no-repeat center center/100% 100%;
    padding: 100px 260px;
    align-items: flex-start;
    flex-direction: column;
  }

  .instant-input-app {
    display: none !important;
  }

  .instant-input-pc {
    margin-top: 1.5vw;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .instant-input-pc > input:nth-child(1) {
    width: 21.42%;
  }

  .instant-input-pc > input:nth-child(2) {
    width: 21.42%;
  }

  .instant-input-pc > input:nth-child(3) {
    flex: 1;
    width: 100%;
  }

  .instant-input-pc input {
    border: none;
    outline: none;
    display: block;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 4px 0px 0px 4px;
    font-size: 1.04vw;
    color: #fff;
    padding: 0.73vw 0.73vw;
    margin-right: 14px;
  }

  .instant-input-error {
    border: 1px solid rgba(255, 187, 0, 1) !important;
    background: rgba(255, 187, 0, 0.05) !important;
  }

  .experience-btn {
    color: #1b78e3;
    padding: 0.73vw 1vw;
    background: #fff;
    cursor: pointer;
    border-radius: 4px;
  }

  /* 公司信息 + 服务条款 */
  .company-service {
    min-height: 26vw;
    padding: 80px 260px;
    background: #031722;
    position: relative;
    margin-top: -1px;
  }

  .company-ul-app {
    display: none !important;
  }

  .logo-foot-img {
    width: 9.1vw;
    height: 2.8vw;
    margin-bottom: 3.12vw;
  }

  .icon-bg-img {
    width: 12.9vw;
    height: 16.69vw;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
  }

  .company-li .company-icon {
    width: 1.66vw;
    height: 1.66vw;
  }

  .company-li .company-qrcode {
    width: 5.56vw;
    height: 5.56vw;
  }

  .friendship-link {
    z-index: 1;
    position: relative;
  }

  /* 友情链接 */
  .friendship-link a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    display: block;
    margin-right: 10px;
  }

  .friendship-link a:hover {
    text-decoration: underline;
  }

  /* 服务条款 */
  .footer-service-app {
    display: none !important;
  }
  .footer-service-pc {
    color: #4e5c64;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 1.3vw;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    padding: 1.2vw 0;
  }
  .mask {
    display: none;
  }
}

/* message.css */

#message-container {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#message-container .message {
  background: #fff;
  margin: 10px 0;
  padding: 0 10px;
  height: 40px;
  box-shadow: 0 0 10px 0 #eee;
  font-size: 14px;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
#message-container .message .text {
  color: #333;
  padding: 0 20px 0 5px;
}

.solution-ul-pc .swiper {
  padding-bottom: 74px;
}

@media screen and (max-width: 750px) {
  .solution-ul-pc .swiper {
    padding-bottom: 20px;
  }

  .solution-ul-pc .swiper .solution-pagination {
    margin-bottom: 0;
  }
}