@charset "utf-8";
:root {
  --color: #FF5800;
  --color2: #2B0030;
  --vh: 100vh;
}
.font-r {
  font-weight: initial;
}
@font-face {
  font-family: "font-sb";
  src: url("../font/Tungsten-Semibold_Web.woff2") format("woff2");
  font-display: swap;
}
.font-sb {
  font-family: 'font-sb', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.font70 {
  font-size: 0.7rem;
}
.font76 {
  font-size: 0.76rem;
}
.font80 {
  font-size: 0.8rem;
}
.font90 {
  font-size: 0.9rem;
}
.font100 {
  font-size: 1rem;
}
.font170 {
  font-size: 1.7rem;
}
@media (max-width: 767px) {
  .font170 {
    font-size: 0.9rem;
  }
}
.x-public-xialine {
  background: linear-gradient(180deg, var(--color) 0, var(--color) 98%);
  background-position: left 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  display: inline !important;
  text-decoration: underline;
  text-decoration-color: var(--color);
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition: text-underline-offset 0.4s;
  color: var(--color);
  -webkit-text-fill-color: #ff5800;
}
.x-public-xialine:hover {
  background-size: 100% 1px;
  text-underline-offset: 7px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.x-public-xialine.style2 {
  background: linear-gradient(180deg, #fff 0, #fff 98%);
  text-decoration-color: #fff;
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.x-public-xialine.style2:hover {
  background-size: 100% 1px;
  text-underline-offset: 5px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.x-news-info1 {
  padding: 0.66rem 0 0.8rem;
}
.x-news-info1 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
}
@media (max-width: 1260px) {
  .x-news-info1 .container {
    align-items: flex-start;
  }
}
.x-news-info1 .container .x-le {
  width: 45.95%;
}
@media (max-width: 991px) {
  .x-news-info1 .container .x-le {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-news-info1 .container .x-le .x-a {
  background: linear-gradient(45deg, #e50b1a, #ff6500 20%, #ffca01 98.92%), #fff;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-decoration-line: underline;
}
.x-news-info1 .container .x-le .x-title {
  color: #1E1E1E;
  margin-top: 0.18rem;
  line-height: 1.15;
}
.x-news-info1 .container .x-le .x-tt {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 0.76rem;
}
@media (max-width: 767px) {
  .x-news-info1 .container .x-le .x-tt {
    flex-wrap: wrap;
  }
}
.x-news-info1 .container .x-le .x-tt .x-ren {
  display: flex;
  width: 50%;
}
@media (max-width: 767px) {
  .x-news-info1 .container .x-le .x-tt .x-ren {
    width: 100%;
    align-items: center;
  }
}
.x-news-info1 .container .x-le .x-tt .x-ren .x-ico {
  width: 0.52rem;
  height: 0.52rem;
  flex-shrink: 0;
}
@media (max-width: 1260px) {
  .x-news-info1 .container .x-le .x-tt .x-ren .x-ico {
    width: 0.64rem;
    height: 0.64rem;
  }
}
@media (max-width: 991px) {
  .x-news-info1 .container .x-le .x-tt .x-ren .x-ico {
    width: 0.84rem;
    height: 0.84rem;
  }
}
@media (max-width: 767px) {
  .x-news-info1 .container .x-le .x-tt .x-ren .x-ico {
    width: 1.2rem;
    height: 1.2rem;
  }
}
.x-news-info1 .container .x-le .x-tt .x-ren .x-ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-news-info1 .container .x-le .x-tt .x-ren .x-text {
  margin-top: 0.06rem;
  padding-left: 0.12rem;
}
@media (max-width: 1260px) {
  .x-news-info1 .container .x-le .x-tt .x-ren .x-text {
    margin-top: 0;
  }
}
.x-news-info1 .container .x-le .x-tt .x-ren .x-text .x-tit {
  color: #EA00AD;
}
.x-news-info1 .container .x-le .x-tt .x-ren .x-text .x-p {
  color: #808080;
}
@media (max-width: 767px) {
  .x-news-info1 .container .x-le .x-tt .x-fx {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-news-info1 .container .x-le .x-tt .x-fx .ins_det_fxr_box {
  display: flex;
  align-items: center;
}
.x-news-info1 .container .x-le .x-tt .x-fx .ins_det_fxr_box span {
  color: #808080;
  text-transform: uppercase;
}
.x-news-info1 .container .x-le .x-tt .x-fx .ins_det_fxr_box .share {
  display: flex;
  margin-left: 0.2rem;
}
.x-news-info1 .container .x-le .x-tt .x-fx .ins_det_fxr_box .share a {
  width: 26px;
  height: 26px;
  padding: 0;
  margin: 0 0.12rem 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  transition: 0.4s ease-in-out;
  position: relative;
}
.x-news-info1 .container .x-le .x-tt .x-fx .ins_det_fxr_box .share a::before {
  content: '' !important;
}
.x-news-info1 .container .x-le .x-tt .x-fx .ins_det_fxr_box .share a .wechat-qrcode::after {
  display: none;
}
.x-news-info1 .container .x-le .x-tt .x-fx .ins_det_fxr_box .share a svg,
.x-news-info1 .container .x-le .x-tt .x-fx .ins_det_fxr_box .share a img {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.x-news-info1 .container .x-ri {
  width: 49.68%;
}
@media (max-width: 991px) {
  .x-news-info1 .container .x-ri {
    width: 100%;
    order: -1;
  }
}
.x-news-info1 .container .x-ri .public-img {
  width: 100%;
}
.x-news-info1 .container .x-ri .public-img::before {
  padding-top: 52.58215962%;
}
.x-news-info1 .container .x-ri .public-img::after {
  content: "";
  width: 150px;
  height: 150px;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
  transform: translate(54%, -50%) rotate(45deg);
}
.x-news-info2 {
  padding: 0 0 1.24rem;
}
.x-news-info2 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.x-news-info2 .container .x-le {
  width: 60.74%;
}
@media (max-width: 991px) {
  .x-news-info2 .container .x-le {
    width: 100%;
  }
}
.x-news-info2 .container .x-le .x-text1 {
  background-color: #FDF2FB;
  padding: 0.32rem;
}
.x-news-info2 .container .x-le .x-text1 .x-tit {
  color: #000000;
  text-transform: uppercase;
}
.x-news-info2 .container .x-le .x-text1 .x-p {
  color: #1E1E1E;
  margin-top: 0.16rem;
}
.x-news-info2 .container .x-le .x-text2 {
  margin-top: 0.43rem;
}
.x-news-info2 .container .x-le .x-text3 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.32rem 0;
  border-top: 1px solid #CAC2BE;
  border-bottom: 1px solid #CAC2BE;
  margin-top: 0.5rem;
}
.x-news-info2 .container .x-le .x-text3 .public-img {
  width: 20%;
}
@media (max-width: 1260px) {
  .x-news-info2 .container .x-le .x-text3 .public-img {
    width: 33%;
  }
}
@media (max-width: 767px) {
  .x-news-info2 .container .x-le .x-text3 .public-img {
    width: 50%;
  }
}
.x-news-info2 .container .x-le .x-text3 .public-img::before {
  padding-top: 129.93630573%;
}
.x-news-info2 .container .x-le .x-text3 .x-txt {
  width: 80%;
  padding-left: 0.24rem;
}
@media (max-width: 1260px) {
  .x-news-info2 .container .x-le .x-text3 .x-txt {
    width: 65%;
  }
}
@media (max-width: 767px) {
  .x-news-info2 .container .x-le .x-text3 .x-txt {
    width: 100%;
    padding-left: 0;
    margin-top: 0.2rem;
  }
}
.x-news-info2 .container .x-le .x-text3 .x-txt .x-sp {
  color: var(--color);
}
.x-news-info2 .container .x-le .x-text3 .x-txt .x-tit {
  color: #000000;
  margin-top: 0.08rem;
}
.x-news-info2 .container .x-le .x-text3 .x-txt .x-p {
  margin-top: 0.08rem;
  color: #1E1E1E;
}
.x-news-info2 .container .x-le .x-text3 .x-txt .pub_btn {
  margin-top: 0.3rem;
}
.x-news-info2 .container .x-le .x-xia {
  margin-top: 0.5rem;
}
.x-news-info2 .container .x-le .x-xia .x-tit {
  color: #1E1E1E;
}
.x-news-info2 .container .x-le .x-xia .x-p {
  color: #1E1E1E;
  margin-top: 0.25rem;
}
.x-news-info2 .container .x-le .x-xia .x-sp {
  margin-top: 0.24rem;
}
.x-news-info2 .container .x-le .x-xia .x-sp p {
  position: relative;
  padding-left: 0.3rem;
}
.x-news-info2 .container .x-le .x-xia .x-sp p::before {
  content: "";
  width: 6px;
  height: 10px;
  background: url('../images/x-news4.svg') no-repeat center;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0.2em;
}
.x-news-info2 .container .x-le .x-xia .public-content a {
  background: linear-gradient(180deg, var(--color) 0, var(--color) 98%);
  background-position: left 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  display: inline !important;
  text-decoration: underline;
  text-decoration-color: var(--color);
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition: text-underline-offset 0.4s;
  color: var(--color);
  -webkit-text-fill-color: #ff5800;
}
.x-news-info2 .container .x-le .x-xia .public-content a:hover {
  background-size: 100% 1px;
  text-underline-offset: 7px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.x-news-info2 .container .x-le .x-xia .public-content a.style2 {
  background: linear-gradient(180deg, #fff 0, #fff 98%);
  text-decoration-color: #fff;
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.x-news-info2 .container .x-le .x-xia .public-content a.style2:hover {
  background-size: 100% 1px;
  text-underline-offset: 5px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.x-news-info2 .container .x-le .x-fx {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.4rem;
}
.x-news-info2 .container .x-le .x-fx .ins_det_fxr_box {
  display: flex;
  align-items: center;
}
.x-news-info2 .container .x-le .x-fx .ins_det_fxr_box span {
  color: #808080;
  text-transform: uppercase;
}
.x-news-info2 .container .x-le .x-fx .ins_det_fxr_box .share {
  display: flex;
  margin-left: 0.2rem;
}
.x-news-info2 .container .x-le .x-fx .ins_det_fxr_box .share a {
  width: 26px;
  height: 26px;
  padding: 0;
  margin: 0 0.12rem 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  transition: 0.4s ease-in-out;
  position: relative;
}
.x-news-info2 .container .x-le .x-fx .ins_det_fxr_box .share a::before {
  content: '' !important;
}
.x-news-info2 .container .x-le .x-fx .ins_det_fxr_box .share a .wechat-qrcode::after {
  display: none;
}
.x-news-info2 .container .x-le .x-fx .ins_det_fxr_box .share a svg,
.x-news-info2 .container .x-le .x-fx .ins_det_fxr_box .share a img {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.x-news-info2 .container .x-ri {
  width: 32.71%;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
@media (max-width: 991px) {
  .x-news-info2 .container .x-ri {
    width: 100%;
    position: initial;
    margin-top: 0.4rem;
  }
}
.x-news-info2 .container .x-ri .x-tit {
  color: #000000;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .x-news-info2 .container .x-ri .x-box1 {
    display: none;
  }
}
.x-news-info2 .container .x-ri .x-box1 .x-text {
  background-color: #F7F7F7;
  padding: 0.24rem;
  margin-top: 0.24rem;
}
.x-news-info2 .container .x-ri .x-box1 .x-text a {
  display: block;
  padding-left: 0;
  position: relative;
  transition: 0.4s ease-in-out;
  margin-bottom: 0.16rem;
}
.x-news-info2 .container .x-ri .x-box1 .x-text a:last-child {
  margin-bottom: 0;
}
.x-news-info2 .container .x-ri .x-box1 .x-text a:hover,
.x-news-info2 .container .x-ri .x-box1 .x-text a.on {
  padding-left: 20px;
  font-family: 'font-m', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.x-news-info2 .container .x-ri .x-box1 .x-text a:hover i,
.x-news-info2 .container .x-ri .x-box1 .x-text a.on i {
  opacity: 1;
}
.x-news-info2 .container .x-ri .x-box1 .x-text a i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 8px;
  height: 14px;
  flex-shrink: 0;
  position: absolute;
  left: 0;
  top: 0.2em;
  transition: 0.4s ease-in-out;
  opacity: 0;
}
.x-news-info2 .container .x-ri .x-box1 .x-text a i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-news-info2 .container .x-ri .x-box2 {
  margin-top: 0.48rem;
}
.x-news-info2 .container .x-ri .x-box2 .x-aa {
  margin-top: 0.24rem;
}
.x-news-info2 .container .x-ri .x-box2 .x-aa a {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0.2rem 0.24rem;
  background-color: #F7F7F7;
  margin-bottom: 0.16rem;
}
.x-news-info2 .container .x-ri .x-box2 .x-aa a .public-img {
  width: 32.43%;
}
@media (max-width: 767px) {
  .x-news-info2 .container .x-ri .x-box2 .x-aa a .public-img {
    width: 100%;
  }
}
.x-news-info2 .container .x-ri .x-box2 .x-aa a .public-img::before {
  padding-top: 56.66666667%;
}
.x-news-info2 .container .x-ri .x-box2 .x-aa a .x-txt {
  width: 67.57%;
  padding-left: 0.24rem;
}
@media (max-width: 767px) {
  .x-news-info2 .container .x-ri .x-box2 .x-aa a .x-txt {
    width: 100%;
    padding: 0.1rem 0;
  }
}
.x-news-info2 .container .x-ri .x-box2 .x-aa a .x-txt .x-tit2 {
  color: var(--color2);
}
.x-news-info2 .container .x-ri .x-box2 .x-aa a .x-txt .x-p {
  margin-top: 0.04rem;
  color: #1E1E1E;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3em;
}
.x-public-inp {
  display: block;
  width: 100%;
  margin-bottom: 0.2rem;
}
.x-public-inp span {
  color: #fff;
}
.x-public-inp input {
  color: #312F2F;
  display: block;
  width: 100%;
  height: 0.48rem;
  background-color: #fff;
  padding: 0 0.2rem;
  margin-top: 0.05rem;
}
@media (max-width: 767px) {
  .x-public-inp input {
    height: 0.8rem;
  }
}
.x-public-inp input::placeholder {
  color: #312F2F;
}
.x-sigma1 {
  position: relative;
}
.x-sigma1 .x-con {
  position: relative;
}
.x-sigma1 .x-con .x-img {
  width: 100%;
  height: 100vh;
  height: 100svh;
  height: 100dvh;
}
.x-sigma1 .x-con .x-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.x-sigma1 .x-con .x-tx1 {
  position: absolute;
  left: 0;
  bottom: 0.5rem;
  z-index: 5;
}
.x-sigma1 .x-con .x-tx1 .x-text {
  width: 62.3%;
  color: #fff;
}
@media (max-width: 991px) {
  .x-sigma1 .x-con .x-tx1 .x-text {
    width: 100%;
  }
}
.x-sigma1 .x-con .x-tx1 .x-text .x-p {
  margin-top: 0.11rem;
}
.x-sigma1 .x-con .x-tx1 .x-fo {
  background-color: #2B0030;
  width: 32.71%;
  position: absolute;
  top: 0;
}
.x-sigma1 .x-tx2 {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  left: 0;
  top: 1.2rem;
  z-index: 5;
  width: 100%;
  pointer-events: none;
}
@media (max-width: 991px) {
  .x-sigma1 .x-tx2 {
    position: initial;
    padding-top: 1rem;
    padding-bottom: 0.4rem;
  }
}
.x-sigma1 .x-tx2 .x-fo {
  width: 32.71%;
  background-color: #2B0030;
  padding: 0.36rem 0.5rem 0.5rem 0.5rem;
  pointer-events: initial;
}
@media (max-width: 991px) {
  .x-sigma1 .x-tx2 .x-fo {
    width: 100%;
    padding: 0.4rem;
  }
}
.x-sigma1 .x-tx2 .x-fo .x-tit {
  color: #fff;
  text-transform: uppercase;
  line-height: 0.95;
  margin-bottom: 0.13rem;
}
.x-sigma1 .x-tx2 .x-fo .x-sp {
  color: #fff;
  line-height: 1.2;
  margin-top: 0.3rem;
}
.x-sigma1 .x-tx2 .x-fo .x-pp {
  color: #fff;
  display: flex;
  line-height: 1.2;
  margin-top: 0.2rem;
}
.x-sigma1 .x-tx2 .x-fo .x-pp.on i img {
  opacity: 1;
}
.x-sigma1 .x-tx2 .x-fo .x-pp i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.24rem;
  height: 0.24rem;
  background-color: #fff;
  margin-right: 0.15rem;
  flex-shrink: 0;
  transform: translateY(0.3em);
  cursor: pointer;
}
.x-sigma1 .x-tx2 .x-fo .x-pp i img {
  width: 0.18rem;
  height: 0.12rem;
  object-fit: contain;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.x-sigma1 .x-tx2 .x-fo .x-pp2 {
  color: #fff;
  margin-top: 0.2rem;
  line-height: 1.2;
}
.x-sigma1 .x-tx2 .x-fo .pub_btn {
  display: flex;
  width: 100%;
  border-color: var(--color);
  background: var(--color);
  border-radius: 0.02rem;
  margin-top: 0.3rem;
}
.x-sigma1 .x-tx2 .x-fo .pub_btn i {
  transform: rotate(90deg);
}
.x-sigma1 .x-tx2 .x-fo .pub_btn i svg path,
.x-sigma1 .x-tx2 .x-fo .pub_btn i img path {
  fill: var(--color);
}
.x-sigma1 .x-tx2 .x-fo .pub_btn .hover-bg-box {
  opacity: 1;
}
.x-sigma1 .x-tx2 .x-fo .pub_btn .hover-bg-box .hover-bg {
  animation: moveq2 12s infinite linear;
}
.x-sigma2 {
  padding: 0.6rem 0 0.85rem;
}
.x-sigma2 .container .x-text {
  width: 59.96%;
}
@media (max-width: 991px) {
  .x-sigma2 .container .x-text {
    width: 100%;
  }
}
.x-sigma2 .container .x-text .x-title {
  font-size: 0.8rem;
  line-height: 1;
  color: #16031A;
  margin-bottom: 0.26rem;
}
.x-sigma2 .container .x-text .x-title span {
  background: linear-gradient(to right, #FFA401 30%, #E8065A 38%, #FFA401);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.x-sigma2 .container .x-text .x-txt {
  margin-bottom: 0.55rem;
}
.x-sigma2 .container .x-text .x-txt .x-tit {
  color: #000;
}
.x-sigma2 .container .x-text .x-txt .x-p {
  color: #000;
  margin-top: 0.13rem;
}
.x-sigma2 .container .x-text .x-txt .pub_btn {
  margin-top: 0.32rem;
}
.x-sigma3 {
  position: relative;
}
.x-sigma3 .container {
  position: absolute;
  left: 0;
  top: 0.8rem;
  z-index: 5;
}
@media (max-width: 767px) {
  .x-sigma3 .container {
    position: initial;
    padding-bottom: 0.3rem;
  }
}
.x-sigma3 .container .x-text {
  width: 60%;
}
@media (max-width: 767px) {
  .x-sigma3 .container .x-text {
    width: 100%;
  }
}
.x-sigma3 .container .x-text .x-title {
  color: #26002A;
  line-height: 1.2;
}
.x-sigma3 .container .x-text .x-title span {
  background: linear-gradient(to right, #EB2611, #FF6901 10%, #FFB404);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.x-sigma3 .container .x-text .pub_btn {
  margin-top: 0.24rem;
}
.x-sigma3 .public-img::before {
  padding-top: 56.68523677%;
}
.x-mbx a {
  color: rgba(255, 255, 255, 0.5);
}
.x-mbx a:last-child {
  color: #fff;
}
.x-mbx i {
  display: inline-block;
  color: rgba(255, 255, 255, 0.5);
  margin: 0 0.05rem 0 0.08rem;
  font-style: initial;
}
.x-mbx i.on {
  color: #fff;
}
.x-mbx i:last-child {
  color: #fff;
}
.x-case-study1 {
  position: relative;
}
.x-case-study1 .x-con {
  width: 100%;
  position: relative;
}
.x-case-study1 .x-con .x-img {
  width: 100%;
  height: 100vh;
}
.x-case-study1 .x-con .x-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.x-case-study1 .x-con .x-text {
  position: absolute;
  left: 0;
  bottom: 0.62rem;
  z-index: 5;
  width: 100%;
}
@media (max-width: 991px) {
  .x-case-study1 .x-con .x-text {
    bottom: 2.6rem;
  }
}
.x-case-study1 .x-con .x-text .container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  position: relative;
}
.x-case-study1 .x-con .x-text .container .x-le {
  width: 63.7%;
}
@media (max-width: 991px) {
  .x-case-study1 .x-con .x-text .container .x-le {
    width: 100%;
  }
}
.x-case-study1 .x-con .x-text .container .x-le .x-title {
  color: #fff;
  line-height: 1;
  margin-top: 0.24rem;
}
.x-case-study1 .x-con .x-text .container .x-le .x-p {
  margin-top: 0.32rem;
  color: #fff;
}
.x-case-study1 .x-con .x-text .container .x-le .x-sp {
  margin-top: 0.4rem;
  display: inline-flex;
  align-items: center;
  color: #fff;
}
.x-case-study1 .x-con .x-text .container .x-le .x-sp i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 0.18rem;
  flex-shrink: 0;
}
.x-case-study1 .x-con .x-text .container .x-le .x-sp i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: rotate(90deg);
}
.x-case-study1 .x-con .x-text .container .x-ri {
  width: 29.2%;
  position: absolute;
  right: 0.78rem;
  background-color: #2B0030;
  clip-path: polygon(81% 0, 100% 22%, 100% 100%, 0 100%, 0 0);
  padding: 0.55rem 0.55rem 0.7rem 0.55rem;
}
@media (max-width: 991px) {
  .x-case-study1 .x-con .x-text .container .x-ri {
    display: none;
  }
}
.x-case-study1 .x-con .x-text .container .x-ri .x-box {
  position: relative;
  padding-bottom: 0.52rem;
  margin-bottom: 0.5rem;
}
.x-case-study1 .x-con .x-text .container .x-ri .x-box:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.x-case-study1 .x-con .x-text .container .x-ri .x-box:last-child::before {
  display: none;
}
.x-case-study1 .x-con .x-text .container .x-ri .x-box::before {
  content: "";
  width: 0.4rem;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.x-case-study1 .x-con .x-text .container .x-ri .x-box .x-sp {
  color: #fff;
  font-size: 1rem;
  line-height: 1;
}
.x-case-study1 .x-con .x-text .container .x-ri .x-box .x-sp i {
  font-style: initial;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #FFF;
  color: transparent;
}
.x-case-study1 .x-con .x-text .container .x-ri .x-box p {
  color: #fff;
  text-transform: uppercase;
}
.x-case-study1 .x-mbox {
  display: none;
  width: 100%;
  margin: -1.4rem auto 0;
  background-color: #2B0030;
  clip-path: polygon(81% 0, 100% 22%, 100% 100%, 0 100%, 0 0);
  padding: 0.55rem 0.55rem 0.7rem 0.55rem;
}
@media (max-width: 991px) {
  .x-case-study1 .x-mbox {
    display: block;
  }
}
.x-case-study1 .x-mbox .x-box {
  position: relative;
  padding-bottom: 0.52rem;
  margin-bottom: 0.5rem;
}
.x-case-study1 .x-mbox .x-box:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.x-case-study1 .x-mbox .x-box:last-child::before {
  display: none;
}
.x-case-study1 .x-mbox .x-box::before {
  content: "";
  width: 0.4rem;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.x-case-study1 .x-mbox .x-box .x-sp {
  color: #fff;
  font-size: 1rem;
  line-height: 1;
}
.x-case-study1 .x-mbox .x-box .x-sp i {
  font-style: initial;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #FFF;
  color: transparent;
}
.x-case-study1 .x-mbox .x-box p {
  color: #fff;
  text-transform: uppercase;
}
.x-case-study2 {
  background: linear-gradient(180deg, #EA00AD 0%, #FF5800 100%);
  padding: 0.22rem 0;
}
.x-case-study2 .container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.x-case-study2 .container .x-box {
  color: #fff;
  margin-right: 1.32rem;
}
@media (max-width: 767px) {
  .x-case-study2 .container .x-box {
    margin-right: 0;
    margin-bottom: 0.2rem;
    padding-right: 0.3rem;
    width: 33.33%;
  }
}
.x-case-study2 .container .x-box span {
  display: block;
}
.x-case-study3 {
  padding: 1.2rem 0 0.8rem;
}
@media (max-width: 1580px) {
  .x-case-study3 {
    padding: 0.77rem 0 0.8rem;
  }
}
.x-case-study3 .container .x-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.x-case-study3 .container .x-top .x-le {
  width: 57.63%;
}
@media (max-width: 991px) {
  .x-case-study3 .container .x-top .x-le {
    width: 100%;
  }
}
.x-case-study3 .container .x-top .x-le .x-box {
  margin-bottom: 0.4rem;
}
.x-case-study3 .container .x-top .x-le .x-box .x-tit {
  background: linear-gradient(90deg, #EA00AD -3.7%, #E50B1A 29.97%, #FF5800 60.19%, #FFCA01 89.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.32rem;
}
.x-case-study3 .container .x-top .x-le .x-box .x-pp1 {
  color: #312F2F;
  line-height: 1.2;
}
.x-case-study3 .container .x-top .x-le .x-box .x-pp2 {
  color: #312F2F;
  line-height: 1.2;
}
.x-case-study3 .container .x-top .x-le .x-box .x-pp2 .x-tit2 {
  margin-top: 0.2rem;
}
.x-case-study3 .container .x-top .x-le .x-box .x-pp3 {
  color: #312F2F;
  line-height: 1.2;
}
.x-case-study3 .container .x-top .x-le .x-box .x-pp3 p {
  position: relative;
  padding-left: 0.24rem;
}
@media (max-width: 767px) {
  .x-case-study3 .container .x-top .x-le .x-box .x-pp3 p {
    padding-left: 0.34rem;
  }
}
.x-case-study3 .container .x-top .x-le .x-box .x-pp3 p::before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #312F2F;
  border-radius: 100%;
  position: absolute;
  left: 0.1rem;
  top: 0.5em;
}
.x-case-study3 .container .x-top .x-ri {
  width: 32.71%;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
@media (max-width: 991px) {
  .x-case-study3 .container .x-top .x-ri {
    width: 100%;
    position: initial;
  }
}
.x-case-study3 .container .x-top .x-ri .public-img {
  width: 100%;
}
.x-case-study3 .container .x-top .x-ri .public-img::before {
  padding-top: 191.19047619%;
}
@media (max-width: 991px) {
  .x-case-study3 .container .x-top .x-ri .public-img::before {
    padding-top: 54.190476%;
  }
}
.x-case-study3 .container .x-xia {
  text-align: center;
  margin-top: 0.78rem;
}
.x-case-study3 .container .x-xia a {
  background: linear-gradient(90deg, #EA00AD -3.7%, #E50B1A 36.23%, #FF5800 74.27%, #FFCA01 91.39%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 5px;
  text-underline-offset: 5px;
}
@media (max-width: 767px) {
  .x-case-study3 .container .x-xia a {
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
  }
}
.x-case-study4 .x-top .x-title {
  color: #000105;
}
.x-case-study4 ul {
  margin: 0.56rem 0 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.x-case-study4 ul li {
  width: 25%;
  display: flex;
}
@media (max-width: 991px) {
  .x-case-study4 ul li {
    width: 50%;
  }
}
.x-case-study4 ul li:nth-child(2n) .x-box {
  background-color: #ff6500;
}
.x-case-study4 ul li:nth-child(3n) .x-box {
  background-color: #E50B1A;
}
.x-case-study4 ul li:nth-child(4n) .x-box {
  background-color: #FF6500;
}
.x-case-study4 ul li .x-box {
  display: flex;
  width: 100%;
  position: relative;
  background-color: #EA00AD;
  transition: 0.4s ease-in-out;
}
.x-case-study4 ul li .x-box:hover {
  background-color: #2B0030;
}
.x-case-study4 ul li .x-box .public-img {
  width: 100%;
  height: 100%;
}
.x-case-study4 ul li .x-box .public-img::before {
  padding-top: 122.22222222%;
}
.x-case-study4 ul li .x-box .x-tit {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  font-size: 0.8rem;
  color: #fff;
  text-align: center;
  line-height: 1;
  padding: 0.5rem 0.2rem;
  text-transform: uppercase;
}
.x-case-study5 {
  padding: 1rem 0 0.7rem;
}
.x-case-study5 .container .x-title {
  color: #000105;
}
.x-case-study5 .container ul {
  margin: 0.26rem -0.56rem 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.x-case-study5 .container ul li {
  width: 33.33%;
  padding: 0 0.56rem 0.4rem;
  display: flex;
}
@media (max-width: 991px) {
  .x-case-study5 .container ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-case-study5 .container ul li {
    width: 100%;
  }
}
.x-case-study5 .container ul li .x-box {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  padding-top: 0.3rem;
  border-top: 1px solid #CAC2BE;
}
.x-case-study5 .container ul li .x-box:hover .public-img img {
  transform: scale(1.05);
}
.x-case-study5 .container ul li .x-box .public-img {
  width: 27.02%;
}
.x-case-study5 .container ul li .x-box .public-img::before {
  padding-top: 85.71428571%;
}
.x-case-study5 .container ul li .x-box .x-text {
  width: 72.98%;
  padding-left: 0.3rem;
}
.x-case-study5 .container ul li .x-box .x-text .x-tit {
  background: linear-gradient(90deg, #EA00AD -3.7%, #E50B1A 29.97%, #FF5800 60.19%, #FFCA01 89.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.x-case-study5 .container ul li .x-box .x-text .x-p {
  color: #000105;
  margin-top: 0.05rem;
  line-height: 1.2;
}
.x-ny-banner1 .x-con {
  position: relative;
}
.x-ny-banner1 .x-con .x-imgzz {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: none;
}
.x-ny-banner1 .x-con .x-imgzz img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.x-ny-banner1 .x-con .x-img {
  width: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
}
.x-ny-banner1 .x-con .x-img::before {
  padding-top: 42.5%;
}
@media screen and (max-width: 1460px) {
  .x-ny-banner1 .x-con .x-img::before {
    padding-top: 56.66666667%;
  }
}
@media (max-width: 767px) {
  .x-ny-banner1 .x-con .x-img::before {
    padding-top: 110%;
  }
}
.x-ny-banner1 .x-con .x-img video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
}
.x-ny-banner1 .x-con .x-text {
  position: absolute;
  left: 0;
  bottom: 0.48rem;
  z-index: 5;
  width: 100%;
}
.x-ny-banner1 .x-con .x-text .container .x-title {
  font-size: 1.7rem;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
  width: 80%;
}
@media (max-width: 767px) {
  .x-ny-banner1 .x-con .x-text .container .x-title {
    font-size: 0.9rem;
  }
}
.x-ny-banner1 .x-con .x-text .container .x-title span {
  background: linear-gradient(90deg, #EA00AD -20.7%, #FF2000 33.03%, #FF6500 65.97%, #FFCA01 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.x-ny-banner2 .x-con {
  position: relative;
}
.x-ny-banner2 .x-con .x-imgzz {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: none;
}
.x-ny-banner2 .x-con .x-imgzz img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.x-ny-banner2 .x-con .x-img {
  width: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
}
.x-ny-banner2 .x-con .x-img::before {
  padding-top: 42.5%;
}
@media screen and (max-width: 1460px) {
  .x-ny-banner2 .x-con .x-img::before {
    padding-top: 56.66666667%;
  }
}
@media (max-width: 767px) {
  .x-ny-banner2 .x-con .x-img::before {
    padding-top: 110%;
  }
}
.x-ny-banner2 .x-con .x-img video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
}
.x-ny-banner2 .x-con .x-text {
  position: absolute;
  left: 0;
  bottom: 0.78rem;
  z-index: 5;
  width: 100%;
}
.x-ny-banner2 .x-con .x-text .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  width: 100%;
}
.x-ny-banner2 .x-con .x-text .container .x-title {
  font-size: 1.7rem;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
  width: 60%;
}
@media (max-width: 767px) {
  .x-ny-banner2 .x-con .x-text .container .x-title {
    width: 100%;
    font-size: 0.9rem;
  }
}
.x-ny-banner2 .x-con .x-text .container .x-title span {
  background: linear-gradient(90deg, #EA00AD -20.7%, #FF2000 33.03%, #FF6500 65.97%, #FFCA01 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.x-ny-banner2 .x-con .x-text .x-box {
  width: 32.71%;
}
@media (max-width: 767px) {
  .x-ny-banner2 .x-con .x-text .x-box {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.x-ny-banner2 .x-con .x-text .x-box .x-p {
  color: #fff;
  line-height: 1.2;
}
.x-ny-banner2 .x-con .x-text .x-box .pub_btn {
  margin-top: 0.3rem;
}
.x-crea1 .x-con ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.x-crea1 .x-con ul li {
  width: 33.33%;
  display: flex;
}
@media (max-width: 767px) {
  .x-crea1 .x-con ul li {
    width: 100%;
  }
}
.x-crea1 .x-con ul li:nth-child(2) .x-box {
  background: #FF5800;
  background-blend-mode: initial;
}
.x-crea1 .x-con ul li .x-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  background: linear-gradient(0deg, #FFFFFE 0%, rgba(255, 255, 254, 0) 60%), #2B0030;
  background-blend-mode: soft-light, normal;
  padding: 0.5rem 0.8rem;
}
@media (max-width: 767px) {
  .x-crea1 .x-con ul li .x-box {
    padding: 0.4rem;
  }
}
.x-crea1 .x-con ul li .x-box .x-text {
  color: #fff;
  padding-bottom: 1.08rem;
}
.x-crea1 .x-con ul li .x-box .x-text .x-ico {
  width: 0.6rem;
  height: 0.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.x-crea1 .x-con ul li .x-box .x-text .x-ico img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.x-crea1 .x-con ul li .x-box .x-text .x-tit {
  line-height: 1;
  margin-top: 0.2rem;
}
.x-crea1 .x-con ul li .x-box .x-sp {
  color: #fff;
}
.x-crea2 {
  padding: 1.5rem 0 1.6rem;
}
.x-crea2 .container .x-top {
  position: relative;
}
.x-crea2 .container .x-top .x-title {
  font-size: 1.7rem;
  text-transform: uppercase;
  line-height: 1;
  color: #2B0030;
}
@media (max-width: 767px) {
  .x-crea2 .container .x-top .x-title {
    width: 100%;
    font-size: 0.9rem;
  }
}
.x-crea2 .container .x-top .x-title span {
  background: linear-gradient(270deg, #EA00AD -3.7%, #FF2000 33.03%, #FF6500 100%, #FFCA01 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.x-crea2 .container .x-top .x-title svg {
  position: absolute;
  margin-top: 0.6rem;
  width: 1.93rem;
  height: 1.83rem;
}
@media (max-width: 767px) {
  .x-crea2 .container .x-top .x-title svg {
    display: none;
  }
}
.x-crea2 .container .x-top .x-title svg.on path {
  animation: drawMain 1.2s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
.x-crea2 .container .x-top .x-title svg path {
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
}
.x-crea2 .container .x-top .x-title svg path.draw-arrow {
  animation-delay: 1s;
}
.x-crea2 .container .x-top .x-sp {
  width: 24.37%;
  position: absolute;
  right: 1rem;
  bottom: -1.2rem;
  line-height: 1.2;
  background: linear-gradient(90deg, #EA00AD -3.7%, #FF2000 33.03%, #FF6500 100%, #FFCA01 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 1260px) {
  .x-crea2 .container .x-top .x-sp {
    width: 37.37%;
  }
}
@media (max-width: 767px) {
  .x-crea2 .container .x-top .x-sp {
    width: 100%;
    margin-top: 0.3rem;
    position: initial;
  }
}
.x-crea2 .container .x-xia {
  margin-top: 2.66rem;
}
@media (max-width: 767px) {
  .x-crea2 .container .x-xia {
    margin-top: 0.6rem;
  }
}
.x-crea2 .container .x-xia ul li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-crea2 .container .x-xia ul li:nth-child(2) {
  justify-content: flex-end;
}
.x-crea2 .container .x-xia ul li:nth-child(2) .x-box {
  background: #2B0030;
}
.x-crea2 .container .x-xia ul li:nth-child(3) .x-box {
  background: #EA00AD;
}
.x-crea2 .container .x-xia ul li .x-box {
  background: #E50B1A;
  width: 50%;
  padding: 0.3rem 0.5rem;
  min-height: 4.4rem;
}
@media (max-width: 767px) {
  .x-crea2 .container .x-xia ul li .x-box {
    padding: 0.4rem 0.2rem;
  }
}
.x-crea2 .container .x-xia ul li .x-box:nth-child(2) {
  background: #FF5800;
}
.x-crea2 .container .x-xia ul li .x-box .x-tit {
  font-size: 0.9rem;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .x-crea2 .container .x-xia ul li .x-box .x-tit {
    font-size: 0.6rem;
  }
}
@keyframes drawMain {
  from {
    stroke-dashoffset: 300;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.x-crea3 .x-con {
  position: relative;
}
.x-crea3 .x-con .x-title {
  position: absolute;
  top: 1rem;
  left: 0.8rem;
  z-index: 5;
  font-size: 0.76rem;
  color: #000105;
  line-height: 1;
}
@media (max-width: 767px) {
  .x-crea3 .x-con .x-title {
    top: 0.6rem;
    left: 0.4rem;
  }
}
.x-crea3 .x-con .public-img::before {
  padding-top: 107.63888889%;
}
.x-crea4 .x-crea2 .container .x-xia ul li:nth-child(2) .x-box {
  background: #E50B1A;
}
.x-crea4 .x-crea2 .container .x-xia ul li:nth-child(3) .x-box {
  background: #EA00AD;
}
.x-crea4 .x-crea2 .container .x-xia ul li:nth-child(4) {
  justify-content: flex-end;
}
.x-crea4 .x-crea2 .container .x-xia ul li:nth-child(4) .x-box {
  background: #FF5800;
}
.x-crea4 .x-crea2 .container .x-xia ul li .x-box {
  background: #FF5800;
}
.x-crea4 .x-crea2 .container .x-xia ul li .x-box:nth-child(2) {
  background: #2B0030;
}
.x-crea5 {
  background-color: #2B0030;
  padding: 1.5rem 0;
  position: relative;
}
.x-crea5 .container .x-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-crea5 .container .x-top .x-title {
  font-size: 0.76rem;
  color: #fff;
  width: 49.45%;
  line-height: 1;
}
@media (max-width: 767px) {
  .x-crea5 .container .x-top .x-title {
    width: 100%;
  }
}
.x-crea5 .container .x-top .x-p {
  color: #fff;
  width: 41.27%;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .x-crea5 .container .x-top .x-p {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.x-crea5 .container .x-xia {
  margin-top: 1rem;
}
.x-crea5 .container .x-xia .x-le {
  width: 49.45%;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .x-crea5 .container .x-xia .x-le {
    width: 66%;
  }
}
.x-crea5 .container .x-xia .x-le .public-img {
  width: 50.86%;
}
.x-crea5 .container .x-xia .x-le .public-img::before {
  padding-top: 111.45510836%;
}
.x-crea5 .container .x-xia .x-le .public-img:nth-child(2) {
  width: 49.14%;
  margin-top: 1.6rem;
  clip-path: polygon(100% 0, 100% 70%, 72% 100%, 0 100%, 0 0);
}
.x-crea5 .container .x-xia .x-le .public-img:nth-child(2)::before {
  padding-top: 115.38461538%;
}
.x-crea5 .container .x-xia .x-ri {
  width: 30.79%;
  position: absolute;
  right: 0;
  bottom: 3.1rem;
}
.x-crea5 .container .x-xia .x-ri .public-img {
  width: 100%;
}
.x-crea5 .container .x-xia .x-ri .public-img::before {
  padding-top: 91.60305344%;
}
.x-crea6 {
  padding: 1.5rem 0 2rem;
}
@media (max-width: 767px) {
  .x-crea6 {
    padding: 1.2rem 0 0;
  }
}
.x-crea6 .container .x-title {
  font-size: 1.7rem;
  line-height: 1;
  text-transform: uppercase;
  color: #2B0030;
}
@media (max-width: 767px) {
  .x-crea6 .container .x-title {
    font-size: 0.9rem;
  }
}
.x-crea6 .container .x-title span {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #2B0030;
  color: transparent;
}
.x-crea6 .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 2.55rem -0.14rem 0;
}
@media (max-width: 767px) {
  .x-crea6 .container ul {
    padding: 0 1rem;
    margin-top: 1.8rem;
  }
}
.x-crea6 .container ul li {
  width: 14.28%;
  padding: 0 0.14rem 0.28rem;
}
@media (max-width: 767px) {
  .x-crea6 .container ul li {
    padding-bottom: 2rem;
    width: 50%;
  }
}
.x-crea6 .container ul li:nth-child(2n) .x-box .x-ico {
  border-top: none;
  border-bottom: 1px solid #2B0030;
}
.x-crea6 .container ul li:nth-child(2n) .x-box .x-text {
  bottom: auto;
  margin-top: 0.2rem;
  margin-bottom: 0;
  flex-direction: column;
}
.x-crea6 .container ul li .x-box {
  position: relative;
}
.x-crea6 .container ul li .x-box .x-ico {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border-top: 1px solid #2B0030;
}
.x-crea6 .container ul li .x-box .x-ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-crea6 .container ul li .x-box .x-text {
  color: #2B0030;
  text-align: center;
  position: absolute;
  bottom: 100%;
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 0.2rem;
}
@media (max-width: 767px) {
  .x-crea6 .container ul li .x-box .x-text {
    left: 50%;
    transform: translateX(-50%);
  }
}
.x-crea6 .container ul li .x-box .x-text .x-tit {
  line-height: 1;
}
.x-crea6 .container ul li .x-box .x-text span {
  text-transform: uppercase;
}
.x-crea7 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.5rem 0 4.8rem;
}
.x-crea7 .container {
  text-align: center;
}
.x-crea7 .container .x-title {
  color: #fff;
  font-size: 1.7rem;
  text-transform: uppercase;
  line-height: 1;
}
@media (max-width: 767px) {
  .x-crea7 .container .x-title {
    font-size: 0.9rem;
  }
}
.x-crea7 .container .x-title span {
  background: linear-gradient(90deg, #EA00AD -30%, #E50B1A 0.97%, #FF5800 60.19%, #FFCA01 89.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.x-crea7 .container .pub_btn {
  margin-top: 0.45rem;
}
.x-crea8 {
  position: relative;
  padding: 3rem 0;
}
@media (max-width: 767px) {
  .x-crea8 {
    padding: 2rem 0;
  }
}
.x-crea8 .container {
  position: relative;
  z-index: 5;
}
.x-crea8 .container .x-title {
  font-size: 1.7rem;
  text-transform: uppercase;
  line-height: 1;
  color: #2B0030;
  padding: 0 1.1rem 0 2rem;
  position: relative;
}
@media (max-width: 767px) {
  .x-crea8 .container .x-title {
    font-size: 0.9rem;
    padding: 0 ;
  }
}
.x-crea8 .container .x-title p {
  text-align: right;
}
.x-crea8 .container .x-title span {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #2B0030;
  color: transparent;
}
.x-crea8 .container .x-title svg {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1rem;
  width: 1.83rem;
  height: 1.93rem;
}
@media (max-width: 767px) {
  .x-crea8 .container .x-title svg {
    display: none;
  }
}
.x-crea8 .container .x-title svg.on path {
  animation: drawMain 1.2s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
.x-crea8 .container .x-title svg path:nth-child(2) {
  animation-delay: 1s;
}
.x-crea8 .container .x-aa {
  text-align: center;
  margin-top: 0.55rem;
}
.x-crea8 .x-img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(90deg) scale(0.2);
  width: 80.9%;
  transition: 0.6s ease-in-out;
}
.x-crea8 .x-img.on {
  transform: translate(-50%, -50%) rotate(0) scale(1);
}
.x-crea8 .x-img::before {
  padding-top: 57.33905579%;
}
.x-role1 .x-ny-banner1 .x-con .x-text .container .x-title span {
  background: linear-gradient(90deg, #FFCA01 -0.7%, #E50B1A 50.03%, #E50B1A 65.97%, #FF5800 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.x-role2 .x-top {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.5rem 0;
}
@media (max-width: 767px) {
  .x-role2 .x-top {
    padding: 1.2rem 0;
  }
}
.x-role2 .x-top .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-role2 .x-top .container .x-title {
  color: #fff;
  font-size: 0.76rem;
  line-height: 1;
  width: 49.45%;
}
@media (max-width: 767px) {
  .x-role2 .x-top .container .x-title {
    width: 100%;
  }
}
.x-role2 .x-top .container .x-p {
  color: #fff;
  width: 41.27%;
}
@media (max-width: 767px) {
  .x-role2 .x-top .container .x-p {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-role2 .x-xia .public-img {
  width: 100%;
}
.x-role2 .x-xia .public-img::before {
  padding-top: 54.72222222%;
}
.x-role3 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.5rem 0;
}
@media (max-width: 767px) {
  .x-role3 {
    padding: 1.2rem 0;
  }
}
.x-role3 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.x-role3 .container .public-img {
  width: 41.27%;
}
@media (max-width: 767px) {
  .x-role3 .container .public-img {
    width: 100%;
  }
}
.x-role3 .container .public-img::before {
  padding-top: 102.46679317%;
}
.x-role3 .container .x-text {
  width: 41.27%;
}
@media (max-width: 767px) {
  .x-role3 .container .x-text {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-role3 .container .x-text .x-title {
  font-size: 0.76rem;
  color: #fff;
  line-height: 1;
}
.x-role3 .container .x-text .x-p {
  color: #FFF;
  line-height: 1.2;
  margin-top: 0.3rem;
}
.x-role4 {
  position: relative;
  padding: 1.5rem 0;
}
@media (max-width: 767px) {
  .x-role4 {
    padding: 1.2rem 0;
  }
}
.x-role4 .x-con .x-top .x-text {
  width: 36.04%;
}
@media (max-width: 991px) {
  .x-role4 .x-con .x-top .x-text {
    width: 100%;
  }
}
.x-role4 .x-con .x-top .x-text .x-title {
  color: #000105;
  font-size: 0.76rem;
  line-height: 1;
}
.x-role4 .x-con .x-top .x-text .x-p {
  line-height: 1.2;
  margin-top: 0.16rem;
  color: #312F2F;
}
.x-role4 .x-con .x-top .x-text .pub_btn {
  margin-top: 0.36rem;
}
.x-role4 .x-con .x-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: -3.36rem;
}
@media (max-width: 991px) {
  .x-role4 .x-con .x-box {
    margin-top: 0.4rem;
  }
}
.x-role4 .x-con .x-box .public-img {
  width: 50.16%;
}
.x-role4 .x-con .x-box .public-img:nth-child(2) {
  width: 29.166%;
  margin-right: 50.16%;
  clip-path: polygon(100% 0, 100% 75%, 80% 100%, 0 100%, 0 0);
}
.x-role4 .x-con .x-box .public-img:nth-child(2)::before {
  padding-top: 80.95238095%;
}
.x-role4 .x-con .x-box .public-img::before {
  padding-top: 74.48275862%;
}
.x-role4 .x-con .x-xia {
  padding-right: 1.1rem;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .x-role4 .x-con .x-xia {
    padding-right: 0;
  }
}
.x-role4 .x-con .x-xia .x-p {
  width: 42.51%;
  padding-right: 1.1rem;
}
@media (max-width: 991px) {
  .x-role4 .x-con .x-xia .x-p {
    width: 60%;
    margin-top: 0.4rem;
  }
}
@media (max-width: 767px) {
  .x-role4 .x-con .x-xia .x-p {
    width: 100%;
    padding-right: 0;
  }
}
.x-role4 .x-con .x-xia .x-pp {
  background: linear-gradient(90deg, #EA00AD -3.7%, #FF2000 33.03%, #FF6500 65.97%, #FFCA01 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.x-role5 .container .x-title {
  font-size: 1.7rem;
  text-transform: uppercase;
  line-height: 1;
  color: #2B0030;
}
@media (max-width: 767px) {
  .x-role5 .container .x-title {
    font-size: 0.9rem;
  }
}
.x-role5 .container .x-title span {
  background: linear-gradient(90deg, #EA00AD -50%, #EA00AD 10.03%, #E50B1A 65.97%, #FF5800 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.x-role5 .container ul {
  margin-top: 0.8rem;
}
@media (max-width: 767px) {
  .x-role5 .container ul {
    margin-top: 0.3rem;
  }
}
.x-role5 .container ul li {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.x-role5 .container ul li:nth-child(2) {
  justify-content: space-between;
}
.x-role5 .container ul li:nth-child(2) .x-box {
  background: #2B0030;
}
.x-role5 .container ul li:nth-child(2) .x-box:nth-child(2) {
  background: #EA00AD;
}
.x-role5 .container ul li:nth-child(3) .x-box {
  background: #FF5800;
}
.x-role5 .container ul li:nth-child(3) .x-box:nth-child(2) {
  background: #FF5800;
  padding: 0;
}
.x-role5 .container ul li:nth-child(3) .x-box:nth-child(2) .x-img {
  width: 100%;
  height: 100%;
}
.x-role5 .container ul li:nth-child(3) .x-box:nth-child(2) .x-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.x-role5 .container ul li .x-box {
  width: 33.33%;
  min-height: 5.6rem;
  background: #FF5800;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
}
@media (max-width: 767px) {
  .x-role5 .container ul li .x-box {
    width: 50%;
    padding: 0.4rem;
  }
}
.x-role5 .container ul li .x-box:nth-child(2) {
  background: #E50B1A;
}
.x-role5 .container ul li .x-box span {
  font-size: 0.9rem;
  color: #fff;
}
.x-role5 .container ul li .x-box .x-p {
  color: #fff;
  line-height: 1.2;
}
.x-role6 .x-crea8 .container .x-title svg {
  margin-left: 0;
}
@media (max-width: 991px) {
  .x-role6 .x-crea8 .container .x-title svg {
    margin-left: 0.6rem;
  }
}
.x-hous1 .x-con .x-top .x-title {
  color: #000105;
  line-height: 1;
}
.x-hous1 .x-con .x-top ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0.4rem -5px 0;
}
.x-hous1 .x-con .x-top ul li {
  width: 25%;
  display: flex;
  padding: 0 5px 10px;
}
@media (max-width: 767px) {
  .x-hous1 .x-con .x-top ul li {
    width: 50%;
  }
}
.x-hous1 .x-con .x-top ul li:nth-child(2) .x-box {
  border-top-color: #FF5800;
}
.x-hous1 .x-con .x-top ul li:nth-child(2) .x-box .x-ico {
  color: #FF5800;
}
.x-hous1 .x-con .x-top ul li:nth-child(3) .x-box {
  border-top-color: #E50B1A;
}
.x-hous1 .x-con .x-top ul li:nth-child(3) .x-box .x-ico {
  color: #E50B1A;
}
.x-hous1 .x-con .x-top ul li:nth-child(4) .x-box {
  border-top-color: #EA00AD;
}
.x-hous1 .x-con .x-top ul li:nth-child(4) .x-box .x-ico {
  color: #EA00AD;
}
.x-hous1 .x-con .x-top ul li:nth-child(5) .x-box {
  border-top-color: #FF5800;
}
.x-hous1 .x-con .x-top ul li:nth-child(5) .x-box .x-ico {
  color: #FF5800;
}
.x-hous1 .x-con .x-top ul li:nth-child(6) .x-box {
  border-top-color: #FFCA01;
}
.x-hous1 .x-con .x-top ul li:nth-child(6) .x-box .x-ico {
  color: #FFCA01;
}
.x-hous1 .x-con .x-top ul li .x-box {
  display: flex;
  width: 100%;
  border-top: 1px solid #FFCA01;
  padding-top: 0.3rem;
}
.x-hous1 .x-con .x-top ul li .x-box .x-ico {
  width: 0.3rem;
  height: 0.3rem;
  color: #FFCA01;
}
@media (max-width: 767px) {
  .x-hous1 .x-con .x-top ul li .x-box .x-ico {
    transform: translateY(0.1em);
  }
}
.x-hous1 .x-con .x-top ul li .x-box .x-ico svg,
.x-hous1 .x-con .x-top ul li .x-box .x-ico img {
  width: 100%;
  height: 100%;
}
.x-hous1 .x-con .x-top ul li .x-box .x-p {
  width: calc(100% - 0.3rem);
  padding-left: 0.2rem;
  color: #312F2F;
  line-height: 1.2;
}
.x-hous1 .x-con .public-img {
  margin-top: 0.9rem;
}
.x-hous1 .x-con .public-img::before {
  padding-top: 54.72222222%;
}
.x-hous2 {
  padding: 1.5rem 0;
}
@media (max-width: 767px) {
  .x-hous2 {
    padding: 1.2rem 0;
  }
}
.x-hous2 .x-con .x-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-hous2 .x-con .x-top .x-title {
  width: 40.96%;
  color: #000105;
  line-height: 1;
}
@media (max-width: 767px) {
  .x-hous2 .x-con .x-top .x-title {
    width: 100%;
  }
}
.x-hous2 .x-con .x-top .x-ri {
  width: 49.84%;
}
@media (max-width: 767px) {
  .x-hous2 .x-con .x-top .x-ri {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-hous2 .x-con .x-top .x-ri ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-hous2 .x-con .x-top .x-ri ul li {
  width: 48.9%;
  padding: 0.3rem 0 0.5rem;
  border-top: 1px solid #FF5800;
}
.x-hous2 .x-con .x-top .x-ri ul li:nth-child(2) {
  border-top-color: #E50B1A;
}
.x-hous2 .x-con .x-top .x-ri ul li:nth-child(3) {
  border-top-color: #EA00AD;
}
.x-hous2 .x-con .x-top .x-ri ul li:nth-child(4) {
  border-top-color: #FFCA01;
}
.x-hous2 .x-con .x-top .x-ri ul li:nth-child(5) {
  border-top-color: #FF5800;
}
.x-hous2 .x-con .x-top .x-ri ul li .x-p {
  color: #312F2F;
  line-height: 1.2;
}
.x-hous2 .x-con .x-xia {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.4rem;
}
.x-hous2 .x-con .x-xia .x-le {
  width: 49.65%;
  display: flex;
  align-items: flex-start;
  padding-left: 0.8rem;
}
@media (max-width: 767px) {
  .x-hous2 .x-con .x-xia .x-le {
    width: 63.65%;
    padding-left: 0.3rem;
  }
}
.x-hous2 .x-con .x-xia .x-le .public-img {
  width: 45.17%;
}
.x-hous2 .x-con .x-xia .x-le .public-img:nth-child(2) {
  width: 43.63%;
  margin-top: 1.6rem;
  clip-path: polygon(100% 0, 100% 67%, 66% 100%, 0 100%, 0 0);
}
.x-hous2 .x-con .x-xia .x-ri {
  width: 27.29%;
}
@media (max-width: 767px) {
  .x-hous2 .x-con .x-xia .x-ri {
    width: 36.29%;
  }
}
.x-hous2 .x-con .x-xia .x-ri .public-img::before {
  padding-top: 91.60305344%;
}
.x-hous3 {
  padding: 0 0 0.9rem;
}
.x-hous3 .container .x-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
}
.x-hous3 .container .x-top .x-title {
  color: #2B0030;
  line-height: 1;
  width: 64%;
}
@media (max-width: 767px) {
  .x-hous3 .container .x-top .x-title {
    width: 100%;
  }
}
.x-hous3 .container .x-top .x-title span {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #2B0030;
  color: transparent;
}
.x-hous3 .container .x-top .x-p {
  width: 32.71%;
  color: #312F2F;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .x-hous3 .container .x-top .x-p {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.x-hous3 .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0.5rem -5px 0;
}
.x-hous3 .container ul li {
  display: flex;
  width: 33.33%;
  padding: 0 5px 10px;
}
@media (max-width: 767px) {
  .x-hous3 .container ul li {
    width: 100%;
  }
}
.x-hous3 .container ul li:nth-child(2) .x-box {
  border-top-color: #E50B1A;
}
.x-hous3 .container ul li:nth-child(2) .x-box .x-tit {
  color: #E50B1A;
}
.x-hous3 .container ul li:nth-child(3) .x-box {
  border-top-color: #EA00AD;
}
.x-hous3 .container ul li:nth-child(3) .x-box .x-tit {
  color: #EA00AD;
}
.x-hous3 .container ul li .x-box {
  display: block;
  width: 100%;
  padding-top: 0.3rem;
  border-top: 1px solid #FF5800;
}
.x-hous3 .container ul li .x-box .x-tit {
  color: #FF5800;
}
.x-hous3 .container ul li .x-box .x-p {
  color: #312F2F;
  margin-top: 0.1rem;
  padding-right: 0.4rem;
}
@media (max-width: 767px) {
  .x-hous3 .container ul li .x-box .x-p {
    padding-right: 0;
  }
}
.x-hous4 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.5rem 0;
}
@media (max-width: 767px) {
  .x-hous4 {
    padding: 1.2rem 0;
  }
}
.x-hous4 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.x-hous4 .container .x-le {
  width: 36.72%;
  color: #fff;
}
@media (max-width: 991px) {
  .x-hous4 .container .x-le {
    width: 52.72%;
  }
}
@media (max-width: 767px) {
  .x-hous4 .container .x-le {
    width: 100%;
  }
}
.x-hous4 .container .x-le .x-title {
  line-height: 1;
}
.x-hous4 .container .x-le .x-p {
  line-height: 1.2;
  margin-top: 0.3rem;
}
.x-hous4 .container .x-le .x-txt {
  margin-top: 0.25rem;
}
.x-hous4 .container .x-le .x-txt .x-sp {
  line-height: 1.2;
  margin-bottom: 0.25rem;
  padding-left: 0.3rem;
  position: relative;
}
.x-hous4 .container .x-le .x-txt .x-sp i {
  width: 8px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0.2em;
}
.x-hous4 .container .x-le .x-txt .x-sp i img,
.x-hous4 .container .x-le .x-txt .x-sp i svg {
  width: 100%;
  height: 100%;
}
.x-hous4 .container .x-ri {
  width: 41.043%;
}
@media (max-width: 767px) {
  .x-hous4 .container .x-ri {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.x-hous4 .container .x-ri .public-img {
  width: 100%;
}
.x-hous4 .container .x-ri .public-img::before {
  padding-top: 102.46679317%;
}
.x-hous5 .x-con {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.5rem 0 0.5rem 0;
}
@media (max-width: 767px) {
  .x-hous5 .x-con {
    padding: 1.2rem 0 0.4rem;
  }
}
.x-hous5 .x-con .container .x-top .x-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-hous5 .x-con .container .x-top .x-box .x-title {
  color: #fff;
  width: 50%;
  line-height: 1;
}
@media (max-width: 767px) {
  .x-hous5 .x-con .container .x-top .x-box .x-title {
    width: 100%;
  }
}
.x-hous5 .x-con .container .x-top .x-box .x-text {
  width: 38.94%;
  color: #fff;
}
@media (max-width: 991px) {
  .x-hous5 .x-con .container .x-top .x-box .x-text {
    width: 48.94%;
  }
}
@media (max-width: 767px) {
  .x-hous5 .x-con .container .x-top .x-box .x-text {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.x-hous5 .x-con .container .x-top .x-box .x-text .x-p {
  line-height: 1.2;
}
.x-hous5 .x-con .container .x-top .x-box .x-text .x-txt .x-sp {
  line-height: 1.2;
  margin-top: 0.23rem;
  padding-left: 0.3rem;
  position: relative;
}
.x-hous5 .x-con .container .x-top .x-box .x-text .x-txt .x-sp i {
  width: 8px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0.2em;
  color: #fff;
}
.x-hous5 .x-con .container .x-top .x-box .x-text .x-txt .x-sp i img,
.x-hous5 .x-con .container .x-top .x-box .x-text .x-txt .x-sp i svg {
  width: 100%;
  height: 100%;
}
.x-hous5 .x-con .container .x-top .x-xlogo {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .x-hous5 .x-con .container .x-top .x-xlogo {
    margin-top: 0.8rem;
  }
}
.x-hous5 .x-con .container .x-top .x-xlogo .x-img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 2.25rem;
  max-height: 0.58rem;
  margin-right: 0.4rem;
}
@media (max-width: 767px) {
  .x-hous5 .x-con .container .x-top .x-xlogo .x-img {
    width: 50%;
    max-width: initial;
    margin-right: 0;
    max-height: 0.48rem;
    margin-bottom: 0.3rem;
  }
}
.x-hous5 .x-con .container .x-top .x-xlogo .x-img:last-child {
  margin-right: 0;
}
.x-hous5 .x-con .container .x-top .x-xlogo .x-img img {
  width: auto;
  height: 100%;
  object-fit: contain;
}
.x-hous5 .public-img::before {
  padding-top: 54.72222222%;
}
.x-hous6 .x-hous5 .x-con .container .x-top .x-box .x-text .x-txt .x-sp i {
  color: #EA00AD;
}
.x-hous7 {
  padding: 1.5rem 0;
}
@media (max-width: 767px) {
  .x-hous7 {
    padding: 1.2rem 0;
  }
}
.x-hous7 .container .x-top .x-title {
  line-height: 1;
  text-transform: uppercase;
  color: #2B0030;
  position: relative;
}
@media (max-width: 767px) {
  .x-hous7 .container .x-top .x-title {
    width: 100%;
  }
}
.x-hous7 .container .x-top .x-title svg {
  position: absolute;
  margin-top: 0.5rem;
  margin-left: 0.3rem;
  width: 1.83rem;
  height: 1.93rem;
}
@media (max-width: 767px) {
  .x-hous7 .container .x-top .x-title svg {
    display: none;
  }
}
.x-hous7 .container .x-top .x-title svg.on path {
  animation: drawMain 1.2s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
.x-hous7 .container .x-top .x-title svg path:nth-child(2) {
  animation-delay: 1s;
}
.x-hous7 .container .x-top .x-p {
  color: #312F2F;
  line-height: 1.2;
  width: 32.71%;
  margin-left: auto;
}
@media (max-width: 767px) {
  .x-hous7 .container .x-top .x-p {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.x-hous7 .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 1rem -6px 12px;
}
.x-hous7 .container ul li {
  width: 33.33%;
  padding: 0 6px 12px;
  display: flex;
}
@media (max-width: 991px) {
  .x-hous7 .container ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-hous7 .container ul li {
    width: 100%;
  }
}
.x-hous7 .container ul li:nth-child(2) .x-box {
  background: #E50B1A;
}
.x-hous7 .container ul li:nth-child(3) .x-box {
  background: #EA00AD;
}
.x-hous7 .container ul li .x-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  background-color: #FF5800;
  min-height: 6.8rem;
  padding: 0.68rem 0.5rem 0.5rem 0.5rem;
}
.x-hous7 .container ul li .x-box .x-text {
  color: #fff;
}
.x-hous7 .container ul li .x-box .x-text .x-tit {
  text-transform: uppercase;
  line-height: 1;
}
.x-hous7 .container ul li .x-box .x-text .x-p {
  line-height: 1.2;
  margin-top: 0.25rem;
}
.x-hous7 .container ul li .x-box .x-text .x-txt {
  margin-top: 0.2rem;
}
.x-hous7 .container ul li .x-box .x-text .x-txt .x-sp {
  display: flex;
  margin-bottom: 0.16rem;
}
.x-hous7 .container ul li .x-box .x-text .x-txt .x-sp i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.26rem;
  height: 0.26rem;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .x-hous7 .container ul li .x-box .x-text .x-txt .x-sp i {
    transform: translateY(0.2em);
  }
}
.x-hous7 .container ul li .x-box .x-text .x-txt .x-sp i svg,
.x-hous7 .container ul li .x-box .x-text .x-txt .x-sp i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-hous7 .container ul li .x-box .x-text .x-txt .x-sp p {
  width: calc(100% - 0.26rem);
  line-height: 1.2;
  padding-left: 0.22rem;
}
.x-hous7 .container ul li .x-box .pub_btn {
  margin-top: 0.4rem;
}
.x-hous8 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.5rem 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .x-hous8 {
    padding: 1.2rem 0;
  }
}
.x-hous8 .container .x-title {
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  position: relative;
}
.x-hous8 .container .x-title span {
  background: linear-gradient(90deg, #EA00AD 28.7%, #E50B1A);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.x-hous8 .container .x-title svg {
  position: absolute;
  margin-top: 0.5rem;
  margin-left: 0.3rem;
  width: 1.83rem;
  height: 1.93rem;
}
@media (max-width: 767px) {
  .x-hous8 .container .x-title svg {
    display: none;
  }
}
.x-hous8 .container .x-title svg.on path {
  animation: drawMain 1.2s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
.x-hous8 .container .x-title svg path:nth-child(2) {
  animation-delay: 1s;
}
.x-hous8 .container .x-swiper {
  margin-top: 2.1rem;
}
@media (max-width: 767px) {
  .x-hous8 .container .x-swiper {
    margin-top: 0.4rem;
  }
}
.x-hous8 .container .x-swiper .swiper {
  overflow: visible;
  padding-bottom: 0.8rem;
}
@media (max-width: 767px) {
  .x-hous8 .container .x-swiper .swiper {
    padding-bottom: 0.4rem;
  }
}
.x-hous8 .container .x-swiper .swiper .swiper-slide {
  height: auto;
  background-color: #fff;
  padding: 0.7rem 0.5rem;
  min-height: 5.4rem;
}
.x-hous8 .container .x-swiper .swiper .swiper-slide .x-ico {
  width: auto;
  height: 0.5rem;
}
.x-hous8 .container .x-swiper .swiper .swiper-slide .x-ico img {
  width: auto;
  max-height: 100%;
  object-fit: contain;
}
.x-hous8 .container .x-swiper .swiper .swiper-slide .x-p {
  margin-top: 0.5rem;
  line-height: 1.2;
  color: #312F2F;
}
.x-hous8 .container .x-swiper .swiper .swiper-scrollbar {
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 49.45%;
  background: transparent;
}
.x-hous8 .container .x-swiper .swiper .swiper-scrollbar::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #CAC2BE;
  position: absolute;
  left: 0;
  top: 1px;
}
.x-hous8 .container .x-swiper .swiper .swiper-scrollbar .swiper-scrollbar-drag {
  height: 2px;
  background-color: #fff;
}
.x-hous9 {
  padding: 1.5rem 0;
  position: relative;
}
@media (max-width: 767px) {
  .x-hous9 {
    padding: 1.2rem 0;
  }
}
.x-hous9 .container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-right: 1rem;
}
@media (max-width: 767px) {
  .x-hous9 .container {
    margin-right: 0;
  }
}
.x-hous9 .container::before {
  content: "";
  width: 34.722%;
  height: calc(100% - 3rem);
  background: #FF5800;
  position: absolute;
  right: 0;
  top: 1.5rem;
}
@media (max-width: 767px) {
  .x-hous9 .container::before {
    display: none;
  }
}
.x-hous9 .container .x-le {
  width: 52.45%;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(90deg, #EA00AD -3.7%, #E50B1A 29.97%, #FF5800 60.19%, #FFCA01 89.9%) 1;
}
@media (max-width: 767px) {
  .x-hous9 .container .x-le {
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
  }
}
.x-hous9 .container .x-le .x-title {
  background: linear-gradient(90deg, #EA00AD -3.7%, #E50B1A 29.97%, #FF5800 60.19%, #FFCA01 89.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.x-hous9 .container .x-le .x-tit {
  color: #000105;
  line-height: 1;
  margin-top: 0.42rem;
}
.x-hous9 .container .x-le .x-p {
  margin-top: 0.2rem;
  color: #000105;
  line-height: 1.2;
}
.x-hous9 .container .x-le .x-txt .x-sp {
  line-height: 1.2;
  margin-top: 0.23rem;
  padding-left: 0.3rem;
  position: relative;
  color: #000105;
}
.x-hous9 .container .x-le .x-txt .x-sp i {
  width: 8px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0.2em;
  color: #FF5800;
}
.x-hous9 .container .x-le .x-txt .x-sp i img,
.x-hous9 .container .x-le .x-txt .x-sp i svg {
  width: 100%;
  height: 100%;
}
.x-hous9 .container .x-le .pub_btn {
  margin-top: 0.3rem;
}
.x-hous9 .container .x-ri {
  width: 35.51%;
}
@media (max-width: 767px) {
  .x-hous9 .container .x-ri {
    width: 100%;
    order: -1;
    margin-bottom: 0.4rem;
  }
}
.x-hous9 .container .x-ri .public-img::before {
  padding-top: 129.52380952%;
}
.x-unlo1 {
  background-color: #2B0030;
  padding: 1.5rem 0;
}
@media (max-width: 767px) {
  .x-unlo1 {
    padding: 1.2rem 0;
  }
}
.x-unlo1 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-unlo1 .container .x-title {
  color: #fff;
  line-height: 1;
  width: 41.27%;
}
@media (max-width: 767px) {
  .x-unlo1 .container .x-title {
    width: 100%;
  }
}
.x-unlo1 .container .x-text {
  width: 41.27%;
}
@media (max-width: 767px) {
  .x-unlo1 .container .x-text {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.x-unlo1 .container .x-text .x-p {
  color: #FFF;
  line-height: 1.2;
}
.x-unlo1 .container .x-text .x-sp {
  background: linear-gradient(90deg, #EA00AD -3.7%, #FF2000 33.03%, #FF6500 65.97%, #FFCA01 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  line-height: 1;
  margin-top: 0.55rem;
}
.x-unlo2 {
  padding: 1.5rem 0;
}
@media (max-width: 767px) {
  .x-unlo2 {
    padding: 1.2rem 0;
  }
}
.x-unlo2 .container .x-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.x-unlo2 .container .x-top .x-title {
  text-transform: uppercase;
  color: #2B0030;
  width: 50.62%;
  line-height: 1;
  position: relative;
}
@media (max-width: 767px) {
  .x-unlo2 .container .x-top .x-title {
    width: 100%;
  }
}
.x-unlo2 .container .x-top .x-title svg {
  position: absolute;
  margin-top: 0.6rem;
  margin-left: 0.35rem;
  width: 1.93rem;
  height: 1.83rem;
}
@media (max-width: 767px) {
  .x-unlo2 .container .x-top .x-title svg {
    display: none;
  }
}
.x-unlo2 .container .x-top .x-title svg.on path {
  animation: drawMain 1.2s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
.x-unlo2 .container .x-top .x-title svg path {
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
}
.x-unlo2 .container .x-top .x-title svg path.draw-arrow {
  animation-delay: 1s;
}
.x-unlo2 .container .x-top .x-text {
  width: 32.71%;
  margin-bottom: -0.9rem;
}
@media (max-width: 767px) {
  .x-unlo2 .container .x-top .x-text {
    width: 100%;
    margin-bottom: 0;
    margin-top: 0.3rem;
  }
}
.x-unlo2 .container .x-top .x-text .x-sp {
  background: linear-gradient(90deg, #EA00AD -3.7%, #FF2000 33.03%, #FF6500 65.97%, #FFCA01 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  line-height: 1;
}
.x-unlo2 .container .x-top .x-text .x-p {
  margin-top: 0.24rem;
  color: #312F2F;
  line-height: 1.2;
}
.x-unlo2 .container ul {
  margin-top: 2.4rem;
}
@media (max-width: 767px) {
  .x-unlo2 .container ul {
    margin-top: 1.2rem;
  }
}
.x-unlo2 .container ul li {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-unlo2 .container ul li .x-box {
  display: block;
  position: relative;
  width: 50%;
}
@media (max-width: 767px) {
  .x-unlo2 .container ul li .x-box {
    width: 100%;
  }
}
.x-unlo2 .container ul li .x-box.x-bjys1 .x-text2 {
  background: #E50B1A;
}
.x-unlo2 .container ul li .x-box.x-bjys2 .x-text2 {
  background: #FF5800;
}
.x-unlo2 .container ul li .x-box.x-bjys3 .x-text2 {
  background: #2B0030;
}
.x-unlo2 .container ul li .x-box.x-bjys4 .x-text2 {
  background: #EA00AD;
}
.x-unlo2 .container ul li .x-box.x-bjys5 .x-text2 {
  background: #E8B80E;
}
.x-unlo2 .container ul li .x-box.x-bjys6 .x-text2 {
  background: #FF5800;
}
@media (min-width: 768px) {
  .x-unlo2 .container ul li .x-box:hover .x-text .x-tit {
    opacity: 0;
  }
  .x-unlo2 .container ul li .x-box:hover .x-text .x-btn {
    opacity: 0;
  }
  .x-unlo2 .container ul li .x-box:hover .x-text .g_gb .i2 {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  .x-unlo2 .container ul li .x-box:hover .x-text2 {
    opacity: 1;
  }
}
.x-unlo2 .container ul li .x-box .public-img {
  width: 100%;
}
.x-unlo2 .container ul li .x-box .public-img::before {
  padding-top: 68.75%;
}
.x-unlo2 .container ul li .x-box .x-text {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 8;
  width: 100%;
  height: 100%;
  padding: 0.3rem 0.6rem 0.5rem 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.x-unlo2 .container ul li .x-box .x-text .x-tit {
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
  transition: 0.4s ease-in-out;
}
.x-unlo2 .container ul li .x-box .x-text .g_gb {
  position: absolute;
  transition: 0.4s all;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0.2rem;
  right: 0.2rem;
  width: 0.31rem;
  height: 0.31rem;
  flex-shrink: 0;
  z-index: 8;
}
@media (max-width: 767px) {
  .x-unlo2 .container ul li .x-box .x-text .g_gb {
    width: 16px;
  }
}
.x-unlo2 .container ul li .x-box .x-text .g_gb i {
  width: 100%;
  height: 2px;
  background: #fff;
  display: block;
  position: absolute;
  transition: all 0.4s;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .x-unlo2 .container ul li .x-box .x-text .g_gb i {
    width: 16px;
    height: 1px;
  }
}
.x-unlo2 .container ul li .x-box .x-text .g_gb .i2 {
  transform: translate(-50%, -50%) rotate(90deg);
}
.x-unlo2 .container ul li .x-box .x-text .x-btn {
  margin-top: 0.3rem;
  transition: 0.4s ease-in-out;
}
.x-unlo2 .container ul li .x-box .x-text2 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 0.7rem 0.5rem;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.x-unlo2 .container ul li .x-box .x-text2 .x-p {
  line-height: 1.2;
  margin-bottom: 0.2rem;
}
.x-unlo2 .container ul li .x-box .x-text2 .x-txt .x-sp {
  margin-bottom: 0.06rem;
  padding-left: 0.4rem;
  position: relative;
}
.x-unlo2 .container ul li .x-box .x-text2 .x-txt .x-sp i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 8px;
  height: 14px;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0.4em;
}
@media (max-width: 1260px) {
  .x-unlo2 .container ul li .x-box .x-text2 .x-txt .x-sp i {
    top: 0.2em;
  }
}
.x-unlo2 .container ul li .x-box .x-text2 .x-txt .x-sp i svg {
  width: 100%;
  height: 100%;
}
.x-unlo3 {
  padding: 0 0 1.3rem;
}
@media (max-width: 767px) {
  .x-unlo3 {
    padding-bottom: 0.6rem;
  }
}
.x-unlo3 .container ul {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin: 0 -5px 0;
}
.x-unlo3 .container ul li {
  width: 33.33%;
  display: flex;
  padding: 0 5px 20px;
}
@media (max-width: 991px) {
  .x-unlo3 .container ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-unlo3 .container ul li {
    width: 100%;
    padding-bottom: 0.6rem;
  }
}
.x-unlo3 .container ul li .x-box {
  display: block;
  width: 100%;
  border-top: 1px solid #EA00AD;
  padding-top: 0.2rem;
}
.x-unlo3 .container ul li .x-box i {
  display: inline-flex;
  width: 0.72rem;
  height: 0.64rem;
}
.x-unlo3 .container ul li .x-box i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-unlo3 .container ul li .x-box .x-p {
  margin-top: 0.2rem;
  line-height: 1.2;
}
.x-unlo3 .container ul li .x-box .x-sp {
  color: #000105;
  margin-top: 0.2rem;
  line-height: 1.2;
}
.x-unlo3 .container ul li .x-box .x-img {
  width: auto;
  max-height: 0.44rem;
  display: inline-flex;
  justify-content: flex-start;
  margin-top: 0.06rem;
}
@media (max-width: 991px) {
  .x-unlo3 .container ul li .x-box .x-img {
    max-height: 0.8rem;
  }
}
@media (max-width: 767px) {
  .x-unlo3 .container ul li .x-box .x-img {
    max-height: 1rem;
  }
}
.x-unlo3 .container ul li .x-box .x-img img {
  width: auto;
  max-height: 100%;
  object-fit: contain;
}
.x-reach1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.7rem 0 1.5rem;
}
@media (max-width: 767px) {
  .x-reach1 {
    padding: 1.5rem 0;
  }
}
.x-reach1 .x-con .x-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.x-reach1 .x-con .x-top .x-text {
  width: 36.72%;
  color: #fff;
}
@media (max-width: 991px) {
  .x-reach1 .x-con .x-top .x-text {
    width: 52.72%;
  }
}
@media (max-width: 767px) {
  .x-reach1 .x-con .x-top .x-text {
    width: 100%;
  }
}
.x-reach1 .x-con .x-top .x-text .x-title {
  line-height: 1;
}
.x-reach1 .x-con .x-top .x-text .x-p {
  line-height: 1.2;
  margin-top: 0.3rem;
}
.x-reach1 .x-con .x-top .x-text .x-txt {
  margin-top: 0.25rem;
}
.x-reach1 .x-con .x-top .x-text .x-txt .x-sp {
  line-height: 1.2;
  margin-bottom: 0.25rem;
  padding-left: 0.3rem;
  position: relative;
}
.x-reach1 .x-con .x-top .x-text .x-txt .x-sp i {
  width: 8px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0.2em;
}
.x-reach1 .x-con .x-top .x-text .x-txt .x-sp i img,
.x-reach1 .x-con .x-top .x-text .x-txt .x-sp i svg {
  width: 100%;
  height: 100%;
}
.x-reach1 .x-con .x-top .public-img {
  width: 41.27%;
}
@media (max-width: 767px) {
  .x-reach1 .x-con .x-top .public-img {
    width: 100%;
  }
}
.x-reach1 .x-con .x-top .public-img::before {
  padding-top: 100.55865922%;
}
.x-reach1 .x-con .x-xia {
  position: relative;
  margin-top: 2rem;
}
.x-reach1 .x-con .x-xia .public-img {
  width: 48.61%;
  position: absolute;
  left: 0;
  top: -0.8rem;
}
@media (max-width: 767px) {
  .x-reach1 .x-con .x-xia .public-img {
    width: 100%;
    opacity: 0.5;
  }
}
.x-reach1 .x-con .x-xia .public-img::before {
  padding-top: 102%;
}
.x-reach1 .x-con .x-xia .container {
  width: 100%;
}
.x-reach1 .x-con .x-xia .x-text {
  width: 36.72%;
  color: #fff;
  margin-left: auto;
}
@media (max-width: 991px) {
  .x-reach1 .x-con .x-xia .x-text {
    width: 52.72%;
  }
}
@media (max-width: 767px) {
  .x-reach1 .x-con .x-xia .x-text {
    width: 100%;
  }
}
.x-reach1 .x-con .x-xia .x-text .x-title {
  line-height: 1;
}
.x-reach1 .x-con .x-xia .x-text .x-p {
  line-height: 1.2;
  margin-top: 0.3rem;
}
.x-reach1 .x-con .x-xia .x-text .x-txt {
  margin-top: 0.25rem;
}
.x-reach1 .x-con .x-xia .x-text .x-txt .x-sp {
  line-height: 1.2;
  margin-bottom: 0.25rem;
  padding-left: 0.3rem;
  position: relative;
}
.x-reach1 .x-con .x-xia .x-text .x-txt .x-sp i {
  width: 8px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0.2em;
}
.x-reach1 .x-con .x-xia .x-text .x-txt .x-sp i img,
.x-reach1 .x-con .x-xia .x-text .x-txt .x-sp i svg {
  width: 100%;
  height: 100%;
}
.x-reach2 {
  padding: 1.5rem 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .x-reach2 {
    padding: 1.2rem 0;
  }
}
.x-reach2 .container .x-top .x-title {
  line-height: 1;
  text-transform: uppercase;
  color: #2B0030;
  position: relative;
}
.x-reach2 .container .x-top .x-title p {
  padding-left: 2.7rem;
}
.x-reach2 .container .x-top .x-title span {
  background: linear-gradient(90deg, #EA00AD, #E50B1A, #FF5800, #FFCA01);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.x-reach2 .container .x-top .x-title svg {
  position: absolute;
  margin-top: 0.5rem;
  margin-left: 0.3rem;
  width: 1.83rem;
  height: 1.93rem;
}
@media (max-width: 767px) {
  .x-reach2 .container .x-top .x-title svg {
    display: none;
  }
}
.x-reach2 .container .x-top .x-title svg.on path {
  animation: drawMain 1.2s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
.x-reach2 .container .x-top .x-title svg path:nth-child(2) {
  animation-delay: 1s;
}
.x-reach2 .container .x-top .x-sp {
  width: 24.37%;
  margin-left: auto;
  margin-top: 0.3rem;
  margin-right: 1.2rem;
  color: #312F2F;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .x-reach2 .container .x-top .x-sp {
    width: 100%;
  }
}
.x-reach2 .container .x-swiper1 {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .x-reach2 .container .x-swiper1 {
    margin-top: 0.6rem;
  }
}
.x-reach2 .container .x-swiper1 .swiper {
  overflow: visible;
  padding-bottom: 0.8rem;
}
.x-reach2 .container .x-swiper1 .swiper .swiper-wrapper .swiper-slide {
  height: auto;
}
.x-reach2 .container .x-swiper1 .swiper .swiper-wrapper .swiper-slide:hover .x-text {
  opacity: 1;
}
.x-reach2 .container .x-swiper1 .swiper .swiper-wrapper .swiper-slide .public-img::before {
  padding-top: 138.0952381%;
}
.x-reach2 .container .x-swiper1 .swiper .swiper-wrapper .swiper-slide .x-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: #2B0030;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.5rem;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-reach2 .container .x-swiper1 .swiper .swiper-wrapper .swiper-slide .x-text {
    position: relative;
    height: auto;
    opacity: 1;
    padding: 0.2rem 0;
    background-color: #fff;
  }
}
.x-reach2 .container .x-swiper1 .swiper .swiper-wrapper .swiper-slide .x-text .x-tt {
  color: #fff;
}
@media (max-width: 767px) {
  .x-reach2 .container .x-swiper1 .swiper .swiper-wrapper .swiper-slide .x-text .x-tt {
    color: #312F2F;
  }
}
.x-reach2 .container .x-swiper1 .swiper .swiper-wrapper .swiper-slide .x-text .x-tt .x-i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #fff;
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
}
@media (max-width: 767px) {
  .x-reach2 .container .x-swiper1 .swiper .swiper-wrapper .swiper-slide .x-text .x-tt .x-i {
    display: none;
  }
}
.x-reach2 .container .x-swiper1 .swiper .swiper-wrapper .swiper-slide .x-text .x-tt .x-i svg {
  width: 100%;
  height: 100%;
}
.x-reach2 .container .x-swiper1 .swiper .swiper-wrapper .swiper-slide .x-text .x-tt .x-dz {
  display: flex;
  align-items: center;
  margin-top: 0.18rem;
}
.x-reach2 .container .x-swiper1 .swiper .swiper-wrapper .swiper-slide .x-text .x-tt .x-dz .x-ico {
  width: 0.22rem;
  height: 0.26rem;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .x-reach2 .container .x-swiper1 .swiper .swiper-wrapper .swiper-slide .x-text .x-tt .x-dz .x-ico {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.x-reach2 .container .x-swiper1 .swiper .swiper-wrapper .swiper-slide .x-text .x-tt .x-dz .x-ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-reach2 .container .x-swiper1 .swiper .swiper-wrapper .swiper-slide .x-text .x-tt .x-dz span {
  display: inline-block;
  padding-left: 0.12rem;
}
@media (max-width: 767px) {
  .x-reach2 .container .x-swiper1 .swiper .swiper-wrapper .swiper-slide .x-text .x-btn {
    margin-top: 0.3rem;
  }
}
@media (max-width: 767px) {
  .x-reach2 .container .x-swiper1 .swiper .swiper-wrapper .swiper-slide .x-text .x-btn .pub_btn {
    background: var(--color);
    color: #312F2F;
  }
}
.x-reach2 .container .x-swiper1 .swiper .swiper-scrollbar {
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 49.45%;
  background: transparent;
}
.x-reach2 .container .x-swiper1 .swiper .swiper-scrollbar::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #CAC2BE;
  position: absolute;
  left: 0;
  top: 1px;
}
.x-reach2 .container .x-swiper1 .swiper .swiper-scrollbar .swiper-scrollbar-drag {
  height: 2px;
  background-color: #2B0030;
}
.x-reach3 {
  padding: 0 0 1.4rem;
}
@media (max-width: 767px) {
  .x-reach3 {
    padding: 0 0 1.2rem;
  }
}
.x-reach3 .x-con .x-top .x-title {
  text-transform: uppercase;
  line-height: 1;
}
.x-reach3 .x-con .x-top .x-title span {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #2B0030;
  color: transparent;
}
.x-reach3 .x-con .x-top .x-p {
  width: 24.37%;
  margin-left: auto;
  margin-top: -0.6rem;
  margin-right: 1.2rem;
  color: #312F2F;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .x-reach3 .x-con .x-top .x-p {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.x-reach3 .x-con .x-xia {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .x-reach3 .x-con .x-xia {
    margin-top: 0.4rem;
  }
}
.x-reach3 .x-con .x-xia .swiper {
  padding: 1rem 0 0.8rem;
}
.x-reach3 .x-con .x-xia .swiper .swiper-slide {
  padding: 0 0.8rem 1rem 0.8rem;
}
.x-reach3 .x-con .x-xia .swiper .swiper-slide::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #2B0030;
  position: absolute;
  left: 0;
  top: 0;
  clip-path: polygon(86% 0, 100% 14%, 100% 100%, 0 100%, 0 0);
}
.x-reach3 .x-con .x-xia .swiper .swiper-slide:nth-child(2)::before {
  background-color: #EA00AD;
}
.x-reach3 .x-con .x-xia .swiper .swiper-slide:nth-child(2) .x-text .x-txt .x-sp i {
  color: #2B0030;
}
.x-reach3 .x-con .x-xia .swiper .swiper-slide .public-img {
  width: 37.2%;
  margin: -1rem 0 0;
}
@media (max-width: 767px) {
  .x-reach3 .x-con .x-xia .swiper .swiper-slide .public-img {
    width: 50%;
  }
}
.x-reach3 .x-con .x-xia .swiper .swiper-slide .public-img::before {
  padding-top: 129.69924812%;
}
.x-reach3 .x-con .x-xia .swiper .swiper-slide .x-text {
  color: #fff;
  padding-right: 1.2rem;
}
@media (max-width: 991px) {
  .x-reach3 .x-con .x-xia .swiper .swiper-slide .x-text {
    padding-right: 0;
  }
}
.x-reach3 .x-con .x-xia .swiper .swiper-slide .x-text .x-txt {
  margin-top: 0.2rem;
}
.x-reach3 .x-con .x-xia .swiper .swiper-slide .x-text .x-txt .x-sp {
  padding-left: 0.3rem;
  position: relative;
  margin-bottom: 0.25rem;
}
.x-reach3 .x-con .x-xia .swiper .swiper-slide .x-text .x-txt .x-sp i {
  display: inline-flex;
  width: 8px;
  height: 13px;
  color: #FF5800;
  position: absolute;
  left: 0;
  top: 0.4em;
}
.x-reach3 .x-con .x-xia .swiper .swiper-slide .x-text .x-txt .x-sp i svg {
  width: 100%;
  height: 100%;
}
.x-reach3 .x-con .x-xia .swiper .swiper-slide .x-text .pub_btn {
  margin-top: 0.1rem;
}
.x-reach3 .x-con .x-xia .swiper .swiper-scrollbar {
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 49.45%;
  background: transparent;
}
.x-reach3 .x-con .x-xia .swiper .swiper-scrollbar::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #CAC2BE;
  position: absolute;
  left: 0;
  top: 1px;
}
.x-reach3 .x-con .x-xia .swiper .swiper-scrollbar .swiper-scrollbar-drag {
  height: 2px;
  background-color: #2B0030;
}
.x-reach4 .container .x-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.x-reach4 .container .x-top .x-title {
  text-transform: uppercase;
  line-height: 1;
  color: #2B0030;
}
.x-reach4 .container .x-top a {
  color: #000105;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
}
.x-reach4 .container .x-top a i {
  width: 12px;
  height: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #E50B1A;
  margin-right: 0.1rem;
}
.x-reach4 .container .x-top a i svg {
  width: 100%;
  height: 100%;
}
.x-reach4 .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0.55rem -0.5rem 0;
}
@media (max-width: 991px) {
  .x-reach4 .container ul {
    margin: 0.55rem -0.2rem 0;
  }
}
.x-reach4 .container ul li {
  width: 50%;
  display: flex;
  padding: 0 0.5rem 0.5rem;
}
@media (max-width: 991px) {
  .x-reach4 .container ul li {
    padding: 0 0.2rem 0.5rem;
  }
}
@media (max-width: 767px) {
  .x-reach4 .container ul li {
    width: 100%;
  }
}
.x-reach4 .container ul li .x-box {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 100%;
}
.x-reach4 .container ul li .x-box .x-img {
  width: 37.96%;
  position: relative;
}
.x-reach4 .container ul li .x-box .x-img .public-img {
  clip-path: polygon(63% 0, 100% 33%, 100% 100%, 0 100%, 0 0);
}
.x-reach4 .container ul li .x-box .x-img .public-img::before {
  padding-top: 126.82926829%;
}
.x-reach4 .container ul li .x-box .x-img span {
  color: #EA00AD;
  text-align: right;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .x-reach4 .container ul li .x-box .x-img span {
    font-size: 10px;
  }
}
.x-reach4 .container ul li .x-box .x-text {
  width: 62.04%;
  padding-left: 0.5rem;
}
.x-reach4 .container ul li .x-box .x-text .x-tit {
  background: linear-gradient(90deg, #EA00AD -3.7%, #E50B1A 29.97%, #FF5800 60.19%, #FFCA01 89.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.x-reach4 .container ul li .x-box .x-text .x-p {
  color: #000105;
  line-height: 1;
  margin-top: 0.06rem;
}
.x-reach4 .container ul li .x-box .x-text .x-a {
  margin-top: 0.2rem;
  color: #000105;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
}
.x-reach4 .container ul li .x-box .x-text .x-a i {
  width: 12px;
  height: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #E50B1A;
  margin-right: 0.1rem;
}
.x-reach4 .container ul li .x-box .x-text .x-a i svg {
  width: 100%;
  height: 100%;
}
.x-reach5 {
  padding: 1.1rem 0 1.5rem;
}
@media (max-width: 767px) {
  .x-reach5 {
    padding: 0.8rem 0 1.2rem;
  }
}
.x-reach5 .x-con {
  position: relative;
}
@media (max-width: 767px) {
  .x-reach5 .x-con {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .x-reach5 .x-con .x-le {
    width: 100%;
  }
}
.x-reach5 .x-con .x-le .x-text {
  width: 45.95%;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(90deg, #EA00AD -3.7%, #E50B1A 29.97%, #FF5800 60.19%, #FFCA01 89.9%) 1;
}
@media (max-width: 767px) {
  .x-reach5 .x-con .x-le .x-text {
    width: 100%;
    padding-bottom: 0.5rem;
  }
}
.x-reach5 .x-con .x-le .x-text .x-title {
  background: linear-gradient(90deg, #EA00AD -3.7%, #E50B1A 29.97%, #FF5800 60.19%, #FFCA01 89.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.x-reach5 .x-con .x-le .x-text .x-p {
  line-height: 1;
  color: #000105;
  margin-top: 0.45rem;
}
.x-reach5 .x-con .x-le .x-text .x-sp {
  color: #312F2F;
  line-height: 1.2;
  padding-right: 1.6rem;
  margin-top: 0.24rem;
}
.x-reach5 .x-con .x-le .x-text .pub_btn {
  margin-top: 0.24rem;
}
.x-reach5 .x-con .public-img {
  width: 40.55%;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 767px) {
  .x-reach5 .x-con .public-img {
    width: 80%;
    margin-left: auto;
    position: relative;
    order: -1;
  }
}
.x-reach5 .x-con .public-img::before {
  padding-top: 107.70547945%;
}
.x-advan1 {
  background-color: #2B0030;
}
.x-advan1 .x-ny-banner2 .x-con .x-text .x-box .x-tit {
  color: #fff;
  line-height: 1;
}
.x-advan1 .x-ny-banner2 .x-con .x-text .x-box .x-p {
  line-height: 1.2;
  margin-top: 0.15rem;
}
.x-advan2 {
  background-color: #2B0030;
  margin-top: -32px;
  position: relative;
  z-index: 5;
  clip-path: polygon(0 30px, 100% 0, 100% 100%, 0 100%);
}
@media (max-width: 767px) {
  .x-advan2 {
    padding: 1.2rem 0;
  }
}
.x-advan2 .container {
  position: relative;
}
.x-advan2 .container .x-le {
  width: 36.292%;
  padding-top: 0.35rem;
  position: absolute;
  top: 2rem;
  left: 0.78rem;
}
@media (max-width: 1260px) {
  .x-advan2 .container .x-le {
    top: 1.2rem;
  }
}
@media (max-width: 767px) {
  .x-advan2 .container .x-le {
    width: 100%;
    margin-top: 0;
    position: initial;
  }
}
.x-advan2 .container .x-le .x-title {
  background: linear-gradient(90deg, #EA00AD -3.7%, #E50B1A 29.97%, #FF5800 60.19%, #FFCA01 89.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.x-advan2 .container .x-le .x-tit {
  color: #fff;
  line-height: 1;
  margin-top: 0.3rem;
}
.x-advan2 .container .x-le .x-p {
  color: #FFF;
  line-height: 1.2;
  margin-top: 0.3rem;
}
.x-advan2 .container .x-le .x-btn {
  margin-top: 0.6rem;
  display: flex;
  gap: 0.24rem;
}
.x-advan2 .public-img {
  width: 60.46%;
  margin-left: auto;
}
@media (max-width: 1260px) {
  .x-advan2 .public-img {
    width: 56.46%;
  }
}
@media (max-width: 767px) {
  .x-advan2 .public-img {
    width: 100%;
    margin-top: 0.6rem;
  }
}
.x-advan2 .public-img::after {
  content: "";
  width: 1.5rem;
  height: 100%;
  background: linear-gradient(to right, #2B0030, transparent);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.x-advan2 .public-img::before {
  padding-top: 86.00628931%;
}
.x-advan2 .public-img .g_img_box {
  background: #29002E;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1rem;
  width: 1rem;
  transition: all 0.4s;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
.x-advan2 .public-img .g_img_box:hover {
  transform: translate(-50%, -50%) scale(0.9);
}
.x-advan2 .public-img .g_img_box img {
  width: 29%;
  height: auto;
  transition: all 0.4s;
}
.x-advan3 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1rem 0 0.8rem;
}
@media (max-width: 767px) {
  .x-advan3 {
    padding: 1rem 0 1.2rem;
  }
}
.x-advan3 .x-con .x-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-advan3 .x-con .x-top .x-le {
  width: 32.71%;
  margin-top: -1.7rem;
}
@media (max-width: 767px) {
  .x-advan3 .x-con .x-top .x-le {
    width: 100%;
    margin-top: 0;
  }
}
.x-advan3 .x-con .x-top .x-le .x-title {
  background: linear-gradient(90deg, #EA00AD -3.7%, #E50B1A 29.97%, #FF5800 60.19%, #FFCA01 89.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.x-advan3 .x-con .x-top .x-le .x-tit {
  color: #fff;
  line-height: 1;
  margin-top: 0.3rem;
}
.x-advan3 .x-con .x-top .x-le .x-p {
  color: #FFF;
  line-height: 1.2;
  margin-top: 0.3rem;
}
.x-advan3 .x-con .x-top .x-le .pub_btn {
  margin-top: 0.3rem;
  min-width: 2.2rem;
}
.x-advan3 .x-con .x-top .x-le .pub_btn i {
  width: 11px;
  height: 14px;
}
.x-advan3 .x-con .x-top .public-img {
  width: 57.78%;
}
@media (max-width: 767px) {
  .x-advan3 .x-con .x-top .public-img {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-advan3 .x-con .x-top .public-img::before {
  padding-top: 55.92991914%;
}
.x-advan3 .x-con .x-zhong {
  display: flex;
  align-items: flex-end;
}
.x-advan3 .x-con .x-zhong .x-box {
  width: 27.22%;
}
@media (max-width: 767px) {
  .x-advan3 .x-con .x-zhong .x-box {
    width: 50%;
  }
}
.x-advan3 .x-con .x-zhong .x-box:nth-child(2) {
  width: 14.93%;
  margin-bottom: -2rem;
}
@media (max-width: 767px) {
  .x-advan3 .x-con .x-zhong .x-box:nth-child(2) {
    width: 50%;
  }
}
.x-advan3 .x-con .x-zhong .x-box:nth-child(2) .public-img::before {
  padding-top: 93.02325581%;
}
.x-advan3 .x-con .x-zhong .x-box .public-img::before {
  padding-top: 94.3877551%;
}
.x-advan3 .x-con .x-xia {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 0;
}
.x-advan3 .x-con .x-xia .public-img {
  width: 50%;
  margin-left: -0.78rem;
}
@media (max-width: 991px) {
  .x-advan3 .x-con .x-xia .public-img {
    margin-left: -13.5px;
  }
}
@media (max-width: 767px) {
  .x-advan3 .x-con .x-xia .public-img {
    width: 100%;
  }
}
.x-advan3 .x-con .x-xia .public-img::before {
  padding-top: 94.02777778%;
}
.x-advan3 .x-con .x-xia .x-text {
  width: 36.72%;
  color: #2B0030;
}
@media (max-width: 1260px) {
  .x-advan3 .x-con .x-xia .x-text {
    width: 48.72%;
  }
}
@media (max-width: 991px) {
  .x-advan3 .x-con .x-xia .x-text {
    width: 49.72%;
  }
}
@media (max-width: 767px) {
  .x-advan3 .x-con .x-xia .x-text {
    width: 100%;
    margin-top: 0.4rem;
    order: -1;
  }
}
.x-advan3 .x-con .x-xia .x-text .x-title {
  line-height: 1;
}
.x-advan3 .x-con .x-xia .x-text .x-p {
  line-height: 1.2;
  margin-top: 0.3rem;
}
.x-advan3 .x-con .x-xia .x-text .x-txt {
  margin-top: 0.25rem;
}
.x-advan3 .x-con .x-xia .x-text .x-txt .x-sp {
  line-height: 1.2;
  margin-bottom: 0.25rem;
  padding-left: 0.3rem;
  position: relative;
}
.x-advan3 .x-con .x-xia .x-text .x-txt .x-sp i {
  width: 8px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0.2em;
}
.x-advan3 .x-con .x-xia .x-text .x-txt .x-sp i img,
.x-advan3 .x-con .x-xia .x-text .x-txt .x-sp i svg {
  width: 100%;
  height: 100%;
}
.x-advan4 {
  padding: 1.5rem 0 0;
  overflow: hidden;
}
@media (max-width: 991px) {
  .x-advan4 {
    display: none;
  }
}
.x-advan4 .x-con .x-top {
  color: #2B0030;
  text-transform: uppercase;
  line-height: 1;
}
.x-advan4 .x-con .gm-media176 {
  position: relative;
  z-index: 1;
  height: 50vw;
  margin-top: 0.4rem;
}
.x-advan4 .x-con .gm-media176 .list {
  position: absolute;
  top: 0;
  left: 50%;
  width: 680vw;
  height: 680vw;
  transform: translateX(-50%);
  animation: gm-media176-rotate 200s linear infinite;
  pointer-events: none;
}
.x-advan4 .x-con .gm-media176 .list:hover {
  animation-play-state: paused;
}
.x-advan4 .x-con .gm-media176 .item {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  padding: 0.1rem 0.1rem 0.3rem;
  width: 21.5vw;
  min-height: 3.5rem;
  color: #fff;
  background: #FF6500;
  /* 核心 */
  --angle: calc(var(--i) * var(--deg));
  transform: translate(-50%, -50%) rotate(var(--angle)) translateY(calc(var(--vw) + var(--height)));
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.x-advan4 .x-con .gm-media176 .item:nth-child(2n - 1) .x-svg {
  width: 2.44rem;
  height: 0.77rem;
  position: absolute;
  top: -0.2rem;
  left: 50%;
}
.x-advan4 .x-con .gm-media176 .item:nth-child(2n) .x-svg {
  width: 2.08rem;
  height: 0.37rem;
  position: absolute;
  top: auto;
  left: 70%;
  bottom: -0.15rem;
}
.x-advan4 .x-con .gm-media176 .item:nth-child(5n - 1) {
  background-color: #FF6500;
  z-index: 9;
}
.x-advan4 .x-con .gm-media176 .item:nth-child(5n - 3) {
  background-color: #E50B1A;
  z-index: 8;
}
.x-advan4 .x-con .gm-media176 .item:nth-child(5n - 2) {
  background-color: #2B0030;
  z-index: 7;
}
.x-advan4 .x-con .gm-media176 .item:nth-child(5n  - 1) {
  background-color: #FFCA01;
  z-index: 6;
}
.x-advan4 .x-con .gm-media176 .item:nth-child(5n) {
  background-color: #E50B1A;
  z-index: 5;
}
.x-advan4 .x-con .gm-media176 .item:hover .x-tit {
  bottom: 62%;
}
.x-advan4 .x-con .gm-media176 .item:hover .x-p {
  opacity: 1;
}
.x-advan4 .x-con .gm-media176 .item .x-tit {
  line-height: 1.22;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  width: 100%;
  padding: 0.1rem 0.1rem 0.3rem;
  transition: 0.4s ease-in-out;
}
@media (max-width: 1260px) {
  .x-advan4 .x-con .gm-media176 .item .x-tit {
    font-size: 0.3rem;
  }
}
.x-advan4 .x-con .gm-media176 .item .x-p {
  line-height: 1.4;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.x-advan4 .x-con .gm-media176 .item .x-svg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-advan4_yd {
  display: none;
}
@media (max-width: 991px) {
  .x-advan4_yd {
    display: block;
    padding: 0.8rem 0 0;
  }
}
.x-advan4_yd .container .x-li {
  border-bottom: 1px solid #ddd;
}
.x-advan4_yd .container .x-li.on .x-tt i {
  transform: rotate(270deg);
}
.x-advan4_yd .container .x-li .x-tt {
  padding: 0.3rem 0.6rem 0.3rem 0;
  position: relative;
}
.x-advan4_yd .container .x-li .x-tt .x-tit {
  color: #000;
}
.x-advan4_yd .container .x-li .x-tt i {
  width: 0.3rem;
  height: 0.3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0.43rem;
  transform: rotate(90deg);
  transition: 0.4s ease-in-out;
}
.x-advan4_yd .container .x-li .x-tt i svg {
  width: 100%;
  height: 100%;
}
.x-advan4_yd .container .x-li .x-p {
  display: none;
  padding: 0 0.3rem 0.3rem 0;
}
/* 图片&媒体(176) */
@keyframes gm-media176-rotate {
  0% {
    transform: translateX(-50%) rotate(0deg);
  }
  100% {
    transform: translateX(-50%) rotate(360deg);
  }
}
.x-advan5 {
  margin-top: -1.2rem;
  position: relative;
}
@media (max-width: 991px) {
  .x-advan5 {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .x-advan5 {
    padding: 1.2rem 0;
  }
}
.x-advan5 .container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 767px) {
  .x-advan5 .container {
    margin-right: 0;
  }
}
.x-advan5 .container .x-le {
  width: 52.45%;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(90deg, #EA00AD -3.7%, #E50B1A 29.97%, #FF5800 60.19%, #FFCA01 89.9%) 1;
}
@media (max-width: 767px) {
  .x-advan5 .container .x-le {
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
  }
}
.x-advan5 .container .x-le .x-title {
  background: linear-gradient(90deg, #EA00AD -3.7%, #E50B1A 29.97%, #FF5800 60.19%, #FFCA01 89.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.x-advan5 .container .x-le .x-tit {
  color: #000105;
  line-height: 1;
  margin-top: 0.42rem;
}
.x-advan5 .container .x-le .x-pp {
  background: linear-gradient(90deg, #EA00AD -3.7%, #E50B1A 29.97%, #FF5800 60.19%, #FFCA01 89.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin-top: 0.2rem;
}
.x-advan5 .container .x-le .x-p {
  margin-top: 0.2rem;
  color: #000105;
  line-height: 1.2;
}
.x-advan5 .container .x-le .x-txt .x-sp {
  line-height: 1.2;
  margin-top: 0.23rem;
  padding-left: 0.3rem;
  position: relative;
  color: #000105;
}
.x-advan5 .container .x-le .x-txt .x-sp i {
  width: 8px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0.2em;
  color: #EA00AD;
}
.x-advan5 .container .x-le .x-txt .x-sp i img,
.x-advan5 .container .x-le .x-txt .x-sp i svg {
  width: 100%;
  height: 100%;
}
.x-advan5 .container .x-le .pub_btn {
  margin-top: 0.3rem;
}
.x-advan5 .container .x-ri {
  max-width: 41.66%;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 767px) {
  .x-advan5 .container .x-ri {
    position: relative;
    max-width: initial;
    width: 100%;
    order: -1;
    margin-bottom: 0.4rem;
  }
}
.x-advan5 .container .x-ri .x-img {
  width: auto;
  height: auto;
  object-fit: contain;
  max-width: 100%;
}
.x-advan5_1 {
  padding: 1.7rem 0 2rem;
}
.x-advan5_1 .container .x-title {
  color: #2B0030;
  font-size: 1.2rem;
}
.x-advan5_1 .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0.8rem -7px 0;
}
.x-advan5_1 .container ul li {
  padding: 0 7px 14px;
  display: flex;
  width: 25%;
}
@media (max-width: 991px) {
  .x-advan5_1 .container ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-advan5_1 .container ul li {
    width: 100%;
  }
}
.x-advan5_1 .container ul li .x-box {
  display: block;
  width: 100%;
  position: relative;
}
.x-advan5_1 .container ul li .x-box:hover .x-text {
  opacity: 1;
}
.x-advan5_1 .container ul li .x-box .public-img::before {
  padding-top: 130.63063063%;
}
.x-advan5_1 .container ul li .x-box .x-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 5;
  background-color: #2B0030;
  height: 100%;
  padding: 0.3rem 0.3rem 0.46rem 0.46rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.x-advan5_1 .container ul li .x-box .x-text .x-tt i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #fff;
  margin-left: auto;
}
.x-advan5_1 .container ul li .x-box .x-text .x-tt i svg {
  width: 100%;
  height: 100%;
}
.x-advan5_1 .container ul li .x-box .x-text .x-tt .x-tit {
  color: #FFF;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 2.4em;
}
.x-advan5_1 .container ul li .x-box .x-text .pub_btn {
  margin: 0.2rem auto 0;
  width: 100%;
  background-color: #fff;
  color: #2B0030;
}
.x-advan5_1 .container ul li .x-box .x-text .pub_btn:hover {
  color: #fff;
}
.x-advan6 {
  padding: 0.7rem 0 1.5rem;
}
@media (max-width: 767px) {
  .x-advan6 {
    padding: 0 0 1.2rem;
  }
}
.x-advan6 .x-con {
  position: relative;
}
@media (max-width: 767px) {
  .x-advan6 .x-con {
    display: flex;
    flex-wrap: wrap;
  }
}
.x-advan6 .x-con .container .x-text {
  width: 36.91%;
  position: relative;
  padding-bottom: 1rem;
}
@media (max-width: 1260px) {
  .x-advan6 .x-con .container .x-text {
    width: 48.91%;
  }
}
@media (max-width: 767px) {
  .x-advan6 .x-con .container .x-text {
    width: 100%;
    margin-top: 0.3rem;
    padding-bottom: 0;
  }
}
.x-advan6 .x-con .container .x-text::before {
  content: "";
  width: 135%;
  height: 1px;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(90deg, #EA00AD -3.7%, #E50B1A 29.97%, #FF5800 60.19%, #FFCA01 89.9%) 1;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .x-advan6 .x-con .container .x-text::before {
    display: none;
  }
}
.x-advan6 .x-con .container .x-text .x-title {
  background: linear-gradient(90deg, #EA00AD -3.7%, #E50B1A 29.97%, #FF5800 60.19%, #FFCA01 89.9%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.x-advan6 .x-con .container .x-text .x-tit {
  color: #000105;
  line-height: 1;
  margin-top: 0.35rem;
}
.x-advan6 .x-con .container .x-text .x-p {
  margin-top: 0.3rem;
}
.x-advan6 .x-con .container .x-text .pub_btn {
  margin-top: 0.3rem;
}
.x-advan6 .x-con .public-img {
  width: 43.95%;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 767px) {
  .x-advan6 .x-con .public-img {
    width: 100%;
    position: relative;
    order: -1;
  }
}
.x-advan6 .x-con .public-img::before {
  padding-top: 88.94154818%;
}
.x-advan7 {
  overflow: hidden;
}
.x-advan7.x-onn2 {
  padding-top: 2rem;
}
@media (max-width: 767px) {
  .x-advan7.x-onn2 {
    padding-top: 1.2rem;
  }
}
.x-advan7.x-onn2 .x-con ul li {
  width: 25%;
}
@media (max-width: 991px) {
  .x-advan7.x-onn2 .x-con ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-advan7.x-onn2 .x-con ul li {
    width: 100%;
  }
}
.x-advan7.x-onn2 .x-con ul li .x-box .public-img::before {
  padding-top: 112.39193084%;
}
.x-advan7 .x-con .x-top .x-title {
  line-height: 1;
  text-transform: uppercase;
  color: #2B0030;
  position: relative;
}
.x-advan7 .x-con .x-top .x-title span {
  background: linear-gradient(90deg, #EA00AD, #E50B1A, #FF5800, #FFCA01);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.x-advan7 .x-con .x-top .x-title svg {
  position: absolute;
  margin-top: 0.5rem;
  margin-left: 0.3rem;
  width: 1.83rem;
  height: 1.93rem;
  display: none;
}
@media (max-width: 767px) {
  .x-advan7 .x-con .x-top .x-title svg {
    display: none;
  }
}
.x-advan7 .x-con .x-top .x-title svg.on path {
  animation: drawMain 1.2s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
.x-advan7 .x-con .x-top .x-title svg path:nth-child(2) {
  animation-delay: 1s;
}
.x-advan7 .x-con ul {
  margin: 1rem -5px 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0 10px;
}
@media (max-width: 767px) {
  .x-advan7 .x-con ul {
    padding: 0;
    margin-top: 0.3rem;
  }
}
.x-advan7 .x-con ul li {
  width: 33.33%;
  display: flex;
  padding: 0 5px 10px;
}
@media (max-width: 991px) {
  .x-advan7 .x-con ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-advan7 .x-con ul li {
    width: 100%;
  }
}
.x-advan7 .x-con ul li:nth-child(2n) .x-box {
  background-color: #E50B1A;
}
.x-advan7 .x-con ul li:nth-child(3n) .x-box {
  background-color: #FFCA01;
}
.x-advan7 .x-con ul li .x-box {
  display: flex;
  width: 100%;
  position: relative;
  background-color: #FF5800;
  transition: 0.4s ease-in-out;
}
.x-advan7 .x-con ul li .x-box:hover {
  background-color: #2B0030;
}
.x-advan7 .x-con ul li .x-box i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.24rem;
  height: 0.24rem;
  position: absolute;
  top: 0.12rem;
  right: 0.2rem;
  z-index: 2;
}
.x-advan7 .x-con ul li .x-box i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-advan7 .x-con ul li .x-box .public-img {
  width: 100%;
  height: 100%;
}
.x-advan7 .x-con ul li .x-box .public-img::before {
  padding-top: 87.5%;
}
.x-advan7 .x-con ul li .x-box .x-tit {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  color: #fff;
  line-height: 1;
  padding: 0.2rem 0.9rem 0 0.2rem;
  text-transform: uppercase;
  font-size: 0.6rem;
}
.x-crea1 {
  padding: 1.2rem 0 1.5rem;
}
@media (max-width: 767px) {
  .x-crea1 {
    padding: 1.2rem 0 0.8rem;
  }
}
.x-crea1 .container .x-title {
  color: #2B0030;
  text-transform: uppercase;
  line-height: 1;
}
.x-crea1 .container .x-xia {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 0.9rem;
}
@media (max-width: 767px) {
  .x-crea1 .container .x-xia {
    margin-top: 0.4rem;
  }
}
.x-crea1 .container .x-xia .x-le {
  width: 24.29%;
  background-color: #2B0030;
  color: #fff;
  padding: 0.5rem;
  position: sticky;
  position: -webkit-sticky;
  top: 1.2rem;
}
@media (max-width: 767px) {
  .x-crea1 .container .x-xia .x-le {
    position: initial;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .x-crea1 .container .x-xia .x-le > ul > li {
    margin-bottom: 0.1rem;
  }
}
.x-crea1 .container .x-xia .x-le > ul > li.on .x-tt {
  color: #FF6500;
}
.x-crea1 .container .x-xia .x-le > ul > li.on .x-tt i {
  transform: rotate(180deg);
}
.x-crea1 .container .x-xia .x-le > ul > li .x-tt {
  padding-right: 0.2rem;
  position: relative;
  cursor: pointer;
}
.x-crea1 .container .x-xia .x-le > ul > li .x-tt a {
  transition: 0.4s ease-in-out;
}
.x-crea1 .container .x-xia .x-le > ul > li .x-tt i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 8px;
  height: 6px;
  position: absolute;
  right: 0;
  top: 0.5em;
  transition: 0.4s ease-in-out;
  pointer-events: none;
}
.x-crea1 .container .x-xia .x-le > ul > li .x-tt i svg {
  width: 100%;
  height: 100%;
}
.x-crea1 .container .x-xia .x-le > ul > li ul {
  display: none;
  padding: 0.05rem 0 0.15rem;
}
.x-crea1 .container .x-xia .x-le > ul > li ul li {
  padding-left: 0.2rem;
}
.x-crea1 .container .x-xia .x-ri {
  width: 66.19%;
}
@media (max-width: 767px) {
  .x-crea1 .container .x-xia .x-ri {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-crea1 .container .x-xia .x-ri .x-box,
.x-crea1 .container .x-xia .x-ri .public-content {
  margin-bottom: 0.8rem;
}
.x-crea1 .container .x-xia .x-ri .x-box .x-tit,
.x-crea1 .container .x-xia .x-ri .public-content .x-tit {
  color: #000105;
  line-height: 1;
}
.x-crea1 .container .x-xia .x-ri .x-box .x-p1,
.x-crea1 .container .x-xia .x-ri .public-content .x-p1 {
  line-height: 1.2;
  margin-top: 0.15rem;
  color: #312F2F;
}
.x-crea1 .container .x-xia .x-ri .x-box .x-p2,
.x-crea1 .container .x-xia .x-ri .public-content .x-p2 {
  margin-top: 0.2rem;
}
.x-crea1 .container .x-xia .x-ri .x-box .x-p2 p,
.x-crea1 .container .x-xia .x-ri .public-content .x-p2 p {
  margin-bottom: 0.15rem;
}
.x-crea1 .container .x-xia .x-ri .x-box .x-tit2,
.x-crea1 .container .x-xia .x-ri .public-content .x-tit2 {
  color: #000105;
  margin-top: 0.25rem;
}
.x-crea1 .container .x-xia .x-ri .x-box .x-a,
.x-crea1 .container .x-xia .x-ri .public-content .x-a {
  margin-top: 0.2rem;
}
.x-crea1 .container .x-xia .x-ri .x-box a,
.x-crea1 .container .x-xia .x-ri .public-content a {
  background: linear-gradient(180deg, var(--color) 0, var(--color) 98%);
  background-position: left 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  display: inline !important;
  text-decoration: underline;
  text-decoration-color: var(--color);
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition: text-underline-offset 0.4s;
  color: var(--color);
  -webkit-text-fill-color: #ff5800;
}
.x-crea1 .container .x-xia .x-ri .x-box a:hover,
.x-crea1 .container .x-xia .x-ri .public-content a:hover {
  background-size: 100% 1px;
  text-underline-offset: 7px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.x-crea1 .container .x-xia .x-ri .x-box a.style2,
.x-crea1 .container .x-xia .x-ri .public-content a.style2 {
  background: linear-gradient(180deg, #fff 0, #fff 98%);
  text-decoration-color: #fff;
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.x-crea1 .container .x-xia .x-ri .x-box a.style2:hover,
.x-crea1 .container .x-xia .x-ri .public-content a.style2:hover {
  background-size: 100% 1px;
  text-underline-offset: 5px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.x-crea1 .container .x-xia .x-ri .x-box ul,
.x-crea1 .container .x-xia .x-ri .public-content ul {
  margin-top: 0.2rem;
}
.x-crea1 .container .x-xia .x-ri .x-box ul li,
.x-crea1 .container .x-xia .x-ri .public-content ul li {
  padding-left: 0.3rem;
  position: relative;
  margin-bottom: 0.08rem;
}
.x-crea1 .container .x-xia .x-ri .x-box ul li::before,
.x-crea1 .container .x-xia .x-ri .public-content ul li::before {
  content: "";
  width: 7px;
  height: 14px;
  background: url(../images/x-news4.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0.2em;
}
.x-crea1 .container .x-xia .x-ri .x-box .x-ul2,
.x-crea1 .container .x-xia .x-ri .public-content .x-ul2 {
  padding-left: 0.3rem;
}
.x-crea1 .container .x-xia .x-ri .x-box .x-ul2 li::before,
.x-crea1 .container .x-xia .x-ri .public-content .x-ul2 li::before {
  background: url(../images/x-cgu2.svg) no-repeat center;
  background-size: cover;
}
.x-youtu1 {
  padding: 0.6rem 0 1.6rem;
}
.x-youtu1 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-youtu1 .container .x-le {
  width: 44.39%;
}
@media (max-width: 767px) {
  .x-youtu1 .container .x-le {
    width: 100%;
  }
}
.x-youtu1 .container .x-le .x-title {
  color: #2B0030;
  line-height: 1.3;
}
.x-youtu1 .container .x-le .x-p {
  color: #2B0030;
  line-height: 1.46;
  margin: 0.25rem 0 0.16rem;
}
.x-youtu1 .container .x-ri {
  width: 44.39%;
}
@media (max-width: 767px) {
  .x-youtu1 .container .x-ri {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.x-youtu1 .container .x-ri .public-img {
  width: 100%;
}
.x-youtu1 .container .x-ri .public-img::before {
  padding-top: 124.74576271%;
}
.x-youtu2 {
  padding: 0 0 1.8rem;
}
.x-youtu2 .container .x-text {
  width: 49.45%;
  margin-left: auto;
  padding-top: 0.24rem;
  border-top: 1px solid #EA00AD;
}
@media (max-width: 767px) {
  .x-youtu2 .container .x-text {
    width: 100%;
  }
}
.x-youtu2 .container .x-text i {
  display: flex;
  align-items: center;
  width: 0.6rem;
  height: 0.5rem;
}
.x-youtu2 .container .x-text i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-youtu2 .container .x-text .x-p {
  color: #2B0030;
  margin-top: 0.3rem;
  line-height: 1.11;
}
.x-youtu2 .container .x-text .x-sp {
  color: #2B0030;
  line-height: 1.11;
  margin-top: 0.3rem;
}
.x-youtu2 .container .x-text .x-ico {
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 100%;
  margin-top: 0.15rem;
}
@media (max-width: 767px) {
  .x-youtu2 .container .x-text .x-ico {
    width: 1rem;
    height: 1rem;
  }
}
.x-youtu2 .container .x-text .x-ico img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.x-youtu3 {
  position: relative;
  overflow: hidden;
  padding: 0 0 0.95rem;
}
.x-youtu3 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-youtu3 .container .x-le {
  width: 61.83%;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 767px) {
  .x-youtu3 .container .x-le {
    width: 100%;
    position: relative;
  }
}
.x-youtu3 .container .x-le .x-img {
  width: auto;
  height: auto;
}
.x-youtu3 .container .x-le .x-img img {
  width: auto;
  max-height: 4.58rem;
  object-fit: contain;
}
.x-youtu3 .container .x-ri {
  width: 37.38%;
  margin-left: auto;
  padding-bottom: 1.3rem;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(90deg, #EA00AD -3.7%, #E50B1A 29.97%, #FF5800 60.19%, #FFCA01 89.9%) 1;
}
@media (max-width: 767px) {
  .x-youtu3 .container .x-ri {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.x-youtu3 .container .x-ri .x-title {
  color: #2B0030;
  line-height: 0.9;
}
.x-youtu3 .container .x-ri .x-p {
  color: #2B0030;
  line-height: 1.46;
  margin-top: 0.4rem;
}
.x-youtu3 .container .x-ri .x-sp {
  margin-top: 0.2rem;
}
.x-youtu3 .container .x-ri .x-sp p {
  display: flex;
  margin-bottom: 0.09rem;
}
.x-youtu3 .container .x-ri .x-sp p i {
  display: flex;
  width: 8px;
  height: 13px;
  transform: translateY(0.3em);
  margin-right: 0.2rem;
  flex-shrink: 0;
}
.x-youtu3 .container .x-ri .x-sp p i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-youtu3 .container .x-ri .x-sp p span {
  color: #2B0030;
}
.x-youtu3 .container .x-ri .x-btn {
  margin-top: 0.6rem;
}
.x-youtu4 {
  position: relative;
  padding: 0 0 2.4rem;
}
@media (max-width: 767px) {
  .x-youtu4 {
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .x-youtu4 .container {
    display: flex;
    flex-wrap: wrap;
  }
}
.x-youtu4 .container .x-le {
  width: 44.39%;
}
@media (max-width: 767px) {
  .x-youtu4 .container .x-le {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.x-youtu4 .container .x-le .x-title {
  color: #2B0030;
  line-height: 0.9;
}
.x-youtu4 .container .x-le .x-p {
  margin-top: 0.34rem;
  color: #2B0030;
}
.x-youtu4 .container .x-le .x-sp {
  margin-top: 0.2rem;
}
.x-youtu4 .container .x-le .x-sp p {
  display: flex;
  margin-bottom: 0.09rem;
}
.x-youtu4 .container .x-le .x-sp p i {
  display: flex;
  width: 8px;
  height: 13px;
  transform: translateY(0.3em);
  margin-right: 0.2rem;
  flex-shrink: 0;
}
.x-youtu4 .container .x-le .x-sp p i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-youtu4 .container .x-le .x-sp p span {
  color: #2B0030;
}
.x-youtu4 .container .x-le .x-btn {
  margin-top: 0.6rem;
}
.x-youtu4 .container .x-ri {
  width: 43.83%;
  position: absolute;
  right: 0;
  top: 1.86rem;
}
@media (max-width: 767px) {
  .x-youtu4 .container .x-ri {
    position: relative;
    top: auto;
    width: 100%;
    order: -1;
    transform: translateX(13.5px);
  }
}
.x-youtu4 .container .x-ri .x-img {
  width: auto;
  height: auto;
  display: flex;
  justify-content: flex-end;
}
.x-youtu4 .container .x-ri .x-img img {
  width: auto;
  max-height: 6.55rem;
  object-fit: contain;
}
.x-youtu5 {
  background: #2B0030;
  position: relative;
  padding: 0.74rem 0 0.84rem;
}
.x-youtu5 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-youtu5 .container .x-le {
  width: 61.68%;
  margin-left: -0.78rem;
}
@media (max-width: 991px) {
  .x-youtu5 .container .x-le {
    margin-left: -13.5px;
  }
}
@media (max-width: 767px) {
  .x-youtu5 .container .x-le {
    width: 100%;
  }
}
.x-youtu5 .container .x-le .x-img {
  width: 100%;
  height: auto;
}
.x-youtu5 .container .x-le .x-img img {
  height: 6.14rem;
  object-fit: contain;
}
.x-youtu5 .container .x-ri {
  width: 37.38%;
  padding-bottom: 1.3rem;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(90deg, #EA00AD -3.7%, #E50B1A 29.97%, #FF5800 60.19%, #FFCA01 89.9%) 1;
}
@media (max-width: 767px) {
  .x-youtu5 .container .x-ri {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.x-youtu5 .container .x-ri .x-title {
  color: #FFF;
  line-height: 0.9;
}
.x-youtu5 .container .x-ri .x-p {
  line-height: 1.15;
  color: #FFF;
  margin-top: 0.4rem;
}
.x-youtu5 .container .x-ri .x-sp {
  color: #fff;
  margin-top: 0.2rem;
}
.x-youtu5 .container .x-ri .x-btn {
  margin-top: 0.7rem;
}
.x-youtu6 {
  padding: 1rem 0 2.64rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .x-youtu6 {
    padding: 1.2rem 0;
  }
}
.x-youtu6 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-youtu6 .container .x-le {
  width: 39.71%;
}
@media (max-width: 767px) {
  .x-youtu6 .container .x-le {
    width: 100%;
  }
}
.x-youtu6 .container .x-le .x-title {
  color: #2B0030;
  line-height: 0.9;
}
.x-youtu6 .container .x-le .x-p {
  color: #2B0030;
  line-height: 1.46;
  margin-top: 0.33rem;
}
.x-youtu6 .container .x-le .x-txt {
  margin-top: 0.25rem;
}
.x-youtu6 .container .x-le .x-txt .x-sp {
  display: flex;
  color: #2B0030;
  line-height: 1.43;
  margin-bottom: 0.07rem;
}
.x-youtu6 .container .x-le .x-txt .x-sp i {
  display: flex;
  width: 8px;
  height: 13px;
  transform: translateY(0.3em);
  margin-right: 0.2rem;
  flex-shrink: 0;
}
.x-youtu6 .container .x-le .x-txt .x-sp i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-youtu6 .container .x-ri {
  width: 59.68%;
  margin-right: -0.78rem;
}
@media (max-width: 991px) {
  .x-youtu6 .container .x-ri {
    margin-right: 0;
    transform: translateX(13.5px);
  }
}
@media (max-width: 767px) {
  .x-youtu6 .container .x-ri {
    width: 100%;
  }
}
.x-youtu6 .container .x-ri .x-img {
  width: 100%;
  height: auto;
}
.x-youtu6 .container .x-ri .x-img img {
  width: 100%;
  height: 6rem;
  object-fit: contain;
}