@charset "UTF-8";
html {
  font-size: calc(100vw/19.2);
}

body {
  width: 100%;
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

a:hover, a:active, a:visited {
  text-decoration: none;
}

.flex-center, .swiper-slide, .test {
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper {
  width: 100%;
  height: 7.93rem;
}

.swiper-slide {
  text-align: center;
  font-size: 1rem;
  align-items: flex-start;
}

.swiper-button-next, .swiper-button-prev {
  top: 8.4372rem;
  background-color: rgba(0, 0, 0, 0.35);
  color: #FFF;
  height: 6.2496rem;
  width: 3.1248rem;
}

.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 2.7504rem;
}

.swiper-button-next {
  right: 0.312rem;
}

.swiper-button-prev {
  left: 0.312rem;
}

.test {
  height: 7.93rem;
}

.test .sy-box {
  height: 7.93rem;
  width: 120rem;
}

.test .sy-box .sy-slides-wrap .sy-slides-crop .sy-list li a img {
  height: 7.93rem;
}

@media (max-width: 47.9375rem) {
  .test {
    height: 3.58rem;
  }
  .test .sy-box {
    height: 3.58rem;
  }
  .test .sy-box .sy-slides-wrap .sy-slides-crop .sy-list li a img {
    height: 3.58rem;
  }
}

.sy-pager {
  display: none !important;
}

.flex_box {
  display: flex;
  margin: 0.63rem 3.6rem;
  font-size: .16rem;
}

.flex_box .left .title {
  font-size: .32rem;
  color: #444444;
  margin-bottom: .24rem;
  font-weight: 600;
}

.flex_box .left .moreBtn {
  margin: .2rem 0 0 .4rem;
  border-radius: .1rem;
  height: .4rem;
  width: 1.6rem;
  background: #0036CC;
  text-align: center;
  line-height: .4rem;
  color: #FFF;
  font-size: .18rem;
  cursor: pointer;
}

.flex_box .left,
.flex_box .right {
  flex: 1;
  color: #444444;
}

.color_info {
  background: #444444;
  height: 4.49rem;
  padding: 0 3.6rem;
  overflow: hidden;
}

.color_info .tabsBox {
  display: flex;
}

.color_info .tabsBox .tabs {
  flex: 1;
  margin: .41rem 0;
}

.color_info .tabsBox .tabs .num {
  color: #FFF;
  font-size: .6rem;
  margin: 0;
}

.color_info .tabsBox .tabs .name {
  font-size: .24rem;
  color: #FFF;
}

.color_info .info_dec {
  font-size: .16rem;
  color: #FFF;
}

.indexContent {
  margin: 0.55rem 3.6rem 0;
}

.indexContent .left {
  color: black;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* 标题样式 */
.boxTitle {
  position: relative;
}

.boxTitle .colorBox {
  position: absolute;
  background: #0036CC;
  width: 2.12rem;
  top: 42%;
  height: .28rem;
  left: 41.6%;
  z-index: 0;
}

.boxTitle .fontTitle {
  text-align: center;
  position: relative;
  z-index: 10;
}

/* 展会信息下卡片列表 */
.exhibitionCardBox {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .15rem;
  scrollbar-width: none;
  /* 隐藏滚动条 */
}

.exhibitionCardBox::-webkit-scrollbar {
  display: none;
}

.exhibitionCardBox .exhibitionCard {
  cursor: pointer;
}

.exhibitionCardBox .exhibitionCard img {
  width: 2.9rem;
  height: 1.63rem;
}

.exhibitionCardBox .exhibitionCard .title {
  font-size: .16rem;
  margin: 0.15rem 0;
  text-align: center;
}

.exhibitionCardBox .exhibitionCard .content {
  font-size: .12rem;
  text-align: center;
}

.exhibitionCardBox .productBox {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #444444;
  width: 3.68rem;
  height: 3.66rem;
  box-shadow: 4px 2px 8px rgba(0, 0, 0, 0.25);
}

.exhibitionCardBox .productBox .img-container {
  width: 100%;
  /* 设置容器宽度 */
  height: 1.48rem;
  /* 设置容器高度，根据需要调整 */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.exhibitionCardBox .productBox .img-container img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  /* 保持图片比例 */
}

.exhibitionCardBox .productBox .title {
  font-size: .18rem;
  font-weight: 600;
  margin: .29rem .21rem;
}

.exhibitionCardBox .productBox .more, .exhibitionCardBox .productBox .local {
  font-size: .16rem;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 0.1rem;
}

@media (max-width: 40.55rem) {
  .indexContent {
    margin: 0 1.37rem;
  }
  .exhibitionCardBox {
    grid-template-columns: repeat(2, 1fr);
    gap: .95rem;
  }
  .exhibitionCardBox .exhibitionCard img {
    width: 7.97rem;
    height: 4.43rem;
  }
}

.oneNews {
  width: 5rem;
  height: 3rem;
  margin-right: .55rem;
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
  transition: box-shadow 0.5s;
}

.oneNews img {
  width: 5rem;
  height: 3rem;
}

.bottomTitle {
  width: 5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.35);
  color: #FFF;
  padding: 0.17rem .3rem;
}

.exNews {
  width: 5rem;
  display: flex;
  flex-direction: column;
}

.exNews .newsBoxa {
  flex: 1;
}

.exNews .newsBoxa:focus {
  outline: none;
}

.exNews .newsBoxa:hover {
  text-decoration: none;
}

.newsBox {
  color: #666666;
}

.newsBox::marker {
  font-size: .22rem;
}

.newsBoxa {
  display: block;
}

.newsBox .newsTitle {
  font-weight: 600;
  font-size: .22rem;
  margin-bottom: 0;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.newsBox .info {
  margin-top: 0.16rem;
  font-size: 0.14rem;
  font-weight: 700;
  color: #ccc;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.moreNews {
  text-align: center;
  padding: 0.08rem 0.26rem;
  color: #FFF;
  border-radius: 0.10rem;
  font-size: 0.18rem;
  background: #0036CC;
  margin: 0.73rem auto;
}

@keyframes fedinout {
  0% {
    opacity: 0;
  }
  30% {
    opacity: .3;
  }
  50% {
    opacity: .5;
  }
  70% {
    opacity: .7;
  }
  100% {
    opacity: 1;
  }
}

p {
  margin: 0;
}