.safeplace {
  position: relative;
  width: 75%;
  margin: 0 auto;
  transform-origin: center;
}

.mod_title {
  font-weight: bold;
  line-height: 1;
  text-align: center;
  font-weight: bold;
}

.mod_title span {
  display: block;
  margin-bottom: 20px;
}

.mod_title span:last-child {
  margin-bottom: 0;
}

.big_title {
  font-size: 52px !important;
}

.linkarr {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #252B3A;
  line-height: 1;
}

.linkarr span {
  display: inline-block;
}

.linkarr .icon {
  max-width: 16px;
  font-size: inherit;
  color: #C7000B;
  transition: transform ease .4s;
}

.linkarr::after {
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  background-color: #252B3A;
  left: 50%;
  transform: translateX(-50%);
  bottom: -3px;
  transition: width ease .4s;
}

.linkarr:hover {
  color: #C7000B;
}

.linkarr:hover .icon {
  transform: translateX(5px);
}

.more_btn {
  text-align: center;
}

.more_btn .alink {
  cursor: pointer;
  margin: 0 auto;
  display: inline-block;
  padding: 0 31px;
  line-height: 40px;
  border: 1px solid #252B3A;
  border-radius: 2px;
  font-size: 14px;
  color: #252B3A;
  transition: background-color ease .4s, color ease .4s, border ease .4s;
}

.more_btn .alink:hover {
  color: #C7000B;
  border: 1px solid #C7000B;
}

.home_main_swiper_pc3 {
  opacity: 1 !important;
}

.home_main_swiper_pc3 .part3-title {
  font-weight: bold;
  top: 100px;
}

.home_main_swiper_pc3 .part3-title-line {
  display: none;
}

.home_main_swiper_pc3 .page-wrap {
  width: 100%;
}

.home_main_swiper_pc3 .home-part3-wrap {
  width: 100%;
}

.home_main_swiper_pc3 .home-part3-wrap .content {
  left: 12.5%;
  top: 30%;
}

.home_main_swiper_pc3 .home-part3-wrap .content .big-title {
  font-size: 24px;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 49px;
}

.home_main_swiper_pc3 .home-part3-wrap .content .big-describe {
  font-size: 16px;
  line-height: 28px;
  white-space: normal;
}

.home_main_swiper_pc3 .home-part3-wrap .content .detail {
  width: auto;
  height: auto;
  color: #fff;
  margin-right: 40px;
}

.home_main_swiper_pc3 .home-part3-wrap .content .detail span {
  line-height: 2;
}

.home_main_swiper_pc3 .home-part3-wrap .content .detail img {
  position: static;
}

.home_main_swiper_pc3 .home-part3-wrap .content .play {
  color: #fff;
}

.home_main_swiper_pc3 .home-part3-wrap .content .play .linkarr {
  color: #fff;
}

.home_main_swiper_pc3 .home-part3-wrap .content .play .linkarr span {
  line-height: 2;
}

.home_main_swiper_pc3 .home-part3-wrap .content .play .linkarr .icon {
  margin-left: 8px;
}

.home_main_swiper_pc3 .home-part3-wrap .content .play.none {
  display: none;
}

.home_main_swiper_pc3 .part3-bottom .bottom-wrap {
  max-width: 75%;
}

.home_main_swiper_pc3 .part3-bottom .bottom-wrap .bottom-item .title {
  font-size: 18px;
}

.home_main_swiper_pc3 .part3-bottom .bottom-wrap .linkarr {
  font-size: 18px;
  color: #fff;
}

header,
footer {
  position: relative;
  width: 100%;
  z-index: 999;
}

header img,
footer img {
  width: 100%;
  background-color: #fff;
}

header .top,
footer .top {
  height: 25px;
}

header {
  height: 100px;
}

.home_main_swiper_pc1,
.home_main_swiper_pc2,
.home_main_swiper_pc4,
.home_main_swiper_pc5,
.home-wap-wrap .page1,
.home-wap-wrap .page2,
.home-wap-wrap .page4,
.home-wap-wrap .page5 {
  display: none !important;
}

.mbele {
  display: none;
}

.close-video-popup {
  width: 46px;
  height: 46px;
  font-size: 0;
  transform: scale(1);
}

.close-video-popup::before, .close-video-popup::after {
  content: "";
  display: block;
  width: 25px;
  height: 2px;
  background-color: #fff;
  border-radius: 1px;
  margin-left: auto;
  margin-right: auto;
}

