/* //或者设置全局css */
* {
touch-action: pan-y;
}


html {
  font-size: 16px !important;
}

/* 移动端 */
@media (min-width: 320px){
  html{
    font-size: 14px !important;
  }
  .web {
    display: none;
  }
  .mini {
    display: block;
  }
}
@media (min-width: 375px){
  html{
    font-size: 16px !important;
  }
  .web {
    display: none;
  }
  .mini {
    display: block;
  }
}
@media (min-width: 650px){
  html{
    font-size: 18px !important;
  }   
  .web {
    display: none;
  }
  .mini {
    display: block;
  }
}
@media (min-width: 750px) {
  html{
    font-size: 20px !important;
  }
  .web {
    display: none;
  }
  .mini {
    display: block;
  }
}


@media (min-width: 1024px) {
  html {
    font-size: 8px !important;
  }

  .web {
    display: block;
  }

  .mini {
    display: none;
  }
}

@media (min-width: 1100px) {
  html {
    font-size: 13px !important;
  }

  .web {
    display: block;
  }

  .mini {
    display: none;
  }
}

@media (min-width: 1280px) {
  html {
    font-size: 12px !important;
  }

  .web {
    display: block;
  }

  .mini {
    display: none;
  }
}

@media (min-width: 1366px) {
  html {
    font-size: 14px !important;
  }

  .web {
    display: block;
  }

  .mini {
    display: none;
  }
}

@media (min-width: 1440px) {
  html {
    font-size: 16px !important;
  }

  .web {
    display: block;
  }

  .mini {
    display: none;
  }
}

@media (min-width: 1680px) {
  html {
    font-size: 16px !important;
  }

  .web {
    display: block;
  }

  .mini {
    display: none;
  }
}

@media (min-width: 1920px) {
  html {
    font-size: 16px !important;
  }

  .web {
    display: block;
  }

  .mini {
    display: none;
  }
}

@media (min-width: 2000px) {
  html {
    font-size: 18px !important;
  }

  .web {
    display: block;
  }

  .mini {
    display: none;
  }
}
@media (min-width: 2250px) {
  html {
    font-size: 20px !important;
  }

  .web {
    display: block;
  }

  .mini {
    display: none;
  }
}
@media (min-width: 2560px) {
  html {
    font-size: 25px !important;
  }

  .web {
    display: block;
  }

  .mini {
    display: none;
  }
}


body {
  margin: 0;
  padding: 0;
  font-size: .875rem;
  overflow-x: hidden;
}

.h200 {
  height: 12.5rem !important;
}

button {
  outline: none;
}

.btn {
  white-space: nowrap;
  border-radius: 0;
  box-shadow: none;
}

.btn-primary {
  background-color: #e9482d;
  border-color: #e9482d;
}

.btn-primary:hover {
  background-color: #da2102;
  border-color: #da2102;
  color: #ffffff !important;
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
  background-color: #e9482d;
  border-color: #e9482d;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
  background-color: #da2102;
  border-color: #da2102;
  box-shadow: none;
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}

.form-control {
  border-radius: 0;
}

.form-control:focus {
  border-color: rgba(233, 72, 45, 0.6);
  box-shadow: none;
}

.hr-html {
  width: 5.625rem;
  margin: 0 auto;
  height: .25rem !important;
  color: #e9482d;
  opacity: 0.7;
}

hr {
  color: #686868;
}

a {
  color: #686868;
  text-decoration: none;
}

a:hover {}

.sec_pad {
  padding: 5rem 0;
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 1.6px;
}

/*置顶*/
#goToTop {
  position: fixed;
  bottom: 1.25rem;
  right: 5%;
  background: #e9482d;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
}

#goToTop span {
  font-size: 1.375rem;
  display: block;
  color: #fff;
  margin: 0 auto;
  line-height: 1.8125rem;
  text-align: center;
  cursor: pointer;
}

/*导航*/
.navbar {
  padding: 0;
}

.navbar-brand {
  width: 11.875rem;
  padding: 0;
}

.navbar-brand img {
  width: 100%;
}

.nav-link {
  padding: 24px 16px;
}

.navbar-light .navbar-nav .nav-link {
  color: #424142;
}

.site-header,
.site-header nav {
  background-color: #fff !important;
}

.site-header .container a {
  font-size: .9375rem;
  font-weight: 700;
}

.site-header .container .active {
  color: #e9482d !important;
}

.navbar ul.navbar-nav li.dropdown:hover>ul.dropdown-menu {
  display: block;
}

.navbar .dropdown-menu[data-bs-popper] {
  margin-top: 0;
}

.dropdown-menu {
  border-radius: 0;
}

.site-header .container .dropdown-item.active,
.dropdown-item.active,
.dropdown-item:active {
  color: #fff !important;
  text-decoration: none;
  background-color: #e9482d;
}

.navbar-right .dropdown-toggle::after {
  display: none;
}

.navbar-right .dropdown-menu {
  right: 0;
  padding-right: .625rem;
  padding-left: .625rem;
  width: 12.5rem;
}

.navbar-right .dropdown-menu[data-bs-popper] {
  left: auto;
  margin-top: 0;
}

#navbarTogglerDemo02 .mobile {
  display: none !important;
}

.bg-banner {
  margin: 0 !important;
  background-repeat: no-repeat;
  background-position: center center !important;
  background-size: cover;
}

.bg-banner h1 {
  color: #e9482d;
}

.bg-banner .lead {
  color: #fff;
  font-size: 16px;
}

/*轮播图*/
#carouselExampleCaptions .carousel-item {
  height: 37.5rem;
}

#carouselExampleCaptions .carousel-caption {
  bottom: 30%;
}

#carouselExampleCaptions .carousel-caption h5 {
  color: #e9482d;
  font-weight: bold;
}

#carouselExampleCaptions .carousel-item img {
  height: 100%;
  object-fit: cover;
}

#carouselExampleCaptions .carousel-caption h5 {
  font-size: 32px;
}

#carouselExampleCaptions .carousel-caption .info {
  font-size: 16px;
}

/*首页公司简介*/
.company .title,
.pricing-header .title {
  font-size: 2rem;
  color: #424142;
}

.company .info-box {
  padding-left: 1.875rem;
  height: 21.875rem;
}

.company .info {
  font-size: 1rem;
  color: #6b6b6b;
  line-height: 1.75rem;
  height: calc(100% - 3.375rem);
  overflow: hidden;
  -webkit-line-clamp: 10;
}

.pricing-header .lead {
  font-size: .875rem;
  color: #6b6b6b;
}

.pricing-header .card {
  border: none;
}

.pricing-header img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.singlepage .info,
.singlepage .info-box {
  height: auto;
}

/*首页产品*/
.product.sec_pad {
  padding: 4.375rem 0;
}

.product .pricing-header img {
  height: auto;
}

.product,
.product .card {
  background-color: #424343;
}

.product h1,
.product .lead {
  color: #fff;
}

.product .card-text {
  font-size: 1rem;
  text-align: left;
  color: #ededec;
  overflow: hidden;
}

.product h5 {
  font-size: 1.5rem;
  font-weight: 400;
  text-align: left;
  color: #e9482c;
}

.product .product-main {
  background-color: #494949;
  margin: 0 0 .625rem 0;
}

/*团队展示*/
.team .item {
  padding: 0 .625rem .9375rem .625rem;
}

.team .item h5 {
  font-size: 1.25rem;
  color: #6b6b6b;
}

.team .row .card h6 {
  font-weight: bold;
  font-size: 1rem;
  color: #e9482d;
  margin-bottom: .9375rem;
}

.team .row .card img {
  height: 18.75rem;
  object-fit: cover;
}

.team .card-img,
.team .card-img-top {
  border-radius: 0;
}

