/* bannersvg */
@-webkit-keyframes bannerSvg {
  0% {
    stroke-dashoffset: 100;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-moz-keyframes bannerSvg {
  0% {
    stroke-dashoffset: 100;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes bannerSvg {
  0% {
    stroke-dashoffset: 100;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes bannerSvg {
  0% {
    stroke-dashoffset: 100;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes aScale {
  from {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-moz-keyframes aScale {
  from {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
  }
  to {
    -moz-transform: scale(1);
         transform: scale(1);
  }
}
@-o-keyframes aScale {
  from {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }
  to {
    -o-transform: scale(1);
       transform: scale(1);
  }
}
@keyframes aScale {
  from {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }
  to {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes ani-l {
  0% {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  50% {
    -webkit-transform: translateX(70%);
            transform: translateX(70%);
  }
  100% {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
}
@-moz-keyframes ani-l {
  0% {
    -moz-transform: translateX(-20%);
         transform: translateX(-20%);
  }
  50% {
    -moz-transform: translateX(70%);
         transform: translateX(70%);
  }
  100% {
    -moz-transform: translateX(-20%);
         transform: translateX(-20%);
  }
}
@-o-keyframes ani-l {
  0% {
    -o-transform: translateX(-20%);
       transform: translateX(-20%);
  }
  50% {
    -o-transform: translateX(70%);
       transform: translateX(70%);
  }
  100% {
    -o-transform: translateX(-20%);
       transform: translateX(-20%);
  }
}
@keyframes ani-l {
  0% {
    -webkit-transform: translateX(-20%);
       -moz-transform: translateX(-20%);
         -o-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  50% {
    -webkit-transform: translateX(70%);
       -moz-transform: translateX(70%);
         -o-transform: translateX(70%);
            transform: translateX(70%);
  }
  100% {
    -webkit-transform: translateX(-20%);
       -moz-transform: translateX(-20%);
         -o-transform: translateX(-20%);
            transform: translateX(-20%);
  }
}
@-webkit-keyframes ani-a {
  0% {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  50% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  100% {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
@-moz-keyframes ani-a {
  0% {
    -moz-transform: translateX(50%);
         transform: translateX(50%);
  }
  50% {
    -moz-transform: translateX(-50%);
         transform: translateX(-50%);
  }
  100% {
    -moz-transform: translateX(50%);
         transform: translateX(50%);
  }
}
@-o-keyframes ani-a {
  0% {
    -o-transform: translateX(50%);
       transform: translateX(50%);
  }
  50% {
    -o-transform: translateX(-50%);
       transform: translateX(-50%);
  }
  100% {
    -o-transform: translateX(50%);
       transform: translateX(50%);
  }
}
@keyframes ani-a {
  0% {
    -webkit-transform: translateX(50%);
       -moz-transform: translateX(50%);
         -o-transform: translateX(50%);
            transform: translateX(50%);
  }
  50% {
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  100% {
    -webkit-transform: translateX(50%);
       -moz-transform: translateX(50%);
         -o-transform: translateX(50%);
            transform: translateX(50%);
  }
}
@-webkit-keyframes ani-w {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-moz-keyframes ani-w {
  0% {
    -moz-transform: translateX(0);
         transform: translateX(0);
  }
  50% {
    -moz-transform: translateX(-100%);
         transform: translateX(-100%);
  }
  100% {
    -moz-transform: translateX(0);
         transform: translateX(0);
  }
}
@-o-keyframes ani-w {
  0% {
    -o-transform: translateX(0);
       transform: translateX(0);
  }
  50% {
    -o-transform: translateX(-100%);
       transform: translateX(-100%);
  }
  100% {
    -o-transform: translateX(0);
       transform: translateX(0);
  }
}
@keyframes ani-w {
  0% {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-100%);
       -moz-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
}
.bannerSwiper::after {
  width: 100%;
  height: 30%;
  content: "";
  left: 0;
  top: 0;
  z-index: 5;
  position: absolute;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}
.bannerSwiper .bannerVideo {
  width: 100%;
  height: 100vh;
  min-height: 340px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  position: relative;
}
.bannerSwiper .bannerPrev,
.bannerSwiper .bannerNext {
  width: max(30px, 0.5rem);
  height: max(30px, 0.5rem);
  border: 1px solid #fff;
  border-radius: 50px;
}
.bannerSwiper .bannerPrev::after,
.bannerSwiper .bannerNext::after {
  font-size: max(16px, 0.3rem);
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .bannerSwiper .bannerPrev,
  .bannerSwiper .bannerNext {
    display: none;
  }
}
.bannerSwiper .bannerPrev {
  left: 0.5rem;
}
.bannerSwiper .bannerNext {
  right: 0.5rem;
}
.bannerSwiper img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}
.bannerSwiper #playBtn {
  width: max(40px, 1rem);
  height: max(40px, 1rem);
  border: 1px solid #fff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.bannerSwiper #playBtn::after {
  border-left: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.bannerSwiper .bannerPagina {
  bottom: 1rem;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 8vw;
}
.bannerSwiper .swiper-slide {
  position: relative;
}
.bannerSwiper .swiper-slide.swiper-slide-active {
  z-index: 5;
}
.bannerSwiper .swiper-slide.swiper-slide-active img {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 2.5s linear;
  -o-transition: all 2.5s linear;
  -moz-transition: all 2.5s linear;
  transition: all 2.5s linear;
}
.bannerSwiper .swiper-slide.swiper-slide-active .textBox h3,
.bannerSwiper .swiper-slide.swiper-slide-active .textBox h4 {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.8s linear;
  -o-transition: all 0.8s linear;
  -moz-transition: all 0.8s linear;
  transition: all 0.8s linear;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}
.bannerSwiper .swiper-slide.swiper-slide-active .textBox h4 {
  -webkit-transition-delay: 0.2s;
     -moz-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.bannerSwiper .swiper-slide .textBox {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  color: #fff;
  padding: 0 8vw;
}
.bannerSwiper .swiper-slide .textBox h3 {
  font-size: max(26px, 0.64rem);
  font-weight: bold;
  margin-bottom: 0.2rem;
  -webkit-transform: translateY(100px);
     -moz-transform: translateY(100px);
      -ms-transform: translateY(100px);
       -o-transform: translateY(100px);
          transform: translateY(100px);
  opacity: 0;
  visibility: hidden;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.bannerSwiper .swiper-slide .textBox h4 {
  font-size: max(20px, 0.4rem);
  font-weight: bold;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(100px);
     -moz-transform: translateY(100px);
      -ms-transform: translateY(100px);
       -o-transform: translateY(100px);
          transform: translateY(100px);
  opacity: 0;
  visibility: hidden;
}

.indexPage1 {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.indexPage1 .indexP1Item {
  width: 25%;
  height: 14.2vw;
  position: relative;
  background: #000;
  overflow: hidden;
}
.indexPage1 .indexP1Item a {
  color: #fff;
}
.indexPage1 .indexP1Item a::after {
  width: 100%;
  height: 50%;
  left: 0;
  bottom: 0;
  content: "";
  position: absolute;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}
.indexPage1 .indexP1Item .showName {
  width: 100%;
  left: 0;
  bottom: max(20px, 0.3rem);
  padding: 0 max(20px, 0.4rem);
  position: absolute;
  opacity: 0.6;
  z-index: 2;
  font-size: max(14px, 0.16rem);
}
.indexPage1 .indexP1Item .hideBox {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  padding: max(20px, 0.3rem);
  visibility: hidden;
  font-size: max(14px, 0.2rem);
}
.indexPage1 .indexP1Item .hideBox::after {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  opacity: 0.9;
  background-image: -webkit-linear-gradient(309deg, #f5e095 0%, #f0c377 50%, #a46f13 100%), -webkit-linear-gradient(#b2853d, #b2853d);
  background-image: -moz-linear-gradient(309deg, #f5e095 0%, #f0c377 50%, #a46f13 100%), -moz-linear-gradient(#b2853d, #b2853d);
  background-image: -o-linear-gradient(309deg, #f5e095 0%, #f0c377 50%, #a46f13 100%), -o-linear-gradient(#b2853d, #b2853d);
  background-image: linear-gradient(141deg, #f5e095 0%, #f0c377 50%, #a46f13 100%), linear-gradient(#b2853d, #b2853d);
}
.indexPage1 .indexP1Item .hideBox .title {
  position: relative;
  z-index: 2;
  font-size: max(18px, 0.32rem);
  font-weight: bold;
}
.indexPage1 .indexP1Item img {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.indexPage1 .indexP1Item:hover img {
  opacity: 0.8;
  -webkit-transform: scale(1.03);
     -moz-transform: scale(1.03);
      -ms-transform: scale(1.03);
       -o-transform: scale(1.03);
          transform: scale(1.03);
}
.indexPage1 .indexP1Item:hover a::after {
  opacity: 0;
  visibility: hidden;
}
.indexPage1 .indexP1Item:hover .hideBox {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.5s linear 0.1s;
  -o-transition: all 0.5s linear 0.1s;
  -moz-transition: all 0.5s linear 0.1s;
  transition: all 0.5s linear 0.1s;
}
.indexPage1 .indexP1Item:hover .showName {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s linear 0.1s;
  -o-transition: all 0.5s linear 0.1s;
  -moz-transition: all 0.5s linear 0.1s;
  transition: all 0.5s linear 0.1s;
}
@media screen and (max-width: 1024px) {
  .indexPage1 .indexP1Item {
    width: 33.3333333333%;
    height: 18.8vw;
  }
}
@media screen and (max-width: 767px) {
  .indexPage1 .indexP1Item {
    width: 50%;
    height: 28.3vw;
  }
}
@media screen and (max-width: 479px) {
  .indexPage1 .indexP1Item {
    width: 100%;
    height: 56.6vw;
  }
}

.indexJhgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 3.48rem 0 2.74rem;
}
.indexJhgs .bgLetter {
  top: 0;
  left: 0;
  line-height: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  line-height: 0.6;
  font-family: "Microsoft Tai Le", "Arial", "Impact";
}
.indexJhgs .l {
  display: inline-block;
  position: absolute;
  left: 0;
  z-index: 2;
  bottom: max(100px, 2.3rem);
  font-size: 15.7rem;
  color: #fff;
  -webkit-animation: ani-l 22s linear infinite;
     -moz-animation: ani-l 22s linear infinite;
       -o-animation: ani-l 22s linear infinite;
          animation: ani-l 22s linear infinite;
  text-shadow: 115px 96px 87px rgba(0, 107, 179, 0.2);
}
.indexJhgs .a {
  font-size: 9rem;
  left: 40%;
  color: #fff;
  bottom: 3.5rem;
  position: absolute;
  -webkit-animation: ani-a 22s 10s linear infinite;
     -moz-animation: ani-a 22s 10s linear infinite;
       -o-animation: ani-a 22s 10s linear infinite;
          animation: ani-a 22s 10s linear infinite;
  text-shadow: 75px 63px 87px rgba(42, 199, 212, 0.3);
}
.indexJhgs .w {
  font-size: 7.4rem;
  right: 0;
  color: #fff;
  bottom: -0.5rem;
  position: absolute;
  -webkit-animation: ani-w 22s linear infinite;
     -moz-animation: ani-w 22s linear infinite;
       -o-animation: ani-w 22s linear infinite;
          animation: ani-w 22s linear infinite;
  text-shadow: 115px 96px 87px rgba(30, 147, 228, 0.2);
}
.indexJhgs .text {
  position: relative;
  z-index: 10;
  height: inherit;
}
.indexJhgs .textCon {
  height: inherit;
  width: 75%;
  line-height: 1.6;
}
.indexJhgs .textCon .bigTitle {
  font-weight: bold;
  line-height: 1.08rem;
  position: relative;
}
.indexJhgs .textCon .bigTitle::after {
  width: 50px;
  height: 3px;
  left: 0;
  bottom: 0;
  content: "";
  position: absolute;
  background: #060723;
}
.indexJhgs .textCon .nr {
  padding: max(10px, 0.27rem) 0 max(15px, 0.3rem);
  min-height: 3.08rem;
  font-size: max(14px, 0.28rem);
  font-family: "HarmonyOS Sans SC Light", "Source Han Sans CN";
}
@media screen and (max-width: 767px) {
  .indexJhgs .textCon {
    width: 100%;
  }
}

.indexQygd {
  background: #f7f7f6;
}
.indexQygd .bigTitle {
  font-weight: bold;
}
.indexQygd .list {
  gap: 20px;
  padding: max(30px, 0.47rem) 0 max(35px, 0.5rem);
}
.indexQygd .item {
  width: -webkit-calc((100% - 20px) / 2);
  width: -moz-calc((100% - 20px) / 2);
  width: calc((100% - 20px) / 2);
  min-height: 3.14rem;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 10px 40px 0px rgba(148, 148, 148, 0.1);
}
.indexQygd .item::after, .indexQygd .item::before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  -o-background-size: cover;
     background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/indexQygdBg4.jpg");
  background-attachment: scroll;
}
.indexQygd .item::before {
  opacity: 0;
  visibility: hidden;
  background-image: url("../images/indexQygdBg1On.jpg");
}
.indexQygd .item:nth-child(2)::after {
  background-image: url("../images/indexQygdBg2.jpg");
}
.indexQygd .item:nth-child(3)::after {
  background-image: url("../images/indexQygdBg3.jpg");
}
.indexQygd .item .textBox {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  position: relative;
  padding: max(15px, 0.3rem) max(20px, 0.5rem);
}
.indexQygd .item .textBox .title {
  line-height: 1.4;
  font-size: max(18px, 0.3rem);
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.indexQygd .item .textBox .tagBox {
  padding: max(10px, 0.25rem) 0 0;
  gap: 10px;
}
.indexQygd .item .textBox .tagItem {
  color: #a3a3a3;
  line-height: 26px;
  padding: 0 max(5px, 0.1rem);
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid #e7e7e7;
}
.indexQygd .item:hover::after {
  opacity: 0;
  visibility: hidden;
}
.indexQygd .item:hover::before {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.5s linear 0.1s;
  -o-transition: all 0.5s linear 0.1s;
  -moz-transition: all 0.5s linear 0.1s;
  transition: all 0.5s linear 0.1s;
}
.indexQygd .item:hover .textBox .title {
  color: #fff;
  font-weight: bold;
}
.indexQygd .item:hover .textBox .tagItem {
  color: #666;
  background: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.5s linear 0.1s;
  -o-transition: all 0.5s linear 0.1s;
  -moz-transition: all 0.5s linear 0.1s;
  transition: all 0.5s linear 0.1s;
}
@media screen and (max-width: 1024px) {
  .indexQygd .textBox .title br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .indexQygd .item {
    width: 100%;
  }
}

.indexPage3 .item {
  float: left;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.indexPage3 .item a {
  color: #fff;
}
.indexPage3 .item.big {
  width: 63.6%;
  height: 56.4vw;
}
.indexPage3 .item.min {
  width: 36.4%;
  height: 28.2vw;
}
.indexPage3 .item.min .num {
  left: auto;
  right: max(25px, 0.4rem);
}
.indexPage3 .item.min .textBox {
  padding: max(30px, 0.8rem) max(20px, 0.6rem) max(30px, 0.7rem);
}
.indexPage3 .item.min .title {
  font-size: max(18px, 0.32rem);
  font-family: "HarmonyOS";
  line-height: 1.25;
}
.indexPage3 .item.min .date {
  padding: max(10px, 0.15rem) 0 0;
  font-size: max(14px, 0.18rem);
}
.indexPage3 .item.min:nth-child(2) a {
  color: #000;
}
.indexPage3 .item.min:nth-child(3) .textBox {
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.indexPage3 .item .num {
  position: absolute;
  left: max(30px, 0.47rem);
  top: max(25px, 0.4rem);
  z-index: 2;
  font-size: max(16px, 0.24rem);
}
.indexPage3 .item .textBox {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: max(14px, 0.18rem);
  line-height: 2;
  text-align: left;
  position: absolute;
  padding: 0 2.5rem 0 1.6rem;
}
.indexPage3 .item .tag {
  font-size: max(16px, 0.3rem);
  position: relative;
}
.indexPage3 .item .tag::after {
  width: 50px;
  height: 3px;
  left: 0;
  bottom: 0;
  position: absolute;
  content: "";
  background: #fff;
}
.indexPage3 .item .title {
  font-size: max(18px, 0.48rem);
  font-family: "HarmonyOSBold";
  line-height: 1.2;
  padding-top: max(20px, 0.45rem);
}
.indexPage3 .item .nr {
  padding: max(10px, 0.25rem) 0 0;
}
.indexPage3 .item .btnBox {
  padding-top: max(20px, 0.45rem);
}
.indexPage3 .item img {
  -webkit-transition: all 0.5s linear 0.1s;
  -o-transition: all 0.5s linear 0.1s;
  -moz-transition: all 0.5s linear 0.1s;
  transition: all 0.5s linear 0.1s;
}
.indexPage3 .item:hover img {
  -webkit-transform: scale(1.03);
     -moz-transform: scale(1.03);
      -ms-transform: scale(1.03);
       -o-transform: scale(1.03);
          transform: scale(1.03);
}
@media screen and (max-width: 959px) {
  .indexPage3 .item.big, .indexPage3 .item.min {
    width: 100%;
    height: 65vw;
  }
  .indexPage3 .item.big .textBox, .indexPage3 .item.min .textBox {
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .indexPage3 .item.min {
    width: 50%;
    height: 38.6vw;
  }
  .indexPage3 .item.min:nth-child(3) .textBox {
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .indexPage3 .item .title br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .indexPage3 .item.big {
    height: auto;
  }
  .indexPage3 .item.big .textBox {
    padding: 30px;
  }
  .indexPage3 .item.big .nr {
    display: none;
  }
  .indexPage3 .item.min {
    width: 100%;
    height: auto;
  }
  .indexPage3 .item.min .textBox {
    padding: 30px;
  }
  .indexPage3 .item.min .num {
    right: auto;
    left: max(30px, 0.47rem);
    top: max(25px, 0.4rem);
  }
}

.indexContact .bigTitle {
  font-weight: bold;
}
.indexContact .indexContactList {
  gap: 20px;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: max(30px, 0.5rem) 0 0;
}
.indexContact .indexContactItem {
  width: -webkit-calc((100% - 40px) / 3);
  width: -moz-calc((100% - 40px) / 3);
  width: calc((100% - 40px) / 3);
  height: 15.4vw;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  background: #000;
}
.indexContact .indexContactItem .showNameBox {
  width: 100%;
  left: 0;
  color: #fff;
  bottom: 20px;
  position: absolute;
  padding: 0 max(15px, 0.3rem);
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.indexContact .indexContactItem .cnName {
  font-size: max(16px, 0.24rem);
}
.indexContact .indexContactItem .enName {
  font-size: 14px;
  font-family: "DIN Black", "Arial Black", "Impact";
}
.indexContact .indexContactItem .hideNameBox {
  width: 100%;
  left: 0;
  opacity: 0;
  color: #fff;
  visibility: hidden;
  top: -100%;
  position: absolute;
  padding: 0 max(15px, 0.3rem);
  -webkit-transition: all 0.5s 0.1s linear;
  -o-transition: all 0.5s 0.1s linear;
  -moz-transition: all 0.5s 0.1s linear;
  transition: all 0.5s 0.1s linear;
}
.indexContact .indexContactItem .addBox {
  left: 0;
  width: 0;
  font-size: max(14px, 0.16rem);
  padding: 0;
  bottom: max(10px, 0.2rem);
  color: #fff;
  position: absolute;
  overflow: hidden;
  -webkit-transition: all 0.5s 0.1s linear;
  -o-transition: all 0.5s 0.1s linear;
  -moz-transition: all 0.5s 0.1s linear;
  transition: all 0.5s 0.1s linear;
}
.indexContact .indexContactItem .addBox .add {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: max(40px, 0.6rem);
  border-radius: max(5px, 0.1rem);
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(7px);
  padding: 0 max(30px, 0.4rem) 0 max(10px, 0.2rem);
}
.indexContact .indexContactItem .addBox .add em {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.indexContact .indexContactItem .addBox .iconfont {
  top: 50%;
  font-size: 20px;
  position: absolute;
  right: max(10px, 0.2rem);
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.indexContact .indexContactItem .img {
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.indexContact .indexContactItem:hover .addBox {
  width: 100%;
  padding: 0 max(10px, 0.2rem);
}
.indexContact .indexContactItem:hover .showNameBox {
  bottom: -100%;
}
.indexContact .indexContactItem:hover .hideNameBox {
  opacity: 1;
  visibility: visible;
  top: max(25px, 0.4rem);
}
.indexContact .btnBox {
  padding: max(30px, 0.6rem) 0 0;
}
@media screen and (max-width: 1024px) {
  .indexContact .indexContactItem .showNameBox {
    opacity: 0;
    visibility: hidden;
  }
  .indexContact .indexContactItem .hideNameBox {
    opacity: 1;
    visibility: visible;
    top: max(25px, 0.4rem);
  }
  .indexContact .indexContactItem .addBox {
    width: 100%;
    padding: 0 max(10px, 0.2rem);
  }
}
@media screen and (max-width: 959px) {
  .indexContact .indexContactItem {
    width: -webkit-calc((100% - 20px) / 2);
    width: -moz-calc((100% - 20px) / 2);
    width: calc((100% - 20px) / 2);
    height: 23.1vw;
  }
}
@media screen and (max-width: 559px) {
  .indexContact .indexContactList {
    gap: 10px;
  }
  .indexContact .indexContactItem {
    width: 100%;
    height: 49.2vw;
  }
}

.indexMore {
  font-size: max(14px, 0.24rem);
  color: #666;
}
.indexMore .iconfont {
  width: 26px;
  height: 26px;
  color: #fff;
  border-radius: 50%;
  margin: 0 0 0 max(5px, 0.15rem);
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
  background-image: -webkit-linear-gradient(309deg, #f5e095 0%, #f0c377 50%, #a46f13 100%);
  background-image: -moz-linear-gradient(309deg, #f5e095 0%, #f0c377 50%, #a46f13 100%);
  background-image: -o-linear-gradient(309deg, #f5e095 0%, #f0c377 50%, #a46f13 100%);
  background-image: linear-gradient(141deg, #f5e095 0%, #f0c377 50%, #a46f13 100%);
}
.indexMore:hover {
  color: #b2853d;
}
.indexMore:hover .iconfont {
  -webkit-transform: translateX(0.1rem);
     -moz-transform: translateX(0.1rem);
      -ms-transform: translateX(0.1rem);
       -o-transform: translateX(0.1rem);
          transform: translateX(0.1rem);
}

.infoModal {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 100;
  display: none;
}
.infoModal .comModalBg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
}
.infoModal .modalBox {
  left: 50%;
  top: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: min(90%, 600px);
  max-height: 80%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 16px;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.infoModal .modalBox .modalTitle {
  font-size: 28px;
  padding: max(15px, 0.3rem) max(15px, 0.5rem);
  background: #f6f6f6;
}
.infoModal .modalBox .modalContent {
  padding: max(20px, 0.4rem) max(15px, 0.5rem);
  overflow-y: auto;
  font-size: 16px;
  line-height: 1.63;
}
.infoModal .modalBox .modalContent::-webkit-scrollbar {
  width: 6px;
}
.infoModal .modalBox .modalContent::-webkit-scrollbar-thumb {
  background: #b2853d;
  border-radius: 10px;
}
.infoModal .modalBox .modalContent .fr {
  text-align: right;
}
.infoModal .modalBox .modalFot {
  padding: max(10px, 0.2rem) max(15px, 0.5rem);
  height: 108px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #ededed;
}
.infoModal .modalBox .modalFot .btn {
  width: max(80px, 1.4rem);
  height: max(30px, 0.4rem);
  background: -webkit-linear-gradient(275deg, #f5e095 0%, #f0c377 50%, #a46f13 100%), -webkit-linear-gradient(#eacc86, #eacc86);
  background: -moz-linear-gradient(275deg, #f5e095 0%, #f0c377 50%, #a46f13 100%), -moz-linear-gradient(#eacc86, #eacc86);
  background: -o-linear-gradient(275deg, #f5e095 0%, #f0c377 50%, #a46f13 100%), -o-linear-gradient(#eacc86, #eacc86);
  background: linear-gradient(175deg, #f5e095 0%, #f0c377 50%, #a46f13 100%), linear-gradient(#eacc86, #eacc86);
  border-radius: max(15px, 0.2rem);
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
}
@media screen and (max-width: 1499px) {
  .infoModal .modalBox .modalTitle {
    font-size: 22px;
  }
  .infoModal .modalBox .modalFot {
    height: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .infoModal .modalBox .modalTitle {
    font-size: 18px;
  }
  .infoModal .modalBox .modalContent {
    font-size: 14px;
  }
  .infoModal .modalBox .modalFot {
    height: auto;
  }
}
@media screen and (max-width: 959px) {
  .infoModal .modalBox .modalTitle {
    font-size: 16px;
  }
}/*# sourceMappingURL=index.css.map */