.main-center {
  width: 79.2vw;
}

.banner {
  position: relative;
}

.banner .scrollDown {
  position: absolute;
  right: 8.3%;
  bottom: 0;
  z-index: 3;
}

.banner .scrollDown::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 1px;
  height: 2.73rem;
  background-color: #fff;
}

.banner .scrollDown * {
  color: #fff;
}

.banner .scrollDown .icon {
  width: 1.82rem;
  height: 1.82rem;
  text-align: center;
  line-height: 1.82rem;
  border-radius: 50%;
  border: 1px solid #fff;
}

.banner .scrollDown .icon i {
  font-size: 0.91rem;
}

.banner .scrollDown p {
  font-size: 0.55rem;
  writing-mode: vertical-lr;
  margin: 0.73rem auto 3.73rem;
}

.banner-swiper .swiper-slide {
  position: relative;
}

.banner-swiper .swiper-slide .banner-txt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.banner-swiper .swiper-slide .banner-txt * {
  color: #fff;
  text-align: center;
}

.banner-swiper .swiper-slide .banner-txt h3 {
  font-size: 50px;
  margin-bottom: 15px;
}

.banner-swiper .swiper-slide .banner-txt p {
  font-size: 36px;
}

.banner-swiper .change-clip .bg {
  animation: bannerScale 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.3s;
  -webkit-animation: bannerScale 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.3s;
}

.banner-swiper .swiper-button-next,
.banner-swiper .swiper-button-prev {
  width: 2.273rem;
  height: 2.273rem;
  transition: all 0.5s ease;
}

.banner-swiper .swiper-button-next::after,
.banner-swiper .swiper-button-prev::after {
  font-size: 0.727rem;
  color: #fff;
}

.banner-swiper .swiper-button-next:hover,
.banner-swiper .swiper-button-prev:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.banner-swiper .swiper-button-next {
  right: 2.6%;
}

.banner-swiper .swiper-button-prev {
  left: 2.6%;
}

.banner-swiper .swiper-pagination {
  left: 50%;
  bottom: 6.19%;
  transform: translateX(-50%);
  width: auto;
}

.banner-swiper .swiper-pagination-bullet {
  position: relative;
  width: auto;
  height: auto;
  background-color: transparent;
  margin: 0 5px;
  opacity: 1;
  transition: all 0.5s ease;
}

.banner-swiper .swiper-pagination-bullet i {
  display: block;
  color: #fff;
}

.banner-swiper .swiper-pagination-bullet-active {
  position: relative;
  transition: all 0.5s ease;
  margin-right: 7.727rem !important;
}

.banner-swiper .swiper-pagination-bullet-active i {
  font-size: 0.909rem;
}

.banner-swiper .swiper-pagination-bullet-active::before {
  content: '';
  position: absolute;
  left: 140%;
  top: 50%;
  transform: translateY(-50%);
  width: 6.818rem;
  height: 0.045rem;
  background-color: rgba(255, 255, 255, 0.1);
  transition: all 0.5s ease;
}

.banner-swiper .swiper-pagination-bullet-active::after {
  content: '';
  position: absolute;
  left: 140%;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0.045rem;
  background-color: #fff;
  animation: active-swiper 7s ease forwards;
}

@keyframes active-swiper {
  0% {
    width: 0;
  }

  100% {
    width: 6.818rem;
  }
}

@keyframes bannerScale {
  0% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes bannerScale {
  0% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.firm {
  margin: 4.91rem auto;
}

.firm .count .num,
.firm .count i {
  font-size: 3rem;
  color: #1B497F;
  font-weight: bold;
}

.firm .count p {
  font-size: 0.91rem;
  color: #999;
  margin-top: 1.14rem;
}

.firm .firm-wrap {
  position: relative;
  /* margin-top: 2.73rem; */
}

.firm .firm-wrap::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 36.4%;
  height: 25.82rem;
  background: url(../image/index-firm-bg.png) no-repeat center;
  background-size: contain;
  z-index: -1;
}

.firm .firm-img {
  width: 50.8%;
}

.firm .txt {
  width: 44.8%;
}

.firm .txt h3 {
  font-size: 1.636rem;
}

.firm .txt .info {
  margin-top: 2.36rem;
}

.firm .txt p {
  color: #666;
  font-size: 0.73rem;
  line-height: 2;
}

.firm .txt .more {
  position: relative;
  display: block;
  width: 6.27rem;
  height: 2.05rem;
  border: 1px solid #1F62E7;
  box-sizing: border-box;
  text-align: center;
  line-height: 2.05rem;
  font-size: 0.73rem;
  color: #1F62E7;
  margin-top: 2.86rem;
  transition: width 0.5s ease;
}

.firm .txt .more::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #1F62E7;
  transition: all 0.3s ease;
  z-index: -1;
}

