body .wrapper .bottom-foot {
  margin-top: 13.33333vw;
}
.index-box {
  padding: 0 2.66667vw;
  margin: 0 0 18.66667vw 0;
}
.index-box .banner {
  clear: both;
  position: relative;
  background-color: #cebfbf;
  display: none;
}
.index-box .banner .banner-swiper-container {
  height: 171.73333vw;
  width: 100%;
  overflow: hidden;
}
.index-box .banner .swiper-slide {
  text-align: center;
  font-size: 4.8vw;
}
.index-box .banner .swiper-slide .sub-banner {
  width: 100%;
  height: 171.73333vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.index-box .banner .swiper-slide .sub-banner .slogan-box .slogan {
  width: 204.8vw;
  height: 18.93333vw;
  background-image: url(/templets/2024showg/images/biaoti.png);
  background-repeat: no-repeat;
  background-size: 204.8vw 17.6vw;
}
.index-box .banner .swiper-slide .sub-banner .slogan-box .sub-slogan {
  padding: 8vw 0 0 0;
  font-size: 6.4vw;
  font-weight: 500;
  letter-spacing: 2.13333vw;
  line-height: 9.26667vw;
  color: #ffffff;
}
.index-box .banner .search-form {
  position: absolute;
  z-index: 1;
  height: 36.8vw;
  opacity: 1;
  background: rgba(0, 0, 0, 0.3);
  bottom: 0px;
  left: 0;
  width: 100%;
}
.index-box .banner .search-form .biaot {
  width: 298.66667vw;
  margin: 0 auto;
  position: relative;
}
.index-box .banner .search-form .biaot img {
  position: absolute;
  top: 20vw;
  left: 33.06667vw;
}
.index-box .banner .search-form .form-box {
  width: 298.66667vw;
  margin: 0 auto;
}
.index-box .banner .search-form .form-box .keywords {
  display: flex;
  justify-content: center;
}
.index-box .banner .search-form .form-box .keywords .search {
  padding: 7.73333vw 0 0 0;
  display: flex;
}
.index-box .banner .search-form .form-box .keywords .search .search_warp {
  display: flex;
  flex-flow: nowrap;
}
.index-box .banner .search-form .form-box .keywords .search .search_warp input {
  width: 197.33333vw;
  padding: 4.8vw;
  border: 0;
  font-size: 4.8vw;
  font-weight: 400;
  color: #000000;
  outline: 0;
  margin: 0;
  border-radius: 1.6vw 0 0 1.6vw;
}
.index-box .banner .search-form .form-box .keywords .search .search_warp input::-moz-placeholder {
  color: #cfcfcf;
}
.index-box .banner .search-form .form-box .keywords .search .search_warp input::placeholder {
  color: #cfcfcf;
}
.index-box .banner .search-form .form-box .keywords .search .search-by-keywords {
  width: 37.06667vw;
  height: 15.46667vw;
  opacity: 1;
  background: #ef6320;
  line-height: 15.46667vw;
  font-size: 5.33333vw;
  font-weight: 400;
  letter-spacing: 0.53333vw;
  color: #ffffff;
  border-radius: 0 1.6vw 1.6vw 0;
}
.index-box .banner .search-form .form-box .keywords .search .search_help_tips_warp {
  background: lightblue;
  position: relative;
  width: 1px;
  height: 0px;
}
.index-box .banner .search-form .form-box .keywords .search .search_help_tips_warp .i_search_help_tips_warp {
  padding: 1.06667vw 0px;
  position: absolute;
  width: 256vw;
  /* box-shadow: 1px 1px 4px 1px gainsboro; */
  left: 0px;
  z-index: 9;
  top: 0.8vw;
  background-color: #fff;
}
.index-box .banner .search-form .form-box .keywords .search .search_help_tips_warp .i_search_help_tips_warp ul li.active {
  background: #f7f9ff;
  cursor: pointer;
}
.index-box .banner .search-form .form-box .keywords .search .search_help_tips_warp .i_search_help_tips_warp ul li {
  height: 4.26667vw;
  padding: 1.33333vw 3.73333vw;
  font-size: 3.46667vw;
  line-height: 4.8vw;
  color: #666666;
}
.index-box .banner .search-form .form-box .keywords .search .search_help_tips_warp .i_search_help_tips_warp ul li .type {
  float: left;
  width: 10%;
  text-align: center;
  margin: 0 5.33333vw 0 0;
}
.index-box .banner .search-form .form-box .keywords .search .search_help_tips_warp .i_search_help_tips_warp ul li .name {
  float: left;
  width: 55%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index-box .banner .search-form .form-box .keywords .search .search_help_tips_warp .i_search_help_tips_warp ul li .digest {
  float: right;
  width: 25%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  font-size: 3.2vw;
  color: #999999;
}
.index-box .banner .search-form .form-box .keywords .search .search_help_tips_warp.displaynone {
  display: none;
}
.index-box .banner .search-form .form-box .hot-city {
  text-align: center;
  padding: 4vw 0 0 0;
}
.index-box .banner .search-form .form-box .hot-city .hot-box {
  display: flex;
  justify-content: center;
}
.index-box .banner .search-form .form-box .hot-city .hot-box .hot-city {
  font-size: 4.26667vw;
  font-weight: 400;
  letter-spacing: 0.53333vw;
  color: #e8e8e8;
  padding: 0 4vw 0 0;
}
.index-box .banner .search-form .form-box .hot-city .hot-box .hot-city a:link,
.index-box .banner .search-form .form-box .hot-city .hot-box .hot-city a:hover,
.index-box .banner .search-form .form-box .hot-city .hot-box .hot-city a:visited {
  font-size: 4.26667vw;
  font-weight: 400;
  letter-spacing: 0.53333vw;
  color: #e8e8e8;
}
.index-box .industry {
  width: 100%;
  padding: 7.46667vw 0 0;
  display: none;
}
.index-box .industry .industry-container {
  width: 362.66667vw;
  margin: 0 auto;
}
.index-box .industry .industry-container .title {
  background-image: url("/templets/2024showg/images/fenlei.png");
  background-repeat: no-repeat;
  background-size: 5.33333vw 5.33333vw;
  background-position: 0 1.06667vw;
  padding: 0 0 0 8vw;
  font-size: 5.33333vw;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 7.72267vw;
  color: #000000;
  text-align: left;
  vertical-align: top;
}
.index-box .industry .industry-container .industry-box {
  display: flex;
  flex-flow: wrap;
  margin-top: 3.73333vw;
  border-radius: 1.6vw;
  background: #ffffff;
  box-shadow: 0px 0.53333vw 0.8vw 0.8vw rgba(0, 0, 0, 0.03);
}
.index-box .industry .industry-container .industry-box .item:hover {
  background: #ef6320;
}
.index-box .industry .industry-container .industry-box .item:hover a.pp:link,
.index-box .industry .industry-container .industry-box .item:hover a.pp:hover,
.index-box .industry .industry-container .industry-box .item:hover a.pp:visited {
  color: #ffffff;
}
.index-box .industry .industry-container .industry-box .item {
  width: 51.46667vw;
  padding: 3.2vw 0;
  border-left: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  position: relative;
}
.index-box .industry .industry-container .industry-box .item a:link,
.index-box .industry .industry-container .industry-box .item a:hover,
.index-box .industry .industry-container .industry-box .item a:visited {
  font-size: 3.73333vw;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 6.17867vw;
  color: #666666;
  text-align: left;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: 3.73333vw 1.06667vw;
  background-position: 44vw 2.13333vw;
  width: 48vw;
  display: block;
  padding: 0 3.2vw;
}
.index-box .industry .industry-container .industry-box .item .prop {
  position: absolute;
  width: 106.66667vw;
  left: 0;
  top: 9.6vw;
  padding-top: 2.93333vw;
  z-index: 2;
}
.index-box .industry .industry-container .industry-box .item .prop .subclass {
  padding: 3.2vw 1.86667vw 3.2vw 3.2vw;
  border: 1px solid #e9e9e9;
  box-shadow: 0 0 8vw rgba(0, 0, 0, 0.2);
  background: #fff;
  border-radius: 1.33333vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.index-box .industry .industry-container .industry-box .item .prop .subclass .jj {
  background-image: url(/templets/2024showg/images/jj.png);
  background-repeat: no-repeat;
  background-size: 5.33333vw 2.4vw;
  top: -2.13333vw;
  left: 13.33333vw;
  position: absolute;
  width: 5.33333vw;
  height: 2.4vw;
}
.index-box .industry .industry-container .industry-box .item .prop .subclass .sub-label a.yy:link,
.index-box .industry .industry-container .industry-box .item .prop .subclass .sub-label a.yy:hover,
.index-box .industry .industry-container .industry-box .item .prop .subclass .sub-label a.yy:visited {
  background-image: none;
  width: unset;
  font-size: 3.73333vw;
  padding: 2.66667vw 3.2vw;
}
.index-box .scroll_banner {
  width: 100%;
  padding: 26.33333vw 0 0 0;
}
.index-box .scroll_banner .scroll-swiper-container {
  width: 94.66667vw;
  margin: 0 auto;
  overflow: hidden;
  display: none;
}
.index-box .scroll_banner .scroll-swiper-container .swiper-slide {
  width: 94.66667vw;
  text-align: center;
  font-size: 4.8vw;
  background: #fff;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 300ms;
}
.index-box .scroll_banner .scroll-swiper-container .swiper-slide .ii {
  width: 94.66667vw;
  opacity: 1;
}
.index-box .scroll_banner .scroll-swiper-container .swiper-slide .ii .sub-banner {
  transform: scale(0.9);
  width: 100%;
  border-radius: 5.33333vw;
}
.index-box .scroll_banner .scroll-swiper-container .swiper-slide-active,
.index-box .scroll_banner .scroll-swiper-container .swiper-slide-duplicate-active {
  transform: scale(1);
}
.index-box .scroll_banner .scroll-swiper-container .swiper-slide-active .ii .sub-banner,
.index-box .scroll_banner .scroll-swiper-container .swiper-slide-duplicate-active .ii .sub-banner {
  width: 100%;
  transform: scale(1);
}
.index-box .banner-1 {
  width: 100%;
  padding: 2.66667vw 0;
  display: none;
}
.index-box .banner-1 .banner-container .content img {
  width: 100%;
}
.index-box .recommend {
  width: 100%;
  background-image: url("/templets/2024showg/images/tuijbj.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 8.53333vw;
  display: none;
}
.index-box .recommend .recommend-container {
  margin: 0 auto;
  width: 362.66667vw;
}
.index-box .recommend .recommend-container .recommend-box {
  display: flex;
}
.index-box .recommend .recommend-container .recommend-box .recommend-left {
  width: 64.8vw;
  height: 248vw;
  opacity: 1;
  background-color: #ef6320;
  box-shadow: 0px 1.06667vw 2.13333vw 1.06667vw rgba(0, 0, 0, 0.14);
  padding: 6.4vw 7.73333vw;
  text-align: left;
  background-image: url("/templets/2024showg/images/tuijzh.png");
  background-repeat: no-repeat;
  background-position: 0 bottom;
  position: relative;
}
.index-box .recommend .recommend-container .recommend-box .recommend-left .title {
  font-size: 7.46667vw;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 10.81067vw;
  color: #ffffff;
  width: 64.8vw;
  padding: 12.53333vw 0 0 0;
}
.index-box .recommend .recommend-container .recommend-box .recommend-left .title .sub-title {
  font-size: 5.33333vw;
  font-weight: 400;
  white-space: nowrap;
}
.index-box .recommend .recommend-container .recommend-box .recommend-left .small_decoration {
  position: absolute;
  right: 5.33333vw;
  top: 10.66667vw;
}
.index-box .recommend .recommend-container .recommend-box .recommend-left .small_decoration img {
  height: 18.66667vw;
}
.index-box .recommend .recommend-container .recommend-box .recommend-right {
  padding: 18.66667vw 0 0 6.4vw;
  display: flex;
  flex-wrap: wrap;
}
.index-box .recommend .recommend-container .recommend-box .recommend-right .exhibition-box {
  width: 57.06667vw;
  height: 74.66667vw;
  opacity: 1;
  background: #ffffff;
  box-shadow: 0px 0.53333vw 0.8vw 0.8vw rgba(0, 0, 0, 0.04);
  padding: 0 3.73333vw;
  margin: 0 3.73333vw 0 0;
}
.index-box .recommend .recommend-container .recommend-box .recommend-right .exhibition-box .exhibition-img {
  display: flex;
  height: 37.33333vw;
  justify-content: center;
  align-items: center;
}
.index-box .recommend .recommend-container .recommend-box .recommend-right .exhibition-box .exhibition-img .logo {
  width: 56.53333vw;
  height: 29.6vw;
  background-image: url(/templets/2024showg/images/tubj.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.index-box .recommend .recommend-container .recommend-box .recommend-right .exhibition-box .exhibition-info .row {
  display: flex;
  justify-content: space-between;
}
.index-box .recommend .recommend-container .recommend-box .recommend-right .exhibition-box .exhibition-info .row .title {
  line-height: 5.33333vw;
  height: 13.86667vw;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
}
.index-box .recommend .recommend-container .recommend-box .recommend-right .exhibition-box .exhibition-info .row a:link,
.index-box .recommend .recommend-container .recommend-box .recommend-right .exhibition-box .exhibition-info .row a:hover,
.index-box .recommend .recommend-container .recommend-box .recommend-right .exhibition-box .exhibition-info .row a:visited {
  color: #333;
  font-size: 3.73333vw;
  font-weight: 400;
  line-height: 6.66667vw;
  text-align: left;
}
.index-box .recommend .recommend-container .recommend-box .recommend-right .exhibition-box .exhibition-info .row.date {
  padding: 1.33333vw 0 0 0;
}
.index-box .recommend .recommend-container .recommend-box .recommend-right .exhibition-box .exhibition-info .row.date .time {
  font-size: 3.73333vw;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 5.40533vw;
  color: #999999;
}
.index-box .recommend .recommend-container .recommend-box .recommend-right .exhibition-box .exhibition-info .row.date .status {
  font-size: 3.73333vw;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 5.40533vw;
  color: #ef6320;
}
.index-box .recommend .recommend-container .recommend-box .recommend-right .exhibition-box .exhibition-info .row.hot {
  padding: 4.8vw 0 0 0;
}
.index-box .recommend .recommend-container .recommend-box .recommend-right .exhibition-box .exhibition-info .row.hot .hots {
  font-size: 3.2vw;
  color: #333333;
  background-image: url(/templets/2024showg/images/hot-new.png);
  background-repeat: no-repeat;
  background-size: 3.06667vw 3.6vw;
  background-position: 0px 0.6vw;
  padding: 0 0 0 5.33333vw;

}
.index-box .recommend .recommend-container .recommend-box .recommend-right .exhibition-box .exhibition-info .row.hot .follow .bnt {
width: 17.6vw;
height: 7.46667vw;
opacity: 1;
border-radius: 1.6vw;
background: #ef6320;
font-size: 3.73333vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 7.46667vw;
color: #ffffff;
cursor: pointer;
}
.index-box .recommend .recommend-container .recommend-box .recommend-right .exhibition-box .exhibition-info .row.hot .join .bnt {
width: 17.6vw;
height: 7.46667vw;
opacity: 1;
border-radius: 1.6vw;
background: #ef6320;
font-size: 3.73333vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 7.46667vw;
color: #ffffff;
cursor: pointer;
}
.index-box .recommend .recommend-container .recommend-box .recommend-right .exhibition-box .exhibition-info .row.hot .follow .bnt.unnotify {
background-color: #e6e6e6;
color: #9a9a9a;
}
.index-box .recommend.domestic {
background-image: url("/templets/2024showg/images/guonbj.png");
display: none;
}
.index-box .recommend.domestic .recommend-container .recommend-box .recommend-left {
background-color: #ff481f;
background-image: url("/templets/2024showg/images/gnzhanh.png");
}
.index-box .recommend.international {
background-image: url("/templets/2024showg/images/gjbej.png");
display: none;
}
.index-box .recommend.international .recommend-container .recommend-box .recommend-left {
background-color: #d93b18;
background-image: url("/templets/2024showg/images/guojzhu.png");
}
.index-box .exhibition-new {
width: 100%;
margin-top: 12vw;
display: none;
}
.index-box .exhibition-new .exhibition-container {
margin: 0 auto;
width: 362.66667vw;
}
.index-box .exhibition-new .exhibition-container .title-box {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
padding-bottom: 6.4vw;
align-items: center;
}
.index-box .exhibition-new .exhibition-container .title-box .title {
font-size: 7.46667vw;
font-weight: 500;
letter-spacing: 0px;
line-height: 10.66667vw;
color: #000000;
background-image: url("/templets/2024showg/images/new.png");
background-repeat: no-repeat;
background-size: 15.73333vw 10.66667vw;
padding: 0 0 0 18.66667vw;
}
.index-box .exhibition-new .exhibition-container .title-box .tabs {
display: flex;
flex-wrap: nowrap;
margin: 0 5.33333vw 0;
}
.index-box .exhibition-new .exhibition-container .title-box .tabs .domestic,
.index-box .exhibition-new .exhibition-container .title-box .tabs .international {
font-size: 4.26667vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 6.17867vw;
color: #999999;
padding: 0 0 0 5.33333vw;
}
.index-box .exhibition-new .exhibition-container .title-box .tabs .domestic a:link,
.index-box .exhibition-new .exhibition-container .title-box .tabs .international a:link,
.index-box .exhibition-new .exhibition-container .title-box .tabs .domestic a:hover,
.index-box .exhibition-new .exhibition-container .title-box .tabs .international a:hover,
.index-box .exhibition-new .exhibition-container .title-box .tabs .domestic a:visited,
.index-box .exhibition-new .exhibition-container .title-box .tabs .international a:visited {
color: #999999;
}
.index-box .exhibition-new .exhibition-container .exhibition-new-box {
display: flex;
flex-wrap: nowrap;
}
.index-box .exhibition-new .exhibition-container .exhibition-new-box .exhibition-left {
width: 0px;
height: 163.73333vw;
background-color: #ef6320;
margin: 0 11.46667vw 0 0;
padding: 0 0 0 2.13333vw;
}
.index-box .exhibition-new .exhibition-container .exhibition-new-box .exhibition-right {
display: flex;
flex-wrap: wrap;
}
.index-box .exhibition-new .exhibition-container .exhibition-new-box .exhibition-right .exhibition-box {
width: 58.13333vw;
height: 74.66667vw;
opacity: 1;
background: #ffffff;
box-shadow: 0px 0.53333vw 0.8vw 0.8vw rgba(0, 0, 0, 0.04);
padding: 0 3.73333vw;
margin: 0 3.73333vw 0 0;
}
.index-box .exhibition-new .exhibition-container .exhibition-new-box .exhibition-right .exhibition-box .exhibition-img {
display: flex;
height: 37.33333vw;
justify-content: center;
align-items: center;
}
.index-box .exhibition-new .exhibition-container .exhibition-new-box .exhibition-right .exhibition-box .exhibition-img .logo {
width: 56.53333vw;
height: 29.6vw;
background-image: url(/templets/2024showg/images/tubj.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
.index-box .exhibition-new .exhibition-container .exhibition-new-box .exhibition-right .exhibition-box .exhibition-info .row {
display: flex;
justify-content: space-between;
}
.index-box .exhibition-new .exhibition-container .exhibition-new-box .exhibition-right .exhibition-box .exhibition-info .row .title {
line-height: 5.33333vw;
height: 13.86667vw;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
}
.index-box .exhibition-new .exhibition-container .exhibition-new-box .exhibition-right .exhibition-box .exhibition-info .row a:link,
.index-box .exhibition-new .exhibition-container .exhibition-new-box .exhibition-right .exhibition-box .exhibition-info .row a:hover,
.index-box .exhibition-new .exhibition-container .exhibition-new-box .exhibition-right .exhibition-box .exhibition-info .row a:visited {
color: #333;
font-size: 3.73333vw;
font-weight: 400;
line-height: 6.66667vw;
text-align: left;
}
.index-box .exhibition-new .exhibition-container .exhibition-new-box .exhibition-right .exhibition-box .exhibition-info .row.date {
padding: 1.33333vw 0 0 0;
}
.index-box .exhibition-new .exhibition-container .exhibition-new-box .exhibition-right .exhibition-box .exhibition-info .row.date .time {
font-size: 3.73333vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 5.40533vw;
color: #999999;
}
.index-box .exhibition-new .exhibition-container .exhibition-new-box .exhibition-right .exhibition-box .exhibition-info .row.date .status {
font-size: 3.2vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 4.63467vw;
color: #ef6320;
}
.index-box .exhibition-new .exhibition-container .exhibition-new-box .exhibition-right .exhibition-box .exhibition-info .row.hot {
padding: 4.8vw 0 0 0;
}
.index-box .exhibition-new .exhibition-container .exhibition-new-box .exhibition-right .exhibition-box .exhibition-info .row.hot .hots {
font-size: 3.2vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 5.40533vw;
color: #999999;
background-image: url("/templets/2024showg/images/hhot.png");
background-repeat: no-repeat;
background-size: 3.46667vw 4vw;
background-position: 0px 1.6vw;
padding: 1.33333vw 0 0 5.33333vw;
text-align: left;
}
.follow {
display: none;
}
.index-box .exhibition-new .exhibition-container .exhibition-new-box .exhibition-right .exhibition-box .exhibition-info .row.hot .follow .bnt {
width: 17.6vw;
height: 7.46667vw;
opacity: 1;
border-radius: 1.6vw;
background: #ef6320;
font-size: 3.73333vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 7.46667vw;
color: #ffffff;
cursor: pointer;
}
.index-box .exhibition-new .exhibition-container .exhibition-new-box .exhibition-right .exhibition-box .exhibition-info .row.hot .join .bnt {
width: 17.6vw;
height: 7.46667vw;
opacity: 1;
border-radius: 1.6vw;
background: #ef6320;
font-size: 3.73333vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 7.46667vw;
color: #ffffff;
cursor: pointer;
}
.index-box .exhibition-new .exhibition-container .exhibition-new-box .exhibition-right .exhibition-box .exhibition-info .row.hot .follow .bnt.unnotify {
background-color: #e6e6e6;
color: #9a9a9a;
}
.index-box .news {
width: 100%;
padding-top: 6.66667vw;
display: none;
background: linear-gradient(to bottom, #f9f9f9 0%, #f9f9f9 50%, #ffffff 50%, #ffffff 100%);
}
.index-box .news .news-list {
margin: 0 auto;
width: 362.66667vw;
display: flex;
}
.index-box .news .news-list .news-section {
width: 102.93333vw;
padding: 0 6.66667vw 8vw 6.66667vw;
border-radius: 2.66667vw;
background: #ffffff;
box-shadow: 0px 0.53333vw 4.8vw 0.8vw rgba(0, 0, 0, 0.04);
}
.index-box .news .news-list .news-section .news-head {
display: flex;
justify-content: space-between;
padding: 5.33333vw 0 3.2vw 0;
}
.index-box .news .news-list .news-section .news-head .sub-section-title {
text-align: left;
font-size: 5.33333vw;
font-weight: 500;
letter-spacing: 0px;
line-height: 7.72267vw;
color: #000000;
padding: 0 0 0 10.66667vw;
}
.index-box .news .news-list .news-section .news-head .sub-section-title.type128 {
background-image: url("/templets/2024showg/images/xinw1.png");
background-repeat: no-repeat;
background-size: 6.93333vw 6.93333vw;
}
.index-box .news .news-list .news-section .news-head .sub-section-title.type129 {
background-image: url("/templets/2024showg/images/xinw2.png");
background-repeat: no-repeat;
background-size: 6.93333vw 6.93333vw;
}
.index-box .news .news-list .news-section .news-head .sub-section-title.type130 {
background-image: url("/templets/2024showg/images/xinw3.png");
background-repeat: no-repeat;
background-size: 6.93333vw 6.93333vw;
}
.index-box .news .news-list .news-section .news-head .date.more a:link,
.index-box .news .news-list .news-section .news-head .date.more a:visited,
.index-box .news .news-list .news-section .news-head .date.more a:hover {
font-size: 5.33333vw;
font-weight: 500;
letter-spacing: 0px;
line-height: 7.72267vw;
color: #000000;
}
.index-box .news .news-list .news-section .rows {
font-size: 3.73333vw;
padding: 2.66667vw 0 0 0;
}
.index-box .news .news-list .news-section .rows .news-info {
display: flex;
}
.index-box .news .news-list .news-section .rows .news-info .serial_number {
width: 5.6vw;
height: 5.6vw;
opacity: 1;
border-radius: 0.53333vw;
font-size: 3.73333vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 5.6vw;
color: #666666;
}
.index-box .news .news-list .news-section .rows .news-info .serial_number.pp {
width: 5.6vw;
height: 5.6vw;
opacity: 1;
border-radius: 0.53333vw;
background: #ef6320;
font-size: 3.73333vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 5.6vw;
color: #ffffff;
}
.index-box .news .news-list .news-section .rows .news-info .title.sub-section-title {
font-size: 4.8vw;
padding: 0 0 2.66667vw 0;
text-align: left;
font-width: 400;
}
.index-box .news .news-list .news-section .rows .news-info .title {
width: 106.66667vw;
text-align: left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0 0 0 3.73333vw;
}
.index-box .news .news-list .news-section .rows .news-info .title a:link,
.index-box .news .news-list .news-section .rows .news-info .title a:visited,
.index-box .news .news-list .news-section .rows .news-info .title a:hover {
font-size: 3.73333vw;
color: #777777;
text-decoration: none;
}
.index-box .news .news-list .news-section .rows .news-info .date {
text-align: right;
width: 40vw;
color: #999999;
}
.index-box .news .news-list .news-section .rows .news-info .date.more a:link,
.index-box .news .news-list .news-section .rows .news-info .date.more a:visited,
.index-box .news .news-list .news-section .rows .news-info .date.more a:hover {
font-size: 3.46667vw;
padding: 0 0 2.66667vw 0;
text-decoration: none;
color: #777777;
}
.index-box .news .news-list .news-section.pp {
margin: 0 3.73333vw;
}
.index-box .news .news-list .news-section.full {
width: 320vw;
display: flex;
flex-flow: wrap;
}
.index-box .news .news-list .news-section.full .rows.full {
width: 100%;
}
.index-box .news .news-list .news-section.full .rows {
padding: 2.66667vw 13.33333vw 0 0;
}
.index-box .news .news-list .news-section.full .rows.ss {
padding-right: unset;
}
.index-box .news .news-list.full {
padding: 10.66667vw 0 0 0;
}
.index-box .hots {
width: 100%;
padding-top: 21.33333vw;
display: none;
}
.index-box .hots .hots-list {
width: 362.66667vw;
margin: 0 auto;
}
.index-box .hots .hots-list .line {
width: 362.66667vw;
margin: 6.4vw 0;
border-bottom: 1px solid #f2f2f2;
}
.index-box .hots .hots-list .nations,
.index-box .hots .hots-list .exhibitions {
display: flex;
}
.index-box .hots .hots-list .nations .left,
.index-box .hots .hots-list .exhibitions .left {
font-size: 4.26667vw;
font-weight: 500;
letter-spacing: 0px;
line-height: 6.17867vw;
color: #999999;
padding: 0.8vw 5.33333vw 0 0;
width: 21.33333vw;
height: 6.4vw;
text-align: left;
}
.index-box .hots .hots-list .nations .right,
.index-box .hots .hots-list .exhibitions .right {
display: flex;
flex-wrap: wrap;
width: 330.66667vw;
}
.index-box .hots .hots-list .nations .right .item,
.index-box .hots .hots-list .exhibitions .right .item {
padding: 0 5.33333vw 2.66667vw 0;
}
.index-box .hots .hots-list .nations .right .item a:link,
.index-box .hots .hots-list .exhibitions .right .item a:link,
.index-box .hots .hots-list .nations .right .item a:visited,
.index-box .hots .hots-list .exhibitions .right .item a:visited,
.index-box .hots .hots-list .nations .right .item a:hover,
.index-box .hots .hots-list .exhibitions .right .item a:hover {
font-size: 3.73333vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 6.93333vw;
color: #333333;
text-align: left;
}
.index-box .introduce {
width: 100%;
height: 40vw;
margin-top: 10.66667vw;
display: none;
background: #ef6320;
}
.index-box .introduce .introduce-list {
width: 362.66667vw;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
padding: 8vw 0;
}
.index-box .introduce .introduce-list .ff {
height: 23.46667vw;
background-repeat: no-repeat;
background-size: 23.46667vw 23.46667vw;
padding: 0 0 0 26.66667vw;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column;
text-align: left;
width: 25%;
}
.index-box .introduce .introduce-list .ff .t1,
.index-box .introduce .introduce-list .ff .t2 {
width: 100%;
text-align: left;
line-height: 6.93333vw;
color: #ffffff;
}
.index-box .introduce .introduce-list .ff .t1 {
font-size: 4.26667vw;
font-weight: 500;
letter-spacing: 0px;
}
.index-box .introduce .introduce-list .ff .t2 {
font-size: 3.73333vw;
font-weight: 400;
}
.index-box .introduce .introduce-list .f1 {
background-image: url("/templets/2024showg/images/gjzhh.png");
}
.index-box .introduce .introduce-list .f2 {
background-image: url("/templets/2024showg/images/ywutw.png");
}
.index-box .introduce .introduce-list .f3 {
background-image: url("/templets/2024showg/images/zhhgw.png");
}
.index-box .introduce .introduce-list .f4 {
background-image: url("/templets/2024showg/images/xcanp.png");
}
.index-box .mobile-exhibition-new {
margin-top: 2.66667vw;
}
.index-box .mobile-exhibition-new .exhibition-box {
width: calc(100% - 5.33333vw);
opacity: 1;
background: #ffffff;
box-shadow: 0px 0.43333vw 0.6vw 0.6vw rgba(0, 0, 0, 0.04);
padding: 2.13333vw 2.66667vw;
border-radius: 1.6vw;
margin-bottom: 3vw;
}
.index-box .mobile-exhibition-new .exhibition-box .m1 {
display: flex;
flex-wrap: nowrap;
}
.index-box .mobile-exhibition-new .exhibition-box .m1 .exhibition-img {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ebebeb;
border-radius: 5px;
padding: 5px;
}
.index-box .mobile-exhibition-new .exhibition-box .m1 .exhibition-img .logo {
width: 25vw;
height: 18vw;
background-image: url(/templets/2024showg/images/tubj.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
background-color:#ffffff;;
border-radius: 5px;
}

.index-box .mobile-exhibition-new .exhibition-box .m1 .exhibition-info {
padding: 0 0 0 3vw;
width: calc(100% - 3.33333vw);
position: relative;
display: flex;
align-content: space-between;
flex-wrap: wrap;
}
.index-box .mobile-exhibition-new .exhibition-box .m1 .exhibition-info .row {
display: flex;
justify-content: space-between;
}
.index-box .mobile-exhibition-new .exhibition-box .m1 .exhibition-info .row .title {
line-height: 5.33333vw;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.index-box .mobile-exhibition-new .exhibition-box .m1 .exhibition-info .row a:link,
.index-box .mobile-exhibition-new .exhibition-box .m1 .exhibition-info .row a:hover,
.index-box .mobile-exhibition-new .exhibition-box .m1 .exhibition-info .row a:visited {
color: #333;
font-size: 4vw;
/*font-weight: 500;*/
line-height: 6vw;
text-align: left;
}
.index-box .mobile-exhibition-new .exhibition-box .m1 .exhibition-info .row.hot {
padding: 1.33333vw 0 0 0;
width: 100%;
align-items: center;
}
.index-box .mobile-exhibition-new .exhibition-box .m2  .row.date .time {
  font-size: 3.7vw;
  letter-spacing: 0px;
  line-height: 5.40533vw;
  color: #999999;

}
.index-box .mobile-exhibition-new .exhibition-box .m1 .exhibition-info .row.hot .status {
  font-size: 3.2vw;
  font-weight: 400;
  color: #45AA5E;

}
.index-box .mobile-exhibition-new .exhibition-box .m2 {
/*padding: 2.66667vw 0 0 0;*/
/*border-top: 1px solid #f2f2f2;*/
margin: 4vw 0 0 0;
}
.index-box .mobile-exhibition-new .exhibition-box .m2 .row.date {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  background-color: #F9F9F9;
  border-radius: 0px 5px 5px 0px;
  height: 3.8vh;
  padding-left: 3vw;
}
.index-box .mobile-exhibition-new .exhibition-box .m1 .row.hot .hots-icon {
  font-size: 3.2vw;
  font-weight: 500;
  letter-spacing: 0px;
  color: #333333;
  background-image: url(/templets/2024showg/images/hot-new.png);
  background-repeat: no-repeat;
  background-size: 3.06667vw 3.6vw;
  background-position: 1vw 0.1vw;
  padding: 0 0 0 5.33333vw;
  display: block;
}
.index-box .mobile-exhibition-new .exhibition-box .m1 .row.hot .hots-icon span{

  color: #666666;

}
.index-box .mobile-exhibition-new .exhibition-box .m2 .row.date .follow {
padding-right: 2.66667vw;
}
.index-box .mobile-exhibition-new .exhibition-box .m2 .row.date .join {
  height: 100%;
}
.index-box .mobile-exhibition-new .exhibition-box .m2 .row.date .follow .bnt {
width: 13.33333vw;
height: 6.13333vw;
opacity: 1;
border-radius: 1.6vw;
background: #ef6320;
font-size: 3.2vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 5.86667vw;
color: #ffffff;
cursor: pointer;
}
.index-box .mobile-exhibition-new .exhibition-box .m2 .row.date .join .bnt {
  width: 18vw;
  height: 100%;
  opacity: 1;
  border-radius: 1vw;
  background: #FD7F42;
  font-size: 3.8vw;
  letter-spacing: 0px;
  line-height: 6vw;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(/templets/2024showg/images/home-baoming-bg.png) no-repeat;
  background-position: center;
  background-size: contain;
}
.index-box .mobile-exhibition-new .exhibition-box .m2 .row.date .follow .bnt.unnotify {
background-color: #e6e6e6;
color: #9a9a9a;
}
.tag {
width: 6.4vw;
margin: 0 0.53333vw 0 0;
height: 4.8vw;
opacity: 1;
border-radius: 0.8vw;
padding: 1px 1.06667vw;
font-size: 3.2vw;
font-weight: 400;
letter-spacing: 0px;
line-height: 4.63467vw;
color: #ffffff;
}
.tag.type1 {
background: #ffc300;
}
.tag.type2 {
background: #2b9cff;
}
.tag.type3 {
background: #ef6320;
}

.index-box .home-banner {
display: none;
width: 100%;
margin-top: 12vw;
}

.index-box .mobile-news{
width: 100%;
}

.index-box .mobile-news .news-list{

}


.index-box .mobile-news .news-list .news-section-new .news-head{
  display: flex;
  justify-content: space-between;
  background-color: #ffffff;
  box-shadow: 0px 0px 2.66vw 0px rgba(0, 0, 0, 0.08);
  border-radius: 2.66vw 2.66vw 0px 0px;
  height: 8.93vw;
  padding-top: 5.06vw;
  padding-left: 4%;
}

.index-box .mobile-news .news-list .news-section-new .news-head .sub-section-title{
  background-image: url(/templets/2024showg/images/mobile/news.png);
  background-repeat: no-repeat;
  background-size: 4.4vw 4.53vw;
  text-align: left;
  font-size: 3.733vw;
  font-weight: bold;
  letter-spacing: 0px;
  line-height: 4.133vw;
  color: #000000;
  padding-left: 6.57%;
}

.index-box .mobile-news .news-list .news-section-new .news-content{

}

.index-box .mobile-news .news-list .news-section-new .news-content .posts{
  opacity: 1;
  background: #ffffff;
  box-shadow: 0px 0px 2.66vw 0px rgba(0, 0, 0, 0.08);
  border-radius: 2.66vw;
  margin-bottom: 3vw;
  height: 28vw;
}

.index-box .mobile-news .news-list .news-section-new .news-content .posts:nth-child(1) {
  border-radius: 0 0 2.66vw 2.66vw;
}

.index-box .mobile-news .news-list .news-section-new .news-content .posts .detail{
  display: flex;
  height: 100%;
  justify-content: space-between;
}
.index-box .mobile-news .news-list .news-section-new .news-content .posts .bb{
  align-content: space-between;
  flex-wrap: wrap;
  height: auto;
  width: 58.71%;
  padding: 4.87vw 0 4.87vw 3.57%;
}

.index-box .mobile-news .news-list .news-section-new .news-content .posts .info .title{
  line-height: 5.33333vw;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #333333;
  font-size: 3.73vw;
  width: 100%;
}

.index-box .mobile-news .news-list .news-section-new .news-content .posts .info .time{
  color: #999999;
  font-size: 3.2vw;
  line-height: 3.8vw;
}

.index-box .mobile-news .news-list .news-section-new .news-content .posts .aa{
  align-items: center;
  width: 30%;
  overflow: hidden;
  height: auto;
  margin: 4.87vw 4.57% 4.87vw 0px;
  padding-left: 2vw;
}

.index-box .mobile-news .news-list .news-section-new .news-content .posts .info{
  display: flex;
}

.index-box .mobile-news .news-list .news-section-new .news-content .posts .info .cover{
  position: relative;
  height: auto;
}

.index-box .mobile-news .news-list .news-section-new .news-content .posts .info .cover .news-img{
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  padding: 4.87vw 3.57% 4.87vw 0;

}

.index-box .mobile-news .news-list .news-section-new .news-content .posts .info .news-icon{
  position: absolute;
  width: 11.79vw;
  top: 21vw;
  left: -1vw;
}

.index-box .mobile-news  a:link,
.index-box .mobile-news  a:hover,
.index-box .mobile-news  a:visited {
color: #333;
font-size: 3.73333vw;
font-weight: 400;
line-height: 6.66667vw;
text-align: left;
}


.index-box .mobile-news .news-list .news-section .news-content .rows .news-info .title {
display: flex;
}
.index-box .mobile-news .news-list .news-section .news-content .rows .news-info .title .key{
text-align: center;
background-color: #F0F0F0;
width: 20px;
height: 24px;
font-size: 12px;
color: #999999;
  line-height: 24px;
}

.index-box .mobile-news .news-list .news-section .news-content .rows .news-info .title .news-info-content{
width: 80vw;
padding-left: 10px;
}


.swiper-container {
width: 100%; /* 或者你想要的固定宽度 */
  height: auto; /* 或者你想要的固定高度，但通常让高度自适应图片 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 99;
}

.swiper-slide {
  /* 这里通常不需要设置宽高，因为Swiper会自动处理 */
  text-align: center; /* 让图片居中显示（可选） */
}

.swiper-slide-image {
  display: block; /* 移除图片下方的默认间隙 */
  width: 100%; /* 图片宽度100%填充swiper-slide */
  height: auto; /* 保持图片原始宽高比 */
  object-fit: cover; /* 如果需要，可以使用object-fit来裁剪或填充图片 */
  border-radius: 5px;
}

.swiper-container .swiper-pagination-bullet {
  background-color: #CCC4AE; /* 非活动的分页圆圈颜色 */
  opacity: 1; /* 如果需要，可以设置透明度 */
}
/* 改变分页圆圈的背景颜色 */
.swiper-container .swiper-pagination-bullet-active {
  background-color: #E66732; /* 当前活动的分页圆圈颜色 */
}
/*body .wrapper .header-section{*/
/*  display: block;*/
/*}*/

body .wrapper #app {
  margin-bottom: 18.66667vw;
  position: unset;
  padding-top: 15vh;

}

.scroll_banner_container{
  display: none;
}

.index-box .mobile-detail{
  position: absolute;
  z-index: 99;
  padding-right: 2.66667vw;
  padding-bottom: 11vh;
}