.bannerBox {
  width: 100%;
  height: 100vh;
}

.bannerBox .swiper-slide {
  width: 100%;
  height: calc(100vh - 90px);
  margin-top: 90px;
  text-align: center;
  font-size: 18px;
  background: #fff;
  overflow: hidden;
}

.bannerBox .slide-inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.bannerBox .slide-inner i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.bannerBox .slide-inner i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bannerDefault {
  object-fit: fill !important;
}

.bannerBox .slide-inner video {
  width: auto;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  mix-blend-mode: darken;
}

.bannerBox .slide-inner .text {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  font-size: 58px;
  color: #fff;
  font-weight: bold;
}

.bannerBox .slide-inner .text div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bannerBox .slide-inner .text div span {
  visibility: hidden;
  position: relative;
  letter-spacing: 1px;
}

.bannerBox .slide-inner .text div span::after {
  position: absolute;
  left: 0;
  top: 8%;
  width: 100%;
  height: 84%;
  background: #fff;
  opacity: 1;
  content: " ";
}

.bannerBox .swiper-slide-active .slide-inner .text div span {
  visibility: visible;
  -webkit-animation-duration: 0.08s;
  animation-duration: 0.08s;
  animation-delay: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-name: opacity1;
  animation-name: opacity1;
}

.bannerBox .swiper-slide-active .slide-inner .text div span::after {
  -webkit-animation-duration: 0.05s;
  animation-duration: 0.05s;
  animation-delay: 0.25s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-name: opacity0;
  animation-name: opacity0;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(1) {
  animation-delay: 0.5s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(1)::after {
  animation-delay: 0.55s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(3) {
  animation-delay: 0.7s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(3)::after {
  animation-delay: 0.75s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(5) {
  animation-delay: 0.65s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(5)::after {
  animation-delay: 0.7s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(7) {
  animation-delay: 0.4s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(7)::after {
  animation-delay: 0.45s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(8) {
  animation-delay: 0.6s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(8)::after {
  animation-delay: 0.65s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(11) {
  animation-delay: 0.5s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(11)::after {
  animation-delay: 0.55s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(13) {
  animation-delay: 0.6s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(13)::after {
  animation-delay: 0.65s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(15) {
  animation-delay: 0.65s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(15)::after {
  animation-delay: 0.7s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(17) {
  animation-delay: 0.4s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(17)::after {
  animation-delay: 0.45s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(19) {
  animation-delay: 0.55s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(1) span:nth-child(19)::after {
  animation-delay: 0.6s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(2) span:nth-child(1) {
  animation-delay: 0.5s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(2) span:nth-child(1)::after {
  animation-delay: 0.55s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(2) span:nth-child(2) {
  animation-delay: 0.35s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(2) span:nth-child(2)::after {
  animation-delay: 0.4s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(2) span:nth-child(3) {
  animation-delay: 0.4s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(2) span:nth-child(3)::after {
  animation-delay: 0.45s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(2) span:nth-child(4) {
  animation-delay: 0.55s;
}

.bannerBox .swiper-slide-active .slide-inner .text div:nth-child(2) span:nth-child(4)::after {
  animation-delay: 0.6s;
}

.bannerBox .opacity0 {
  -webkit-animation-name: opacity0;
  animation-name: opacity0;
}

@-webkit-keyframes opacity0 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes opacity0 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.bannerBox .opacity1 {
  -webkit-animation-name: opacity1;
  animation-name: opacity1;
}

@-webkit-keyframes opacity1 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes opacity1 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.bannerBox .swiper-button-next,
.bannerBox .swiper-button-prev {
  width: 62px;
  height: 62px;
  border-radius: 100%;
  opacity: 1;
}

.bannerBox .swiper-button-next::after,
.bannerBox .swiper-button-prev::after {
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  content: " ";
}

.bannerBox .swiper-button-next::before,
.bannerBox .swiper-button-prev::before {
  transition: all 0.5s;
  transform: scale(0.5);
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #15499a;
  border-radius: 100%;
  content: " ";
}

.bannerBox .swiper-button-prev {
  left: 5%;
  background: url(/template/1/lighting_your_dreams/assets/images/icon/icon_1.png) center no-repeat;
}

.bannerBox .swiper-button-prev::after {
  left: 72px;
  background: url(/template/1/lighting_your_dreams/assets/images/icon/icon_1s.png) center no-repeat;
}

.bannerBox .swiper-button-prev:hover::after {
  transition: all 0.5s;
  left: 0px;
  opacity: 1;
}

.bannerBox .swiper-button-prev:hover::before {
  transform: scale(1);
  opacity: 1;
}

.bannerBox .swiper-button-next {
  right: 5%;
  background: url(/template/1/lighting_your_dreams/assets/images/icon/icon_2.png) center no-repeat;
}

.bannerBox .swiper-button-next::after {
  right: 72px;
  background: url(/template/1/lighting_your_dreams/assets/images/icon/icon_2s.png) center no-repeat;
}

.bannerBox .swiper-button-next:hover::after {
  transition: all 0.5s;
  right: 0px;
  opacity: 1;
}

.bannerBox .swiper-button-next:hover::before {
  transform: scale(1);
  opacity: 1;
}

.bannerBox .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 5%;
  pointer-events: none;
}

.bannerBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  position: relative;
  opacity: 1;
  width: 37px;
  height: 37px;
  background: url(/template/1/lighting_your_dreams/assets/images/icon/icon_3.png) center no-repeat;
  pointer-events: auto;
}

.bannerBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet::after {
  transition: all 0.5s;
  opacity: 0;
  transform: scale(0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/template/1/lighting_your_dreams/assets/images/icon/icon_3s.png) center;
  background-size: 100% 100%;
  content: " ";
}

.bannerBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: none;
}

.bannerBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active::after {
  transition: all 0.5s;
  opacity: 1;
  transform: scale(1);
}

.bannerBox .swiper-num {
  position: absolute;
  z-index: 2;
  right: 5%;
  bottom: 5%;
  color: #b8b8b8;
  font-size: 26px;
  padding-bottom: 5px;
  border-bottom: 2px solid #b8b8b8;
  pointer-events: none;
}

.bannerBox .s1 .exhibition {
  margin-top: -8%;
  margin-left: 38%;
  width: 62%;
}

.bannerBox .s1 .bannerText {
  font-size: 23px;
  line-height: 37px;
}

.bannerBox .s1 .bannerText p {
  padding-left: 38px;
}

.bannerBox .s1 .bannerText .p1 {
  background: url(/template/1/lighting_your_dreams/assets/images/icon/b1.png) left center no-repeat;
}

.bannerBox .s1 .bannerText .p2 {
  background: url(/template/1/lighting_your_dreams/assets/images/icon/b2.png) left center no-repeat;
}

.bannerBox .s1 .bannerText .p3 {
  background: url(/template/1/lighting_your_dreams/assets/images/icon/b3.png) left center no-repeat;
}

.bannerBox .s1 .readMore {
  margin-left: calc(100% - 190px);
}

.bannerBox .s3 .bannerTitle {
  /*font-size: 65px;*/
  color: #17138f;
}

.bannerBox .s3 .bannerText {
  /*font-size: 30px;*/
  /*line-height: 70px;*/
  line-height: 65px;
  color: #17138f;
}

.bannerBox .s3 .readMore {
  background: none;
}

.bannerBox .s3 .bannerRightImg {
  width: 50%;
}








@media (max-width: 1200px) {
  .bannerBox .s1 .bannerSlideleft {
    width: 78%;
  }

  .bannerBox .s1 .exhibition {
    margin-left: 0;
    width: 100%;
  }

  .bannerBox .s1 .bannerTitle {
    margin: 0.4rem auto 0.2rem;
    width: 100%;
  }

  .bannerBox .s1 .bannerText {
    width: 100%;
    font-size: 0.24rem;
    line-height: 0.4rem;
    text-align: left;
  }

  .bannerBox .s1 .bannerText p {
    padding-left: 0.4rem;
  }

  .bannerBox .s1 .bannerText .p1 {

    background-size: 0.24rem auto;
  }

  .bannerBox .s1 .bannerText .p2 {
    background-size: 0.24rem auto;
  }

  .bannerBox .s1 .bannerText .p3 {
    background-size: 0.18rem auto;
  }

  .bannerBox .s1 .mobileMore {
    margin-left: calc(100% - 2.12rem - 2px - 0.47rem);
  }

  .bannerBox .s1 .mobileMore {
    margin-left: calc(100% - 1.7rem - 2px - 0.47rem);
  }

  .bannerBox .s3 .bannerSlideleft {
    margin-top: 1.3rem;
  }

  .bannerBox .s3 .bannerTitle {
    /*font-size: 0.45rem;
    margin-left: 0.95rem;*/
    font-size: 0.36rem;
    line-height: 0.59rem;
  }

  .bannerBox .s3 .bannerText {
    /*font-size: 0.25rem;
    line-height: 0.46rem;*/
    font-size: 0.3rem;
    margin-top: 0.42rem;
    line-height: 0.48rem;
  }

  .bannerBox .s3 .mobileMore {
    color: #17138f;
    border: 1px solid #17138f;
  }

  .bannerBox .s3 .bannerRightImg {
    width: 4.54rem;
  }
}

.bannerBox .MoreImg .pos {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

}

.bannerBox .MoreImg .pos.img1 {
  opacity: 1;
}

.bannerBox .MoreImg .pos em {
  width: 100%;
  height: 100%;
}

.bannerBox .MoreImg .pos img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.bannerBox .MoreImg.swiper-slide-active .pos.img3 {
  animation-delay: 1s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

@media (max-width: 1200px) {
  .bannerBox .MoreImg .pos {
    top: 0;
    height: 100%;
  }
}


.productBox {
  margin-top: 70px;
}

.productTitle {
  display: flex;
  align-items: center;
  font-size: 26px;
  font-weight: bold;
  justify-content: space-between;
}

.title {
  position: relative;
}

.title:after {
  content: '';
  position: absolute;
  width: 60px;
  height: 1px;
  background: #ccc;
  left: calc(100% + 20px);
  top: 50%;
  transform: translateY(-50%);
}

.more {
  transition: all 0.5s;
  font-size: 14px;
  font-weight: bold;
  width: 190px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.more::after {
  transition: all 0.5s;
  position: absolute;
  right: 100%;
  top: -140%;
  width: 150%;
  height: 260%;
  transform: rotate(15deg);
  background: #164a9a;
  content: " ";
}

.more:hover::after {
  right: -6px;
}

.more p {
  color: #164a9a;
  position: relative;
  z-index: 1;
  border: 1px solid #164a9a;
  box-sizing: border-box;
  border-radius: 50px;
  height: 100%;
}

.more:hover p {
  color: #fff;
}

.productBtn {
  margin-top: 70px;
}

.productBoxImg {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.productList {
  position: relative;
  width: 48.8%;
  cursor: pointer;
  overflow: hidden;
}

.productImg {
  height: 298px;
  background-size: cover !important;
  transform: scale(1);
  transition: all 0.5s;
}

.productDevImg {
  height: 295px;
  background-size: cover !important;
  transform: scale(1);
  transition: all 0.5s;
}

.productDevice {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-left: 40px;
  box-sizing: border-box;
  padding-top: 50px;
  padding-right: 40px;
}

.listTitleEn {
  font-size: 24px;
  font-weight: bold;
  color: #15499a;
}

.listTitleCn {
  font-size: 28px;
  font-weight: bold;
  margin-top: 10px;
  color: #333;
}

.productDevice {
  color: #fff;
}

.rightBlack {
  color: #333;
}

.right {
  background: url("/template/1/lighting_your_dreams/assets/images/index/right.png") no-repeat;
  background-size: 100% 100%;
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: 40px;
}

.productList:hover .right {
  background: url("/template/1/lighting_your_dreams/assets/images/index/rights.png") no-repeat;
  background-size: cover;
}

.productList:hover .productImg,
.productList:hover .productDevImg {
  transform: scale(1.1);
  transition: all 0.5s;
}

.rightBlack .right {
  background: url("/template/1/lighting_your_dreams/assets/images/index/rightBlack.png") no-repeat;
}

.listOther {
  width: 31.5%;
}

.boxImg {
  margin-top: 30px;
}

.boxImg .listTitleCn {
  font-size: 24px;
}

.boxImg .right {
  width: 50px;
  height: 50px;
  background-size: 100% 100%;
}

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

.programmeList {
  font-size: 20px;
  margin-left: 25px;
  cursor: pointer;
}

.programmeList.curr {
  color: #15499a;
}

.programmeList:hover {
  color: #15499a;
}

.newsBox {
  padding-bottom: 70px;
}

.newsBox img {
  width: 100%;
}

.newsBox .title {
  color: #000033;
}

.newsSwiper {
  position: relative;
  overflow: hidden;
  padding-bottom: 45px;
}

.newsSwiper .swiper-container {
  padding-bottom: 45px;
}

.newsSwiper .swiper-pagination {
  bottom: 0 !important;
}

.newsSwiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 8px !important;
  background: #f1f1f1;
  opacity: 1;
}

.newsSwiper .swiper-pagination-bullet-active {
  background: #1254a5;
}

.listInfo {
  display: flex;
  margin-top: 10px;
  overflow: hidden;
}

.newsList {
  margin-left: 25px;
  background: #f9f9f9;
  width: 100%;
  margin-top: 60px;
}

.newsList:first-child,
.newsList:nth-child(3n+1) {
  margin-left: 0;
}

.newsListInfo {
  overflow: hidden;
  height: 280px;
  position: relative;
}

.newsListImg {
  height: 100%;
  transform: scale(1);
  transition: all 0.5s;
}

.newsStatus {
  background: #737e84;
  color: #fff;
  padding: 0 15px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}

.newsStatus.curr {
  background: #de202a;
}

.newsBtn {
  padding: 30px 25px;
  overflow: hidden;
  height: 208px;
  box-sizing: border-box;
}

.newsBtnTitle {
  font-size: 18px;
  color: #333;
  height: 60px;
  line-height: 30px;
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -ms-box;
  -ms-line-clamp: 2;
  -ms-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -o-box;
  -o-line-clamp: 2;
  -o-box-orient: vertical;
}

.serverTitle {
  height: 56px;
  line-height: 27;
  margin-bottom: 20px;
}

.serverText {
  font-size: 18px;
  color: #333;
  height: 280px;
  line-height: 30px;
}

.newsInfoPub {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.newsPub {
  display: flex;
  align-items: center;
  margin-top: 20px;
  width: 100%;
}

.newsPub:first-child {
  margin-left: 0;
  margin-top: 0;
}

.serverPub {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.newsPubText {
  margin-left: 10px;
  color: #666666;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.newsZpText {
  max-width: calc(100% - 34px);
}

.newsRight {
  width: 50px;
  height: 50px;
  float: right;
  margin-top: 10px;
  display: none;
}

.newsList:hover .newsListImg {
  transform: scale(1.1);
  transition: all 0.5s;
}

.newsList:hover .newsBtnTitle {
  color: #15499a;
}

.newsList:hover .newsRight {
  background: url('/template/1/lighting_your_dreams/assets/images/news/rights.png') center no-repeat !important;
  background-size: 100% 100% !important;
}

.footerBox {
  padding-top: 70px;
  background: #f1f1f1;
  margin-top: 80px;
}

.recordBox {
  border-top: 1px solid #ccc;
  padding: 20px 0;
}

.footerImg {
  padding-bottom: 60px;
}

.footerImg img {
  width: 100%;
}

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

.mapImg {
  width: calc(100% - 311px);
}

.mapImgList {
  display: none;
}

.mapImgList.curr {
  display: block;
}

.mapImgList img {
  width: 100%;
}

.mapNav {
  width: 281px;
  height: 387px;
  background: url("/template/1/lighting_your_dreams/assets/images/index/mapNav.png") no-repeat;
  background-size: cover;
  padding-top: 30px;
  box-sizing: border-box;
}

.mapNavList {
  padding-left: 40px;
  font-size: 20px;
  color: #fff;
  line-height: 50px;
  position: relative;
  cursor: pointer;
  margin-top: 20px;
}

.mapNavList.curr:before {
  content: '';
  position: absolute;
  left: 0;
  width: 8px;
  height: 100%;
  background: #e62129;
  box-sizing: border-box;
}

.accessList {
  width: 72.91% !important;
  min-width: 1200px !important;
  height: 500px !important;
  background-size: cover;
  display: flex;
  justify-content: space-between;
}

.accessListSer {}

.accessListTree {}

.wirelessBox {
  margin-top: 20px;
}

.wirelessBox .swiper-container {
  padding-bottom: 34px;
}

.wireless {
  display: flex;
  justify-content: space-between;
  height: 110px !important;
  flex-direction: inherit !important;
  border-bottom: 1px solid #ccc;
}

.wirelessList {
  width: auto !important;
  flex: 1;
  flex-shrink: inherit !important;
  height: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}

.wireCriBg {
  width: 10px;
  height: 11px;
  background: url("/template/1/lighting_your_dreams/assets/images/index/cri.png") center no-repeat;
  background-size: cover !important;
  position: relative;
}

.wirelessList.swiper-slide-thumb-active .wireCriBg {
  width: 11px;
  height: 11px;
  background: url("/template/1/lighting_your_dreams/assets/images/index/cris.png") center no-repeat;
  background-size: cover !important;
}

.wirelessList.swiper-slide-thumb-active .wireCriBg:before {
  content: '';
  background: url(/template/1/lighting_your_dreams/assets/images/index/indexCriBgs.png) center no-repeat;
  background-size: cover;
  position: absolute;
  width: 25px;
  height: 25px;
  left: -7px;
  top: -6px;
  animation-duration: 1.6s;
  opacity: 1;
  -webkit-animation-name: hvr-ripple-out-j;
  animation-name: hvr-ripple-out-j;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

.wirelessList.swiper-slide-thumb-active .wireCriBg:after {
  content: '';
  width: 39px;
  height: 39px;
  background: url(/template/1/lighting_your_dreams/assets/images/index/indexCriBg.png) center no-repeat;
  background-size: cover;
  position: absolute;
  left: -14px;
  top: -13px;
  animation-duration: 1.6s;
  opacity: 1;
  -webkit-animation-name: hvr-ripple-out-s;
  animation-name: hvr-ripple-out-s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes hvr-ripple-out-j {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes hvr-ripple-out-s {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

.wirelessList:first-child:after {
  content: '';
  position: absolute;
  left: 0;
  width: calc(50% - 28px);
  height: 28px;
  bottom: -14px;
  background: #fff;
}

.wirelessList:last-child:after {
  content: '';
  position: absolute;
  right: 0;
  width: calc(50% - 28px);
  height: 28px;
  bottom: -14px;
  background: #fff;
}

.wirelessCri {
  width: 64px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
}

.accessInfo {
  width: 50%;
  height: 100%;
  padding: 0 115px;
  box-sizing: border-box;
  background: #225aab;
  display: flex;
  align-items: center;
  transition: all 0.5s;
}

.sceneBanner {
  width: 50%;
  height: 100%;
}

.accessTitle {
  font-size: 30px;
  color: #fff;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #cdcdcd;
}

.titleBold {
  position: relative;
  padding-bottom: 10px;
}

.titleBold:after {
  content: '';
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  /*background: #e62129;*/
  position: absolute;
}

.titleCont {
  font-size: 18px;
  margin-left: 20px;
}

.accessContent {
  font-size: 18px;
  color: #fff;
  margin-top: 30px;
  line-height: 30px;
  height: 90px;
}

.sceneInfo {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 60px;
}

.writeRight {
  width: 60px;
  height: 60px;
  background: url("/template/1/lighting_your_dreams/assets/images/index/writeRight.png") center no-repeat;
  background-size: cover;
}

.writeRight:hover {
  background: url("/template/1/lighting_your_dreams/assets/images/index/writeRights.png") center no-repeat;
  background-size: cover;
}

.sceneList {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.sceneList:nth-child(2n) {
  margin-left: 30px;
}

.sceneText {
  font-size: 18px;
  color: #fff;
  margin-left: 20px;
}

.accessBox {
  margin-top: 76px;
  position: relative;
  overflow: hidden;
}

.he_syp1quk {
  width: 72.91%;
  min-width: 1200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.he_syp1qud {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  box-shadow: 0px 0 10px rgb(0, 0, 0, 0.2);
  background: #fff;
  position: relative;
  transition: all 0.36s;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.bannerBox .he_syp1qudle {
  margin-left: 0;
}

.bannerBox .he_syp1qudri {
  margin-right: 0;
}

.he_syp1qudle {
  margin-left: -32px;
}

.he_syp1qudri {
  margin-right: -32px;
}

.he_syp1qud:hover {
  background: #15499a;
}

.he_syp1qudle:hover .leftInfo {
  display: none;
}

.he_syp1qudle:hover .leftInfo_1 {
  display: block;
}

.he_syp1qudri:hover .rightInfo {
  display: none;
}

.he_syp1qudri:hover .rightInfo_1 {
  display: block;
}

.mySwiper .swiper-button-next {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  box-shadow: 0px 4px 15px #000000;
  background: #fff;
  position: relative;
  transition: all 0.36s;
}

.rightInfo_1 {
  display: none;
}

.leftInfo_1 {
  display: none;
}

.syInfo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.accessList::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}

.swiper-slide-active.accessList::after {
  display: none;
}

.swiper-slide-active.accessList .accessInfo {
  opacity: 1;
  transition: all 0.5s;
}

.productInfoImg img {
  width: 100%;
}

.aboutGx {
  margin-top: 70px;
  position: relative;
}

.aboutCont {
  display: flex;
  margin-top: 70px;
}

.aboutLightList {
  width: 25%;
  position: relative;
}

.aboutLightList:hover .aboutPos {
  background: url("/template/1/lighting_your_dreams/assets/images/index/aboutBgHover.png") center no-repeat;
  background-size: cover;
  transition: all 0.5s;
}

.aboutLightImg {
  height: 337px;
}

.aboutLightImg span {
  width: 100%;
  height: 100%;
  background-size: cover !important;
}

.aboutPos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.aboutPosBox {
  padding: 0 40px;
  /*margin-top: 125px;*/
}

.aboutLightIcon {
  width: 95px;
  margin: 0 auto;
}

.aboutLightIcon img {
  width: 100%;
}

.aboutLightText {
  text-align: center;
  color: #fff;
  font-size: 22px;
  line-height: 35px;
  /*margin-top: 85px;*/
}

.aboutContInfo {
  width: 50%;
  position: relative;
}

.aboutLeft {
  width: calc(100% - 55px);
  position: relative;
  overflow: hidden;
  padding-bottom: 120px;
}

.aboutContInfo .swiper-button-next {
  width: 80px;
  height: 80px;
  background: url(/template/1/lighting_your_dreams/assets/images/index/rights.png) center no-repeat;
  background-size: cover;
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 42%;
  transform: translateY(-50%);
}

.aboutContInfo .swiper-button-next:after {
  display: none;
}

.aboutBox {
  position: relative;
}

.aboutImgInfo {
  width: calc(100% - 55px);
  height: 100%;
  overflow: hidden;
  margin-left: 55px;
}

.aboutBox.curr {
  display: block;
}

.aboutBox:hover .aboutImg {
  transition: all 0.5s;
  transform: scale(1.1);
}

.aboutImg {
  width: 100%;
  height: 460px !important;
  background-size: cover !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transition: all 0.5s;
  transform: scale(1);
}

.aboutRightImg {
  width: 80px;
  height: 80px;
  background: url("/template/1/lighting_your_dreams/assets/images/index/rights.png") center no-repeat;
  background-size: cover;
  cursor: pointer;
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
}

.aboutRight {
  width: 48%;
}

.companyCont {
  height: 340px;
}

.aboutList {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  cursor: pointer;
  padding: 10px 0;
}

.aboutList:first-child {
  margin-top: 0;
}

.aboutLine {
  width: 80px;
  height: 1px;
  background: #ccc;
  margin-left: 10px;
}

.aboutListText {
  width: calc(100% - 110px);
  font-size: 18px;
  align-items: center;
}

.aboutList.active .aboutListText {
  font-size: 22px;
  font-weight: bold;
}

.aboutList.active .aboutListText span {}

.aboutList.active .aboutLine {
  background: #000;
}

.aboutTextEn {
  width: 530px;
  font-size: 48px;
  color: #fff;
  height: 240px;
  font-weight: bold;
  position: absolute;
  left: 0;
  bottom: -120px;
  align-items: center;
  display: flex;
}

.aboutShopText {
  display: none;
}

.aboutShopText.curr {
  display: block;
}

.aboutBtn {
  background: url("/template/1/lighting_your_dreams/assets/images/index/aboutBg.png") center no-repeat;
  height: 240px;
  background-size: cover;
  margin-top: -240px;
  display: flex;
  align-items: center;
}

.aboutBtn .w1400 {
  display: flex;
  justify-content: flex-end;
}

.aboutLogo {
  position: absolute;
  right: 0;
  bottom: 225px;
  width: 40%;
  z-index: -1;
}

.aboutLogo img {
  width: 100%;
}

.aboutTextEnInfo {
  color: #fff;
  font-size: 20px;
  display: none;
  width: 48%;
}

.aboutTextEnInfo.curr {
  display: block;
}

.bannerTitle {
  font-size: 50px;
  color: #fff;
  text-align: left;
  font-weight: bold;
}

.upAndDown .bannerTitle {
  text-align: center;
}

.bannerTitle img {}

.swiper-slide-active .bannerTitle {
  animation-delay: 0.5s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.bannerText {
  margin-top: 40px;
  font-size: 30px;
  color: #fff;
  text-align: left;
}

.upAndDown .bannerText {
  text-align: center;
}

.bannerText img {}

.swiper-slide-active .bannerText {
  animation-delay: 0.8s;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.readMore {
  margin-top: 70px;
  font-size: 16px;
  overflow: hidden;
  background: #fff;
}

.upAndDown .bannerText {
  margin-top: 20px;
}

.upAndDown .readMore {
  margin: 0 auto;
  margin-top: 30px;
  background: url("/template/1/lighting_your_dreams/assets/images/index/border.png") no-repeat;
  background-size: cover;
}

.upAndDown .readMore p,
.futureMore p {
  border: 1px solid #fff;
}

.upAndDown .more::after,
.futureMore:after {
  background: #fff;
}

.upAndDown .more:hover p,
.futureMore:hover p {
  color: #164a9a;
}

.upAndDown .more p,
.futureMore p {
  color: #fff;
}

.readWrite {
  border: none;
}

.swiper-slide-active .readMore {
  animation-delay: 1s;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.bannerSlide {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bannerSlide.ofc {
  justify-content: center !important;
  align-items: flex-start;
  margin-top: -10%;
}

.bannerSlide.ofc .ofcLeft {
  width: 45%;
}

.bannerSlide.ofc .bannerTitle img {
  width: 100%;
}

.bannerSlide.ofc .bannerText {
  width: 36%;
  margin-top: 0 !important;
  margin-left: 5%;
}

.bannerSlide.ofc .bannerText img {
  width: 100%;
}

.bannerSlide.ofc .more p {
  color: #15499a;
  border: 1px solid #15499a;
}

.bannerSlide.ofc .more::after {
  background: #15499a;
}

.bannerSlide.ofc .more:hover p {
  color: #fff;
}

.bannerFixedBox {
  position: absolute;
  height: 100%;
  width: 100%;
}

.bannerFixedBox .w1400 {
  display: flex;
  justify-content: flex-end;
}

.bannerFixed {
  width: 19%;
  margin-top: 5%;
}

.bannerFixed img {
  width: 100%;
}

.banner_box {
  height: 100%;
  justify-content: center;
  align-items: flex-start;
}

.banner_box .bannerTextLeft {
  width: 100%;
}

.banner_box .bannerRightImg {
  width: 100%;
  margin: 0 auto;
  margin-top: 50px;
  animation-delay: 0.5s !important;
}

.banner_box .bannerRightImg img {
  width: auto;
  margin: 0 auto;
}

.banner_box .bannerText {
  text-align: center;
  letter-spacing: 20px;
  margin-top: 16px;
  color: #9d0606;
  font-size: 45px;
  animation-delay: 0.8s !important;
}

.banner_box .bannerText p:last-child {
  display: none;
}

.banner_box .readMore {
  margin: 0 auto;
  margin-top: 50px;
}

.upAndDown .bannerSlide {
  display: block;
}

.bannerRightImg {
  width: 45%;
  overflow: hidden;
}

.fullProduct {
  position: absolute;
  width: 100%;
  height: calc(100vh - 90px);
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-slide-active .bannerRightImg {
  animation-delay: 1s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.bannerRightImg img {
  width: 100%;
  display: block;
}

.upAndDown .bannerRightImg {
  width: 100%;
}

.upAndDown .bannerRightImg img {
  width: auto;
  margin: 0 auto;
  margin-top: 10px;
}

.bannerTextLeft {
  width: 55%;
}

.exhibition {
  width: 68%;
}

.exhibition img {
  width: 100%;
}

.upAndDown .bannerTextLeft {
  width: 100%;
}

.upAndDown .bannerTitle img,
.upAndDown .bannerText img {
  margin: 0 auto;
}

.mobileMore,
.productImgMobile,
.accessInfoMobile,
.mobileArrow {
  display: none;
}

.productBoxImg .listOther:first-child {
  display: none;
}

.productImgInfo {
  width: 100%;
  height: 100%;
  background-size: cover !important;
}

.accessInfoPc {
  display: flex;
}

.mobileImg {
  display: none !important;
}

.mobileAboutImg {
  display: none !important;
}

/*BannerThree*/
.readThree {
  background: transparent;
}

.readThree p {
  color: #fff;
  border: 1px solid #fff;
}

.readThree:hover p {
  color: #164a9a;
}

.readThree::after {
  background: #fff;
}

/*.swiperText .bannerTitle, .swiperText .bannerText{*/
/*  color: #2267d3;*/
/*}*/

.tradeLeft {
  width: 59.5%;
}

.swiper-slide-active .tradeLeft {
  animation-delay: 0.3s;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
}

.tradeLeft img {
  width: 100%;
}

.bannerFlexEnd {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.tradeRight {
  width: 30.1%;
  display: flex;
  flex-direction: column;
}

.swiper-slide-active .tradeRight {
  animation-delay: 0.6s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInRight;
}

.tradeRight img {
  width: 100%;
}

.tradeMore {
  margin-top: 90px;
}

.tradeMore p {
  color: #15499a;
  border: 1px solid #15499a;
}

.tradeMore,
.tradeMore p {
  border-radius: 13px;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@media (max-width: 1450px) {
  .bannerTitle {
    font-size: 40px;
  }

  .bannerSlide.ofc .ofcLeft {
    width: 40%;
  }

  .bannerSlide.ofc .bannerText {
    width: 35%;
  }

  .bannerSlide.ofc {
    margin-top: -12%;
  }

  .bannerFixed {
    margin-top: 3%;
  }

  .bannerText {
    font-size: 26px;
  }

  .upAndDown .bannerRightImg img {
    max-width: 40%;
  }

  .upAndDown .bannerTitle img,
  .upAndDown .bannerText img {
    max-width: 50%;
  }

  .upAndDown .bannerTitle {
    font-size: 36px;
  }

  .upAndDown .bannerText {
    font-size: 24px;
  }

  .bannerRightImg {
    width: 40%;
  }

  .fullProduct {
    width: 100% !important;
    height: 100%;
    margin-top: 0 !important;
  }

  .bannerSlide {
    justify-content: center;
  }

  .bannerTextLeft {
    width: 48%;
  }
}

.swiperSlideInfo {
  display: flex !important;
  justify-content: flex-end;
}

.bannerSlideInfo {
  width: 64%;
  margin-right: 70px;
}

.bannerSlideInfo .readMore {
  margin-left: 108px;
  margin-top: 70px;
}

.bannerAddTitle {
  display: flex;
  justify-content: flex-end;
}

.swiper-slide-active .bannerAddTitle {
  animation-delay: 0.8s;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.bannerAddTitle img {
  width: 100%;

}

.bannerSlideInfoTow {
  width: 89.3%;
  margin: 0 auto;
}

.bannerSlideInfoTow .readMore {
  margin: 0 auto;
  margin-top: 70px;
}

.bannerAddTitleTow img {
  width: 100%;
}

@media (max-width: 1400px) {
  .upAndDown .bannerRightImg img {
    max-width: 25%;
  }

  .upAndDown .bannerTitle {
    font-size: 34px;
  }
}

@media (max-width: 1200px) {
  .bannerBox {
    height: 9rem;
    padding-top: 0.9rem;
  }

  .bannerBox .swiper-slide {
    height: 9rem;
    margin-top: 0;
  }

  .bannerSlide {
    min-width: auto;
    flex-wrap: wrap;
    display: initial;
  }

  .bannerText img {
    width: 100%;
  }

  .bannerText {
    margin-top: 0.35rem;
  }

  .bannerRightImg img {
    width: 100% !important;
  }

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

  .bannerTextLeft {
    width: 100%;
  }

  .bannerTitle img {
    width: 100%;
  }

  .exhibition .bannerTitle {
    width: 53%;
  }

  .bannerRightImg {
    width: 4.54rem;
    margin: 0 auto;
    margin-top: 0.4rem;
  }

  .upAndDown .bannerRightImg {
    width: 4.54rem;
  }

  .pcMore {
    display: none;
  }

  .more {
    width: 2.12rem;
    height: 0.55rem;
    line-height: 0.55rem;
    font-size: 0.26rem;
  }

  .mobileMore {
    display: block;
    width: 2.12rem;
    height: 0.55rem;
    line-height: 0.55rem;
    font-size: 0.26rem;
    position: relative;
    color: #fff;
    border: 1px solid #fff;
    font-weight: bold;
    border-radius: 50px;
    margin: 0 auto;
    margin-top: 0.45rem;
  }

  .mobileBlue {
    border: 1px solid #2267d3;
    color: #2267d3;
  }

  .swiper-slide-active .mobileMore {
    animation-delay: 1s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
  }

  .bannerBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 0.3rem;
    height: 0.3rem;
    background: url("/template/1/lighting_your_dreams/assets/images/m/index/icon_3.png") no-repeat;
    background-size: 100% 100%;
  }

  .bannerBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: url(/template/1/lighting_your_dreams/assets/images/m/index/icon_3s.png) center no-repeat;
    background-size: 100% 100%;
  }

  .bannerBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active::after {
    display: none;
  }

  .w1400 {
    width: 90%;
    min-width: auto;
  }

  .productTitle {
    font-size: 0.44rem;
  }

  .title:after {
    width: 0.6rem;
    left: calc(100% + 0.2rem);
  }

  .productBox {
    margin-top: 0.7rem;
  }

  .productBtn {
    margin-top: 0.7rem;
  }

  .productBoxImgPc .productList {
    width: 100%;
  }

  .productBoxImgPc .productList:last-child {
    display: none;
  }

  .boxImg {
    flex-wrap: wrap;
    margin-top: 0;
  }

  .listOther {
    width: 48%;
    margin-top: 0.3rem;
  }

  .productList .right {
    display: none;
  }

  .productDevice {
    padding: 0.4rem 0.3rem 0 0.3rem;
  }

  .listTitleEn {
    font-size: 0.3rem;
  }

  .listTitleCn {
    display: none;
  }

  .productBoxImg .listOther:first-child {
    display: block;
  }

  .productImg {
    height: 3.5rem;
  }

  .productImgPc {
    display: none;
  }

  .productImgMobile {
    display: block;
  }

  .boxImg .productImg {
    height: 2.58rem;
  }

  .productBoxImg:hover .productImg {
    transform: scale(1);
  }

  .wirelessBox {
    display: none;
  }

  .accessList {
    width: 100% !important;
    min-width: auto !important;
    height: auto !important;
    display: inherit;
  }

  .accessInfo {
    width: 100%;
    height: auto;
    padding: 0.4rem 0.3rem;
  }

  .accessBox {
    padding: 0 5%;
    margin-top: 0.7rem;
  }

  .sceneInfo {
    display: none;
  }

  .sceneBanner {
    height: 4.4rem;
    width: 100%;
  }

  .he_syp1quk {
    width: 100%;
    min-width: auto;
  }

  .accessInfoPc {
    display: none;
  }

  .accessInfoMobile {
    display: block;
  }

  .accessTitle {
    font-size: 0.44rem;
  }

  .titleBold {
    padding-bottom: 0.2rem;
  }

  .accessContent {
    font-size: 0.28rem;
    margin-top: 0.3rem;
    line-height: 0.4rem;
    height: auto;
    -webkit-line-clamp: 4;
  }

  .he_syp1qud {
    width: 0.9rem;
    height: 0.9rem;
  }

  .he_syp1qudri {
    margin-right: 0;
  }

  .he_syp1qudle {
    margin-left: 0;
  }

  .pcArrow {
    display: none;
  }

  .mobileArrow {
    display: block;
    width: 0.12rem;
  }

  .he_syp1qud:hover {
    background: #fff;
  }

  .he_syp1qudle:hover .leftInfo_1,
  .he_syp1qud:hover .rightInfo_1 {
    display: none;
  }

  .listInfo {
    margin-top: 0.7rem;
    flex-wrap: wrap;
  }

  .newsList {
    margin-left: 0;
    margin-top: 0;
    width: 100%;
  }

  .newsSwiper .swiper-pagination {
    z-index: 1;
  }

  .newsPubText {
    font-size: 0.28rem;
    margin-left: 0.2rem;
  }

  .newsBtnTitle {
    font-size: 0.32rem;
    height: 0.84rem;
    line-height: 0.42rem;
    margin-top: 0.25rem;
  }

  .newsRight {
    display: none;
  }

  .newsPubImg {
    width: 0.35rem;
  }

  .newsBtn {
    padding: 0.35rem;
    height: 3.2rem;
  }

  .newsPubImg img {
    width: 100%;
  }

  .newsSwiper {
    padding-bottom: 0.5rem;
  }

  .newsSwiper .swiper-pagination-bullet {
    width: 0.2rem;
    height: 0.2rem;
    margin: 0 0.08rem !important;
  }

  .newsListInfo {
    height: 4.35rem;
  }

  .productBox {
    font-size: 0.24rem;
  }

  .newsStatus {
    height: 0.55rem;
    line-height: 0.55rem;
    padding: 0 0.35rem;
    font-size: 0.28rem;
  }

  .newsPub {
    margin-top: 0.3rem;
  }

  .pcImg {
    display: none !important;
  }

  .mobileBanner {
    width: 100%;
    height: 100%;
  }

  .mobileImg {
    display: block !important;
  }

  .pcAboutImg {
    display: none;
  }

  .mobileAboutImg {
    display: block !important;
  }

  .aboutCont {
    flex-wrap: wrap;
    margin-top: 0.4rem;
    justify-content: space-between;
  }

  .aboutLightList {
    width: 48%;
    margin-top: 0.3rem;
  }

  .aboutLightImg {
    height: 3.7rem;
  }

  .aboutLightIcon {
    width: 1.15rem;
  }

  .aboutPosBox {
    /*margin-top: 0.7rem;*/
    padding: 0 0.2rem;
  }

  .aboutLightText {
    /*margin-top: 0.5rem;*/
    font-size: 0.26rem;
    line-height: 0.35rem;
  }

  .aboutGx {
    margin-top: 0.6rem;
  }

  .aboutLightList:hover .aboutPos {
    background: rgba(0, 0, 0, 0.5);
  }

  .newsBox {
    padding-bottom: 0.7rem;
  }

  .more:hover p {
    color: #164a9a;
  }

  .more::after {
    display: none;
  }

  .upAndDown .bannerRightImg img {
    margin-top: 0;
    max-width: 100%;
  }

  .newsZpText {
    max-width: calc(100% - 0.55rem);
  }

  .bannerTitle {
    font-size: 0.36rem;
    line-height: 0.59rem;
    text-align: center;
    width: 4.54rem;
    margin: 0 auto;
  }

  .upAndDown .bannerTitle {
    font-size: 0.36rem;
  }

  .bannerText {
    font-size: 0.24rem;
    line-height: 0.44rem;
    text-align: center;
  }

  .upAndDown .bannerText {
    font-size: 0.24rem;
    margin-top: 0.35rem;
  }

  .bannerBox .slide-inner .text {
    font-size: 0.46rem;
  }

  .swiper-slide-active .bannerAddTitle {
    animation-delay: 0.5s;
  }

  .bannerSlideInfo {
    margin-right: 5%;
  }

  .bannerSlideInfoTow {
    margin: 0 auto;
  }

  .bannerAddTitleTow img {
    width: 4.64rem;
    margin: 0 auto;
  }

  .banner_box .bannerText {
    font-size: 0.31rem;
    letter-spacing: 0.05rem;
  }

  .banner_box .bannerText p:last-child {
    display: block;
  }

  .banner_box .bannerText p:first-child {
    display: none;
  }

  .banner_box .bannerRightImg {
    width: 70%;
  }



  .bannerFlexEnd {
    width: 80%;
    flex-wrap: wrap;
    margin-top: 1rem;
  }

  .tradeRight {
    width: 70%;
    margin-top: 1.4rem;
  }

  .tradeMore,
  .tradeMore p {
    border-radius: 0.15rem;
  }

  .tradeLeft {
    width: 100%;
  }

  .swiper-slide-active .tradeLeft {
    animation-delay: 0.3s;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInLeftMobile;
  }

  @keyframes fadeInLeftMobile {
    0% {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }

    100% {
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }

  .tradeMore {
    margin-top: 0.65rem !important;
  }

  .bannerFixed {
    width: 30%;
    top: 3%;
    right: 5%;
  }

  .bannerSlide.ofc {
    margin-top: 0;
  }

  .bannerBoxOfc {
    margin-top: 1.4rem;
  }

  .bannerSlide.ofc .ofcLeft {
    width: 100%;
  }

  .bannerSlide.ofc .ofcLeft .bannerTitle {
    width: 5.2rem;
    margin-left: 0.8rem;
  }

  .bannerSlide.ofc .bannerText {
    margin-left: 0.8rem !important;
    width: 4.5rem;
    margin-top: 0.5rem !important;
  }
}

/*盲驴庐忙鈥澛姑 路氓录聫*/

.bannerSlideleft {
  justify-content: space-between;
}

/*.bannerSlideleft .bannerRightImg{*/
/*        width: 26%;*/
/*}*/
.bannerTit {
  line-height: 65px;
}

/*.slide-flex .exhibition {*/
/*    margin-left: 80px;*/
/*}*/
.bannerTxt .bannerTitle {
  /*font-size: 64px;*/
  font-size: 50px;
}


@media (max-width:1200px) {
  .bannerTit {
    width: 5.9rem;
    margin: 0 auto;
    font-size: 0.3rem;
    margin-top: 0.42rem;
    line-height: 0.48rem;
  }

  .bannerBox .slide-flex {
    align-items: flex-start;
  }

  .bannerSlideleft {
    margin-top: 1.1rem;
  }

  .bannerTxt {
    display: flex;
    justify-content: center;
  }

  .bannerTxt .bannerTitle {
    width: auto;
    margin: 0;
    /*font-size: 0.5rem;*/
    font-size: 0.36rem;
  }

  .slide-flex .exhibition {
    margin-left: 0;
  }

  /*.bannerSlideleft .bannerRightImg{*/
  /*         width: 48%;*/
  /* }*/
}

/*忙鈥撀懊ヂ⑴綾ss忙 路氓录聫*/
.bannerTxt {
  width: 98.2%;
}

.mctext {
  display: none;
}

.slide-flexs .readThree {
  margin-left: 3.4%;
}

.pslogan {
  position: absolute;
  bottom: 6.5%;
  right: 13.93%;
  width: 21.3%;
}

.pslogan img {
  width: 100%;
}

.mslogan {
  display: none;
}

.bannerSlideRight {
  justify-content: flex-end;
}

.bannerSlideRight .pcMore {
  float: right;
  margin-top: 50px;
}

.bannerRightText {
  width: 45%;
}

.bannerRightText .bannerTitle img {
  width: 100%;
}

.bannerRightText .bannerText {
  margin-top: 50px;
}

.bannerRightText .bannerText img {
  width: 67.6%;
}

@media (max-width: 1450px) {
  .slide-flexs .bannerTextLeft {
    width: 60%;
  }
}

@media (max-width: 1550px) {
  .pslogan {
    bottom: 8%;
    width: 22.3%;
    right: 12.93%;
  }
}

@media(max-width:1200px) {
  .bannerBox .slide-flexs {
    align-items: flex-start;
  }

  .slide-flexs .bannerSlideleft {
    margin-top: 1.4rem;
  }

  .slide-flexs .bannerTxt {
    width: 100%;
  }

  .slide-flexs .bannerTextLeft {
    width: 100%;
  }

  .pctext {
    display: none;
  }

  .mctext {
    display: block;
  }

  .slide-flexs .mobileMore {
    margin: 0;
    margin-top: 0.7rem;
    margin-left: 0.3rem;
  }

  .pslogan {
    display: none;
  }

  .mslogan {
    display: block;
    position: absolute;
    bottom: 0.42rem;
    right: 0.5rem;
    width: 3.5rem;
  }

  .mslogan img {
    width: 100%;
  }

  .bannerMore {
    margin-top: 3.3rem;
  }

  .bannerRightText {
    width: 100%;
    margin-top: 0.8rem;
  }

  .bannerRightText .bannerTitle {
    width: 4.75rem;
  }

  .bannerRightText .bannerText img {
    width: 5.5rem;
  }

  .bannerRightText .bannerText {
    margin-top: 0.35rem;
  }

  .bannerBox .zt6 .slide-inner {
    align-items: flex-start;
  }

  .bannerBox .zt6 .readMore.tradeMore {
    margin-top: 0.45rem !important;
    margin-left: 0.95rem;
  }

  .bannerBox .zt6 .bannerText,
  .bannerBox .zt6 .bannerTitle {
    margin-left: 0.95rem;
  }
}

.bannerBox .s2 .bannerTxt {
  width: 100%;
}


.bannerBox .worldInner {
  align-items: flex-end;
}

.bannerBox .worldInner .bannerSlide {
  margin-bottom: 8vh;
  width: 100%;
  align-items: flex-end;
  justify-content: space-between !important;
}

.worldInner .bannerText {
  width: 62.5%;
  margin-top: 0;
  max-width: 800px;
}

.worldInner .bannerText img {
  width: 100%;
  transform-origin: center bottom;
}

@media (max-width: 1200px) {
  .worldInner .bannerText {
    width: 5.5rem;
  }

  .bannerBox .worldInner .bannerSlide {
    margin-bottom: 0;
  }

  .bannerBox .worldInner {
    align-items: flex-end !important;
  }

  .worldInner .w1400 {
    margin-bottom: 1.1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .bannerBox .worldInner .bannerText {
    margin-left: 0.5rem;
  }

  .bannerBox .worldInner .readMore {
    margin-left: 0;
    margin-right: 0.7rem;
    margin-top: 0.3rem;
  }
}


/*20241009忙鈥撀懊ヂ⑴綽anner*/
.bannerBox .zt8 .bannerRightText {
  margin-left: 30px;
  width: 41.42%;
}

.bannerBox .zt8 .bannerRightText .bannerText img {
  width: 100%;
}

.bannerBox .zt8 .bannerSlideRight {
  justify-content: left;
}

.bannerBox .zt8 .bannerSlideRight .pcMore {
  float: left;
}

.bannerBox .zt8 .tradeMore p {
  color: #449401;
  border: 1px solid #449401;
}

.bannerBox .zt8 .more::after {
  background: #449401;
}

.bannerBox .zt8 .more:hover p {
  color: #fff;
}

.bannerBox .zt8 .bannerImgBac {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.bannerBox .zt8.swiper-slide-active .bannerImgBac {
  animation-delay: 1s;
  animation-duration: 0.9s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.bannerBox .zt8 .bannerImgBac span {
  width: 100%;
  height: 100%;
}

.bannerBox .zt8 .bannerImgBac span.mobileImgBac {
  display: none;
}

.future {
  width: 44.9%;
}

.future img {
  width: 100%;
}

@media (max-width: 1200px) {
  .bannerBox .zt8 .bannerRightText {
    margin-left: 0px;
    width: 100%;
  }

  .bannerBox .zt8 .bannerRightText .bannerText img {
    width: 82.7%;
  }

  .bannerBox .zt8 .bannerText,
  .bannerBox .zt8 .bannerTitle {
    margin-left: 0.5rem;
    margin-top: 0.4rem;
    width: 5.37rem;
  }

  .bannerBox .zt8 .readMore.tradeMore {
    margin-left: 0.5rem;
    margin-top: 0.73rem !important;
  }

  .bannerBox .zt8 .bannerImgBac span.pcImgBac {
    display: none;
  }

  .bannerBox .zt8 .bannerImgBac span.mobileImgBac {
    display: block;
  }
}

/* 猫炉垄莽鈥核溍铰γ︹炁该奥⒚┞÷ */
.ThankPage {
  margin-top: 90px;
  padding: 150px 0 200px;
}

.ThankPage img {
  display: block;
  margin: 0 auto;
  width: 200px;
  height: 200px;
}

.ThankPage p {
  margin: 32px 0;
  text-align: center;
  font-size: 18px;
  color: #333;
}

.ThankPage .more {
  display: flex;
}

.ThankPage a {
  margin: 0 auto;
  width: 200px;
  height: 55px;
  line-height: 55px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  background: #164a9a;
}

@media (max-width: 1200px) {
  .ThankPage {
    margin-top: 1.3rem;
    padding: 1.5rem 0 2rem;
  }

  .ThankPage img {
    width: 2rem;
    height: 2rem;
  }

  .ThankPage p {
    margin: 0.4rem 0;
    font-size: 0.32rem;
  }

  .ThankPage a {
    width: 2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.3rem;
  }

  .future {
    width: 85%;
    margin-left: 0.3rem;
    margin-top: 0.4rem;
  }

  .future .bannerTitle {
    width: 100%;
    margin: 0 !important;
  }

  .futureInfo .mobileMore {
    color: #fff !important;
    border: 1px solid #fff !important;
    margin-left: 0.4rem;
  }
}


/*20250828忙鈥撀懊ヂ⑴綽anner*/
.bannerBox .zt9 .slide-inner {
  align-items: start;
}

.bannerBox .zt9 .bannerSlideRight {
  justify-content: left;

}

.bannerBox .zt9 .bannerRightText {
  margin-left: 0;
  width: 44.1%;
}

.bannerBox .zt9 .bannerTitle {
  margin: 7vh 0 7.5vh;
}

.bannerBox .zt9 .bannerText {
  margin-top: 0;
}

.bannerBox .zt9 .bannerRightText .bannerText img {
  width: 100%;
}


.bannerBox .zt9 .bannerSlideRight .pcMore {
  float: left;
}

.bannerBox .zt9 .tradeMore p {
  color: #fff;
  border: 1px solid #fff;
}

.bannerBox .zt9 .more::after {
  background: #fff;
}

.bannerBox .zt9 .more:hover p {
  color: #164a9a;
}

.bannerBox .zt9 .bannerImgBac {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.bannerBox .zt9 .bannerImgBac span {
  width: 100%;
  height: 100%;
}

.bannerBox .zt9 .bannerImgBac span.mobileImgBac {
  display: none;
}

.bannerBox .zt9.swiper-slide-active .bannerImgBac {
  animation-delay: 1s;
  animation-duration: 0.9s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.bannerBox .zt10 .slide-inner{
  align-items: flex-start;
}
.bannerBox .zt10 .bannerTitle{
  width: 22%;
  margin: 7vh 0 7.5vh;
  display: none;
}
.bannerBox .zt10 .bannerSlideRight{
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  position: relative;
}
.bannerBox .zt10 .bannerRightText{
  width: 100%;
  margin-top: 15vh;
}

.bannerBox .zt10 .bannerRightText .bannerText img{
  width: 100%;
}
.zt10 .bannerSlideRight .pcMore {
  float: initial;
}
.bannerBox .zt10 .tradeMore p {
  color: #fff;
  border: 1px solid #fff;
}
.bannerBox .zt10 .more::after {
  background: #fff;
}
.bannerBox .zt10 .more:hover p {
  color: #164a9a;
}
.zt10 .bannerRightText .bannerText{
  margin-top: 0;
  width: 66.78%;
}
.zt10 .bannerRightText .bannerText2{
  width: 100%;
  max-width: 100%;
}
.zt10 .bannerRightText .pcText2{
  margin-top: 8vh;
  animation-delay: 1s;
  position: absolute;
  width: 100%;
  bottom: 8vh;
}
.bannerBox .zt10 .bannerImgBac{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.bannerBox .zt10.swiper-slide-active .bannerImgBac {
  animation-delay: 1s;
  animation-duration: 0.9s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.bannerBox .zt10 .bannerImgBac span {
  width: 100%;
  height: 100%;
}
.pcText2{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.bannerBox .zt10 .bannerRightText .pcText2 .booth{
  width: 36.5%;
}
.bannerBox .zt10 .bannerRightText .pcText2 .ecoc {
  width: 26.6%;
}
@media (max-width: 1600px) {
  .zt10 .bannerRightText .bannerText{
    width: 61%;
  }
  .zt10 .bannerRightText .pcText2{
    width: 100%;
  }
  .bannerBox .zt10 .bannerRightText .pcText2 .booth{
    width: 30.5%;
  }
  .bannerBox .zt10 .bannerRightText .pcText2 .ecoc {
    width: 24.6%;
  }
}
@media (max-width: 1400px){
  .zt10 .bannerRightText .bannerText {
    width: 50%;
  }
  .zt10 .bannerRightText .pcText2 {
    width: 100%;
  }
  .bannerBox .zt10 .bannerRightText .pcText2 .booth {
    width: 22.5%;
  }

  .bannerBox .zt10 .bannerRightText .pcText2 .ecoc {
    width: 19.6%;
  }
  .bannerBox .zt10 .bannerRightText .pcText2 .ecoc{
    margin-right: 5%;
  }
}
@media (max-width: 1200px) {
  .bannerBox .zt9 .bannerRightText {
    margin: 0px;
    width: 100%;
  }

  .bannerBox .zt9 .bannerTitle {
    margin: 0.4rem auto 0.7rem;
    width: 5.5rem;
  }

  .bannerBox .zt9 .bannerTitle img {
    width: 2.75rem;
  }

  .bannerBox .zt9 .bannerText {
    margin: 0 auto;
    width: 5.13rem;
  }

  .bannerBox .zt9 .readMore.tradeMore {
    margin: 0 auto;
    margin-top: 0.5rem !important;
  }

  .bannerBox .zt9 .bannerImgBac span.pcImgBac {
    display: none;
  }

  .bannerBox .zt9 .bannerImgBac span.mobileImgBac {
    display: block;
  }

  .bannerBox .zt9.swiper-slide-active .bannerText2 {
    animation-delay: 1s;
  }

  .bannerBox .zt9.swiper-slide-active .readMore {
    animation-delay: 1.2s;
  }
  .bannerBox .zt10 .bannerTitle{
    width: 1.75rem;
    margin: 0.6rem 0 0.5rem 0;
  }
  .bannerBox .zt10 .bannerRightText{
    width: 100%;
  }
  .zt10 .bannerRightText .bannerText {
    width: 100%;
  }
  .bannerBox .zt10 .bannerText2{
    width: 2.3rem;
    margin-top: 0.45rem;
  }
  .bannerBox .zt10 .bannerRightText{
    margin-top: 7vh;
  }
  .mobileZt10{
    display: flex!important;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.85rem !important;
    position: absolute;
    bottom: 0.8rem;
    width: 100%;
  }
  .mobileZt10 .tradeMore{
    margin-top: 0!important;
  }
  .mobileZt10Img{
    width: 2.6rem;
  }
  .mobileZt10Img img{
    width: 100%;
  }
  .swiper-slide-active .mobileZt10Img {
    animation-delay: 1s;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
  }
}<!--0.00018501281738281-->