.firm .txt .more i {
  position: relative;
  margin-left: 0.77rem;
  font-size: 0.82rem;
  color: #1F62E7;
}

.firm .txt .more i::after {
  content: '';
  position: absolute;
  left: -0.15rem;
  top: 55.5%;
  transform: translateY(-50%);
  width: 0.45rem;
  height: 1px;
  background: #1F62E7;
}

.firm .txt .more:hover {
  width: 6.82rem;
  color: #fff;
  transition: width 0.5s ease;
}

.firm .txt .more:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}

.firm .txt .more:hover i {
  color: #fff;
  margin-left: 1.14rem;
}

.firm .txt .more:hover i::after {
  width: 0.68rem;
  left: -0.35rem;
  background-color: #fff;
  transition: width 0.5s ease;
}

#mask-bg {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  opacity: 0.7;
  z-index: 998;
  display: none;
}

.park-video {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #000;
  width: 50%;
  padding: 60px 4.2%;
  display: none;
  z-index: 999;
}

.park-video .sp-box {
  width: 100%;
  height: 100%;
  background-color: #000;
}

.park-video .video-sp {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.park-video .closed {
  position: absolute;
  right: 3.45%;
  top: 6.53%;
  cursor: pointer;
  transition: all 1s ease;
}

.park-video .closed i {
  font-size: 1.82rem;
  color: #ffffff;
}

.park-video .closed:hover {
  transform: rotate(360deg);
}

.park {
  position: relative;
  overflow: hidden;
}

.park * {
  color: #fff;
}

.park .com-tit {
  position: absolute;
  left: 10.42%;
  top: 7.62%;
  z-index: 3;
}

.park .com-tit h3 {
  position: relative;
  line-height: 1;
}

.park .com-tit h3 p {
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  line-height: 1;
  color: rgba(255, 255, 255, 0.1);
  font-weight: bold;
  text-transform: uppercase;
}

.park .bg-swiper .swiper-slide {
  position: relative;
}

.park .bg-swiper .swiper-slide img {
  height: 100vh;
  object-fit: cover;
}

.park .bg-swiper .swiper-slide .txt {
  position: absolute;
  left: 10.42%;
  top: 50%;
  transform: translateY(-50%);
  width: 42.97%;
  z-index: 3;
}

.park .bg-swiper .swiper-slide .txt h3 {
  font-size: 1.82rem;
  font-weight: normal;
  margin-bottom: 1.45rem;
}

.park .bg-swiper .swiper-slide .txt p {
  font-size: 0.73rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.park .bg-swiper .swiper-slide .txt .more {
  display: inline-block;
  font-size: 0.73rem;
  margin-top: 2.95rem;
}

.park .bg-swiper .swiper-slide .play {
  position: absolute;
  right: 34%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 11;
}

.park .bg-swiper .swiper-slide .play .icon {
  width: 5.7292vw;
  height: 5.7292vw;
  border: 1px solid #fff;
  border-radius: 50%;
  line-height: 5.7292vw;
  text-align: center;
}

.park .bg-swiper .swiper-slide .play .icon i {
  font-size: 2.0833vw;
}

.park .bg-swiper .swiper-slide .play .play-txt {
  margin-left: 1rem;
}

.park .bg-swiper .swiper-slide .play .play-txt * {
  white-space: nowrap;
  font-size: 1.4583vw;
}

.park .bg-swiper .swiper-slide .play .play-txt .en {
  font-size: 1.25vw;
  font-weight: bold;
}

.park .bg-swiper .swiper-num {
  position: absolute;
  top: 12.8%;
  right: 10.42%;
  left: auto;
  width: auto;
  font-family: 'Arial';
  z-index: 2;
}

.park .bg-swiper .nowIndex {
  font-size: 3.64rem;
  font-weight: bold;
  font-family: 'Arial';
  transform: translateY(-0.45rem);
  color: #fff;
}

.park .bg-swiper strong {
  font-size: 1.36rem;
  color: rgba(255, 255, 255, 0.5);
}

.park .bg-swiper .total {
  font-size: 1.36rem;
  font-family: 'Arial';
  color: rgba(255, 255, 255, 0.5);
}

.park .tab-prak {
  position: absolute;
  left: 10.42%;
  bottom: 15.88%;
  width: 42.97%;
  z-index: 3;
}

.park .tab-prak::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2.45rem;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
}

.park .tab-prak .park-li {
  position: relative;
  cursor: pointer;
}

.park .tab-prak .park-li:not(:last-of-type) {
  margin-right: 6.82rem;
}

.park .tab-prak .park-li::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2.45rem;
  width: 0;
  height: 0.14rem;
  background-color: #fff;
  transition: all 0.5s ease;
}

