.index-banner {
  clear: both;
  position: relative;
  /*
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 10%;
  padding-right: 10%;
  */
  padding: 1rem 10%;
  background-image: url('../images/index_banner_bg.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #FAFBFD;
  min-height: 100%;
}

.index-banner.cn {
  padding: 1rem 10% 0;
}

.index-banner .box {
  /*
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
  bottom: 0;
  z-index: 1;
  */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  height: 100%;
}

.index-banner .box .h1 {
  font-size: 0.24rem;
  font-weight: 600;
  color: #1D1D1D;
  line-height: 1.2;
  padding-bottom: 0.05rem;
}

.index-banner .box .h3 {
  font-family: "Helvetica-Bold";
  font-size: 0.14rem;
  font-weight: 600;
  color: #1D1D1D;
}

.index-banner .box .company {
  padding: 0.24rem 0 0 0;
  font-size: 0.14rem;
  color: #5A5A5A;
  line-height: 1.5;
}

.index-banner .box .company .lang-en {
  padding-top: 0.08rem;
  font-family: Helvetica;
  font-size: 0.1rem;
}

.index-banner .box .button {
  clear: both;
  margin-top: 0.35rem;
  font-size: 0;
}

.index-banner .box .video-panel {
  clear: both;
  width: 100%;
  font-size: 0;
  margin-top: 0.35rem;
  position: relative;
  display: block;
  /*
  background-color: #ffffff;
  border-radius: 0.1rem;
  padding: 0.1rem;
  */
}

.index-banner .box .video-panel.lg {
  margin-top: 0.7rem;
}

.index-banner .box .video-panel.on {
  display: block;
  animation-name: anim-scale;
  animation-duration: 0.75s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  /*
  -moz-animation: anim-scale 0.75s;
  -webkit-animation: anim-scale 0.75s;
  animation: anim-scale 0.75s;
  */
  /*
  transform: scale(1);
  */
}

.index-banner .box .video-panel .banner-video {
  width: 100%;
  border: 0.05rem solid #fff;
  box-shadow: 0 0 0.12rem 0 rgba(168, 168, 168, 0.13);
  border-radius: 0.2rem;
  overflow: hidden;
}

.index-banner .box .video-panel .close {
  position: absolute;
  right: -0.1rem;
  top: -0.1rem;
  width: 0.26rem;
  height: 0.26rem;
  background-color: #ffffff;
  border-radius: 100%;
  box-shadow: 0 0 0.12rem 0 rgba(168, 168, 168, 0.13);
  /*display: flex;
  justify-content: center;
  align-items: center;*/
  text-align: center;
  line-height: 0.22rem;
  font-family: "Microsoft Yahei";
  font-size: 0.16rem;
}



.index-banner .arrow-down {
  position: absolute;
  z-index: 2;
  width: 0.32rem;
  bottom: 1%;
  left: 50%;
  transform: translateX(-50%);
  animation-name: zoomUp;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.index-banner.cn .arrow-down {
  bottom: -10%;
  animation-name: zoomUpCn;
}


.article-panel {
  clear: both;
  padding-top: 0.45rem;
  padding-bottom: 0.3rem;
  background-image: url('../images/article-bg.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
}

.article-panel.cn {
  padding-top: 0.75rem;
}

.article-panel .box {
  margin: 0.28rem -0.12rem;
  clear: both;
  position: relative;
  font-size: 0;
}

.article-panel .box .topic {
  position: relative;
  border-radius: 0.15rem;
  overflow: hidden;
  margin-bottom: 0.15rem;
}

.article-panel .box .topic .tag {
  position: absolute;
  left: 0.15rem;
  top: 0.15rem;
  display: inline-block;
  border-radius: 0.25rem;
  padding: 0.03rem 0.14rem;
  background-color: #ffffff;
  font-size: 0.14rem;
  color: #71848F;
  z-index: 3;
}

.article-panel .box .topic:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  z-index: 2;
}

.article-panel .box .topic img {
  max-width: 100%;
}

.article-panel .box .topic .title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.15rem;
  z-index: 3;
}

.article-panel .box .topic .title a {
  /*
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  */
  font-size: 0.16rem;
  color: #ffffff;
}

.article-panel .box .swiper-slide {
  padding: 0.12rem;
}

.article-panel .box .swiper-slide .row {
  clear: both;
  background-color: #ffffff;
  border-radius: 0.15rem;
  box-shadow: 0 0 0.12rem 0 rgba(168, 168, 168, 0.13);
  display: flex;
  overflow: hidden;
  justify-content: space-between;
}

.article-panel .box .swiper-slide .row .side {
  padding: 0.15rem;
  display: flex;
  flex-direction: column;
}

.article-panel .box .swiper-slide .row .side .icon {
  border-radius: 0.13rem;
  height: 0.26rem;
  line-height: 0.26rem;
  background-color: #FFE2B9;
  font-size: 0.14rem;
  color: #FF963B;
  width: 0.7rem;
  text-align: center;
}

.article-panel .box .swiper-slide .row .side a.name {
  padding: 0.1rem 0 0 0;
  display: block;
  font-size: 0.155rem;
  color: #000000;
}

.article-panel .box .swiper-slide .row .side .attrs {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  font-size: 0.12rem;
  color: #000000;
}

.article-panel .box .swiper-slide .row .picture {
  flex-basis: 28.4%;
  flex-shrink: 0;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.article-panel .box .swiper-slide .row .picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article-panel .box .swiper-slide .row+.row {
  margin-top: 0.15rem;
}

.agenda-panel {
  clear: both;
  font-size: 0;
  margin-top: 0.35rem;
  padding-bottom: 0.35rem;
}

.agenda-panel .box {
  clear: both;
  overflow: hidden;
  font-size: 0;
  margin-top: 0.3rem;
  /*
  background-color: #ffffff;
  border-radius: 0.15rem;
  box-shadow: 0 0 0.12rem 0 rgba(168, 168, 168, 0.13);
  */
}

.agenda-panel .box .flex-row {
  display: flex;
  margin: -0.07rem;
  flex-flow: row wrap;
}

.agenda-panel .box .flex-row .item {
  flex-basis: 50%;
  padding: 0.07rem;
}

.agenda-panel .box .flex-row .item .panel {
  position: relative;
}

.agenda-panel .box .flex-row .item .panel img {
  max-width: 100%;
}

.agenda-panel .box .flex-row .item .panel .info {
  position: absolute;
  left: 0;
  right: 0;
  top: 10%;
  padding: 0 10%;
  font-size: 0.185rem;
  color: #FAFBFD;
}

.agenda-panel .box .flex-row .item .panel .info .name {
  clear: both;
  padding-top: 0.35rem;
  line-height: 1.2;
}

.agenda-panel .tips {
  color: #FF9240;
  padding: 0.2rem 0;
  font-size: 0.16rem;
  text-align: center;
}

.agenda-panel .box .hd {
  background: linear-gradient(90deg, #8BE2FF 0%, #D3F59D 41%, #FFA14E 100%);
  display: flex;
  height: 0.35rem;
  font-size: 0.14rem;
  padding: 0 0.2rem;
}

.agenda-panel .box .hd .col {
  display: inline-flex;
  align-items: center;
  position: relative;
  height: 100%;
  font-family: Sans-Medium;
}

.agenda-panel .box .hd .time {
  flex-basis: 40%;
  justify-content: center;
}

.agenda-panel .box .hd .intro {
  flex: 1;
  padding-left: 0.2rem;
}

.agenda-panel .box .bd {
  padding: 0.2rem;
}

.agenda-panel .box .bd .row {
  clear: both;
  position: relative;
}

.agenda-panel .box .bd .row:before {
  content: '';
  position: absolute;
  top: 0.06rem;
  left: 40%;
  bottom: 0.06rem;
  width: 1px;
  background-color: #EAEAEA;
}

.agenda-panel .box .bd .row .col {
  display: flex;
  justify-content: space-between;
  font-size: 0;
  font-family: Sans-Bold;
  position: relative;
}

.agenda-panel .box .bd .row .col:before {
  content: '';
  width: 0.12rem;
  height: 0.12rem;
  position: absolute;
  top: 0.06rem;
  left: calc(40% - 0.05rem);
  background-image: url('../images/icon_circle.png');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 0.12rem;
}

.agenda-panel .box .bd .row .col+.col {
  margin-top: 0.2rem;
}

.agenda-panel .box .bd .row .col .time {
  flex-basis: 40%;
  font-size: 0.14rem;
  text-align: center;
}

.agenda-panel .box .bd .row .col .intro {
  flex: 1;
  padding-left: 0.2rem;
  font-size: 0.145rem;
}

.agenda-panel .box .bd .row .col .intro .t {
  display: flex;
  align-items: center;
}

.agenda-panel .box .bd .row .col .intro .t .sub {
  font-size: 0.13rem;
  margin-left: 0.1rem;
}

.agenda-panel .box .bd .row .col .intro .cls {
  clear: both;
  color: #3D3D3D;
  font-size: 0.13rem;
  padding-top: 0.025rem;
  font-family: Sans;
  line-height: 1.5;
}

.guest-panel {
  clear: both;
  /*padding-top: 0.35rem;*/
  padding-bottom: 0.35rem;
}

.guest-panel .box {
  clear: both;
  margin-top: 0.3rem;
  font-size: 0;
}

.guest-panel .box .row {
  margin: -0.05rem;
  display: flex;
  flex-flow: row wrap;
}

.guest-panel .box .row .col {
  flex-basis: 50%;
  padding: 0.05rem;
}

.guest-panel .box .row .col .lead {
  position: relative;
  height: 100%;
  background-color: #ffffff;
  box-shadow: 0 0 0.12rem 0 rgba(168, 168, 168, 0.13);
  border-radius: 0.15rem;
  overflow: hidden;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.guest-panel .box .row .col .lead .avatar {
  clear: both;
}

.guest-panel .box .row .col .lead .avatar img {
  max-width: 100%;
}

.guest-panel .box .row .col .lead .profile {
  position: relative;
  z-index: 2;
  margin-top: -0.16rem;
  /*background-color: #ffffff;*/
  background-image: url('../images/slice.png');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-top: 0.3rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.guest-panel .box .row .col .lead .profile .name {
  font-size: 0.155rem;
  font-family: Sans-Medium;
}

.guest-panel .box .row .col .lead .profile .position {
  font-size: 0.12rem;
  color: #9B9B9B;
  padding-top: 0.01rem;
  width: 90%;
  text-align: center;
}

.invest-panel {
  clear: both;
}

.invest-panel .box {
  clear: both;
  margin-top: 0.3rem;
  font-size: 0;
  background-color: #ffffff;
  box-shadow: 0 0 0.06rem 0 rgba(175, 187, 198, 0.1);
  padding: 0.28rem;
  border-radius: 0.15rem;
}

.invest-panel .box .title {
  color: #F18839;
  font-family: Sans-Bold;
  font-size: 0.18rem;
}

.invest-panel .box .intro {
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
  font-size: 0.15rem;
  color: #9B9B9B;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}


.history-panel {
  clear: both;
  /*padding-top: 0.35rem;*/
  padding-bottom: 0.35rem;
}

.history-panel .box {
  clear: both;
  margin-top: 0.3rem;
  background-color: #ffffff;
  box-shadow: 0 0 0.06rem 0 rgba(175, 187, 198, 0.1);
  border-radius: 0.125rem;
  font-size: 0;
  overflow: hidden;
  padding: 0.29rem;
}

.history-panel .box .swiper-slide .row+.row {
  margin-top: 0.2rem;
}

.history-panel .box .swiper-slide .row .picture {
  border-radius: 0.15rem;
  overflow: hidden;
}

.history-panel .box .swiper-slide .row .picture img {
  max-width: 100%;
}

.history-panel .box .swiper-slide .row .title {
  font-size: 0.13rem;
  padding: 0.1rem 0;
  text-align: center;
}

.history-panel .box .video-box {
  clear: both;
  background-color: #ffffff;
  box-shadow: 0 0 0.06rem 0 rgba(175, 187, 198, 0.1);
  border-radius: 0.125rem;
  padding: 0.06rem;
}

.history-panel .box .video-box .panel {
  position: relative;
  border-radius: 0.125rem;
  overflow: hidden;
}

.history-panel .box .video-box .panel:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.history-panel .box .video-box .panel .button {
  width: 0.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.history-panel .box .video-box .panel .title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.15rem;
  font-size: 0.16rem;
  color: #ffffff;
  font-family: Sans-Medium;
  z-index: 3;
}

.history-panel .box .list {
  clear: both;
  margin-top: 0.2rem;
}

.history-panel .box .list .row {
  margin: -0.08rem;
  display: flex;
  flex-flow: row wrap;
}

.history-panel .box .list .row .col {
  flex-basis: 50%;
  padding: 0.08rem;
}

.history-panel .box .list .row .col .union {
  position: relative;
  height: 100%;
  border-radius: 0.125rem;
  background: #F6F9FE;
  border: 2px solid #FFFFFF;
  box-shadow: 0 0 0.06rem 0 rgba(175, 187, 198, 0.1);
  padding: 0.15rem;
}

.history-panel .box .list .row .col .union .addr {
  display: flex;
  font-size: 0.15rem;
  color: #F18839;
  font-family: Sans-Bold;
  background-image: url('../images/arrow_right.png');
  background-position: right;
  background-repeat: no-repeat;
  background-size: 0.06rem;
}

.history-panel .box .list .row .col .union .time {
  clear: both;
  font-size: 0;
  margin-top: 0.15rem;
  border-top: 1px #EAEEF1 solid;
  padding-top: 0.1rem;
}

.history-panel .box .list .row .col .union .time span {
  font-size: 0.12rem;
  color: #757575;
}


.media-partners {
  clear: both;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}

.media-partners .box {
  clear: both;
  margin-top: 0.3rem;
  font-size: 0;
}

.media-partners .box .row {
  /*margin: -0.06rem;*/
  display: flex;
  flex-flow: row wrap;
}

.media-partners .box .row .col {
  flex-basis: 33.3333%;
  /*height: 0.6rem;*/
  padding: 0.035rem;
}

.media-partners .box .row .col .logo {
  position: relative;
  height: 100%;
  /*border-radius: 0.125rem;
  background: #F6F9FE;
  border: 2px solid #FFFFFF;
  box-shadow: 0 0 0.06rem 0 rgba(175, 187, 198, 0.1);
  padding: 0.05rem 0.05rem;*/
  display: flex;
  justify-content: center;
  align-items: center;
  /*
  color: #EDE4DD;
  font-size: 0.22rem;
  font-family: Helvetica-Bold;
  */
}

.media-partners .box .row .col .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.media-partners .tips {
  color: #FF9240;
  padding: 0.2rem 0 0 0;
  font-size: 0.16rem;
  text-align: center;
}

.guide-panel {
  clear: both;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}

.guide-panel .box {
  clear: both;
  margin-top: 0.3rem;
  font-size: 0;
  background-color: #ffffff;
  box-shadow: 0 0 0.06rem 0 rgba(175, 187, 198, 0.1);
  border-radius: 0.15rem;
  padding: 0.2rem;
}

.guide-panel .box .row {
  clear: both;
  padding: 0.15rem 0;
  color: #3D3D3D;
  position: relative;
}

.guide-panel .box .row+.row:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  background-color: #EAEEF1;
}

.guide-panel .box .row .name {
  font-family: Sans-Bold;
  color: #F18839;
  padding-bottom: 0.05rem;
  font-size: 0.155rem;
}

.guide-panel .box .row .re-name {
  font-family: Sans-Medium;
  color: #1D1D1D;
  font-size: 0.145rem;
}

.guide-panel .box .row .mar {
  margin-top: 0.1rem;
}

.guide-panel .box .row .val {
  clear: both;
  padding-top: 0.06rem;
  font-size: 0.12rem;
  line-height: 1.5;
}

.guide-panel .box .row .route, .guide-panel .box .row .route .clear {
  clear: both;
  padding: 0.05rem 0;
}

.guide-panel .box .row .val .line {
  display: flex;
  align-items: center;
}

.guide-panel .box .row .val .line.fst {
  align-items: flex-start;
}

.guide-panel .box .row .val .line .icon {
  width: 0.15rem;
  margin-right: 0.05rem;
}

.guide-panel .box .row .val .line .icon img {
  max-width: 100%;
}

.guide-panel .box .row .val .line .fs {
  flex-shrink: 0;
}


.sign-panel {
  clear: both;
  padding-bottom: 0.35rem;
}

.sign-panel .box {
  clear: both;
  margin-top: 0.3rem;
  font-size: 0;
  background-color: #ffffff;
  box-shadow: 0 0 0.06rem 0 rgba(175, 187, 198, 0.1);
  border-radius: 0.15rem;
  padding: 0.2rem;
}

.sign-panel .box .col {
  clear: both;
  position: relative;
  border: 1px #ECECEC solid;
  height: 0.4rem;
  border-radius: 0.05rem;
  display: flex;
  align-items: center;
  padding: 0 0.2rem;
  margin: 0.1rem 0;
  font-size: 0;
}

.sign-panel .box .col .label {
  font-size: 0.15rem;
  color: #000;
  position: relative;
}

.sign-panel .box .col.req .label:after {
  content: '*';
  position: absolute;
  right: 0.02rem;
  top: 0;
  color: #ff0000;
  font-size: 0.12rem;
}

.sign-panel .box .col .ipt {
  flex: 1;
  padding-left: 0.1rem;
}

.sign-panel .box .col .ipt input, .sign-panel .box .col .ipt input:focus {
  border: none;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  width: 100%;
  height: 0.38rem;
}

.sign-panel .box .col .button {
  flex-shrink: 0;
  color: #F18839;
  font-size: 0.13rem;
}

.sign-panel .box .col.vms {
  text-align: right;
  font-size: 0.12rem;
  color: #ff0000;
  border: none;
  height: unset;
  justify-content: flex-end;
}

.sign-panel .box .link-panel {
  padding-top: 0.1rem;
}

.live-panel .box {
  clear: both;
  margin-top: 0.3rem;
}

.live-panel .box .panel {
  margin: -0.04rem;
}

.live-panel .box .panel .hd .name {
  width: 42.3%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.16rem;
  font-family: Sans-Bold;
  color: #F18839;
  padding-bottom: 0.1rem;
}

.live-panel .box .panel .hd .name .icon {
  width: 0.2rem;
  margin-right: 0.15rem;
}

.live-panel .box .panel .bd {
  min-height: 1rem;
  background-image: url('../images/sd_rp.png');
  background-repeat: repeat-y;
  background-position: 0;
  background-size: contain;
  padding: 0.1rem 0.35rem;
  font-size: 0;
}

.live-panel .box .panel .bd .sk-button {
  display: flex;
  margin-top: 0.2rem;
  justify-content: center;
}

.live-panel .box .panel .bd .sk-button.lang-en {
  margin-left: -0.1rem;
  margin-right: -0.1rem;
  padding: 0;
}

.live-panel .box .panel .bd .item {
  clear: both;
  display: block;
}

.live-panel .box .panel .bd .item+.item {
  margin-top: 0.2rem;
}

.live-panel .box .panel .bd .item .m {
  clear: both;
  border-radius: 0.15rem;
  overflow: hidden;
}

.live-panel .box .panel .bd .item .t {
  clear: both;
  padding: 0.1rem 0 0.05rem 0;
  display: flex;
  align-items: center;
  color: #9B9B9B;
  font-size: 0.13rem;
  font-family: Sans;
}

.live-panel .box .panel .bd .item .t .label {
  font-size: 0.14rem;
  font-family: Sans-Medium;
  color: #F18839;
  padding-right: 0.05rem;
}