.maximum {
  width: 100%;
  position: relative;
}
.maximum .head {
  width: calc(1500*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(80*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  display: flex;
  justify-content: end;
  position: absolute;
  z-index: 9999999999;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.maximum .head ul {
  display: flex;
  margin-top: calc(39*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .head ul li {
  margin-left: calc(30*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #fff;
}
.maximum .head ul li a {
  font-size: calc(14*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #fff !important;
}
.maximum .head_band {
  width: 100%;
  height: calc(720*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width))) !important;
  position: relative;
  display: flex;
  justify-content: center;
}
.maximum .head_band img {
  width: 100%;
  height: 100%;
}
.maximum .head_band .title_box {
  position: absolute;
  z-index: 5;
  color: #fff;
  width: calc(1400*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  bottom: calc(78*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .head_band .title_box h1 {
  font-size: calc(40*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .head_band .title_box span {
  display: block;
  width: calc(922*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-size: calc(16*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: calc(24*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-top: calc(37*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-bottom: calc(80*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .head_band .title_box .border {
  width: 100%;
  height: 1px;
  opacity: 0.53;
  background: #ffffff;
}
.maximum .head_band .title_box a {
  display: block;
  width: calc(140*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(52*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #fff;
}
.maximum .head_band .title_box .btn1 {
  width: calc(140*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(52*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: #3a89fe;
  border-radius: calc(26*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: calc(47*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .box {
  display: flex;
  width: calc(1271*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-left: calc(260*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: #fff;
  padding-top: calc(84*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-bottom: calc(154*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .box .flex {
  display: flex;
  justify-content: space-between;
  height: calc(114*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: calc(146*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .box .flex img {
  width: calc(55*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: 100%;
}
.maximum .box .text {
  flex: 1;
  padding-left: calc(36*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .box .text h2 {
  font-size: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 700;
  color: #333333;
  padding-bottom: calc(35*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .box .text p {
  font-size: calc(14*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #666666;
  text-indent: 2em;
  line-height: calc(24*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .bottom_box {
  width: 100%;
  background: #eef1f4;
  padding-bottom: calc(62*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .bottom_box h2 {
  font-size: calc(24*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: 700;
  color: #333333;
  text-align: center;
  padding-top: calc(25*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-bottom: calc(50*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .bottom_box .ul_box {
  display: flex;
  justify-content: space-between;
  padding-left: calc(320*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-right: calc(320*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-size: calc(14*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .bottom_box .ul_box .ul_1 {
  padding-left: calc(30*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-right: calc(30*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: calc(270*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-bottom: calc(22*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: url(../image/back1.png) no-repeat;
  background-size: 100% 100%;
}
.maximum .bottom_box .ul_box .ul_1 .computer {
  width: calc(34*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(30*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-top: calc(26*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-bottom: calc(22*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .bottom_box .ul_box .ul_1 h3 {
  font-weight: 700;
  color: #333333;
}
.maximum .bottom_box .ul_box .ul_1 .border {
  width: calc(21*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(2*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: #3a89fe;
  margin-top: calc(20*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .bottom_box .ul_box .ul_1 .platform {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: calc(44*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-top: calc(18*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .bottom_box .ul_box .ul_1 .platform p {
  color: #333333;
}
.maximum .bottom_box .ul_box .ul_1 .platform img {
  width: calc(15*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(15*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.maximum .bottom_box .ul_box .ul_1 .version {
  padding-right: calc(18*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: calc(24*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-top: calc(40*(clamp(1200px, 100vw, 3840px) / var(--ideal-viewport-width)));
}
.btn {
  margin: 0 !important;
}