.team .card-text {
  height: 2.625rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

/*专业服务*/
.service .card-body {
  padding: 1.875rem;
  background-color: #e9482d;
  color: #fff;
  height: 100%;
}

.service .card-body h5 {
  font-size: 28.8px;
  font-weight: 400;
  text-align: left;
  margin-bottom: 12.8px;
}

.service .card .row .card-text {
  margin-bottom: .9375rem;
  font-size: 16px;
  line-height: 1.75rem;
  text-align: left;
  overflow: hidden;
  min-height: 14.375rem;
}

.service .btn-outline-primary {
  color: #ffffff;
  border-color: #ffffff;
}

.service .btn-outline-primary:hover {
  color: #fff !important;
  background: none;
  border-color: #6b6b6b;
}

.service .info-btn {
  text-align: left;
}

/*新闻中心*/
.news .card .row img {
  width: 100%;
  height: 12.5rem;
  object-fit: contain;
}

.news .card .row .card-body {
  text-align: left;
}

.news .card .row .card-body h5 {
  font-size: 16px;
  font-weight: 400;
  color: #424142;
  height: 2.375rem;
  overflow: hidden;
}

.news .card .row .card-body h5 a {
  color: #424142 !important;
}

.news .card .row .card-body h5 a:hover {
  color: #e9482d !important;
}

.news .card .row .card-body h6 {
  font-size: .875rem;
  color: #686868;
}

.news .card .row .card-body .card-text {
  height: 4.125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  color: #686868;
}

.news .card .row .card-body .card-text a {
  color: #686868 !important;
}

.news .card .row .card-body .card-text a:hover {
  color: #e9482d !important;
}

.news .category ul>li {
  margin-bottom: 1.25rem;
  margin-right: 1.875rem;
}

.news .category li a {
  position: relative;
  color: #424142;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1;
  text-transform: capitalize;
  display: block;
  padding-bottom: .3125rem;
}

.news .category li a:after {
  content: "";
  position: absolute;
  bottom: -0.0625rem;
  left: 0;
  right: 0;
  width: 0;
  height: .125rem;
  margin: auto;
  background-color: #e9482d;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.news .category li a.active:after,
.news .category li a:hover:after {
  width: 100%;
}

.footer {
  background-color: #424142;
  color: #fff;
  padding-top: 3.75rem;
}

.footer .image {
  width: 11.25rem;
  object-fit: cover;
}

.footer .ulli {
  list-style: none;
  padding: 0;
}

.footer .ulli li {
  margin: .625rem 0;
}

footer .row h5 {
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
}

footer .list-unstyled ul {
  white-space: nowrap;
}

footer .list-unstyled li {
  margin: .625rem 0 0 1.25rem;
  float: left;
}

footer .list-unstyled li:first-child {
  margin-left: 0;
}

footer .list-unstyled a {
  text-decoration: none;
  color: #fff;
}

footer .list-unstyled a:hover {
  color: #ef8200;
}

footer .icp {
  margin: .9375rem 0;
  text-align: center;
}

/*联系我们页面*/
.contact-html .row {
  text-align: left;
}

.contact-html .row h5 {
  font-size: 24px;
  color: #e9482d;
  font-weight: bold;
}

.contact-html .row .card-text {
  font-size: 1rem;
  margin-bottom: .625rem;
}

.contact-html .row .form-floating textarea {
  min-height: 9.375rem;
}

/*新闻详情页面*/
.new-info .card-body {
  font-size: 1rem;
  line-height: 1.875rem;
  text-align: initial;
}

.new-info .card-body img {
  max-width: 100% !important;
}

.news .jump_url:hover .card-body h5 {
  color: #e9482d;
}

/*产品详情页面*/
.show-product .carousel-item {
  height: 12.5rem;
}

.show-product .carousel-item img {
  object-fit: cover;
  height: 100%;
}

.show-product .description {
  font-size: .875rem;
  color: #686868;
}

.show-product .widget {
  margin-bottom: 2.8125rem;
}

.show-product .widget .widget-title:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.125rem;
  width: 1.5625rem;
  height: .1875rem;
  background: #e9482d;
}

.show-product .widget .widget-title {
  padding-bottom: 1.125rem;
  margin-bottom: 1.5625rem;
  border-bottom: .0625rem solid #e5e5e5;
  position: relative;
}

.show-product .widget ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.show-product .widget ul:not(.recent-news)>li {
  font-weight: 800;
  font-size: .875rem;
  position: relative;
  margin-bottom: .6875rem;
  line-height: 1.5rem;
}

.show-product .widget ul:not(.recent-news)>li .posts-count {
  color: #b5b5b5;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}

.show-product .widget .recent-news .thumb {
  float: left;
  margin-right: 1.25rem;
}

.show-product .recent-news {
  padding-top: .3125rem;
}

.show-product .widget .recent-news li:not(:last-child) {
  margin-bottom: 1.5625rem;
}

.show-product .widget .recent-news .thumb img {
  width: 4.375rem;
  height: 4.375rem;
  object-fit: cover;
}

.show-product .widget .recent-news h6 {
  margin: -0.1875rem 0 .1875rem;
  line-height: 1.5rem;
  font-size: 1rem;
  font-weight: 600;
}

.show-product .widget .recent-news .entry-date {
  font-size: .875rem;
  line-height: 1;
  color: #686868;
}

.case img {
  width: 100%;
}

.main-search .keyword {
  width: 30%;
}

.main-search .card .row img {
  height: 7.625rem;
  object-fit: cover;
}

.main-search .row .card-text.info {
  font-size: .75rem;
  color: #909090;
}

.card-info {
  margin: 0;
  color: #686868;
  font-size: .75rem;
}

.main-search .card-body h4 a {
  font-size: 1.125rem;
  color: #424142;
}

/*分页样式*/
.pagination-block {
  display: flex;
  justify-content: center;
}

.pagination_info {
  margin: 0 .625rem;
  display: flex;
  align-items: center;
}

.pagination {
  margin: 0;
}

.pagination li a,
.pagination li span {
  padding: 6px 12px;
}

.pagination li a,
.pagination li span {
  position: relative;
  display: block;
  color: #6c757d;
  text-decoration: none;
  background-color: #fff;
  border: .0625rem solid #dee2e6;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.pagination li a:hover {
  z-index: 2;
  color: #0a58ca;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.pagination .disabled span {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination .active span {
  color: #ffffff;
  background-color: #e9482d;
  border-color: #e9482d;
}

.pagination_jump {
  display: flex;
  align-items: center;
}

.pagination_jump>* {
  padding: 0 .25rem;
}

.pagination_jump input {
  border-radius: 0;
  background-color: #fff;
  background-clip: padding-box;
  border: .0625rem solid #ced4da;
  padding: 6px 12px;
}

.pagination_jump input:focus {
  outline: none;
}

.pagination_jump .btn {
  padding: 4px 8px;
  font-size: 14px;
}

/*媒介查询*/
@media (max-width: 75rem) {
  .site-header .container .active {
    background-color: #f4f4f4;
  }

  .pricing-header .card {
    margin-top: .625rem;
  }

  .sec_pad {
    padding: 3.75rem 0;
  }
}

@media (max-width: 62rem) {
  .navbar {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .navbar-brand {
    /* padding-top: 12.8px; */
    padding-bottom: 12.8px;
  }

  .nav-link {
    padding: 8px 16px;
  }

  .navbar ul.navbar-nav li.dropdown:hover>ul.dropdown-menu {
    display: none;
  }

  .dropdown-menu.show {
    display: block !important;
  }

  .navbar-right.pc {
    display: none;
  }

  #navbarTogglerDemo02 .mobile {
    display: flex !important;
  }

  #carouselExampleCaptions .carousel-item {
    height: 25rem;
  }

  #carouselExampleCaptions .carousel-caption {
    bottom: 36px;
  }

  #carouselExampleCaptions .btn {
    padding: 4px 8px;
    font-size: 14px;
  }

  .carousel-caption {
    padding-top: 20px;
    padding-bottom: 4px;
  }

  .sec_pad {
    padding: 1.25rem 0;
  }

  .company.sec_pad {
    padding-bottom: 0;
  }

  .product.sec_pad {
    padding: 1.25rem 0;
    padding-bottom: 0;
  }

  .product .card-text {
    font-size: .875rem;
    line-height: 1.5rem;
  }

  .pricing-header .card {
    margin-top: .625rem;
  }

  .pricing-header .card:first-child {
    margin: 0;
  }

  .company .info {
    font-size: .875rem;
    margin-bottom: 0;
    height: auto;
  }

  .company .info-box {
    padding-left: .75rem;
    height: auto;
  }

  .company .info-btn {
    padding: 10px 0;
  }

  .company .info-btn .btn {
    padding: 4px 8px;
    font-size: 14px;
  }

  .footer {
    padding-top: 1.25rem;
  }

  .news .category ul>li {
    margin-bottom: .3125rem;
    margin-right: .9375rem;
  }
}

