body {
  overflow-x: hidden;
}

.welcome {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  background: #000;
  position: absolute;
  width: 100vw;
  height: 100vh;
  z-index: 999;
}
.welcome > img {
  width: 193px;
  opacity: 0;
}

.banner {
  font-weight: bold;
  color: #fff;
  position: relative;
  font-size: 0;
}
.banner .banner__mask {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background: #000;
}
.banner .banner_image {
  width: 100%;
}
.banner .banner__top {
  position: absolute;
  font-size: 200rem;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.banner .banner__top-text-wrapper {
  position: absolute;
  left: 55rem;
  top: 100rem;
  overflow: hidden;
  height: 235rem;
}
.banner .banner__right-text-wrapper {
  position: absolute;
  right: 115rem;
  top: 420rem;
  height: 235rem;
  text-align: right;
  overflow: hidden;
}
.banner .banner__right-text-bottom-wrapper {
  position: absolute;
  right: 115rem;
  top: 650rem;
  text-align: right;
  overflow: hidden;
}

.key-info-list-wrapper {
  width: 100%;
  height: 1080rem;
  overflow: hidden;
}

.key-info-list {
  position: relative;
}

.key-info {
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  height: 630rem;
  padding-top: 450rem;
}
.key-info.key-img-list {
  position: relative;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
}
.key-info.key-img-list .title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 120rem;
  scale: 0;
}
.key-info.key-img-list .key-img {
  position: absolute;
  border-radius: 20rem;
  transform-origin: left bottom;
  height: 400rem;
}
.key-info.key-img-list .key-img.key-right-img, .key-info.key-img-list .key-img.key-right-img-2 {
  transform-origin: right bottom;
}
.key-info.key-img-list .key-img:nth-child(2) {
  top: 63rem;
  left: 300rem;
  z-index: 3;
}
.key-info.key-img-list .key-img:nth-child(3) {
  left: 300rem;
  z-index: 1;
  top: 500rem;
}
.key-info.key-img-list .key-img:nth-child(4) {
  right: 360rem;
  top: 63rem;
  z-index: 2;
}
.key-info.key-img-list .key-img:nth-child(5) {
  right: 360rem;
  z-index: 1;
  top: 500rem;
}
.key-info .agenda-params-list {
  padding: 0 160rem;
  display: flex;
  justify-content: space-between;
  color: #fff;
}
.key-info .agenda-params-list .agenda-params {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 300rem;
  height: 300rem;
  border-radius: 50%;
  border: 1px solid #fff;
  font-size: 30rem;
}
.key-info .agenda-params-list .agenda-params .icon-shangjiantou {
  display: none;
}
.key-info .agenda-params-list .agenda-params__total {
  margin-top: 10px;
}

.video-info {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 0;
  height: 1080rem;
}
.video-info video {
  width: 1600rem;
}

.agenda-section {
  background: #000;
}
.agenda-section .btn-list {
  display: flex;
  justify-content: space-between;
  padding: 0 140rem;
}
.agenda-section .btn-list .agenda-btn {
  display: inline-block;
  border: 1px solid #fff;
  padding: 15rem 40rem;
  font-size: 30rem;
  color: #fff;
  border-radius: 40rem;
}
.agenda-section .btn-list .agenda-more {
  color: #fff;
  border-color: #fff;
}

