@charset "UTF-8";
.main {
  overflow: visible;
}

.float-fix-btn {
  z-index: 9;
  position: sticky;
  top: 100px;
  width: 100%;
  background: #cfe8f3;
}
.float-fix-btn .float-fix-btn-flex {
  width: 1100px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
}
.float-fix-btn .float-fix-btn-flex a {
  display: block;
  width: 50%;
  text-decoration: none;
  font-size: 26px;
  color: #0083c9;
}
.float-fix-btn .float-fix-btn-flex a.active {
  color: #fff;
  text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
}
.float-fix-btn .float-fix-btn-flex a.active p {
  background: linear-gradient(to right, #952e97, #2761b4);
}
.float-fix-btn .float-fix-btn-flex a.active span {
  background: #64c9ff;
}
.float-fix-btn .float-fix-btn-flex a p {
  position: relative;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  font-size: 16px;
  color: #fff;
  letter-spacing: 3px;
  border-radius: 50px 50px 0 0;
  background: linear-gradient(to right, #207df2, #4bd3f3);
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.35);
}
.float-fix-btn .float-fix-btn-flex a span {
  display: block;
  padding: 8px 0;
  background: #fff;
  text-align: center;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
}

.cross-wrap {
  position: relative;
  width: 100%;
  background: linear-gradient(to right, #fcfcfe, #e5edf7);
}
.cross-wrap .outer-wrap {
  width: 1100px;
  margin: auto;
}
.cross-wrap .fullimg {
  display: block;
  width: 100%;
}
.cross-wrap .fullimg-01 {
  width: 80%;
  margin: auto;
}
.cross-wrap .cross-link-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 297px;
  width: 100%;
  height: 152px;
  margin: auto;
}
.cross-link-box {
  position: relative;
  left: 0;
  right: 0;
  margin: auto;
  width: 880px;
  height: 152px;
}
.cross-wrap .cross-link {
  position: absolute;
  right: 30px;
  bottom: 18px;
  display: inline-block;
  z-index: 1;
  line-height: 1.1;
  font-weight: 900;
  color: #007ac4;
  text-decoration: none;
  border-bottom: 1px solid #007ac4;
  transition: all 0.1s ease-in-out;
  font-size: 1.1rem;
}
.cross-wrap .cross-link:hover {
  color: #3d69c1;
}
.cross-wrap .cross-link-m {
  display: none;
}
.cross-wrap .cross-one-block {
  padding-top: 50px;
}
.cross-wrap .cross-one-block .cross-block {
  position: absolute;
  margin: 35px 0;
  border: 3px solid #96c7e5;
  border-radius: 50px;
  overflow: hidden;
}
.cross-wrap .cross-one-block .cross-block article {
  padding: 25px 6%;
  font-size: 20px;
}
.cross-wrap .cross-one-block .cross-block article ul li::marker {
  content: "※";
}
.cross-wrap .cross-one-block .cross-block article a {
  display: inline-block;
  color: #fff;
  background: #3d69c1;
  text-decoration: none;
  margin-top: 25px;
  padding: 12px 25px;
  border: 1px solid #fff;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}
.cross-wrap .cross-one-block .cross-block article a span {
  letter-spacing: 3px;
}
.cross-wrap .cross-one-block .cross-block article a img {
  position: relative;
  display: inline-block;
  width: 20px;
  vertical-align: middle;
  margin-left: 15px;
  top: -3px;
}
.cross-wrap .cross-two-block p,
.cross-wrap .cross-three-block p {
  font-size: 20px;
  font-weight: bold;
}
.cross-wrap .cross-two-block .cross-btn,
.cross-wrap .cross-three-block .cross-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 8px;
  width: 100%;
  padding: 25px 0;
}
.cross-wrap .cross-two-block .cross-btn a,
.cross-wrap .cross-three-block .cross-btn a {
  display: block;
  text-decoration: none;
  padding: 8px 15px;
  background: #f0ad4e;
  color: #000;
  font-weight: bold;
  border-radius: 8px;
  box-shadow: 0 5px 3px rgba(0, 0, 0, 0.25), 0 -5px 3px rgb(255, 255, 255);
}
.cross-wrap .cross-two-block .cross-btn a.blue,
.cross-wrap .cross-three-block .cross-btn a.blue {
  background: #5ac0df;
}
.cross-wrap .cross-two-block .cross-btn a.white,
.cross-wrap .cross-three-block .cross-btn a.white {
  background: #fff;
}
/* .cross-wrap .cross-four-block {
  padding: 50px 0;
} */
.cross-wrap .cross-four-block .cross-flex {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  text-align: center;
  gap: 25px 0;
}
.cross-wrap .cross-four-block .cross-flex a {
  display: block;
  width: 32%;
  text-decoration: none;
  padding: 25px;
  background: #fff;
  border-radius: 25px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
  box-sizing: border-box;
  transition: transform 0.5s;
}
.cross-wrap .cross-four-block .cross-flex a h4 {
  font-size: 18px;
  color: #007ac4;
}
.cross-wrap .cross-four-block .cross-flex a h4 span {
  color: #5fbb55;
}
.cross-wrap .cross-four-block .cross-flex a p {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 18px;
  color: #333;
  margin: 5px 0;
  gap: 15px;
}
.cross-wrap .cross-four-block .cross-flex a p span {
  flex: 1 0 0;
  height: 1px;
  background: #333;
}
.cross-wrap .cross-five-block p {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.cross-wrap .cross-five-block .cross-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 25px 0;
  padding: 50px 0;
}
.cross-wrap .cross-five-block .cross-flex a,
.cross-wrap .cross-five-block .cross-flex div {
  display: block;
  width: 48%;
}
.cross-wrap .cross-six-block {
  padding: 50px 0;
}
.cross-wrap .cross-six-block p.des {
  color: #000;
  font-weight: bold;
  font-size: 16px;
}
.cross-wrap .cross-six-block .cross-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 50px 0;
  padding: 50px 0;
}
.cross-wrap .cross-six-block .cross-flex a {
  width: 31%;
  display: block;
  text-decoration: none;
}
.cross-wrap .cross-six-block .cross-flex a p {
  font-weight: bold;
  color: #000;
  font-size: 20px;
  line-height: 1.5em;
  margin-top: 12px;
  min-height: 120px;
}
.cross-wrap .cross-six-block .cross-flex a h5 {
  width: 35%;
  margin: auto;
  margin-right: 0;
  filter: invert(1);
}