@media (width: 48rem) {
  .carousel-caption {
    padding-top: 20px;
    padding-bottom: 36px;
  }

  .product .card-text {
    font-size: 1rem;
    line-height: 2rem;
  }
}

@media (max-width: 36rem) {
  #carouselExampleCaptions .carousel-item {
    height: 15.625rem;
  }

  #carouselExampleCaptions .carousel-caption h5 {
    font-size: 16px;
  }

  #carouselExampleCaptions .carousel-caption .info {
    font-size: 8px;
  }

  .product .card-text {
    font-size: .875rem;
    line-height: 1.75rem;
  }

  .product .card-body {
    padding: 16px 12.8px;
  }

  .main-search .keyword {
    width: auto;
  }

  .main-search .card .row img {
    height: 13.75rem;
  }
}

@media (max-width: 20rem) {
  #carouselExampleCaptions .carousel-caption {
    display: none;
  }

  #carouselExampleCaptions .carousel-item {
    height: 12.5rem;
  }

  .site-header .navbar-brand {
    margin-right: 0;
  }

  .company .info-box {
    padding-left: .75rem;
    height: auto;
  }
}

@media (min-width: 62rem) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .9375rem;
    padding-left: .9375rem;
  }
}

@media (min-width: 75rem) {
  .bg-xl-white {
    background-color: #fff !important;
  }

  .product-info .list-right .img img {
    height: 5.5625rem !important;
  }

  .service .card-body {
    padding: 4.375rem 1.875rem 1.875rem 3.125rem;
  }

  .product .card-text {
    padding-right: 48px;
    line-height: 1.875rem;
  }

  .service .card .row .card-text {
    line-height: 1.875rem;
  }
}

/* 2023年6月14日 */
.indexPage .indexBox1 {
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  position: relative;
}

/* 首页全屏 */
.indexPage .IndexBox1 .videoBox .drive {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.indexPage .IndexBox4 .imgBox img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

.indexPage .titleBox {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5.625rem;
  padding: 0 3.75rem;
}

.indexPage .titleBox h1 {
  color: #fff;
  font-size: 4.3125rem;
  line-height: 1;
  margin-bottom: 2.3125rem;
  font-weight: 700;
}

.indexPage .titleBox p {
  color: #fff;
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: lighter;
  letter-spacing: .25rem;
}

.indexPage .titleBox .navLink {
  margin-top: 3.25rem;
}

.indexPage .titleBox .navLink a {
  display: inline-block;
  font-size: .875rem;
  line-height: 1;
  border: .0625rem solid #fff;
  color: #fff;
  padding: .875rem 2.25rem;
}

.indexPage .indexBox2 {
  width: 100vw;
  height: 100%;
  background: #000;
  background-size: cover;
  background-position: center center;
}

.indexPage .indexBox2 .item {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  padding: .625rem 3.75rem;
  display: flex;
  align-items: center;
}

.MContent {
  max-width: 100%;
  /* margin: 0 auto; */
}

.indexPage .indexBox2 .proItem {
  display: flex;
  /* justify-content: space-between; */
}

.indexPage .indexBox2 .leftTitle {
  color: #fff;
  padding-top: 13.125rem;
  width: calc(100% - 73.125rem);
  z-index: 999;
}

.indexPage .indexBox2 .titlePro h1 {
  font-size: 3.3125rem;
  line-height: 1;
  color: #fff;
  font-weight: bold;
  margin-bottom: 1.875rem;
  white-space: nowrap
}

.indexPage .indexBox2 .titlePro p {
  font-size: 2.25rem;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.5);
}

.indexPage .indexBox2 .navLink {
  margin-top: 1.875rem;
}

.indexPage .indexBox2 .navLink a {
  font-size: .875rem;
  color: #fff;
  line-height: 1;
}

.indexPage .indexBox2 .navLink .icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-left: .375rem;
}

.indexPage .indexBox2 .navLink a {
  display: flex;
  align-items: center;
}

.indexPage .indexBox2 .proItem .rightImg {
  width: 62.5rem;
}

.indexPage .indexBox2 .proItem .rightImg img {
  width: 100%;
}

.indexPage .indexBox2 .proItem .navProAll {
  padding-top: 10rem;
  z-index: 5555;
}

.indexPage .indexBox2 .proItem .navProAll a {
  display: inline-block;
  font-size: .875rem;
  line-height: 1;
  border: .0625rem solid #fff;
  color: #fff;
  padding: .875rem 2.25rem;
}

.indexPage .indexBox2 .arrowBox .arrItem {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  z-index: 11;
  cursor: pointer;
}

.indexPage .indexBox2 .arrowBox .arrItem.left {
  left: 3.75rem;
  height: 100%;
  display: flex;
  align-items: center;
}

.indexPage .indexBox2 .arrowBox .arrItem.left img {
  opacity: 0;
  transition: all 1.5s;
}

.indexPage .indexBox2 .arrowBox .arrItem.left:hover img {
  opacity: 1;
  transition: all 1.5s;
}

.indexPage .indexBox2 .arrowBox .arrItem.right {
  right: 3.75rem;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 6.25rem;
}

.indexPage .indexBox2 .arrowBox .arrItem.right img {
  opacity: 0;
  transition: all 1.5s;
}

.indexPage .indexBox2 .arrowBox .arrItem.right:hover img {
  opacity: 1;
  transition: all 1.5s;
}

.indexPage .indexBox3 {
  overflow: hidden;
  width: 100vw;
  height: 100%;
  position: relative;
}

.indexPage .indexBox3 .videoBox .video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
}

.indexPage .indexBox3 .maskBg {
  width: 100%;
  height: 100%;
/*  background-image: url(/static/img/box-1-bg.png);*/
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  position: absolute;
  z-index: 10;
  transform-origin: center center;
}

.box-1-bg2 {
  transform: scale(3);
  transition: 2s;
}

.indexPage .indexBox3 .box3Title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5rem;
  z-index: 9;
  color: #fff;
  text-align: center;
}

.indexPage .indexBox3 .box3Title h1 {
  font-size: 5.25rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
  margin-bottom: 3.125rem;
}

.indexPage .indexBox3 .box3Title a {
  display: inline-block;
  font-size: .875rem;
  line-height: 1;
  border: .0625rem solid #fff;
  color: #fff;
  padding: .875rem 2.25rem;
}

