@charset "utf-8";
/*  */
@font-face {
font-family: 'FZBYS'; src: url(//x0.ifengimg.com/ucms/special/images/C8C751E03D9197DFA11DC504B2DC364A.TTF); }
body { background-color: #fff; color: #252525; font-size: min(3.2vmin, 18px); font-family: -apple-system,BlinkMacSystemFont,"PingFang SC",Helvetica,STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; line-height: 1.8; -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: auto; }
a { text-decoration: none; }
p { color: #252525; line-height: 1.5; }
/*  */
.container { max-width: 1200px; margin: 0 auto; position: relative; padding: 0; }
.title img { width: 100%; margin: 8vmin auto 3%; }
.disable { pointer-events: none; }
.no-scroll { overflow: hidden; }
div[video-link] { cursor: pointer; transition: all 0.3s; position: relative; }
div[video-link]:hover { transform: scale(1.02); }
div[video-link]::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15%; padding-bottom: 15%; background: url(//x0.ifengimg.com/ucms/special/images/95E602DCC65AF0CCA81D9B1484FF56B5.png) no-repeat center/contain; /* border-radius: 50%; */ }
.divider::after { /* height: 100%; */ /* content: ''; */ width: 1px; background-color: #62bf7861; position: absolute; top: 0; left: 50%; margin-left: 0.5px; }
/*  */
.banner { position: relative; width: 100%; background: url(//x0.ifengimg.com/ucms/special/images/D655CBAE5C6EA8D24108EC2F37C73827.jpg) no-repeat bottom/cover; margin-bottom: 5vmin; }
.innerText { max-width: 1200px; width: 100%; text-align: center; margin: 0 auto; height: 70vmin; position: relative; display: flex; justify-content: flex-start; align-items: center; gap: 6vmin; flex-direction: column; }
.logo { width: 38%; margin-top: 10vmin; }
.zhubiao { width: 58%; margin-top: -2vmin; }
.shijian { width: 26%; }
.guanfang { width: 42%; }

.scrollBox { overflow: auto; padding-right: 3vmin; box-sizing: border-box; }
.scrollBox::-webkit-scrollbar { width: 6px; height: 6px; }
.scrollBox::-webkit-scrollbar-track { background: transparent; }
.scrollBox::-webkit-scrollbar-thumb { background-color: #1b5e48; border-radius: 4px; }

/* .weft01,.weft03,.weft04{margin-bottom: 8vmin;} */
.weft01 h1 { font-size: min(4.2vmin, 28px); font-weight: bold; margin-bottom: 2vmin; line-height: 1.3; }
.weft01 p { width: 80%; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
/* .newList{max-height: 47.2vmin;} */
.newItem { margin-bottom: 3.4vmin; display: flex; gap: 3vmin; align-items: center; }
.imgBox { }
.contentBox { }
.subtitle { flex-basis: 100%; text-align: left; margin-bottom: 1.4vmin; font-weight: bold; }
.highlightBox { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-top: 3vmin; }
.highlightItem { flex-basis: 21%; }
.highlightBox h2 { font-size: min(2.6vmin,16px); line-height: 1.5; margin: 3% 3% 0; }

.interviewList { position: relative; display: grid; justify-content: space-around; align-items: center; gap: 3vw; justify-items: center; grid-template-columns: repeat(2, 1fr); }
.interviewItem { /* padding-bottom: 3vw; border-bottom: 1px solid #62bf7861; */ }
.interviewTitle { font-size: min(1.8vmin, 18px); line-height: 1.3; /* margin: 3% 2% 0; */ }

.guestList { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; font-family: 'FZBYS'; }
.guestItem { background: url(//x0.ifengimg.com/ucms/special/images/5D441C94CA84F8A3FC1269A6237DC909.png) no-repeat top/cover; flex-basis: 30%; border-radius: 1vmin; padding: 5% 4vmin 5%; color: #fff; box-sizing: border-box; text-align: justify; margin-bottom: 5%; align-self: stretch; }
.guestTopic { height: 16vmin; overflow: hidden; display: flex; flex-direction: column; justify-content: center; }
.cnTopic { font-size: min(1.8vmin, 18px); margin-bottom: 2%; display: -webkit-box; overflow: hidden; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; text-align: left; line-height: 1.5; }
.enTopic { font-size: min(1.6vmin, 16px); margin-bottom: 4%; display: -webkit-box; overflow: hidden; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 1.3; text-align: left; }
.guestImg { border-radius: 50%; margin: 0 -4vmin 9%; }
.guestName { font-size: min(1.8vmin, 18px); margin-bottom: 8%; line-height: 1.3; position: relative; }
.guestName::after { content: ''; position: absolute; bottom: -21%; left: 0; width: 2vmin; height: 3px; background-color: #ffd329; }
.guestPost { font-size: min(1.4vmin, 14px); line-height: 1.3; text-align: left; }

#gallery { border-radius: 1vmin; position: relative; width: 100%; overflow: hidden; }
#gallery h3 { font-size: min(1.6vmin, 16px); position: absolute; bottom: 0; left: 0; right: 0; padding: 1% 3%; color: #fff; background-color: rgba(0,0,0,0.7); }
#gallery .swiper-pagination-bullets { bottom: 1.4%; left: auto; right: 2%; width: 20%; }
#gallery .swiper-pagination-bullet { width: 0.8vmin; height: 0.8vmin; background-color: #fff; margin: 0 1%; }
#gallery .swiper-pagination-bullet-active { background-color: #62bf78; }

.mediaCollectionList { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; height: 38vh; }
.mediaCollectionItem { flex-basis: 48%; margin-bottom: 2vmin; padding-bottom: 1vmin; border-bottom: 1px dashed #62bf7861; }
.mediaCollectionItem span { font-weight: bold; }
.mediaCollectionItem a { color: #252525; }

.agendaList { font-family: sans-serif,"Segoe UI",Roboto; height: 100vh; }
.agendaItem { display: flex; gap: 2vmin; }
.agendaItemTitle { flex-basis: 36%; padding: 0 2vmin 0 0; border-right: 0.5vmin solid #62bf78; }
.agendaItemTitle .tilteList { margin-bottom: 1.5vmin; border-bottom: 1px dashed #62bf7861; padding-bottom: 1.5vmin; }
.agendaItemTitle h3 { line-height: 1.2; margin: 5% 0 0; font-size: min(1.6vmin,16px); /* min-height: 2.4em; */ }
.agendaItemDate { flex-basis: 20%; display: flex; flex-direction: column; align-items: center; text-align: center; }
.agendaItemDate .month { font-size: min(1.4vmin, 14px); font-weight: bold; }
.agendaItemDate .day { font-size: min(4.2vmin,42px); font-weight: bold; line-height: 1.2; }
.agendaItemDate .day.font-small { font-size: min(3.4vmin,26px); margin: 4% 0 6%; white-space: nowrap; }
.agendaItemDate .year { font-size: min(1.4vmin, 14px); background: #62bf78; padding: 0 5%; color: #fff; }
.agendaItemInfo { padding-left: 2vmin; border-left: 1px solid #62bf78; flex-basis: 80%; }
.agendaItemInfo .infoList { margin-bottom: 1.5vmin; border-bottom: 1px dashed #62bf7861; padding-bottom: 1.5vmin; position: relative; /* height: 17.8vmin; */ /* overflow: hidden; */ }
.agendaItemInfo h2 { font-weight: bold; font-size: min(2.6vmin,26px); line-height: 1.3; }
.agendaItemInfo h3 { font-size: min(1.6vmin,16px); }
.agendaItemInfo p { margin-top: 1.4vmin; /* transition: all 0.5s; */ font-size: min(1.8vmin, 16px); min-height: 6.1em; }
.agendaItemInfo p:nth-of-type(n+2) { opacity: 1; }
.infoList .readMore { line-height: 4vmin; position: absolute; bottom: 0; height: 4vmin; width: 100%; background: #fff; cursor: pointer; }
.infoList.show { padding-bottom: 3vmin; }
.infoList.show p:nth-of-type(n+2) { opacity: 1; }

.weft06 { margin-top: 8vmin; }

.mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; display: flex; visibility: hidden; background: rgba(0, 0, 0, .9); width: 100%; height: 100vh; }
.mask.visible { visibility: visible; }
.mask video { width: min(100vw, 1200px); max-height: 100vh; margin: auto; transition: initial; transform: scale(.4); will-change: auto; }
.mask.visible video { transition: .3s; transform: scale(1); }
.video-close { position: absolute; top: min(20px, 4%); right: min(20px, 4%); width: min(42px, 7vmin); height: min(42px, 7vmin); cursor: pointer; background: url(//x0.ifengimg.com/ucms/special/images/356D9578B6651E35B249DFE3BDE231D6.png) no-repeat center/contain; }

@media only screen and (max-width: 735px) {
  .weft01 h1 { line-height: 1.4; }
  .weft01 p { line-height: 1.8; width: 100%; }
  .newItem { display: block; }
  .contentBox { flex-basis: 100%; }
}