.meeting-list {
  display: flex;
  justify-content: space-between;
  margin-top: 60rem;
  padding: 0 175rem;
}
.meeting-list .meeting-slide .meeting-item {
  --content-color: #000;
  width: 410rem;
  height: 685rem;
  padding: 25rem 30rem;
  border-radius: 30rem;
  background: #d8d8d8;
}
.meeting-list .meeting-slide .meeting-item .meeting__header {
  display: flex;
  justify-content: space-between;
}
.meeting-list .meeting-slide .meeting-item .day-list {
  display: flex;
  align-items: flex-end;
}
.meeting-list .meeting-slide .meeting-item .meeting-title {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--content-color);
  font-size: 25rem;
  height: 60rem;
  padding: 0 30rem;
  border-radius: 40rem;
}
.meeting-list .meeting-slide .meeting-item .day-tag {
  border: 1px solid var(--content-color);
  padding: 10rem 20rem;
  font-size: 20rem;
  height: max-content;
  border-radius: 20rem;
}
.meeting-list .meeting-slide .meeting-item .day-tag:first-child {
  margin-right: 10px;
}
.meeting-list .meeting-slide .meeting-item .meeting-detail-btn {
  display: flex;
  align-items: center;
  float: right;
  border: 1px solid var(--content-color);
  padding: 10rem 20rem;
  font-size: 20rem;
  height: max-content;
  width: max-content;
  margin-top: 20rem;
  border-radius: 20rem;
}
.meeting-list .meeting-slide .meeting-item .meeting-detail-btn .icon-youjiantou1 {
  margin-left: 5px;
  font-size: 30rem;
}
.meeting-list .meeting-slide .meeting-item .meeting__sub-title {
  margin-top: 20rem;
  clear: both;
}
.meeting-list .meeting-slide .meeting-item .brand-list {
  display: flex;
  flex-wrap: wrap;
}
.meeting-list .meeting-slide .meeting-item .brand-list .brand-item:not(:nth-child(4n)) {
  margin-right: 23rem;
}
.meeting-list .meeting-slide .meeting-item .brand-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 85rem;
  height: 85rem;
  border-radius: 50%;
  background: #fff;
  margin-top: 15px;
}
.meeting-list .meeting-slide .meeting-item .brand-item .brand-image {
  width: 100%;
  border-radius: 50%;
}
.meeting-list .meeting-slide .meeting-item .meeting-desc {
  margin-top: 30rem;
  line-height: 1.5;
  height: 200rem;
  overflow-y: scroll;
  scrollbar-width: none;
}
.meeting-list .meeting-slide.swiper-slide-active .meeting-item {
  --content-color: #fff;
  background: var(--color-active);
  color: #fff;
  padding: 40rem 30rem;
  z-index: 99 !important;
}
.meeting-list .meeting-slide.swiper-slide-active .meeting-item a {
  color: #fff;
}

.guest-content-wrapper {
  position: relative;
}
.guest-content-wrapper .guest__profile {
  position: absolute;
  top: 90rem;
  left: 140rem;
  width: 430rem;
  height: 430rem;
  border-radius: 215rem;
}

.guest-btn-list {
  display: flex;
  color: #fff;
  padding: 125rem 55rem 35rem;
  background: #000;
}
.guest-btn-list .guest-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15rem 25rem;
  border: 1px solid #fff;
  border-radius: 20rem;
  font-size: 20rem;
  margin-right: 15rem;
  color: #fff;
  cursor: pointer;
}
.guest-btn-list .guest-btn:not(:last-child) {
  flex-direction: column;
}
.guest-btn-list .guest-btn > span:last-child {
  margin-top: 10rem;
}
.guest-btn-list .guest-btn.active {
  background: var(--color-primary);
  border: none;
}
.guest-btn-list .guest-btn-more {
  margin-left: auto;
}
.guest-btn-list .guest-btn-more .icon-youjiantou1 {
  font-size: 35rem;
  margin-left: 10rem;
}

.guest-content__header {
  display: flex;
  justify-content: space-between;
  height: 260rem;
  padding-left: 750rem;
  padding-top: 40rem;
  background: var(--color-active);
  color: #fff;
}
.guest-content__header .guest__day {
  font-size: 20rem;
}
.guest-content__header .guest-time-btn {
  width: 170px;
  text-align: center;
  padding: 15rem 0;
  border: 1px solid #fff;
  border-radius: 40px;
  margin-top: 15rem;
}
.guest-content__header .guest-name {
  font-size: 60rem;
  font-weight: bold;
}
.guest-content__header .guest-info {
  margin-top: 40rem;
  text-align: right;
  margin-right: 100rem;
  font-size: 20rem;
}
.guest-content__header .guest-info .guest-job {
  margin-top: 40rem;
}
.guest-content__header .guest-info p:last-child {
  margin-top: 10rem;
}