.park .tab-prak .icon {
  position: relative;
  width: 2.364rem;
  height: 2.364rem;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
}

.park .tab-prak .icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 153.85%;
  height: 153.85%;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  z-index: -1;
}

.park .tab-prak .icon i {
  line-height: 2.364rem;
  font-size: 1.182rem;
  color: #1B497F;
}

.park .tab-prak p {
  font-size: 0.91rem;
  margin-top: 1.591rem;
}

.park .tab-prak .park-active .icon {
  background-color: #1F62E7;
}

.park .tab-prak .park-active .icon i {
  color: #fff;
}

.park .tab-prak .park-active::after {
  width: 100%;
}

.news {
  background: url(../image/index-news-bg.jpg) no-repeat bottom;
  background-size: cover;
  background-attachment: fixed;
  padding: 5.05rem 0 6.09rem;
}

.news .com-tit {
  margin-bottom: 3.05rem;
  color: #1E1E1E;
}

.news .check {
  position: relative;
  width: 18.4%;
}

.news .check ul {
  padding-left: 21.4%;
}

.news .check li {
  position: relative;
  font-size: 0.91rem;
  color: #666;
  margin-bottom: 2.64rem;
  cursor: pointer;
  transition: all 0.5s ease;
}

.news .check li::before {
  content: '';
  position: absolute;
  left: -21.4%;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0.09rem;
  background-color: #1F62E7;
  transition: all 0.5s ease;
}

.news .check li:hover {
  color: #1B497F;
  text-shadow: 1px 0 0 #1B497F;
}

.news .check li:hover::before {
  width: 12.9%;
}

.news .check .news-active {
  color: #1F62E7;
  text-shadow: 1px 0 0 #1F62E7;
}

.news .check .news-active::before {
  width: 12.9%;
}

.news .check .more {
  position: absolute;
  left: 0;
  bottom: 1.95rem;
  display: block;
  width: 6.36rem;
  height: 1.82rem;
  border: 1px solid #1B497F;
  text-align: center;
  line-height: 1.82rem;
  font-size: 0.91rem;
  color: #1B497F;
}

.news .check .more span {
  position: relative;
  z-index: 2;
}

.news .check .more::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #1B497F;
  transition: all 0.3s ease;
  z-index: 1;
}

.news .check .more:hover {
  color: #fff;
}

.news .check .more:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}

.news .news-boxs {
  width: 81.6%;
}

.news .news-box {
  display: none;
  border-right: 1px solid #E8E8E8;
  border-left: 1px solid #E8E8E8;
}

.news .news-item {
  position: relative;
  display: inline-block;
  width: 31.6%;
  padding: 0rem 2.4% 2rem;
  box-sizing: border-box;
  overflow: hidden;
}

.news .news-item::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #1F62E7;
  background-image: linear-gradient(30deg, #01c7de 0%, #1F62E7 100%), linear-gradient(#ffffff, #ffffff);
  transition: all 0.4s ease-in-out;
  z-index: 1;
}