.close-video-popup::before {
  margin-top: 21px;
  transform: rotate(45deg);
}

.close-video-popup::after {
  margin-top: -2px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media screen and (min-width: 1024px) {
  header {
    height: 5.20833vw;
  }
  .mod_title span {
    margin-bottom: 1.04167vw;
  }
  .big_title {
    font-size: 2.70833vw !important;
  }
  .linkarr {
    font-size: 0.83333vw;
  }
  .linkarr .icon {
    max-width: 0.83333vw;
  }
  .linkarr:hover .icon {
    transform: translateX(0.26042vw);
  }
  .more_btn .alink {
    padding: 0 1.61458vw;
    line-height: 2.08333vw;
    border: 1px solid #252B3A;
    border-radius: 0.10417vw;
    font-size: 0.72917vw;
  }
  .x2,
  .x5,
  .x6 {
    font-size: 0.83333vw;
  }
  .home-pc {
    height: 49.48vw;
  }
  .home_main_swiper_pc3 {
    height: 100% !important;
  }
  .home_main_swiper_pc3 .part3-title {
    top: 5.20833vw;
    height: auto;
  }
  .home_main_swiper_pc3 .home-part3-wrap .content .big-title {
    width: 31.25vw;
    font-size: 1.25vw;
    line-height: 1.5;
    margin-bottom: 2.55208vw;
  }
  .home_main_swiper_pc3 .home-part3-wrap .content .big-title.english {
    width: 38.125vw;
  }
  .home_main_swiper_pc3 .home-part3-wrap .content .big-describe {
    width: 31.77083vw;
    font-size: 0.83333vw;
    line-height: 1.45833vw;
    margin-bottom: 2.60417vw;
  }
  .home_main_swiper_pc3 .home-part3-wrap .content .big-describe.english {
    width: 38.125vw;
  }
  .home_main_swiper_pc3 .home-part3-wrap .content .detail {
    margin-right: 2.08333vw;
  }
  .home_main_swiper_pc3 .home-part3-wrap .content .play .linkarr .icon {
    margin-left: 0.41667vw;
  }
  .home_main_swiper_pc3 .part3-bottom .bottom-wrap .bottom-item .bottom-bg {
    width: 10.41667vw;
  }
  .home_main_swiper_pc3 .part3-bottom .bottom-wrap .bottom-item .icon {
    max-width: 2.08333vw;
    max-height: 2.08333vw;
  }
  .home_main_swiper_pc3 .part3-bottom .bottom-wrap .bottom-item .icon img {
    max-width: 2.08333vw;
    max-height: 2.08333vw;
  }
  .home_main_swiper_pc3 .part3-bottom .bottom-wrap .bottom-item .title {
    font-size: 0.9375vw;
  }
  .home_main_swiper_pc3 .part3-bottom .bottom-wrap .bottom-item .more {
    width: 10.41667vw;
  }
  .home_main_swiper_pc3 .part3-bottom .bottom-wrap .bottom-item .more .more-text {
    font-size: 0.83333vw;
  }
  .home_main_swiper_pc3 .part3-bottom .bottom-wrap .linkarr {
    font-size: 0.9375vw;
  }
}

@media screen and (max-width: 1024px) {
  .pcele {
    display: none;
  }
  .mbele {
    display: block;
  }
  .safeplace {
    width: 92%;
  }
  .mod_title span {
    margin-bottom: 2.66667vw;
  }
  .big_title {
    font-size: 5.6vw !important;
  }
  .linkarr {
    font-size: 2.66667vw;
  }
  .more_btn {
    text-align: center;
  }
  .more_btn .alink {
    padding: 0 4vw;
    line-height: 6.66667vw;
    border-radius: 0.26667vw;
    font-size: 2.66667vw;
  }
  .x2,
  .x5,
  .x6 {
    font-size: 2.66667vw;
  }
  header {
    height: auto;
  }
  .home-wap {
    height: 100% !important;
  }
  .home-wap .home-wap-wrap {
    width: 100%;
    height: 165.33333vw;
  }
  .home-wap .home-wap-wrap .page3 {
    width: 100%;
    height: 100%;
  }
  .home-wap .home-wap-wrap .page3 .title {
    position: absolute;
    height: auto;
    top: 12vw;
    background: transparent;
    z-index: 5;
  }
  .home-wap .home-wap-wrap .page3 .title .title-text {
    margin-top: 0;
    color: #fff;
    font-size: 5.6vw;
    font-weight: bold;
    height: auto;
    line-height: 1;
  }
  .home-wap .home-wap-wrap .page3 .title .title-line {
    display: none;
  }
  .home-wap .home-wap-wrap .page3 .main {
    width: 100%;
    height: 100%;
  }
  .home-wap .home-wap-wrap .page3 .main .wap-part3-bg {
    height: 165.33333vw;
  }
  .home-wap .home-wap-wrap .page3 .main .title-wrap {
    width: 92%;
    top: 25.33333vw;
    left: 4%;
  }
  .home-wap .home-wap-wrap .page3 .main .title-wrap .big-title {
    font-size: 3.73333vw;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 2vw;
  }
  .home-wap .home-wap-wrap .page3 .main .title-wrap .describe {
    font-size: 2.66667vw;
    line-height: 1.5;
    margin-bottom: 6.4vw;
    white-space: normal;
  }
  .home-wap .home-wap-wrap .page3 .main .title-wrap .more,
  .home-wap .home-wap-wrap .page3 .main .title-wrap .play {
    width: auto;
    height: auto;
    color: #fff;
    top: 0 !important;
    font-size: 2.66667vw;
  }
  .home-wap .home-wap-wrap .page3 .main .title-wrap .more .icon,
  .home-wap .home-wap-wrap .page3 .main .title-wrap .play .icon {
    color: #fff;
  }
  .home-wap .home-wap-wrap .page3 .main .title-wrap .play {
    margin-left: 10.4vw;
  }
  .home-wap .home-wap-wrap .page3 .main .title-wrap .play .linkarr {
    font-size: 2.66667vw;
    color: #fff;
  }
  .home-wap .home-wap-wrap .page3 .main .title-wrap .play .linkarr .icon {
    margin-left: 1.06667vw;
  }
  .home-wap .home-wap-wrap .page3 .main .title-wrap .play.none {
    display: none;
  }
  .home-wap .home-wap-wrap .page3 .main .list-wrap {
    width: 100%;
    top: 75.2vw;
    bottom: auto;
    border-bottom: 0.13333vw solid #fff;
  }
  .home-wap .home-wap-wrap .page3 .main .list-wrap .list {
    width: 49.86667vw;
    height: 22.53333vw;
  }
  .home-wap .home-wap-wrap .page3 .main .list-wrap .list .list-title-wrap .list-title .title-name {
    font-size: 3.2vw;
    line-height: 1;
    margin-top: 2.4vw;
  }
  .home-wap .home-wap-wrap .page3 .main .list-wrap .list .list-title-wrap .list-title .title-icon img {
    max-width: 5.33333vw;
    max-height: 5.33333vw;
  }
  .home-wap .home-wap-wrap .page3 .main .list-wrap .list .item {
    font-size: 2.93333vw;
    height: 6.66667vw;
    line-height: 6.13333vw;
  }
  .home-wap .home-wap-wrap .page3 .main .list-wrap .list .item .line {
    height: 0.53333vw;
  }
  .home-wap .home-wap-wrap .page3 .main .list-wrap .list .item.item1 {
    top: 4.53333vw;
    left: 6.93333vw;
  }
  .home-wap .home-wap-wrap .page3 .main .list-wrap .list .item.item2 {
    top: 4.53333vw;
    left: 28.26667vw;
  }
  .home-wap .home-wap-wrap .page3 .main .list-wrap .list .item.item3 {
    top: 12.53333vw;
    left: 6.93333vw;
  }
  .home-wap .home-wap-wrap .page3 .main .list-wrap .list .item.item4 {
    top: 12.53333vw;
    left: 28.26667vw;
  }
  .home-wap .home-wap-wrap .page3 .main .bto-btn {
    position: absolute;
    top: 152.53333vw;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 2.66667vw;
    z-index: 5;
  }
  .home-wap .home-wap-wrap .page3 .main .bto-btn .icon {
    color: #fff;
  }
  .close-video-popup {
    top: calc(50% + 28vw + 30px);
    right: 50%;
    transform: translateX(50%);
    width: 8.53333vw;
    height: 8.53333vw;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
  }
  .close-video-popup::before, .close-video-popup::after {
    content: "";
    width: 4.26667vw;
  }
  .close-video-popup::before {
    margin-top: 4vw;
  }
}