.allme-wrap {
  background: linear-gradient(to bottom, #65bbff, #6967ed);
}
.allme-wrap .bg-deco-1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  overflow: hidden;
}
.allme-wrap .bg-deco-1 img {
  display: block;
  width: 100%;
  transform: translate(20%, -25%);
}
.allme-wrap .bg-deco-2 {
  z-index: 1;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20%;
  overflow: hidden;
}
.allme-wrap .bg-deco-2 img {
  display: block;
  width: 100%;
  transform: translate(20%, 0);
}
.allme-wrap .bg-deco-3 {
  position: absolute;
  top: 17%;
  left: 0;
  width: 13%;
  overflow: hidden;
}
.allme-wrap .bg-deco-3 img {
  display: block;
  width: 100%;
  transform: translate(-20%, 0);
}
.allme-wrap .bg-deco-4 {
  z-index: 2;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20%;
  overflow: hidden;
}
.allme-wrap .bg-deco-4 img {
  display: block;
  width: 100%;
  transform: translate(20%, 0) rotate(90deg);
}
.allme-wrap .bg-deco-5 {
  z-index: 2;
  position: absolute;
  top: 18%;
  left: 0;
  width: 24%;
  overflow: hidden;
}
.allme-wrap .bg-deco-5 img {
  display: block;
  width: 100%;
  transform: translate(-40%, 0) rotate(90deg);
}