.news .news-item * {
  position: relative;
  z-index: 2;
}

.news .news-item .day {
  font-size: 2.73rem;
  line-height: 1;
  color: #666;
}

.news .news-item .year {
  font-size: 0.91rem;
  color: #999;
  margin: 0.91rem 0;
  line-height: 1;
}

.news .news-item h4 {
  font-size: 0.91rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 1rem;
}

.news .news-item .img {
  overflow: hidden;
}

.news .news-item .img img {
  transition: all 0.5s ease;
  height: 7.31rem;
  object-fit: cover;
}

.news .news-item p {
  margin-top: 0.91rem;
  font-size: 0.73rem;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.news .news-item .info {
  font-size: 0.73rem;
  color: #999;
  margin-top: 1.91rem;
}

.news .news-item:hover::after {
  left: -9.09rem;
  bottom: -4.55rem;
  width: 36.36rem;
  height: 36.36rem;
}

.news .news-item:hover * {
  color: #fff !important;
}

.news .news-item:hover .img img {
  transform: scale(1.04);
}

.news .news-selected {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 1700px) {
  .firm .txt h3 {
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 1580px) {
  .banner-swiper .swiper-slide .banner-txt h3 {
    font-size: 2rem;
  }

  .banner-swiper .swiper-slide .banner-txt p {
    font-size: 2rem;
  }

  .firm .txt h3 {
    font-size: 1.3rem;
  }
}

@media only screen and (max-width: 1441px) {
  .park .bg-swiper .swiper-slide .txt {
    top: 55%;
    width: 55.97%;
  }

  .park .bg-swiper .swiper-slide .txt .more {
    margin-top: 1.95rem;
  }
}

@media only screen and (max-width: 1280px) {
  .banner-swiper .swiper-slide .banner-txt h3 {
    font-size: 1.8rem;
  }

  .banner-swiper .swiper-slide .banner-txt p {
    font-size: 1.5rem;
  }

  .firm .count .num,
  .firm .count i {
    font-size: 2rem;
  }

  .firm .count p {
    margin-top: 0.5rem;
  }

  .firm .txt .info {
    margin-top: 1.36rem;
  }

  .firm .txt .more {
    margin-top: 0.86rem;
  }

  .park .bg-swiper .swiper-slide img {
    height: 90vh;
  }

  .park .com-tit,
  .park .tab-prak,
  .park .bg-swiper .swiper-slide .txt {
    left: 5%;
  }

  .park .bg-swiper .swiper-slide .txt .more {
    margin-top: 1rem;
  }

  .park .bg-swiper .swiper-num,
  .park .bg-swiper .swiper-slide .play {
    right: 5%;
  }
}

@media only screen and (max-width: 1100px) {
  .firm .txt h3 {
    font-size: 1.1rem;
  }
}

@media only screen and (max-width: 1024px) {
  .banner {
    padding-top: 50px;
  }

  .banner-swiper .swiper-slide .banner-txt h3 {
    font-size: 1.5rem;
  }

  .banner-swiper .swiper-slide .banner-txt p {
    font-size: 1rem;
  }

  .firm .firm-wrap>.main-center {
    flex-direction: column-reverse;
  }

  .firm .firm-wrap .firm-img {
    width: 100%;
  }

  .firm .firm-wrap .txt {
    width: 100%;
    margin-bottom: 0.91rem;
  }

  .news .news-container {
    align-items: center;
    flex-direction: column;
    width: 100%;
  }

  .news .check {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.64rem;
  }

  .news .check ul {
    display: flex;
    padding-left: 0;
  }

  .news .check ul li {
    margin-right: 3.1rem;
    margin-bottom: 0;
  }

  .news .check .more {
    position: relative;
    bottom: 0;
  }

  .news .news-boxs {
    width: 100%;
  }

  .news .news-item {
    width: 100%;
  }

  .news .news-item:hover::after {
    left: -11.09rem;
    bottom: -12.55rem;
    width: 80.36rem;
    height: 80.36rem;
  }

  .news .news-selected {
    flex-direction: column;
  }
}

._home-info {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 7;
}

@media only screen and (max-width: 1600px) {
  ._home-info {
    -webkit-line-clamp: 5;
  }
}

@media only screen and (max-width: 1710px) {
  ._home-info {
    -webkit-line-clamp: 5;
  }
}

@media only screen and (max-width: 1470px) {
  ._home-info {
    -webkit-line-clamp: 4;
  }
}

@media only screen and (max-width: 1280px) {
  ._home-info {
    -webkit-line-clamp: 8;
  }
  .park .bg-swiper .swiper-slide .play .icon {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
  }
  .park .bg-swiper .swiper-slide .play .icon i{
    font-size: 1.1rem;
  }
  .park .bg-swiper .swiper-slide .play p,.en{
    font-size: 0.8rem !important;
  }
}

@media only screen and (max-width: 768px) {
  .com-tit h3 {
    font-size: 1.5rem;
  }

  .park .bg-swiper .swiper-slide .txt h3 {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 641px) {
  .banner .swiper-pagination {
    flex-direction: row;
  }

  .banner .scrollDown {
    display: none;
  }

  .banner-swiper .swiper-slide .banner-txt {
    top: 34%;
  }

  .banner-swiper .swiper-slide .banner-txt h3 {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
  }

  .banner-swiper .swiper-slide .banner-txt p {
    font-size: 0.8rem;
  }

  .banner-swiper .bg img {
    height: 300px;
    object-fit: cover;
  }

  .banner-swiper .swiper-button-next,
  .banner-swiper .swiper-button-prev {
    display: none;
  }

  .banner-swiper .swiper-pagination-bullet-active {
    margin-right: 5.727rem !important;
  }

  .banner-swiper .swiper-pagination-bullet-active::before {
    width: 4.818rem;
  }

  @keyframes active-swiper {
    0% {
      width: 0;
    }

    100% {
      width: 4.818rem;
    }
  }

  .firm .counts {
    flex-wrap: wrap;
  }

  .firm .count {
    width: 50%;
    text-align: center;
  }

  .firm .firm-wrap .main-center {
    flex-direction: column;
  }

  .firm .firm-img {
    width: 100%;
    margin-bottom: 0.91rem;
  }

  .firm .txt {
    width: 100%;
  }

  .firm .txt h3 {
    font-size: 1.5rem;
  }

  .park .bg-swiper .nowIndex {
    font-size: 2.64rem;
  }

  .park .bg-swiper .swiper-slide .txt h3 {
    font-size: 1rem;
  }


  .park .tab-prak .park-li {
    margin-right: 3.82rem;
  }

  .park .tab-prak .park-li::after {
    bottom: -1rem;
  }

  .park .tab-prak {
    width: 100%;
  }

  .park .tab-prak::before {
    bottom: -1rem;
  }

  .park .tab-prak .park-li:not(:last-of-type) {
    margin-right: 7%;
  }

  .park .tab-prak p {
    font-size: 0.75rem;
  }

  .news .check ul li {
    margin-right: 2.1rem;
  }

  .news .check .news-active::before {
    width: 18.9%;
  }

  .news .check .more {
    display: none;
  }
}

@media only screen and (max-width: 560px) {
  .firm .txt h3 {
    font-size: 1.1rem;
  }
  .firm {
    margin: 1rem auto;
  }
  .news{
    padding: 1rem 0 1rem;
  }
}

@media only screen and (max-width: 480px) {
  .park .tab-prak .park-li {
    margin-right: 2.82rem;
  }
}

@media only screen and (max-width: 440px) {
  .firm .txt h3 {
    font-size: 0.9rem;
  }

  .park .tab-prak .park-li {
    margin-right: 1.82rem;
  }
}

@media only screen and (max-width: 400px) {
  .park .tab-prak .park-li {
    margin-right: 1rem;
  }
}

@media only screen and (max-width: 360px) {
  .banner-swiper .swiper-slide .banner-txt p {
    font-size: 0.64rem;
  }

  .banner .scrollDown {
    display: none;
  }

  .park .tab-prak .park-li {
    margin-right: 0.5rem;
  }
}