.indexPage .indexBox4 {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.indexPage .IndexBox4 .videoBox .drive {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
}

.indexPage .IndexBox4 .imgBox img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

.indexPage .indexBox4 {
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  position: relative;
}

.indexPage .videoBox {
  background: #000;
}

/* 2023年6月19日 */

/* 品牌挚友 */
.friends {
  position: relative;
  border-bottom: .0625rem solid #fff;
}

.friends .banner {
  position: relative;
  overflow: hidden;
  height: 100vh;
}

.friends .videoBox {
  top: -5.625rem;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  z-index: -1;
}

.friends .videoBox .bannerVideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.friends .banner .title {
  color: #fff;
  padding: 0 3.75rem;
  position: absolute;
  bottom: 22.125rem;
  z-index: 11;
}

.friends .banner .title h1 {
  font-size: 4.3125rem;
  color: #fff;
  line-height: 1;
  margin-bottom: 2.3125rem;
}

.friends .banner .title p {
  font-size: 1.5rem;
  color: #fff;
  line-height: 1.2;
  font-weight: lighter;
}

.friends .banner .slideIcon {
  position: absolute;
  bottom: 18.25rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 11;
  color: #fff;
}

.friends .banner .slideIcon p {
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  text-align: center;
  font-weight: lighter;
}

.friends .banner .slideIcon .icon {
  width: 2.5rem;
  margin: 0 auto;
  margin-top: .75rem;
}

.friends .banner .slideIcon img {
  width: 100%;
}

.friends .friendsCont {
  padding: 3.75rem;
  background: #000;
}

.friends .friendsCont .MContent {
  display: flex;
  flex-wrap: wrap;
  background: #000;
}

.friends .friendsCont .item {
  width: 33.333333%;
  margin-bottom: 2.5rem;
}

.friends .friendsCont .item a {
  display: block;
  padding: 0 .6875rem;
}

.friends .friendsCont .people {
  position: relative;
}

.friends .friendsCont .people .imageBox {
  width: 100%;
}

.friends .friendsCont .people .imageBox img {
  width: 100%;
}

.friends .friendsCont .people>p {
  font-size: 1.5rem;
  line-height: 1;
  text-align: center;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.5625rem;
}

.friends .friendsCont .title {
  text-align: center;
  font-size: 1.25rem;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 .625rem;
  color: #fff;
  margin-top: 1.0625rem;
}

/* 产品 */
.productBox {
  background: #000;
}

.productBox .MContent {
  position: relative;
  z-index: 1;
}

.productBox .proTitle h1 {
  font-size: 1.5rem;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

.productBox .proTitle .peoSel {
  display: flex;
  justify-content: center;
  color: #fff;
  margin-top: 1.6875rem;
}

.productBox .proTitle .peoSel .item {
  margin: 0 1.5625rem;
}

.productBox .proTitle .peoSel .item p {
  font-size: .875rem;
  color: #fff;
  line-height: 1;
  padding: .375rem 2.125rem;
  border: .0625rem solid #fff;
  border-radius: 3.125rem;
  cursor: pointer;
  font-family: HarmonyOS_Sans_SC;
}

.productBox .proList .listTitle p {
  font-size: 1.375rem;
  color: #fff;
  font-weight: bold;
  line-height: 1;
}

.productBox {
  padding: 7.75rem 3.75rem 3.75rem 3.75rem;
}

.productBox .proList .proItem {
  margin-top: 3.75rem;
}

.productBox .proList .proItem .itemTitle p {
  font-size: 1.375rem;
  color: #fff;
  line-height: 1;
}

.productBox .proList .itemCont {
  display: flex;
  flex-wrap: wrap;
}

.productBox .proList .itemCont .item {
  width: 25%;
  margin-top: 1.875rem;
}

.productBox .itemCont .item .imgBox {
  width: 70%;
}

.productBox .itemCont .item .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.productBox .itemCont .item .title {
  text-align: center;
  margin-top: 1.25rem;
  /* position: absolute; */
}

.productBox .itemCont .item .title div {
  font-size: 1.375rem;
  color: #fff;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 .625rem;
  font-family: HarmonyOS_Sans_SC;
  font-weight: 300;
}

.productBox .itemCont .item .title p {
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 .625rem;
  margin-top: .625rem;
}

.productBox .proList .listItem+.listItem {
  margin-top: 6.875rem;
}

.productBox .proList {
  margin-top: 5.625rem;
}

.productBox .bgfixed {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 0;
}

.productBox .bgfixed img {
  width: 88.125rem;
}

/* APP下载页面 */
.App {
  padding-top: 4.375rem;
  padding-bottom: 6.25rem;
}

.App .AppCont .imgBox {
  width: 16.4375rem;
  margin: 0 auto;
  margin-bottom: .625rem;
}

.App .AppCont .text {
  text-align: center;
}

.App .AppCont .text h1 {
  font-size: 2.25rem;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1;
  margin-bottom: .625rem;
}

.App .AppCont .text p {
  font-size: 1rem;
  line-height: 1;
  color: rgba(0, 0, 0, 0.4);
}

.App .AppCont .navLink {
  text-align: center;
  margin-top: 1.875rem;
}

.App .AppCont .navLink a {
  display: inline-block;
  background: #4d2378;
  color: #fff;
  padding: 1rem 4.8125rem;
  font-size: 1.25rem;
  line-height: 1;
  border-radius: 3.125rem;
}

.Agent .agentCont {
  width: 75rem;
  margin: 0 auto;
  padding: 5.5625rem 0;
}

.Agent .agentTitle h1 {
  font-size: 2.375rem;
  font-weight: bold;
  color: #000;
  line-height: 1;
  text-align: center;
}

.Agent .agentTitle .slidTitle {
  display: flex;
  justify-content: center;
  margin-top: 1.25rem;
}

.Agent .agentTitle .slidTitle .item {
  border-bottom: .0625rem solid #cccccc;
}

.Agent .agentTitle .slidTitle .item+.item {
  padding-left: 2.5rem;
}

.Agent .agentTitle .slidTitle .item a {
  font-size: 1.125rem;
  color: #7f7f7f;
  line-height: 1;
  display: block;
  position: relative;
  padding-bottom: .625rem;
}

.Agent .agentTitle .slidTitle .item a::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: .125rem;
  width: 100%;
}

.Agent .agentTitle .slidTitle .item.active a {
  color: #000;
}

.Agent .agentTitle .slidTitle .item.active a::after {
  background: #4d2378;
}

.Agent .agentItem+.agentItem {
  margin-top: 5rem;
}

.Agent .agentItem .title p {
  font-size: 1.5rem;
  color: #000;
  line-height: 1;
  margin-bottom: 1.6875rem;
  font-weight: bold;
}

.Agent .shopItem {
  display: flex;
}

.Agent .shopItem .left {
  width: 50%;
  background: #f5f5f5;
  padding: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Agent .shopItem .right {
  width: 50%;
}

.Agent .shopItem .left .logo {
  width: 4.9375rem;
  margin: 0 auto;
  margin-bottom: 1.5rem;
}

.Agent .shopItem .left .textCont>h1 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #000;
  text-align: center;
  margin-bottom: 1.375rem;
}

.Agent .shopItem .left .textCont>p {
  font-size: 1rem;
  line-height: 1;
  color: #000;
  text-align: center;
}

.Agent .shopItem .left .navLink {
  text-align: center;
  margin-top: 1.4375rem;
}

.Agent .shopItem .left .navLink a {
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  color: #4d2378;
}

.Agent .shopItem .right {
  width: 50%;
}

.Agent .shopItem .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Agent .agentItem .experienceItem {
  display: flex;
}

.Agent .agentItem .experienceItem .left {
  width: 49.875rem;
}

.Agent .agentItem .experienceItem .right {
  width: calc(100% - 49.875rem);
}

.Agent .experienceItem .right {
  padding: 2.5rem .625rem;
}

.Agent .experienceItem .right h1 {
  font-size: 1.25rem;
  text-align: center;
  font-weight: bold;
  color: #000;
  margin-bottom: 2.3125rem;
}

.Agent .experienceItem .right .item .icon {
  width: 1.75rem;
  margin: 0 auto;
  margin-bottom: .3125rem;
}

.Agent .experienceItem .right .item .icon img {
  width: 100%;
}

.Agent .experienceItem .right .item p {
  font-size: 1rem;
  line-height: 1;
  color: #000;
  text-align: center;
}

.Agent .experienceItem .right .item+.item {
  margin-top: 2.375rem;
}

.Agent .experienceItem .right .textCont p {
  font-size: 1rem;
  line-height: 1;
  color: #000;
  text-align: center;
}

.Agent #Map {
  width: 100%;
  height: 100%;
}

/* 套餐选配1 */
.Package .packageTitle {
  background: #fff;
  display: flex;
  justify-content: center;
  padding: 1.5rem 0 1.25rem;
}

.Package .packageCont {
  background: #f7f8fa;
}

/* background: #f0f2f5; */
.Package .packageTitle .item {
  margin: 0 1.25rem;
}

.Package .packageTitle a {
  display: block;
  font-size: 1.375rem;
  color: #000;
  line-height: 1;
  padding-bottom: .5rem;
  border-bottom: .1875rem solid transparent;
}

.Package .packageTitle .item.active a {
  border-color: #4d2378;
}

.Package .packageCont .packageSlide {
  display: flex;
  justify-content: center;
}

.Package .packageCont .packageSlide .slideBox {
  display: flex;
  background: #efefef;
  border-radius: .5rem;
  overflow: hidden;
}

.Package .packageCont .item {
  width: 6.875rem;
  text-align: center;
  /* height: 3rem; */
  padding: .25rem;
  cursor: pointer;
}