.guest-content__left {
  width: 710rem;
  height: 300rem;
  background: #000;
  flex-shrink: 0;
}

.guest-content__right {
  background: #d8d8d8;
  flex-grow: 1;
  padding: 45rem 40rem;
  font-size: 20rem;
  line-height: 1.5;
}
.guest-content__right > div {
  overflow-y: auto;
  box-sizing: border-box;
  max-height: 100%;
}

.brand-list-section {
  display: flex;
  font-size: 0;
  line-height: 0;
  flex-wrap: wrap;
  padding: 15rem 0;
}
.brand-list-section img {
  width: 16.4vw;
  filter: grayscale(100%);
}
.brand-list-section img:nth-child(n+7) {
  margin-top: 15rem;
}
.brand-list-section img.active {
  filter: none;
}

.awards-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 1040rem;
  width: 100%;
  background: url("/images/index/awards_bg.png") no-repeat;
  background-size: cover;
}
.awards-section .awards__video {
  margin-top: 270rem;
  width: 558rem;
  height: 315rem;
}
.awards-section .awards-more {
  margin-top: 50rem;
}
.awards-section .awards-desc {
  color: #fff;
  margin-top: 35rem;
  width: 660rem;
  line-height: 1.5;
}
.awards-section .awards-desc p:not(:first-child) {
  margin-top: 25rem;
}

.more-btn {
  display: flex;
  align-items: center;
  padding: 15rem 25rem;
  border: 1px solid #fff;
  border-radius: 20rem;
  font-size: 30rem;
  color: #fff;
}
.more-btn .icon-youjiantou1 {
  font-size: 35rem;
  margin-left: 10rem;
}

.sponsor-section {
  background: #d8d8d8;
  padding-bottom: 180rem;
  padding-top: 80rem;
}
.sponsor-section .sponsor__title {
  font-size: 30rem;
  font-weight: bold;
  text-align: left;
  width: 1500rem;
  margin-left: auto;
  margin-right: auto;
}
.sponsor-section .sponsor__title:not(:first-child) {
  margin-top: 60rem;
}
.sponsor-section .sponsor__list {
  width: 1500rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40rem;
}
.sponsor-section .top-sponsor__list {
  display: flex;
  margin-top: 28rem;
  justify-content: space-between;
}
.sponsor-section .top-sponsor__list img {
  height: 75rem;
}
.sponsor-section .second-sponsor__title {
  margin-top: 140rem;
}
.sponsor-section .second-sponsor__list img {
  width: 230rem;
}
.sponsor-section .second-sponsor__list img:not(:nth-child(4n)) {
  margin-right: 188px;
}
.sponsor-section .second-sponsor__list img:nth-child(n+3) {
  margin-top: 15rem;
}
.sponsor-section .third-sponsor__list {
  margin-top: 30rem;
}
.sponsor-section .third-sponsor__list img {
  width: 180rem;
  margin-top: 30rem;
}
.sponsor-section .third-sponsor__list img:not(:nth-child(6n)) {
  margin-right: 78rem;
}

.main-content {
  background: url("/images/index/bg.jpg") no-repeat;
  background-size: cover;
}
.main-content .bg-wrapper {
  width: 90vw;
  margin-left: auto;
  margin-right: auto;
  background: url("/images/main-bg.jpg");
  background-position: 40% 69%;
}

