dl {
          margin: 0;
      }

      dd {
          margin: 0;
      }

      dt {
          margin: 0;
      }

      header {
          height: 60px;
          line-height: 60px;
          font-family: 微软雅黑;
          max-width: 1200px;
          margin: auto;
          padding: 0px 0px;
      }

      .container-fluid {
          padding: 0px 0px;
          margin: 0px 0px;
      }

      .navbar {
          padding: 0;
          margin: 0;
      }

      .navbar-brand {
          display: inline-block;
          height: 60px;
          line-height: 60px;
      }



      .navbar-brand img {
          width: auto;
          height: 50px;
          vertical-align: text-bottom;
      }



      .company {
          display: inline-block;
          list-style: none;
      }

      .company-name {
          font-size: 18px;
          font-weight: bold;
          line-height: 25px;
      }

      .company-info {
          font-size: 16px;
          line-height: 20px;
          color: #0054fc;
      }

      .navbar-nav {
          display: flex;
          flex-direction: row;
          height: 60px;
          line-height: 60px;
          margin-right: 50px;
          font-size: 14px;
          vertical-align: middle;
      }

      .navbar-nav li {
          margin: 0px 15px;
          padding: 0px 15px;
      }

      .active {
          background-color: #0054fc;
          color: #fff;
      }

      .active .nav-link {
          color: #fff;
          font-size: 16px;
      }

      .nav-link {
          margin: 0;
          padding: 0;
      }

      a {
          color: #000;
          text-decoration: none;
      }

      .footer {
          height: 144px;
          color: #fff;
          /* background: linear-gradient(to bottom, rgb(0, 84, 252, 0.9) 30%, rgb(0, 84, 252, 0.5) 70%); */
          background-color: #0054fc;
          text-align: center;
          font-size: 38px;
          font-weight: bold;
          line-height: 60px;
          padding: 10px 0px;
      }

      .footer-container {
          max-width: 1200px;
          padding-top: 15px;
          margin: auto;
          display: flex;
          align-items: flex-start;
          flex-direction: row;
          justify-content: space-around;
          text-decoration: none;
      }

      .footer-log {
          display: flex;
          flex-direction: column;
          text-align: center;
          align-content: center;
      }

      .footer-container dt {
          font-size: 18px;
      }

      .footer-container dd {
          font-size: 16px;
          padding: 5px 0;
      }

      .footer-log div {
          padding: 15px 0;
      }

      .footer-log img {
          height: 120px;
          width: 100px;
      }

      .en {
          margin-top: -2px;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 13px;
          font-weight: bold;
          letter-spacing: normal;
      }

      .cn {
          font-size: 22px;
          font-weight: bold;
      }

      .container {
          max-width: 1200px;
      }

      .shortcut-wrap {
          height: 93px;
          background-color: #dae0ea;
          opacity: 0.8;
      }

      .shortcut {
          display: flex;
          align-items: flex-start;
          justify-content: space-between;
          height: 100%;
          vertical-align: middle;
      }

      .shortcut a {
          display: inline-flexbox;
          height: 100%;
          vertical-align: middle;
          flex-direction: row;
          padding: 15px 50px;
      }

      .shortcut a img {
          display: inline-block;
          vertical-align: top;

      }

      .shortcut a dl {
          display: inline-block;
          padding: 6px 5px;
      }

      .shortcut a dl dt {
          font-size: 18px;
      }

      .shortcut a dl dd {
          font-size: 12px;
          padding: 5px 0px;
      }


      .shortcut a:hover {
          background-color: #fff;
          color: #000;

      }

      .problem-wrap {
          background-image: url(../imgs/backdrop-1920x690px.png);
          min-height: 690px;
          padding: 60px 0px;
      }

      .problem-box {
          display: flex;
          flex-direction: row;
          width: 100%;
          justify-content: space-between;
      }

      .problem-main {
          display: flex;
          flex-direction: column;
          align-items: baseline;
          background-image: url(../imgs/problem-bg.png);
          height: 534px;
          width: 374px;
      }

      .problem-title {
          position: relative;
          padding: 50px 20px;
          width: 326px;
      }

      .problem-title-cn {
          font-size: 36px;
          font-weight: bold;
      }

      .problem-title-en {
          font-size: 24px;
          font-weight: bold;
      }

      .problem-title-flag {
          margin: 5px 0px;
          height: 5px;
          line-height: 5px;
          width: 20px;
          background-color: #0054fc;
      }

      .problem-context {
          display: inline-flex;
          flex-direction: row-reverse;
          flex-wrap: wrap;
      }

      .problem-context-item {
          width: 270px;
          height: 254px;
          background-color: #fff;
          padding: 15px 15px;
          margin: 0px 5px;
          box-shadow: 2px 2px 10px 2px rgb(221, 228, 240)
      }

      .problem-context-item::after {
          box-shadow: 10px 10px 5px 10px #737f93;
      }

      .problem-context-item dt {
          font-size: 20px;
          font-weight: bold;
      }

      .problem-context-item dd {
          font-size: 14px;
          padding: 5px 0px;
      }

      .problem-context-item:hover {
          background: linear-gradient(to bottom, rgb(0, 84, 252, 0.9) 20%, rgb(0, 84, 252, 0.5) 70%);
          /* background-color: rgb(0, 84, 252, 0.5); */
          color: white;
      }

      .problem-store:hover img {
          content: url(../imgs/Storage\ charges1-70x70px.png);
      }

      .problem-sys:hover img {
          content: url(../imgs/message1-70x70px.png);
      }

      .problem-employee:hover img {
          content: url(../imgs/personnel1-70x70px.png);
      }

      .problem-error:hover img {
          content: url(../imgs/mistake1-70x70px.png);
      }

      .problem-cost:hover img {
          content: url(../imgs/cost70x70px.png);
      }

      .problem-dsr:hover img {
          content: url(../imgs/dsr1-70x70px.png);
      }

      .service-wrap {
          max-width: 1200px;
          margin: auto;
          padding: 50px 0px;
      }

      .service-header {
          text-align: center;
          padding: 15px 0px;
      }

      .service-header-cn {
          font-size: 46px;
          font-weight: bold;
      }

      .service-header-en {
          font-size: 24px;
          font-weight: bold;
      }

      .service-header-title {
          font-size: 24px;
          color: #999;
      }

      .service-context {
          padding: 15px 0px;
          display: flex;
          flex-direction: row;
      }

      .service-item {
          position: relative;
          width: 410px;
          display: none;
      }

      .service-item-context {
          position: absolute;
          z-index: 99;
          bottom: -6px;
          left: 13px;
          width: 366px;
          padding: 30px 30px;
          margin-bottom: 50px;
          color: #fff;
          border-bottom-left-radius: 15px;
          border-bottom-right-radius: 15px;
          background-color: transparent;
      }

      .service-item-context dt {
          font-size: 24px;
      }

      .service-item-context span {
          display: block;
          width: 50px;
          height: 5px;
          background-color: #fff;
      }

      .service-item-context dd {
          word-break: break-all;
          word-wrap: break-word;
          font-size: 16px;
          display: none;
      }

      /* .hidden {
          display: none;
      } */

      .service-item-context:hover {
          transition: all 1.5s ease 0s;
          background: linear-gradient(to bottom, rgb(255, 160, 44, 0.5) 10%, rgb(0, 84, 252, 0.5) 80%);
          /* background: repeating-linear-gradient(to bottom, #ff9f2b, #0054fc 10%, #ff9f2b 20%); */
      }

      .service-item-context:hover dd {
          display: inline;
      }


      .follow {
          max-width: 1200px;
          margin: auto;
          padding: 50px 0px;
      }

      .follow-wrap {
          background-color: #f4f5f7;
      }

      .follow-header {
          text-align: center;
          padding: 15px 0px;
      }

      .follow-header-cn {
          font-size: 46px;
          font-weight: bold;
      }

      .follow-header-en {
          font-size: 24px;
          font-weight: bold;
      }

      .follow-header-title {
          font-size: 24px;
          color: #999;
      }

      .follow-context {
          padding: 15px 0px;
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
      }

      .follow-context div {
          padding: 0px 0px;
          margin: 0px 0px;
      }

      .follow-context ul {
          margin: 0px 0px;
          padding: 0px 0px;
          display: flex;
          flex-direction: column;
          flex-wrap: nowrap;
          list-style: none;
          align-items: center;
          justify-content: space-between;
      }

      ul.arrow {
          width: 100px;
          vertical-align: middle;
      }

      li.image {
          height: 144px;
          line-height: 144px;
          vertical-align: middle;
      }

      .follow-context li.point {
          position: relative;
          width: 100%;
          text-align: center;
          padding: 10px 0px;
          background-color: transparent;
      }

      .follow-context li.point span {
          font-size: 26px;
          color: #0054fc;
          position: inherit;
          z-index: 2;
      }

      .follow-context li.point hr {
          position: absolute;
          padding: 0 0;
          margin: 0 0;
          width: 100%;
          z-index: 1;
          border-style: dashed;
          /*border-width: 1px;
          border-color: red; */
          bottom: 25px;
      }

      .follow-context li.number {
          font-size: 40px;
          font-weight: bold;
          font-style: italic;

      }

      .follow-context li.text {
          font-size: 20px;
          font-weight: bold;
      }



      .follow-context li {
          padding: 0px 0px;
          margin: 0px 0px;
      }

      .brand {
          max-width: 1200px;
          margin: auto;
          padding: 50px 0px;
      }

      .brand-wrap {
          background-color: #fff;
      }

      .brand-header {
          text-align: center;
          padding: 15px 0px;
      }

      .brand-header-cn {
          font-size: 46px;
          font-weight: bold;
      }

      .brand-header-en {
          font-size: 24px;
          font-weight: bold;
      }

      .brand-header-title {
          font-size: 24px;
          color: #999;
      }


      .wrapper {
          width: 1200px;
          height: 200px;
          position: relative;
          margin: 40px auto 0;
          background: #fff;
          overflow: hidden;

      }

      .brand-logs {
          position: relative;
          left: -200px;
      }

      .brand-log {
          position: absolute;
          display: block;
          width: 200px;
          height: 100px;
          padding: 15px 15px;
          background: #fff;
          text-align: center;
          margin: auto;
      }

      .brand-log img {
          position: relative;
          max-width: 90%;
          max-height: 90%;
          object-fit: cover;
          vertical-align: text-top;
      }

      .brand-log:nth-child(odd) {
          background: #fff;
      }

      .brand-log:nth-child(even) {
          background: #fff;
      }

      ::-webkit-scrollbar {
          width: 8px;
      }

      ::-webkit-scrollbar-track {
          background-color: #fff;
      }

      ::-webkit-scrollbar-thumb {
          background-color: #0054fc;
          border-radius: 4px;
      }

      .proper {
          position: fixed;
          z-index: 99;
          right: 2px;
          bottom: 20%;
          width: 80px;
          background: linear-gradient(to bottom, rgb(255, 160, 44, 0.9) 40%, rgb(255, 160, 44, 0.9) 60%);
          /* background-color: #ff9f2b; */
          display: flex;
          flex-direction: column;
          text-align: center;
          color: white;
          padding: 10px 10px;
          border: 1px solid #fff;
          border-radius: 5px;
          box-shadow: 5px 5px 5px #999;
      }

      .proper svg {
          margin: auto;
          display: block;
          width: 32px;
          height: 32px;
          color: white;
      }

      .proper a {
          margin: auto;
          display: block;
          color: white;
          height: 66px;
          font-size: 14px;
      }

      .proper hr {
          float: right;
          padding: 0px 0px;
          margin: 0px 0px;
          margin-left: 10px;
          height: 2px;
          width: 100%;
          border-color: #fff;
      }

      .proper ul {
          list-style: none;
          font-weight: bold;
          padding: 0px 0px;
          margin: 0px 0px;
      }

      .phone>ul {
          padding: 0px 0px;
          margin: 0px 0px;
          position: fixed;
          display: none;
          z-index: 1000;
          height: 200px;
          width: 40px;
          font-size: 24px;
          top: 0;
          left: -48px;
          margin: auto;
          background-color: #fff;
          border: 1px solid #fff;
          color: #000;
      }

      .phone:hover>ul {
          position: absolute;
          display: flex;
          flex-direction: column;
          writing-mode: vertical-lr;
          text-shadow: #ff9f2b;
          color: #000;
          background-color: #f4f5f7;
      }

      .wechat>ul {
          padding: 0px 0px;
          margin: 0px 0px;
          position: fixed;
          display: none;
          z-index: 1000;
          height: 105px;
          width: 105px;
          top: 66px;
          left: -108px;
          margin: auto;
          background-color: #fff;
          border: 1px solid #fff;
      }

      .wechat>ul>li>img {
          height: 105px;
          width: 105px;
      }

      .wechat:hover>ul {
          position: absolute;
          display: flex;
          flex-direction: column;
      }


      .email>ul {
          padding: 0px 0px;
          margin: 0px 0px;
          position: fixed;
          display: none;
          z-index: 1000;
          height: 252px;
          width: 40px;
          font-size: 24px;
          writing-mode: vertical-lr;
          top: 0;
          left: -48px;
          margin: auto;
          background-color: #fff;
          border: 1px solid #fff;
          color: #000;
      }

      .email:hover>ul {
          position: absolute;
          display: flex;
          flex-direction: column;
      }



      /* .currentColor {
          color: white;
      } */


      .follow-context>div {
          display: none;
      }

      dd.tel,
      dd.email {
          font-weight: bold;
      }

      dd.wechat img {
          width: auto;
          height: 100px;
      }