.Package .packageCont .item p {
  font-size: 1rem;
  color: #2d2d2d;
  line-height: 1;
  padding: .75rem 0;
  border-radius: .5rem;
  margin-bottom: 0;
  /* line-height: 2.5rem; */
}

.Package .packageCont .item a {
  font-size: 1rem;
  color: #2d2d2d;
  line-height: 1;
  padding: .75rem 0;
  border-radius: .5rem;
  margin-bottom: 0;
  display: block;
  /* line-height: 2.5rem; */
  position: relative;
  z-index: 22;
}

.Package .packageCont .item.active p {
  background: #fff;
  color: #4d2378;
}

.Package .packageCont .item.active a {
  background: #fff;
  color: #4d2378;
}

.Package .packageCont {
  padding: 1.25rem 3.75rem;
}

.Package .packageCont .packageContList {
  margin-top: 1.25rem;
}

.packageCont .listItem {
  /* width: 20%; */
  overflow: hidden;
}

.packageCont .listItem .colorList {
  display: flex;
  justify-content: center;
  height: 1.875rem;
}

.packageCont .listItem .colorList .coloritem {
  overflow: hidden;
  border-radius: 50%;
  border: .0625rem solid transparent;
  margin: 0 .1875rem;
  padding: .125rem;
  cursor: pointer;
}

.packageCont .listItem .colorList .coloritem.active {
  border-color: #4d2378;
}

.packageCont .listItem .colorList .coloritem img {
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  border-radius: 50%;
}

.packageCont .listItem .titleBox {
  margin-top: 2.25rem;
}

.packageCont .listItem .titleBox h1 {
  font-size: 1.25rem;
  color: #000;
  text-align: center;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: .625rem;
}

.packageCont .listItem .titleBox p {
  font-size: .875rem;
  color: #4c4c4c;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.packageCont .listItem .proBox {
  overflow: hidden;
}

.packageCont .listItem .proBox .imgBox {
  /* width: 12.9375rem; */
  margin: 0 auto;
  display: none;
  width: 15.375rem;
  height: 13.625rem;
}

.packageCont .listItem .proBox .imgBox.active {
  display: block;
}

.packageCont .listItem .proBox .imgBox img {
  width: 100%;
}

.packageCont .listItem .packageItem {
  border: .0625rem solid transparent;
  padding: 2.9375rem 1.875rem;
}

.packageCont .listItem .packageItem.active {
  border: .0625rem solid #4d2378;
}

.packageCont .packageContList .page {
  display: flex;
  justify-content: center;
  color: #000;
  font-size: .875rem;
  line-height: 1;
}

.packageCont .packageContList .page .swiper-pagination-fraction {
  width: auto;
}

.packageCont .packageContList .page .pagination span {
  margin: 0 1rem;
}

.packageCont .packageContList .page .arrow {
  cursor: pointer;
}

.Package .packagePrice {
  background: #fff;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.Package .packagePrice .price {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Package .packagePrice .price P {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0;
}

.Package .packagePrice .price h1 {
  font-size: 3rem;
  line-height: 1;
  margin-bottom: 0;
}

.Package .packagePrice .packageBtn {
  display: flex;
  justify-content: center;
  margin-top: 1.875rem;
}

.Package .packagePrice .packageBtn .item a {
  display: block;
  border: .0625rem solid #4c4c4c;
  padding: 1.25rem 5.4375rem;
  font-size: 1.25rem;
  line-height: 1;
  color: #4c4c4c;
  border-radius: 3.125rem;
}

.Package .packagePrice .packageBtn .item+.item {
  margin-left: 1.875rem;
}

.Package .packagePrice .packageBtn .item:last-of-type a {
  background: #4d2378;
  color: #fff;
  border-color: transparent;
}

.Download {
  background: #f7f8f9;
  padding: 7.75rem 0;
}

.Download .downCont {
  width: 75rem;
  margin: 0 auto;
}

.Download .downTitle {
  display: flex;
  justify-content: center;
  margin-bottom: 1.875rem;
}

.Download .downTitle .item {
  margin: 0 2.5rem;
}

.Download .downTitle a {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 2.25rem;
  color: #2d2d2d;
  position: relative;
  padding-bottom: .625rem;
}

.Download .downTitle a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 1.875rem;
  height: .375rem;
  background: transparent;
  border-radius: 3.125rem;
}

.Download .downTitle .item.active a {
  font-size: 2rem;
  font-weight: bold;
}

.Download .downTitle .item.active a::after {
  background: #4d2378;
}

.Download .downItem {
  background: #fff;
  border-radius: .5rem;
}

.Download .downItem .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5625rem 1.25rem;
  border-bottom: .0625rem solid #f0f0f0;
}

.Download .downItem .title .left h1 {
  font-family: HarmonyOS_Sans_SC_Medium;
  font-size: 1.125rem;
  color: #000000;
  letter-spacing: .075rem;
  line-height: 1.6875rem;
  font-weight: 500;
}

.Download .downItem .title .right a {
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  border: none;
  background: #4d2378;
  padding: .625rem 1rem;
}

.Download .downItem .cont {
  padding: 1.875rem 1.25rem;
}

.Download .downItem .cont .rowList {
  display: flex;
}

.Download .downItem .rowList .iconImg {
  width: 3rem;
}

.Download .downItem .rowList .iconImg img {
  width: 100%;
}

.Download .downItem .rowList .text h1 {
  font-size: 1rem;
  font-weight: bold;
}

.Download .downItem .rowList .text h1>a {
  font-size: 1rem;
  margin-left: 1.375rem;
  color: #4d2378;
  font-weight: normal;
}

.Download .downItem .rowList .text p {
  font-size: .875rem;
  line-height: 1.25;
  color: #7f7f7f;
  margin-top: .1875rem;
}

.Download .downItem .rowList .text {
  width: calc(100% - 3rem);
  padding: .1875rem 0;
  padding-left: 1.375rem;
}

.Download .downItem .rowList {
  padding-bottom: 1.875rem;
  border-bottom: .0625rem solid #f0f0f0;
}

.Download .downItem .appList .appItem .downImg {
  width: 7.5rem;
  margin: 0 auto;
  margin-bottom: .875rem;
}

.Download .downItem .appList .appItem .downImg img {
  width: 100%;
}

.Download .downItem .appList .appItem .downtext h1 {
  font-size: 1rem;
  line-height: 1;
  color: #000;
  font-weight: bold;
  text-align: center;
}

.Download .downItem .appList .appItem .downtext p {
  font-size: .875rem;
  color: #7f7f7f;
  line-height: 1;
  text-align: center;
  margin-top: .375rem;
}

.Download .downItem .appList .appItem .QrImg {
  width: 6.25rem;
  height: 6.25rem;
}

.Download .downItem .appList .appItem .QrImg img {
  width: 100%;
}

.Download .downItem .appList {
  display: flex;
  justify-content: space-around;
  padding-top: 1.875rem;
}

.Download .downItem+.downItem {
  margin-top: 1.875rem;
}

.Download .downItem .logCont {
  display: flex;
  padding: 1.875rem 1.25rem;
  flex-wrap: wrap;
  flex-direction: column;
}

.Download .downItem .logCont .item {
  width: 50%;
  display: flex;
  margin-bottom: 1.875rem;
}

.Download .downItem .logCont .item .iconImg {
  width: 3rem;
}

.Download .downItem .logCont .item .iconImg img {
  width: 100%;
}

.Download .downItem .logCont .item .right {
  width: calc(100% - 3rem);
  margin-left: 1.375rem;
}

.Download .downItem .logCont .appTitle h1 {
  font-size: 1rem;
  font-weight: bold;
}

.Download .downItem .logCont .appTitle h1>div a {
  margin-left: 1.375rem;
  font-weight: normal;
  color: #4d2378
}

/* 下载的提示文本样式 原来没有 8.11新加样式 */
.Download .downItem .logCont .appTitle h1>div span {
  margin-left: 1.375rem;
  font-weight: normal;
}

.Download .downItem .logCont .appTitle p {
  font-size: .875rem;
  line-height: 1;
  color: #7f7f7f;
  margin-top: .1875rem;
}