.ticket-section {
  padding-top: 90rem;
  color: #fff;
}
.ticket-section .btn-buy {
  position: relative;
  margin-left: 135rem;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  height: 60rem;
  font-size: 30rem;
  border-radius: 30rem;
  border: 1px solid #fff;
}
.ticket-section .ticket__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 280rem;
}
.ticket-section .ticket__header .header_bg {
  z-index: 1;
  left: 135rem;
  position: absolute;
  top: 10rem;
  opacity: 0.5;
}
.ticket-section .ticket__header h3 {
  font-size: 120rem;
  font-weight: bold;
  text-align: center;
}
.ticket-section .ticket__header .btn-ticket {
  position: absolute;
  display: flex;
  align-items: center;
  height: 70rem;
  border-radius: 30rem;
  width: 370rem;
  text-indent: 35rem;
  font-size: 20rem;
  background: #000;
}
.ticket-section .ticket__header .btn-ticket.active {
  background: #2421bb;
}
.ticket-section .ticket__header .btn-full {
  z-index: 2;
  transform: rotate(8deg);
  left: 200rem;
  top: 80rem;
}
.ticket-section .ticket__header .btn-day {
  z-index: 4;
  background: #000;
  transform: rotate(-8deg);
  left: 508rem;
  top: 55rem;
}
.ticket-section .btn-other {
  background: #151515;
  left: 1200rem;
  top: 125rem;
  z-index: 8;
}
.ticket-section .btn-exhibition {
  left: 1350rem;
  top: 110rem;
  z-index: 10;
  transform: rotate(5deg);
  background: #151515;
}
.ticket-section .ticket-period-wrapper {
  margin-top: 33rem;
  background: url("/images/index/tickets.png");
  height: 337rem;
  width: 1205rem;
  margin-left: auto;
  margin-right: auto;
}

.ticket-period-wrapper {
  color: #c1c1c1;
}
.ticket-period-wrapper .btn-title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200rem;
  height: 45rem;
  border: 1px solid #c1c1c1;
  border-radius: 23rem;
  font-size: 20rem;
}
.ticket-period-wrapper .period__title {
  margin-top: 40rem;
}
.ticket-period-wrapper .period__header {
  display: flex;
}
.ticket-period-wrapper .period-col-left {
  width: 310rem;
  display: flex;
  justify-content: center;
}
.ticket-period-wrapper .period-col-right {
  display: flex;
  justify-content: space-between;
  flex: 1;
  padding: 0 95rem 0 110rem;
}
.ticket-period-wrapper .period-col-right .period__col {
  width: 200rem;
  text-align: center;
}
.ticket-period-wrapper .period__content {
  padding-top: 50rem;
}
.ticket-period-wrapper .period-line {
  display: flex;
  font-size: 18rem;
}
.ticket-period-wrapper .period-line:not(:first-child) {
  margin-top: 25rem;
}

.ticket-list {
  width: 1205rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 18rem;
  display: flex;
  justify-content: space-between;
}
.ticket-list .ticket {
  width: 285rem;
  height: 495rem;
  background: #666;
  border-radius: 20rem;
}
.ticket-list .ticket:hover {
  box-shadow: 5px 5px 5px var(--color-primary);
}
.ticket-list .ticket.active {
  box-shadow: 5px 5px 5px var(--color-primary);
}
.ticket-list .ticket > a {
  width: 100%;
  height: 100%;
}
.ticket-list .ticket > a img {
  width: 100%;
  height: 100%;
}
.ticket-list .ticket:nth-child(1) {
  background: #2421bb;
}

.news-section {
  width: 1575rem;
  padding: 100rem 80rem 100rem 40rem;
  border: 60rem;
  background: #d8d8d8;
  border-radius: 30rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30rem;
}

.news-section-title {
  margin-left: 125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 220rem;
  height: 60rem;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 20rem;
  font-size: 30rem;
}