.part1 {
  background: none;
}
.part1 .ttBox0 > img {
  width: 1000px;
}
.part1 .partWrap {
  background: linear-gradient(135deg, #51e7ff, #367bff, #515afe, #b479ff);
  background-size: cover;
  border-radius: 35px;
  width: 1100px;
  padding: 0;
}
.part1 .partWrap-2 {
  padding-top: 25px;
  margin: 35px auto;
}
.part1 .childBox .each .imgFont {
  width: 80%;
}
.part1 .childBox .each .subList {
  margin: 0 auto;
}
.part1 .childBox .each .subList .sub .r6 {
  font-size: 14px;
}
.part1 .eachBox {
  margin: 25px 0;
}
.part1 .eachBox .each .ttImg {
  margin: 0;
}
.part1 .eachBox .each .moreBtn {
  font-size: 20px;
  letter-spacing: 0.25em;
  padding: 8px 50px 8px 35px;
}
.part1 .eachBox .each .moreBtn::after {
  transform: scale(0.5);
}
.part1 .all-title-1 {
  display: block;
  width: 1000px;
  margin: auto;
  margin-top: 50px;
}
.part1 .all-title-h4 {
  color: #fff;
  font-weight: bold;
  font-size: 22px;
}
.part1 .newCard .btnBox .offersBtn {
  margin: 3% 0;
}
.part1 .newCard::after {
  display: none;
  margin: 0;
}

.part2 {
  background: none !important;
}
.part2 .partWrap .itemBox {
  background: linear-gradient(135deg, #4abbff, #44a4ff, #4d8cff, #6888ff);
  border-radius: 35px;
}
.part2 .itemBox .item .tt h3 {
  z-index: 1;
  position: relative;
}
.part2 .itemBox .item .tt.t0_color::after,
.part2 .itemBox .item .tt.t1_color::after,
.part2 .itemBox .item .tt.t2_color::after {
  height: 2px;
  z-index: 0;
}

.part3 {
  background: none !important;
}
.part3 .part3-block {
  background: linear-gradient(135deg, #51a9fd, #5b9dfd, #5763f9);
  border-radius: 35px;
  padding: 50px;
  box-sizing: border-box;
}
.part3 .tt h3 {
  z-index: 1;
  position: relative;
}
.part3 .tt::after {
  width: 100%;
  left: 0;
  z-index: 0;
}

.part4 {
  background: none;
}
.part4 .part4-block {
  background: linear-gradient(to right, #6994f5, #41a6f7, #4e72f5);
  border-radius: 35px;
  padding: 50px 0 0 0;
  box-sizing: border-box;
}
.part4 .part4-block h4 {
  font-size: 36px;
  color: #fff;
}

.part5 {
  background: none;
}
.part5::before,
.part5::after {
  display: none;
}
.part5 .partWrap {
  background: linear-gradient(100deg, #5798aa, #2d80dc, #4579f8);
  border-radius: 35px;
  padding: 50px 0;
  box-sizing: border-box;
}
.part5 .eachBox .each {
  width: 33%;
  padding: 35px 1%;
}
.part5 .ttBox0 {
  margin: 0;
}

.part3 .eachBox .swiper-part3-1-pagination span,
.part3 .eachBox .swiper-part3-2-pagination span,
.part3 .eachBox .swiper-part3-3-pagination span {
  border: 0;
}

.part3 .eachBox .swiper-part3-1-control .left-btn,
.part3 .eachBox .swiper-part3-2-control .left-btn,
.part3 .eachBox .swiper-part3-3-control .left-btn,
.part3 .eachBox .swiper-part3-1-control .right-btn,
.part3 .eachBox .swiper-part3-2-control .right-btn,
.part3 .eachBox .swiper-part3-3-control .right-btn {
  width: 16px;
  filter: brightness(0) invert(1);
}

.popMain .closeBtn {
  background-size: contain;
  width: 20px;
  right: 35px;
  top: 35px;
}
.popMain .popMiddle {
  border-radius: 35px;
}
.popMain .contentBox {
  padding: 25px 0;
  word-break: break-all;
}
.popMain .contentBox .articleBox-s {
  padding: 0 25px;
}
.popMain .pop-block {
  position: relative;
  border-radius: 25px;
  background: #fff;
}
.popMain .pop-block::before {
  z-index: -1;
  position: absolute;
  display: block;
  content: "";
  top: -3px;
  left: -3px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  background: linear-gradient(to right, #a335b0, #375ed4, #14c3d0);
  border-radius: 27px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
}
.popMain .pop-block h3 {
  font-size: 22px !important;
  padding: 12px 0 !important;
  width: 200px !important;
  margin: 0 auto !important;
  letter-spacing: 3px !important;
  font-weight: normal !important;
  color: #fff;
  background: linear-gradient(to right, #a335b0, #375ed4, #14c3d0);
  transform: translateY(-50%);
}
.popMain .pop-block .tt::after {
  display: none !important;
}
.popMain .pop-block .pop-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 8% 50px 8%;
}
.popMain .pop-block .pop-flex > div {
  width: 40%;
}
.popMain .pop-block .pop-flex > div h4 {
  font-size: 22px;
  font-weight: normal;
  color: #6dbd64;
  text-align: center;
  font-weight: bold;
}
.popMain .pop-block .pop-flex > div a {
  display: block;
  width: 100%;
  margin-top: 15px;
}
.popMain .pop-block .pop-flex > div a img {
  display: block;
  width: 60%;
  margin: auto;
}
.popMain .pop-block .pop-flex article {
  width: 55%;
}
.popMain .pop-block .pop-flex article a {
  display: block;
  width: 100%;
  margin: 25px 0;
  border-radius: 15px;
  color: #fff;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  padding: 15px 0;
  letter-spacing: 1px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.popMain .pop-block .pop-flex article .pop-btn-1 {
  background: linear-gradient(135deg, #1b4cea, #1f9bf3, #1d62ea);
}
.popMain .pop-block .pop-flex article .pop-btn-2 {
  background: linear-gradient(135deg, #9c39b2, #6d48c2, #3a5cd4);
}

@media screen and (max-width: 1260px) {
  .float-fix-btn {
    top: 70px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
  }
  .float-fix-btn .float-fix-btn-flex {
    width: 100%;
    gap: 0;
  }
  .cross-wrap .outer-wrap {
    width: 90%;
  }
  .cross-wrap .cross-link-container {
    top: 39%;
    height: 20%;
  }
  .cross-link-box {
    width: 70%;
    height: 100%;
  }
  .cross-wrap .cross-link {
    right: 1.6vw;
    bottom: 1.4vw;
    font-size: 1.4vw;
    white-space: nowrap;
  }
  .part1 .ttBox0 > img {
    width: 85%;
  }
  .part1 .all-title-1 {
    width: 85%;
  }
  .part1 .partWrap {
    width: 90%;
    padding: 0;
  }
  .part5 .partWrap {
    width: 90%;
  }
  .part5 .eachBox .each {
    width: 32%;
    padding: 25px 1%;
  }
}

@media screen and (min-width: 768px) {
  .for-m {
    display: none !important;
  }
  .cross-wrap .cross-one-block .cross-block article a {
    transition: filter 0.5s;
  }
  .cross-wrap .cross-one-block .cross-block article a:hover {
    filter: contrast(1.5) brightness(0.9);
  }
  .cross-wrap .cross-two-block .cross-btn a,
  .cross-wrap .cross-three-block .cross-btn a {
    transition: transform 0.5s;
  }
  .cross-wrap .cross-two-block .cross-btn a:hover,
  .cross-wrap .cross-three-block .cross-btn a:hover {
    transform: translateY(-5px);
  }
  .cross-wrap .cross-four-block .cross-flex a:hover {
    transform: translateY(-5px);
  }
  .cross-wrap .cross-six-block .cross-flex a img,
  .cross-wrap .cross-six-block .cross-flex a h5 {
    transition: transform 0.5s;
  }
  .cross-wrap .cross-six-block .cross-flex a:hover img {
    transform: translateY(-5px);
  }
  .cross-wrap .cross-six-block .cross-flex a:hover h5 img {
    transform: translateX(5px);
  }
}
@media screen and (max-width: 767px) {
  .for-pc {
    display: none !important;
  }
  .float-fix-btn .float-fix-btn-flex a {
    font-size: 16px;
  }
  .float-fix-btn .float-fix-btn-flex a p {
    padding: 7px 0;
    font-size: 14px;
    letter-spacing: 0;
    border-radius: 15px 15px 0 0;
  }
  .cross-wrap {
    background: #d2ddf7;
  }
  .cross-wrap .cross-one-block {
    padding-top: 25px;
  }
  .cross-wrap .cross-link {
    display: none;
  }
  .cross-wrap .cross-link-m {
    display: block;
    position: absolute;
    width: 28%;
    height: 6%;
    right: -2.5%;
    bottom: 5.5%;
    z-index: 2;
  }
  .cross-wrap .cross-one-block .cross-block {
    margin: 25px 0;
    border-width: 2px;
    border-radius: 25px;
  }
  .cross-wrap .cross-link-container {
    top: 39%;
    height: 25%;
  }
  .cross-wrap .cross-one-block .cross-block article {
    padding: 15px 5%;
    font-size: 14px;
  }
  .cross-wrap .cross-one-block .cross-block article a {
    margin-top: 15px;
  }
  .cross-wrap .cross-one-block .cross-block article a span {
    letter-spacing: 2px;
  }
  .cross-wrap .cross-one-block .cross-block article a img {
    width: 14px;
    top: -2px;
  }
  .cross-wrap .cross-two-block p,
  .cross-wrap .cross-three-block p {
    font-size: 16px;
  }
  .cross-wrap .cross-two-block .cross-btn,
  .cross-wrap .cross-three-block .cross-btn {
    padding: 25px 0;
  }
  .cross-wrap .cross-two-block .cross-btn a,
  .cross-wrap .cross-three-block .cross-btn a {
    padding: 8px 12px;
    font-size: 14px;
  }
  .cross-wrap .cross-four-block {
    padding: 25px 0;
  }
  .cross-wrap .cross-four-block .swiper-container {
    /* padding: 15px 15px 35px 15px; */
    padding: 35px;
    box-sizing: border-box;
  }
  .cross-wrap .cross-four-block .swiper-pagination {
    z-index: 1;
    bottom: 0;
    width: 100%;
  }
  .cross-wrap .cross-four-block .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px;
    background: #fff;
    opacity: 1;
    width: 12px;
    height: 12px;
  }
  .cross-wrap
    .cross-four-block
    .swiper-pagination
    .swiper-pagination-bullet-active {
    background: #555;
  }
  .cross-wrap .cross-four-block .swiper-wrapper {
    align-items: stretch;
    padding-top: 5em;
  }
  .cross-wrap .cross-four-block .swiper-slide {
    height: auto;
    background: #fff;
    border-radius: 25px;
    padding: 5%;
    text-align: center;
    text-decoration: none;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
  }
  .cross-wrap .cross-four-block .swiper-slide h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 30vw;
    font-size: 5vw;
    color: #007ac4;
  }
  .cross-wrap .cross-four-block .swiper-slide h4 span {
    color: #5fbb55;
  }
  .cross-wrap .cross-four-block .swiper-slide p {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 5vw;
    color: #333;
    margin: 5px 0;
    gap: 5%;
  }
  .cross-wrap .cross-four-block .swiper-slide p span {
    display: block;
    flex: 1 0 0;
    height: 1px;
    background: #333;
  }
  .cross-wrap .cross-five-block p {
    font-size: 14px;
    margin-top: 15px;
  }
  .cross-wrap .cross-five-block .cross-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px 0;
    padding: 50px 0;
  }
  .cross-wrap .cross-five-block .cross-flex a,
  .cross-wrap .cross-five-block .cross-flex div {
    display: block;
    width: 48%;
  }
  .cross-wrap .cross-five-block .swiper-container {
    padding: 35px 0;
  }
  .cross-wrap .cross-five-block .swiper-container .swiper-pagination {
    z-index: 1;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 5px;
  }
  .cross-wrap
    .cross-five-block
    .swiper-container
    .swiper-pagination
    .swiper-pagination-bullet {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: bold;
    background: #fff;
    opacity: 1;
  }
  .cross-wrap
    .cross-five-block
    .swiper-container
    .swiper-pagination
    .swiper-pagination-bullet-active {
    background: #555;
    color: #fff;
  }
  .cross-wrap .cross-six-block {
    padding: 50px 0;
  }
  .cross-wrap .cross-six-block p.des {
    font-weight: normal;
    font-size: 12px;
    margin-top: 15px;
  }
  .cross-wrap .cross-six-block .cross-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 50px 0;
    padding: 50px 0;
  }
  .cross-wrap .cross-six-block .cross-flex a {
    width: 31%;
    display: block;
    text-decoration: none;
  }
  .cross-wrap .cross-six-block .cross-flex a p {
    font-weight: bold;
    color: #000;
    font-size: 20px;
    line-height: 1.5em;
    margin-top: 12px;
    min-height: 120px;
  }
  .cross-wrap .cross-six-block .cross-flex a h5 {
    width: 35%;
    margin: auto;
    margin-right: 0;
    filter: invert(1);
  }
  .cross-wrap .cross-six-block .swiper-container {
    margin: auto;
    padding: 15px 0 35px 0;
  }
  .cross-wrap .cross-six-block .swiper-container .swiper-button-prev,
  .cross-wrap .cross-six-block .swiper-container .swiper-button-next {
    z-index: 1;
    width: auto;
    height: auto;
    background: none;
    top: 25vw;
    font-size: 5vw;
    margin: 0;
    transform: none;
  }
  .cross-wrap .cross-six-block .swiper-container .swiper-button-prev {
    left: 0;
  }
  .cross-wrap .cross-six-block .swiper-container .swiper-button-next {
    right: 0;
  }
  .cross-wrap .cross-six-block .swiper-container .swiper-pagination {
    z-index: 1;
    width: 100%;
    bottom: 0;
  }
  .cross-wrap
    .cross-six-block
    .swiper-container
    .swiper-pagination
    .swiper-pagination-bullet {
    margin: 0 3px;
    background: #fff;
    opacity: 1;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  }
  .cross-wrap
    .cross-six-block
    .swiper-container
    .swiper-pagination
    .swiper-pagination-bullet-active {
    background: #555;
  }
  .cross-wrap .cross-six-block .swiper-container a {
    padding: 0 8%;
    box-sizing: border-box;
    text-decoration: none;
  }
  .cross-wrap .cross-six-block .swiper-container a p {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
  }
  .cross-wrap .cross-six-block .swiper-container a h5 {
    width: 35%;
    margin: auto;
    margin-right: 0;
    margin-top: 15px;
    filter: brightness(0.5);
  }
  .allme-wrap {
    background: linear-gradient(to bottom, #65bbff, #6967ed);
  }
  .part1 {
    background: none;
  }
  .part1 .ttBox0 > img {
    width: 90%;
  }
  .part1 .ttBox0 p {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .part1 .ttBox0 p span {
    padding: 0 10%;
  }
  .part1 .partWrap {
    background: linear-gradient(125deg, #72b9ec, #3476eb);
    border-radius: 15px;
    width: 90%;
    padding: 15px;
  }
  .part1 .eachBox {
    width: 100%;
  }
  .part1 .eachBox .each {
    padding: 0;
  }
  .part1 .aside {
    width: 80%;
    margin: 0 10% 5% 10%;
    font-size: 14px;
  }
  .part1 .partWrap-2 {
    padding-top: 25px;
    margin: 35px auto;
  }
  .part1 .childBox .each.e0 {
    margin: 0;
    padding: 35px 0;
    background: url("../img/pic23_box_m.png") no-repeat top center;
    background-size: 100% 100%;
  }
  .part1 .childBox .each.e1 {
    margin: 0;
    padding: 35px 0;
    background: url("../img/pic25_box_m.png") no-repeat top center;
    background-size: 100% 100%;
  }
  .part1 .eachBox {
    margin: 25px 0;
  }
  .part1 .all-title-1 {
    margin-top: 50px;
  }
  .part1 .all-title-h4 {
    padding: 0 10%;
    font-size: 16px;
  }
  .part1 .newCard {
    padding: 0;
  }
  .part1 .newCard::after {
    display: none;
    margin: 0;
  }
  .part1 .newCard .card_img img {
    display: block;
    width: 80%;
    margin: auto;
  }
  .part1 .newCard .card_main {
    margin-top: 3%;
  }
  .part1 .newCard .card_main .each {
    width: 100%;
    padding: 10px 0;
    border-bottom-color: #f9a525;
  }
  .part1 .newCard .card_main .each h3 {
    padding-left: 1%;
  }
  .part1 .newCard .card_main .each h3 span {
    padding: 1vw 3vw;
    font-size: 4vw;
  }
  .part1 .newCard .card_main .each p span {
    font-size: 3.75vw !important;
  }
  .part1 .newCard .card_main .each p b {
    font-size: 5.5vw;
  }
  .part1 .tt1.pcImg {
    display: block;
  }
  .part1 .childBox .each {
    font-size: 3.25vw;
  }
  .part1 .childBox .each h4 {
    font-size: 4vw;
    width: 80%;
    margin: 3% auto;
  }
  .part1 .childBox .each .subList {
    width: 95%;
  }
  .part1 .childBox .each .subList .sub {
    margin: 3% auto;
  }
  .part1 .childBox .each .subList .sub .iconTT {
    font-size: 3.25vw;
    width: 22%;
  }
  .part1 .childBox .each .subList .sub .TD {
    font-size: 3.25vw;
    width: 75%;
    margin-left: 1%;
  }
  .part1 .childBox .each .subList .sub .r6 {
    font-size: 2vw;
  }
  .part1 .read_noticeBtn_brand,
  .part1 .linkBtn {
    font-size: 3.5vw;
  }
  .part2 {
    padding: 25px 0;
    background: none !important;
  }
  .part2 .partWrap .itemBox {
    background: linear-gradient(135deg, #4abbff, #44a4ff, #4d8cff, #6888ff);
    border-radius: 15px;
    box-sizing: border-box;
    padding: 25px 10px;
  }
  .part3 {
    padding: 0;
    background: none !important;
  }
  .part3 .part3-block {
    background: linear-gradient(135deg, #51a9fd, #5b9dfd, #5763f9);
    border-radius: 15px;
    padding: 25px 15px;
  }
  .part3 .ttBox0 img.imgM {
    margin: 15px auto;
  }
  .part3 .eachBox .each img {
    width: 75%;
  }
  .part3 .tt h3 {
    z-index: 1;
    position: relative;
  }
  .part3 .tt::after {
    width: 100%;
    left: 0;
    z-index: 0;
  }
  .part3 .btnBox a {
    padding-left: 0;
    padding-right: 1.5em;
    width: 85%;
  }
  .part3 .eachBox .swiper-part3-1-control,
  .part3 .eachBox .swiper-part3-2-control,
  .part3 .eachBox .swiper-part3-3-control {
    margin-top: 15px;
  }
  .part3 .eachBox .part3-1-control-m .left-btn,
  .part3 .eachBox .part3-2-control-m .left-btn,
  .part3 .eachBox .part3-3-control-m .left-btn,
  .part3 .eachBox .part3-1-control-m .right-btn,
  .part3 .eachBox .part3-2-control-m .right-btn,
  .part3 .eachBox .part3-3-control-m .right-btn {
    width: 15px;
    filter: brightness(0) invert(1);
  }
  .part4 .part4-block {
    background: linear-gradient(to right, #6994f5, #41a6f7, #4e72f5);
    border-radius: 15px;
    padding-top: 3%;
  }
  .part4 .part4-block h4 {
    font-size: 24px;
  }
  .part5 .partWrap {
    background: linear-gradient(100deg, #5798aa, #2d80dc, #4579f8);
    border-radius: 15px;
    padding: 25px 0;
    box-sizing: border-box;
  }
  .part5 .eachBox .each {
    width: 33%;
    padding: 35px 1%;
  }
  .part5 .ttBox0 {
    margin: 0;
  }
  .part5 .swiper-container {
    margin: auto;
    padding: 15px 0 35px 0;
  }
  .part5 .swiper-container .swiper-button-prev,
  .part5 .swiper-container .swiper-button-next {
    z-index: 1;
    width: auto;
    height: auto;
    background: none;
    top: 25vw;
    font-size: 5vw;
    margin: 0;
    transform: none;
    color: #fff;
  }
  .part5 .swiper-container .swiper-button-prev {
    left: 0;
  }
  .part5 .swiper-container .swiper-button-next {
    right: 0;
  }
  .part5 .swiper-container .swiper-pagination {
    z-index: 1;
    width: 100%;
    bottom: 0;
  }
  .part5 .swiper-container .swiper-pagination .swiper-pagination-bullet {
    margin: 0 3px;
    background: #fff;
    opacity: 1;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  }
  .part5 .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #555;
  }
  .part5 .swiper-container a {
    padding: 0 8%;
    box-sizing: border-box;
    text-decoration: none;
  }
  .part5 .swiper-container a img {
    display: block;
    width: 100%;
  }
  .part5 .swiper-container a p {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    text-align: left;
  }
  .part5 .swiper-container a h5 {
    width: 35%;
    margin: auto;
    margin-right: 0;
    margin-top: 15px;
  }
  .popMain .closeBtn {
    right: 25px;
    top: 25px;
  }
  .popMain .contentBox {
    padding: 15px 0;
  }
  .popMain .contentBox .articleBox {
    padding: 0 25px;
  }
  .popMain .contentBox .articleBox-s {
    padding: 0 15px;
  }
  .popMain .contentBox {
    width: 100% !important;
  }
  .popMain .contentBox .articleBox.goBtn .tt h3 {
    transform: translateY(-30%);
  }
  .popMain .pop-block .pop-flex {
    display: block;
    padding: 0 5% 15px 5%;
  }
  .popMain .pop-block .pop-flex > div {
    width: 100%;
  }
  .popMain .pop-block .pop-flex > div h4 {
    font-size: 22px;
  }
  .popMain .pop-block .pop-flex > div a {
    margin-top: 15px;
  }
  .popMain .pop-block .pop-flex > div a img {
    width: 50%;
  }
  .popMain .pop-block .pop-flex article {
    width: 100%;
    margin-top: 15px;
  }
  .popMain .pop-block .pop-flex article a {
    margin: 8px 0;
    border-radius: 8px;
    font-size: 20px;
    padding: 15px 0;
    letter-spacing: 0;
  }
}