.Download .downItem .logCont .downLoad {
  margin-top: 1.875rem;
}

.Download .downItem .logCont .downLoad a {
  border: .0625rem solid #2d2d2d;
  display: inline-block;
  font-size: .875rem;
  color: #4d2378;
  padding: .375rem .75rem;
  border-radius: .25rem;
}

.Download .downItem .logCont .downLoad a img {
  width: 1rem;
  margin-right: .625rem;
}

.Download .downItem .logCont .rowItem {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.Download .downItem .logCont .rowItem .rowtitle {
  width: 32.5rem;
}

.Download .downItem .logCont .rowItem .date {
  width: 31.5rem;
}

.Download .downItem .logCont .rowItem .down {
  width: 7.125rem;
}

.Download .downItem .logCont .tableCont {
  font-size: 1rem;
  color: #2d2d2d;
  line-height: 1;
}

.Download .downItem .logCont .tableCont a {
  font-size: .875rem;
  color: #4d2378;
}

.Download .downItem .logCont .tableCont a img {
  width: 1rem;
  margin-right: .375rem;
}

.Download .downItem .logCont .rowItem {
  padding: 1.0625rem 1.25rem;
  background: #f7f8f9;
}

.Download .downItem .logCont .rowItem:nth-of-type(2n) {
  background: #fff;
}

.Download .downItem .logCont .rowItem .rowtitle p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: .9375rem;
}

.LoginPop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999999999;
}

.LoginPop .popCont {
  width: 29.125rem;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: .625rem;
  overflow: hidden;
  padding-bottom: 1.875rem;
}

.LoginPop .popCont .title {
  border-bottom: .0625rem solid #f3f3f3;
}

.LoginPop .popCont .title p {
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold;
  padding: .9375rem .625rem;
}

.LoginPop .popCont .text {
  padding: 1.875rem;
  padding-bottom: 0;
  height: 18.75rem;
  overflow-y: auto;
}

.LoginPop .popCont .text p {
  font-size: 1rem;
  line-height: 1.75;
  color: #000;
}

.LoginPop .close {
  position: absolute;
  top: .625rem;
  color: #4f4f4f;
  right: .625rem;
  font-size: 1.25rem;
  cursor: pointer;
}

/* 推荐 */
.Recommend {
  overflow: hidden;
  background-color: #000;
}

.Recommend .itemBox {
  background-color: #000;
  background-repeat: no-repeat;
  position: relative;
  z-index: 0;
}

.Recommend .itemBox .imageBox img {
  width: 100%;
}

.Recommend .itemBox .button {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  z-index: 1;
  bottom: 2.9375rem;
}

