html,
body {
  overflow-x: hidden;
}

.k722-header-621dd6 {
  position: relative;
  z-index: 20;
  background: #07336d;
  min-height: 86px;
}

.k722-header-621dd6 .h-dingwei-a9aba9 {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  min-height: 86px;
}

.k722-header-621dd6 .nav-con li a {
  color: #fff;
}

.k722-header-621dd6 .nav-con li a:hover {
  background: #d71920;
  color: #fff;
}

.k722-hero-35e9e4 {
  margin-top: 0;
}

.k722-section-title-3ee139 {
  max-width: 900px;
  margin: 0 auto 28px;
  padding: 0 15px;
  text-align: center;
}

.k722-section-title-3ee139 p {
  max-width: 760px;
  margin: 0 auto 8px;
  color: #666;
  font-size: 17px;
  line-height: 1.7;
}

.k722-section-title-3ee139 h2 {
  margin: 0;
  color: #232944;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25;
}

.pro-1dfc56 {
  padding-top: 52px !important;
  padding-bottom: 36px !important;
}

.pro-title-7331e5,
.case-title-407ad7 {
  padding: 0;
  text-align: center;
  clear: both;
  position: relative !important;
  z-index: 2;
  width: auto !important;
  height: auto !important;
  background: none !important;
}

.pro-bt-f735ef {
  display: block !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 0 15px !important;
  background: none !important;
  text-align: center !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #0a2f66 !important;
  line-height: 1.4 !important;
}

.pro-bt-f735ef p {
  width: auto !important;
  max-width: 860px !important;
  margin: 0 auto 10px !important;
  line-height: 1.8 !important;
  color: #666;
}

.k722-advantages-49eaad {
  padding: 44px 0;
  background: #f7f8fb;
}

.k722-adv-grid-06bc33 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.k722-adv-grid-06bc33 li,
.pro-1dfc56 .pro-con-e2550c li,
.case-con-a36c7d li {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
}

.k722-adv-grid-06bc33 a {
  display: block;
  padding: 0 0 24px;
  color: #333;
  text-align: center;
}

.k722-adv-img-7f915c {
  display: block;
  overflow: hidden;
}

.k722-adv-img-7f915c img {
  display: block;
  width: 100%;
  height: 210px;
  object-fit: cover;
}

.k722-adv-grid-06bc33 b {
  display: block;
  font-size: 22px;
  color: #093aa7;
  margin: 20px 18px 12px;
  line-height: 1.35;
}

.k722-adv-grid-06bc33 p {
  font-size: 15px;
  line-height: 1.8;
  color: #666;
  margin: 0 24px;
  max-height: 82px;
  overflow: hidden;
}

.pro-1dfc56 .pro-con-e2550c ul,
.case-con-a36c7d ul {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

.pro-1dfc56 .pro-con-e2550c {
  margin-top: 24px !important;
  padding-top: 20px !important;
}

#ScrollBox li {
  width: auto !important;
  margin: 0 !important;
}

#ScrollBox li .cp-tp-f405c3 {
  width: 100% !important;
  height: auto !important;
}

#ScrollBox li .cp-tp-f405c3 img {
  width: 100% !important;
  height: 220px !important;
}

#ScrollBox li .cp-bt-62fecb {
  height: auto !important;
  min-height: 58px !important;
  padding: 14px 12px !important;
  line-height: 1.45 !important;
  background: none !important;
}

#ScrollBox li .cp-bt-62fecb a {
  font-size: 18px !important;
  line-height: 1.45 !important;
}

.pro-1dfc56 .cp-tp-f405c3 img,
.case-con-a36c7d .homethreepic-d9c802 img {
  height: 230px !important;
  object-fit: cover;
}

.pro-1dfc56 .cp-bt-62fecb {
  padding: 16px 14px;
  text-align: center;
  min-height: 64px;
}

.pro-1dfc56 .cp-bt-62fecb a {
  font-size: 18px;
  line-height: 1.45;
  color: #222;
}

.case-con-a36c7d .homethreepic-d9c802 {
  margin: 0;
}

.case-con-a36c7d .homethreetit-970040 {
  padding: 16px;
  text-align: center;
}

.case-con-a36c7d .homethreetit-970040 i {
  display: inline-block;
  width: 42px;
  height: 28px;
  margin-right: 8px;
  color: #d71920;
  font-weight: 700;
  font-style: normal;
}

.case-con-a36c7d li:nth-child(1) .homethreetit-970040 i:before {
  content: "01";
}

.case-con-a36c7d li:nth-child(2) .homethreetit-970040 i:before {
  content: "02";
}

.case-con-a36c7d li:nth-child(3) .homethreetit-970040 i:before {
  content: "03";
}

.about-bg-9100e7 {
  padding: 52px 0 44px !important;
}

.about-content-9d9bd4 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 30px;
  align-items: center;
  margin-top: 30px !important;
}

.about-nr-f2ea34,
.about-img-0e4dc2 {
  float: none !important;
  width: auto !important;
}