.news__item {
  display: flex;
  padding-bottom: 50rem;
  border-bottom: #a5a5a5 1px solid;
}
.news__item:not(:first-child) {
  margin-top: 55rem;
}
.news__item .news__cover-img {
  width: 375rem;
  height: 225rem;
}
.news__item .new__main {
  margin-left: 85rem;
  flex: 1;
}
.news__item .news__title {
  font-size: 30rem;
  font-weight: bold;
}
.news__item .news-intro {
  margin-top: 10rem;
  height: 150rem;
}
.news__item .news-intro span {
  font-size: 20rem;
  line-height: 1.5;
}
.news__item .news__day {
  display: flex;
  align-items: center;
}
.news__item .news__day .icon-time {
  font-size: 22px;
}
.news__item .news__day .news__day-text {
  margin-left: 10rem;
}
.news__item .news__footer {
  display: flex;
  justify-content: space-between;
}
.news__item .news__more {
  width: 180rem;
  height: 40rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-left: auto;
  border-radius: 20rem;
  border: solid 1px #000;
}
.news__item .news__more .iconfont {
  position: absolute;
  font-size: 49rem;
  right: -6px;
  top: -5rem;
  color: var(--color-primary);
}
.news__item .news__more:hover {
  background: var(--color-primary);
  color: #fff;
}
.news__item .news__more:hover .iconfont {
  color: #fff;
}

.bottom-title {
  display: flex;
  font-weight: bold;
  color: #fff;
  justify-content: center;
  font-size: 480rem;
  padding: 0 88rem;
}

.page-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 60rem;
  padding-left: 80rem;
  padding-right: 145rem;
  color: #fff;
  font-size: 20rem;
}
.page-footer .page-footer__left {
  width: 845rem;
}
.page-footer .concat-us {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  color: #fff;
  width: 290rem;
  height: 60px;
  border-radius: 30rem;
}
.page-footer .page-footer__intro {
  margin-top: 30rem;
  line-height: 1.5;
}
.page-footer .footer__phone {
  margin-top: 40rem;
}
.page-footer .page-footer__now {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 30rem;
  height: 60rem;
  width: 260rem;
  background: #2421bb;
  border-radius: 30rem;
  color: #fff;
}
.page-footer .contact-us__link {
  display: flex;
  font-size: 25rem;
  margin-top: 30rem;
  text-align: center;
}
.page-footer .contact-us__link .contact-us__text {
  width: 220rem;
  border-bottom: 10rem #2421bb solid;
}
.page-footer .contact-us__link .right-img {
  margin-top: -10rem;
  width: 66rem;
}

.cooperation-section {
  color: #fff;
  padding-left: 100rem;
  padding-right: 100rem;
  margin-top: 100rem;
  display: flex;
  justify-content: space-between;
  font-size: var(--text-md);
}
.cooperation-section h3 {
  font-size: var(--text-lg);
  font-weight: bold;
}
.cooperation-section .cooperation {
  width: 500rem;
  margin-top: 60rem;
}
.cooperation-section .cooperation__content {
  margin-top: 10rem;
}
.cooperation-section .cooperation__content p {
  margin-top: 10rem;
}
.cooperation-section .cooperation-list-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cooperation-section .weibo-img {
  margin-top: 20rem;
  width: 728rem;
}

.contact-us-section {
  display: flex;
}
.contact-us-section .weibo-icon-list {
  margin-left: 20rem;
  padding-top: 26rem;
}
.contact-us-section .weibo-icon-list .weibo-icon-wrapper {
  position: relative;
  width: 50rem;
  height: 50rem;
  border-radius: 25rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20rem;
  cursor: pointer;
}
.contact-us-section .weibo-icon-list .weibo-icon-wrapper .iconfont {
  font-size: 25rem;
  color: #000;
}
.contact-us-section .weibo-icon-list .weibo-icon-wrapper .hover-img {
  position: absolute;
  left: -130rem;
  display: none;
  width: 120rem;
  height: 120rem;
}
.contact-us-section .weibo-icon-list .weibo-icon-wrapper:hover .hover-img {
  display: block;
}

.beian {
  margin-top: 135rem;
  color: #fff;
  padding-left: 80rem;
  font-size: 20rem;
}

.swiper {
  --swiper-theme-color: #fff;
}

/*# sourceMappingURL=index.css.map */