.Recommend .itemBox .button h1 {
  color: #fff;
  font-size: 2.25rem;
  line-height: 1;
  background: linear-gradient(180deg, #e5c593 0%, #836018 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.Recommend .itemBox .button .sub {
  font-size: 1rem;
  line-height: 1;
  color: #fff !important;
  margin-left: .625rem;
}

.Recommend .itemBox .button .navLink {
  text-align: center;
  margin-top: 1.0625rem;
}

.Recommend .itemBox .button .navLink a {
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  border: .0625rem solid #fff;
  color: #fff;
  padding: .625rem 2.3125rem;
  border-radius: 3.125rem;
}

.Recommend .itemBox .button .price {
  display: flex;
  align-items: baseline;
}

.packageCont .listItem .noSwiper {
  display: flex;
  justify-content: center;
}

.packageCont .listItem .noSwiper .packageItem {
  width: 25%;
}

.packageCont .configuration {
  padding: 0 1.875rem;
}

.packageCont .configuration .configurationBox {
  border: .0625rem solid #dadcde;
  padding: 3.125rem 1.875rem;
}

.packageCont .configuration.active .configurationBox {
  border: .0625rem solid #4d2378;
}

.packageCont .configuration .text {
  height: 18.75rem;
}

.packageCont .configuration .text h1 {
  font-size: 2.25rem;
  color: #000;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

.packageCont .configuration .text p {
  font-size: 1.25rem;
  line-height: 1.25;
  color: #000;
  text-align: center;
}

.packageCont .configuration .text p+p {
  margin-top: .3125rem;
}

.packageCont .configuration .price {
  font-size: .875rem;
  line-height: 1;
  color: #4c4c4c;
  text-align: center;
}

.packageCont .swiperCenter .listItem .swiper-wrapper {
  justify-content: center;
}

.packageContList .packageItem.active {
  border: .0625rem solid #4d2378;
}

.indexPage .titleBox .navLink a {
  transition: all 0.36s;
}

.indexPage .titleBox .navLink a:hover {
  background: #4d2378;
  border-color: #4d2378;
}

.indexPage .indexBox2 .proItem .navProAll a {
  transition: all 0.36s;
}

.indexPage .indexBox2 .proItem .navProAll a:hover {
  background: #4d2378;
  border-color: #4d2378;
}

.indexPage .indexBox3 .box3Title a {
  transition: all 0.36s;
}

.indexPage .indexBox3 .box3Title a:hover {
  background: #4d2378;
  border-color: #4d2378;
}

footer .top .right .menuList a {
  transition: all 0.36s;
}

footer .top .right .menuList a:hover {
  color: #4d2378;
}

.productBox .itemCont .item .imgBox {
  overflow: hidden;
}

.productBox .itemCont .item .imgBox img {
  transform: scale(1);
  transition: all 0.36s;
}

.productBox .itemCont .item:hover .imgBox img {
  transform: scale(1.2);
}

.packageCont .listItem .packageItem {
  cursor: pointer;
}

.packageCont .listItem .packageItem:hover {
  transition: all 0.36s;
  /* border-color: #4d2378; */
}

.Package .packageTitle .titleCont {
  display: flex;
}

.Package .packageTitle .item a {
  transition: all 0.36s;
}

.Package .packageTitle .item:hover a {
  /* border-color: #4d2378; */
}

.Package .packageCont .item a {
  transition: all 0.36s;
}

.Package .packageCont .item:hover a {
  background: #fff;
  color: #4d2378;
}

.packageCont .configuration .configurationBox {
  cursor: pointer;
  transition: all 0.36s;
}

.packageCont .configuration:hover .configurationBox {
  border-color: #4d2378;
}

.menuCont .menuList li a {
  border-bottom: .0625rem solid transparent;
  position: relative;
  transition: all 0.36s;
}

.menuCont .menuList li a:hover {
  border-color: #fff;
}

.menuCont .menuBtn li a {
  transition: all 0.36s;
}

.menuCont .menuBtn li a:hover {
  color: #4d2378;
}

.friends .friendsCont .people .imageBox {
  overflow: hidden;
}

.friends .friendsCont .people .imageBox img {
  transition: all 0.36s;
}

.friends .friendsCont .item a:hover .imageBox img {
  transform: scale(1.2);
}

.Recommend .itemBox .button .navLink a {
  transition: 0.36s;
}

.Recommend .itemBox .button .navLink a:hover {
  background: #4d2378;
  border-color: #4d2378;
}

/* 媒体查询 */
@media (max-width: 103.75rem) {
  .indexPage .indexBox2 .leftTitle {
    width: 50%;
  }

  .indexPage .indexBox2 .proItem .rightImg {
    width: 50%;
  }
}

.slideIn .tit {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: fadeInDown;
}

.slideIn .title {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.swiper-backface-hidden .swiper-slide .leftTitle {
  opacity: 0;
  transition: all 2s;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: fadeOutLeft;
}

.swiper-backface-hidden .swiper-slide .rightImg {
  opacity: 0;
  transition: all 2s;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: fadeOutRight;
}

.indexPage>.active .indexBox2 .ani-slide .leftTitle {
  animation-delay: 0.6s;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  opacity: 1;
}

.indexPage>.active .indexBox2 .ani-slide .rightImg {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: fadeInRight;
  opacity: 1;
}

.indexPage>.active .titleBox {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.indexPage>.active .box3Title {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.printTable {
  width: 100%;
  margin: 0 auto;
}

.printTable .rowItem {
  /* border-bottom: .125rem solid #000; */
  padding: .3125rem .625rem;
  display: flex;
  justify-content: space-between;
}

.printTable .printItem .header {
  border-bottom: .125rem solid #000;
  padding: 0 .625rem;
}

/* .printTable .printItem .header h1 {
  font-size: 1.125rem;
  line-height: 2;
} */

.printTable .rowItem p {
  color: rgba(0, 0, 0, 1);
  font-size: 1.3125rem !important;
  font-family: HarmonyOS_Sans_SC_Bold;
  font-weight: 700;
  line-height: 1.8125rem !important;
}

.printTable .total {
  padding: 0 .625rem;
}

.printTable .total h1 {
  font-size: 1rem;
  line-height: 2;
}



.printnPop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999999999;
}

.printnPop .popCont {
  width: 75rem;
  height: 43.75rem;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: .625rem;
  overflow: hidden;
}

/* .printnPop .popCont .title {
  border-bottom: .0625rem solid #f3f3f3;
} */


.printnPop .popCont .title p {
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold;
  padding: .3125rem .625rem;
  margin-bottom: 0;
}

.printnPop .popCont .text {
  /* padding: 1.875rem; */
  padding-bottom: 0;
  height: 37.5rem;
  overflow-y: scroll;
  padding-bottom: 6.25rem;
}

.printnPop .popCont .text p {
  font-size: 1rem;
  line-height: 1.75;
  color: #000;
}

.printnPop .close {
  position: absolute;
  top: .625rem;
  color: #4f4f4f;
  right: .625rem;
  font-size: 1.25rem;
  cursor: pointer;
}

.printBtn {
  display: flex;
  justify-content: right;
}

.printBtn a {
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  border: none;
  background: #4d2378;
  padding: .625rem 1rem;
}

/* 2023年8月1日 */

.Package .packageTitle {
  position: relative;
}

.Package .packageTitle .titleCont {
  position: relative;
}

.Package .packageTitle .bottom-line {
  width: 0rem;
  height: .1875rem;
  background: #4d2378;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.36s;
}

.Package .packageCont .packageSlide .slideBox {
  position: relative;
}

.Package .packageCont .packageSlide .slideBox-line {
  width: 0;
  height: calc(100% - .5rem);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: #fff;
  border-radius: .625rem;
  transition: all 0.36s;
}

.Package .packageCont .packageSlide .slideBox .item p {
  position: relative;
  z-index: 2;
}

.Package .packageTitle .item.active a {
  color: #4d2378;
}



/* 2023年8月4日 */
.friends .friendsCont .DriversCont .item {
  width: 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
  margin-bottom: 0;
  padding-bottom: 3.75rem;
  margin: 1.875rem 0;
}

.friends .friendsCont .DriversCont .item a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  align-items: center;
}

.friends .friendsCont .Drivers>.title {
  text-align: left;
  display: inline-flex;
  width: 63.75rem;
  height: 4.5rem;
  align-items: center;
  margin-top: 0;
  padding-left: 3.75rem;
}

.friends .friendsCont {
  padding: 0;
}

.friends .friendsCont .DriversCont {
  padding: 0rem 3.75rem;
}

.friends .friendsCont .DriversCont .item .titleImg {
  width: 27.375rem;
}

.friends .friendsCont .DriversCont .item img {
  width: 100%;
  transition: all 0.36s;
}

.friends .friendsCont .DriversCont .item .imageBox {
  width: 66.25rem;
  overflow: hidden;
}

.friends .friendsCont .title {
  font-size: 3rem;
  line-height: 1;
  color: #fff;
  margin-bottom: 1.875rem;
}

.friends .friendsCont .title .engName {
  font-size: 1.5rem;
  color: #fff;
  line-height: 1;
  margin-left: 1.625rem;
}

.friends .friendsCont p {
  font-size: 1.25rem;
  color: #fff;
  line-height: .9375rem;
  color: #fff;
  font-weight: lighter;
}

.friends .friendsCont .text {
  height: auto;
  /* overflow: hidden; */
}

.friends .friendsCont .MContent {
  padding: 0 3.75rem;
}

.friends .friendsCont .item .titleBox {
  padding: 3rem 1.5rem;
}



/*  */

.friendsDetail {
  position: relative;
  border-bottom: .0625rem solid #fff;
}

.friendsDetail .banner {
  position: relative;
  overflow: hidden;
  height: 100vh;
}

.friendsDetail .videoBox {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  z-index: -1;
}

.friendsDetail .videoBox .bannerVideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.friendsDetail .banner .title {
  color: #fff;
  padding: 0 3.75rem;
  position: absolute;
  bottom: 5.75rem;
  z-index: 11;
}

.friendsDetail .banner .title h1 {
  font-size: 5.25rem;
  color: #fff;
  line-height: 1;
  margin-bottom: 2.3125rem;
}

.friendsDetail .banner .title p {
  font-size: 1.5rem;
  color: #fff;
  line-height: 1.2;
  font-weight: lighter;
}

.friendsDetail .banner .slideIcon {
  position: absolute;
  bottom: 1.875rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 11;
  color: #fff;
}

.friendsDetail .banner .slideIcon p {
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  text-align: center;
  font-weight: lighter;
}

.friendsDetail .banner .slideIcon .icon {
  width: 2.5rem;
  margin: 0 auto;
  margin-top: .75rem;
}

.friendsDetail .banner .slideIcon img {
  width: 100%;
}

.friendsDetail .banner .imageBox {
  width: 22.5rem;
  margin-bottom: 1.25rem;
}

.friendsDetail .banner .imageBox img {
  width: 100%;
}

.friendsDetail .banner .moreIcon {
  width: 3.75rem;
  height: 3.75rem;
  margin-top: .875rem;
}

.friendsDetail .banner .moreIcon img {
  width: 100%;
}

.friendsDetail .detailCont {
  /* background: #fff; */
}

.friendsDetail .detailCont .titleItem {
  display: flex;
  align-items: center;
  background: #fff;
}

.friendsDetail .detailCont .titleItem {
  padding: 2.375rem 3.75rem;
}

.friendsDetail .detailCont .titleItem .left {
  width: 50%;
  text-align: center;
  padding-right: 1.875rem;
}

.friendsDetail .detailCont .titleItem h1 {
  font-size: 3rem;
  line-height: 1.5;
  color: #000;
  font-weight: normal;
}

.friendsDetail .detailCont .titleItem .right {
  width: 50%;
  padding-left: 1.875rem;
}

.friendsDetail .detailCont .titleItem p {
  text-align: justify;
  font-size: 1.75rem;
  line-height: 1.5;
  color: #000;
}

.friendsDetail .contImage {
  height: 100vh;
  position: relative;
  background-size: cover;
  background-attachment: fixed;
}

.friendsDetail .contImage img {
  width: 100%;
  /* position: fixed; */
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;

}

.friendsDetail .imageBanner {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  z-index: -1;
}

.friendsDetail .imageBanner img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}







/* +++++++++++++++++++++++++++++++++=== */

.proDetail .banner .bannerImg {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.proDetail .banner .bannerImg img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: 100%;
}

.proDetail .banner .title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3.75rem;
  z-index: 11;
  color: #fff;
  width: 80%;
}

.proDetail .banner .title h1 {
  font-size: 4rem;
  line-height: 8rem;
  color: #fff;
  font-weight: 700;
  font-family: HarmonyOS_Sans_SC_Bold;
  /* margin-bottom: .9375rem; */
}

.proDetail .banner .title p {
  font-size: 2.625rem;
  font-weight: lighter;
  color: #fff;
  line-height: 2.625rem;
  font-family: HarmonyOS_Sans_SC_Light;
}


.proDetail {
  background: #191919;
  width: 100% !important;
}
.proDetail .Cont {
  width: 100%;
}
.proDetail .Cont .imgCont {
  width: 100%;
}

.proDetail .Cont .itemSwiper {
  padding: 3.75rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.proDetail .Cont .itemSwiper .title h1 {
  color: #fff;
  font-size: 3rem;
  line-height: 1;
}

.proDetail .Cont .itemSwiper .itemBox .image {
  width: 100%;
}

.proDetail .Cont .itemSwiper .itemBox .image img {
  width: 100%;
}

.proDetail .Cont .itemSwiper .itemBox .itmeTitle h1 {
  font-size: 1.25rem;
  color: #fff;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: .625rem;
  letter-spacing: .075rem;
  font-family: HarmonyOS_Sans_SC;
}

.proDetail .Cont .itemSwiper .itemBox .itmeTitle {
  margin-top: .9375rem;
}

.proDetail .Cont .itemSwiper .itemBox .itmeTitle .text p {
  font-size: 1rem;
  color: #fff;
  line-height: 1.6875rem;
  font-weight: 200;
  font-family: HarmonyOS_Sans_SC_Light;
  letter-spacing: .075rem;
  /* margin-bottom: 0; */
}

.proDetail .Cont .itemSwiper .swiperContent .swiper-slide {
  position: relative;
}

.proDetail .Cont .itemSwiper .swiperContent .swiper-slide .itemBox {
  height: 339.6096px;
}

.proDetail .Cont .itemSwiper .swiperContent .swiper-slide .itemBox::after {
  width: .0625rem;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  height: 100%;
  content: '';
  background: #636363;
  right: -1.5rem;
}

.proDetail .Cont .itemSwiper .swiperContent .swiper-slide:last-of-type::after {
  height: 0;
}


.proDetail .Cont .itemSwiper .swiperContent .swiper-pagination {
  height: .0625rem;
  background: #636363;
  position: absolute;
  bottom: -1.125rem;
  top: auto;
  display: block;
  width: calc(100% - 8.75rem);
}

.proDetail .Cont .itemSwiper .swiperContent .swiper-pagination-progressbar-fill {
  background: #fff;
}

.proDetail .Cont .itemSwiper .swiperContent .btn {
  display: flex;
  position: relative;
  height: 6.5rem;
}

.proDetail .Cont .itemSwiper .swiperContent .btn .benBut {
  display: flex;
  position: absolute;
  right: 0;
  top: 5.875rem;

}

.proDetail .Cont .itemSwiper .swiperContent .btn .benBut .item {
  width: 2.25rem;
  height: 2.25rem;
  margin: 0 .75rem;
}

.proDetail .Cont .itemSwiper .swiperContent .btn .benBut img {
  width: 100%;
}

.proDetail .Cont .itemSwiper .swiperContent {
  padding-bottom: 3rem;
  margin-top: 3rem;
}

.proDetail .Cont .itemSwiper .title h1 {
  font-size: 3rem;
  color: #fff;
}

.proDetail .Cont .itemVideFull {
  position: relative;
  width: 100vw;
}

.proDetail .Cont .itemVideFull::after {
  content: '';
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
}

.proDetail .Cont .itemVideFull video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

.proDetail .Cont .itemVideFull .titleBox {
  position: absolute;
  left: 3.75rem;
  bottom: 9.375rem;
  z-index: 11;
  color: #fff;
}

.proDetail .Cont .itemVideFull .titleBox h1 {
  font-size: 4.5rem;
  color: #fff;
  line-height: 1;
  margin-bottom: 1.875rem;
}

.proDetail .Cont .itemVideFull .titleBox p {
  font-size: 1.75rem;
  line-height: 2.625rem;
  color: #fff;
  font-weight: lighter;
  margin-bottom: 0;
}

.proDetail .Cont .itemDoubleVide {
  padding: 8.25rem 3.75rem;
  display: flex;
  justify-content: space-between;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.proDetail .Cont .itemDoubleVide .item {
  color: #fff;
  width: 48%;
}

.proDetail .Cont .itemDoubleVide .item .videoBox {
  width: 100%;
  margin-top: 3rem;
  padding-top: 70px;
}

.proDetail .Cont .itemDoubleVide .item video {
  width: 100%;
}

.proDetail .Cont .itemDoubleVide .item .title {
  text-align: center;
}

.proDetail .Cont .itemDoubleVide .item .title h1 {
  font-size: 4.5rem;
  color: #fff;
  line-height: 1;
  margin-bottom: 1rem;
}

.proDetail .Cont .itemDoubleVide .item .title p {
  font-size: 1.75rem;
  line-height: 2.625rem;
  color: #fff;
  font-family: Light;
  margin-bottom: 0;
  font-weight: lighter;
}


.proDetail .Cont .itemTriple .title {
  text-align: center;
  color: #fff;
  margin-bottom: 2.1875rem;
  /* 千人修改 +了下外边距 */
}


.proDetail .Cont .itemTriple .swiper-slide-duplicate-next .title,
.proDetail .Cont .itemTriple .swiper-slide-duplicate-prev .title {
  opacity: 0;
}

.proDetail .Cont .itemTriple .swiper-slide-next .title,
.proDetail .Cont .itemTriple .swiper-slide-prev .title {
  opacity: 0;
  transition: .3s all;
}

.proDetail .Cont .itemTriple .title h1 {
  font-size: 1.8125rem;
  /* 千人修改 72更改字号45 */
  color: #fff;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.proDetail .Cont .itemTriple .title p {
  font-size: 1.25rem;
  /* 千人修改 28更改字号20 */
  font-weight: lighter;
  color: #7f7f81;
  line-height: 2.625rem;
  margin-bottom: 0;
}

.proDetail .Cont .itemTriple .swiper-container {
  padding-top: 5rem;
  /* 千人修改 外上 改为了 内上 */
}

.proDetail .Cont .itemTriple {
  padding: 0rem 3.75rem 7.5rem;
  /* 千人修改 48上内边距0 */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.proDetail .Cont .itemTriple .swiper-container .swiper-slide {
  filter: blur(.3125rem);
  -webkit-filter: blur(.3125rem);
  transition: all 0.3s;
  transform: scale(0.9);
}

.proDetail .Cont .itemTriple .swiper-container .swiper-slide-active {
  filter: blur(0rem);
  -webkit-filter: blur(0rem);
  transform: scale(1);
}

.proDetail .Cont .itemDouble {
  padding: 3.75rem;
  display: flex;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.proDetail .Cont .itemDouble .item {
  width: calc(100% - 42.5rem);
}

.proDetail .Cont .itemDouble .item .title {
  color: #fff;
}

.proDetail .Cont .itemDouble .item .title h1 {
  font-size: 4.5rem;
  color: #fff;
  line-height: 1;
  margin-bottom: 1.125rem;
}

.proDetail .Cont .itemDouble .item .title p {
  font-size: 1.75rem;
  line-height: 1.75;
  color: #fff;
  font-weight: lighter;


}


.proDetail .Cont .itemDouble .item .leftImg p {
  color: #fff;
}

.proDetail .Cont .itemDouble .item .leftImg {
  margin-top: 1.875rem;
}

.proDetail .Cont .itemDouble .item .leftImg .imgBox {
  margin-top: 1.25rem;
}

.proDetail .Cont .itemDouble .rightItem {
  width: 42.5rem;
}

.proDetail .Cont .itemDouble .rightItem .videoBox {
  width: 100%;
  height: 100%;
}

.proDetail .Cont .itemDouble .rightItem video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.proDetail .Cont .itemVideoSingle {
  display: flex;
  align-items: flex-end;
  padding: 3.75rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.proDetail .Cont .itemVideoSingle .videoItem {
  width: 67.5rem;
}

.proDetail .Cont .itemVideoSingle .title {
  color: #fff;

}

.proDetail .Cont .itemVideoSingle .title h1 {
  font-size: 3rem;
  line-height: 1;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}

.proDetail .Cont .itemVideoSingle .title h1 img {
  vertical-align: middle;
}

.proDetail .Cont .itemVideoSingle .title p {
  font-size: 1.75rem;
  line-height: 2.625rem;
  color: #fff;
  font-weight: lighter;
  margin-bottom: 0;
}

.proDetail .Cont .itemVideoSingle .videoBox {
  margin-top: 3rem;
}

.proDetail .Cont .itemVideoSingle .videoBox video {
  width: 100%;
}

.proDetail .Cont .itemVideoSingle .item {
  padding-left: 3.75rem;
}

.proDetail .Cont .itemVideoSingle .itemLogo h1 {
  font-size: 1.75rem;
  font-weight: lighter;
  color: #fff;
  display: flex;
  align-items: flex-end;
}

.proDetail .Cont img {
  max-width: 100% !important;
}