.about-img-0e4dc2 {
  margin-top: 0 !important;
}

.about-img-0e4dc2 img {
  height: 300px !important;
}

.about-title-36eb56 {
  margin-top: 26px !important;
}

.about-con-6fce55 {
  margin-top: 18px !important;
  height: auto !important;
  max-height: 160px !important;
}

.about-more-56404b {
  margin-top: 22px !important;
}

.about-bottom-36d042 {
  margin-top: 42px !important;
}

.about-bottom-36d042 ul {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.about-bottom-36d042 li {
  float: none !important;
  width: auto !important;
  height: 112px !important;
  background-size: 100% 100% !important;
}

.about-bottom-36d042 li img {
  margin: 30px 14px 0 22px !important;
}

.about-bottom-36d042 li span {
  padding-top: 24px !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.about-slogn-a799df {
  display: flex;
  gap: 24px;
  align-items: center;
  margin-top: 150px !important;
}

.about-slogn-con-99c989 {
  float: none !important;
  flex: 1 1 auto;
  width: auto !important;
  font-size: 25px !important;
  line-height: 1.5 !important;
}

.about-slogn-con-99c989 img {
  display: none !important;
}

.about-slogn-con-99c989 p:before {
  width: 100% !important;
}

.about-slogn-more-5415b3 {
  float: none !important;
  flex: 0 0 190px;
  margin-top: 0 !important;
}

.case-0181fb {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.case-con-a36c7d {
  margin-top: 24px !important;
}

.k722-news-7958a6 {
  padding: 46px 0 !important;
}

.f-con-47108b ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.f-con-47108b li {
  float: none !important;
  width: auto !important;
}

@media (max-width: 768px) {
  .k722-header-621dd6 .h-dingwei-a9aba9 {
    min-height: auto;
    height: 150px;
  }
  .nav{
      margin-top: 0 !important;
  }

  .k722-header-621dd6 .logo-731e5e {
    display: block !important;
    text-align: center;
  }

  .k722-header-621dd6 .nav-con ul {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .k722-header-621dd6 .nav-con a {
    line-height: 1.4 !important;
  }

  .k722-hero-35e9e4 img {
    height: 300px !important;
  }

  .pro-title-7331e5,
  .case-title-407ad7 {
    padding: 0;
  }

  .k722-section-title-3ee139 {
    margin-bottom: 18px;
  }

  .k722-section-title-3ee139 p {
    font-size: 14px;
    line-height: 1.65;
  }

  .k722-section-title-3ee139 h2 {
    font-size: 24px;
  }

  .pro-1dfc56 {
    padding-top: 28px !important;
    padding-bottom: 24px !important;
  }

  .k722-hero-text-7493ed {
    top: 52%;
  }

  .k722-adv-grid-06bc33,
  .f-con-47108b ul {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .case-con-a36c7d ul {
    grid-template-columns: 1fr !important;
  }

  .pro-1dfc56 .pro-con-e2550c ul {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
  }

  .k722-adv-img-7f915c img {
    height: 118px !important;
  }

  .pro-1dfc56 .cp-tp-f405c3 img {
    height: 128px !important;
  }
  .about-nr-f2ea34:before,.about-title-36eb56,.about-slogn-a799df,.about-more-56404b{
      display: none;
  }
  .case-con-a36c7d li{
    padding-left:0;
  }
  #ScrollBox li .cp-tp-f405c3 img {
    height: 128px !important;
  }

  #ScrollBox li .cp-bt-62fecb {
    min-height: 52px !important;
    padding: 10px 8px !important;
  }

  #ScrollBox li .cp-bt-62fecb a {
    font-size: 15px !important;
  }

  .case-con-a36c7d .homethreepic-d9c802 img {
    height: 190px !important;
  }

  .k722-adv-grid-06bc33 a {
    padding-bottom: 14px;
  }

  .k722-adv-grid-06bc33 b {
    margin: 12px 10px 8px;
    font-size: 16px;
  }

  .k722-adv-grid-06bc33 p {
    margin: 0 12px;
    font-size: 13px;
    line-height: 1.65;
    max-height: 64px;
  }

  .pro-1dfc56 .cp-bt-62fecb {
    min-height: 52px;
    padding: 10px 8px;
  }

  .pro-1dfc56 .cp-bt-62fecb a {
    font-size: 15px;
  }

  .about-content-9d9bd4 {
    display: block !important;
  }

  .about-img-0e4dc2 img {
    height: 180px !important;
  }

  .about-bottom-36d042 {
    display: none !important;
  }


  .k722-advantages-49eaad,
  .about-bg-9100e7,
  .case-0181fb,
  .k722-news-7958a6 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  .about-content-9d9bd4,
  .about-bottom-36d042,
  .about-slogn-a799df,
  .case-con-a36c7d,
  .pro-1dfc56 .pro-con-e2550c {
    margin-top: 18px !important;
  }
}