/* 意昂4会议页面 2026.03.26 更新 */

.container14 {max-width: 85%;}

.banner {position: relative; overflow: hidden;}
.banner .imgBox img {width: 100%; min-height: 6.5rem; object-fit: cover;}
.banner .con {}
.banner .con .p1 {font-size: .8rem; color: #fff; line-height: 1; font-weight: 700; display: inline-flex;}
.banner .con .p1 span {
  color: #37A5D0;
    @supports (-webkit-background-clip: text) or (background-clip: text) {
        background: linear-gradient(to right, #37A5D0, #6B5BA0);-webkit-background-clip: text;background-clip: text;color: transparent;
    }
}
.banner .con .p2 {font-size: .38rem; font-weight: 600; color: #fff; margin-top: .1rem;}
.banner .con .xian {width: .46rem; height: .08rem; display: block; background: linear-gradient(to right, #37A5D0, #6B5BA0);border-radius: 6.25rem; margin-top: .2rem;}
.banner .con .p3 {margin-top: .3rem; color: #f8fdff; font-size: .3rem;}
.banner .con .more {margin-top: .8rem;}
.banner .con .more a {display: flex;}
.banner .more {position: absolute; top: 35%; left: 50%; transform: translateX(-50%);}
.banner .more a {background: none; border: 1px solid #fff; font-size: var(--font16);}
@media (any-hover: hover) {
  .banner .more a:hover {border-color: transparent;}
}

.meeting_nav {padding: .1rem 0; border-bottom: 1px solid #e4e9f0; position: sticky; top: 0; z-index: 11; background: #fff;}
.meeting_nav ul {display: flex; justify-content: center;gap: .2rem;}
.meeting_nav li a {display: block; border-radius: 6.25rem; padding: .1rem .22rem; font-size: .18rem;}
.meeting_nav li a:hover {background: linear-gradient(to right, #37A5D0, #6B5BA0); color: #fff;}
.meeting_nav li.active a {background: linear-gradient(to right, #37A5D0, #6B5BA0); color: #fff;}

.meetingTle {text-align: center;}
.meetingTle .t1 {font-size: .6rem; color: #262c53; font-weight: 700;}
.meetingTle .t2 {font-size: .2rem; color: rgba(147, 150, 174,.5); font-weight: 700; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: .08rem;}

.meetingOne {background: url(../images/zhiyuan-meeting/meetingOne-bj.jpg) no-repeat center; background-size: cover; padding: .8rem 0;}
.meetingOne .box {width: 75%;margin: auto;}
.meetingOne .text {margin-top: .4rem;}
.meetingOne .text p {text-align: center; color: rgba(48, 51, 75,.8); line-height: 1.8;}
.meetingOne .jt {width: .6rem; height: .6rem; margin: auto; margin-top: .6rem; border: 1px solid transparent; border-radius: 50%;     background: 
        linear-gradient(#e6f3ff, #e6f3ff) padding-box, /* 内部填充白色，可改为背景色 */
        linear-gradient(45deg, #37A5D0, #6B5BA0) border-box; /* 渐变边框 */}
.meetingOne .jt img {animation: shubiao 1s infinite;}
@keyframes shubiao {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  100% {
    transform: translateY(.1rem);
    opacity: 1;
  }
}

.meetingOne .box2 { margin-top: 1rem;}
.meetingOne .box2 .itemlist {display: flex; justify-content: space-between; margin-top: 1.6rem;}
.meetingOne .box2 .item {position: relative;flex: 1; overflow: hidden; padding: .4rem; padding-bottom: 1.4rem; border-bottom-right-radius: 1.5rem; background-image: linear-gradient(300deg, rgb(255,255,255) 0%, rgb(228,241,254) 100%);}
.meetingOne .box2 .item .p1 {font-size: .4rem; color: #222a64; font-weight: 700; position: relative;}
.meetingOne .box2 .item .p1::after {content: ''; margin-top: .2rem; display: block; width: .4rem; height: .08rem; background: linear-gradient(to right, #37A5D0, #6B5BA0); border-radius: 6.25rem;}
.meetingOne .box2 .item .p2 {color: #232b65; font-size: .26rem; margin-top: .3rem; line-height: 1.5; font-weight: 500;}
.meetingOne .box2 .item .icBox {margin-top: .3rem; position: absolute; right: 0; bottom: 0; width: 36%;}
.meetingOne .box2 .item .icBox img {width: 100%;}
.meetingOne .box2 .item:nth-child(even) {transform: translateY(-.5rem);}
.meetingOne .box3 {margin-top: .5rem;}
.meetingOne .box3 .list {display: flex; justify-content: space-between;}
.meetingOne .box3 .item {width: 49%; position: relative;}
.meetingOne .box3 .item .imgBox img {width: 100%;}
.meetingOne .box3 .item .con {position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; width: 100%; padding: .2rem .4rem;}
.meetingOne .box3 .item .con .p1 p {font-size: .32rem; color: #fff; font-weight: 700; line-height: 1.2;}
.meetingOne .box3 .item .con .p2 { margin-top: 1.3rem;}
.meetingOne .box3 .item .con .p2 p {font-size: .18rem; color: #fff; line-height: 1.2;}

.meetingTwo {position: relative; overflow: hidden; background: url(../images/zhiyuan-meeting/meetingTwo-bj.jpg) no-repeat center; background-size: cover; padding: .8rem 0 2rem;}
.meetingTwo .swiperBox {margin-top: 1rem; position: relative;}
.meetingTwo .swiper {position: static;}
.meetingTwo .slide {text-align: center;}
.meetingTwo .slide .imgBox {width: 2.2rem; height: 2.2rem; border-radius: 50%;background: #fff; margin: auto; overflow: hidden;}
.meetingTwo .slide .imgBox img {width: 100%;}
.meetingTwo .slide .con {margin-top: .2rem;}
.meetingTwo .slide .p1 {position: relative; font-size: .3rem; color: #222a64; font-weight: 700;}
.meetingTwo .slide .p1::after {content: ''; display: block; margin: auto; margin-top: .1rem; width: .32rem; height: .04rem; background: linear-gradient(to right, #37A5D0, #6B5BA0); border-radius: 6.25rem; }
.meetingTwo .slide .p2 {color: #636363; margin-top: .2rem;}
/* 控件 */
.meetingTwo .pagtion {bottom: -.6rem;}
.meetingTwo .pagtion .swiper-pagination-bullet-active {background: linear-gradient(to right, #37A5D0, #6B5BA0); }
.meetingTwo .swiper-button-prev {transform: rotate(180deg) translateX(200%);} 
.meetingTwo .swiper-button-next {transform: translateX(200%);}


.meetingThre {background: url(../images/zhiyuan-meeting/meetingThre-bj.jpg) no-repeat center; background-size: cover; padding: .8rem 0;    background: #eff8ff; }
.meetingThre .box {padding-left: 2rem; margin-top: .6rem;}

.meetingThre .nav {display: flex; align-items: center; justify-content: center; gap: .3rem; margin-top: .6rem;}
.meetingThre .nav-container {overflow: hidden; flex: 1;}
.meetingThre .nav-wrapper {display: flex; transition: transform 0.3s ease; border-bottom: 1px solid #d4d9dd;}
.meetingThre .nav-wrapper .item {text-align: center; width: calc(100% / 3);opacity: .3; position: relative; padding-bottom: .15rem; cursor: pointer;}
.meetingThre .nav-wrapper .item::after {content: ''; position: absolute; left: 0; width: 0; left: 50%; transform: translateX(-50%); height: 1px; background: #2e81be; bottom: -1px; transition: .5s;}
.meetingThre .nav-wrapper .item .p1 {color: #111; font-size: var(--font36); font-weight: 700;}
.meetingThre .nav-wrapper .item .p2 {margin-top: .1rem; font-size: var(--font16);}
.meetingThre .nav-wrapper .item .p2 p {color: #111;}
.meetingThre .nav-wrapper .item.active {opacity: 1;}
.meetingThre .nav-wrapper .item.active .p1 {color: #2e81be;}
.meetingThre .nav-wrapper .item.active::after {width: 100%;}

.meetingThre .nav-arrow {display: none; width: .4rem; height: .4rem; border-radius: 50%; background: rgba(255, 255, 255, 0.9); align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; flex-shrink: 0;}
.meetingThre .nav-arrow:hover {background: #fff; transform: scale(1.1);}
.meetingThre .nav-arrow svg {transition: transform 0.3s ease; width: 60%;}
.meetingThre .nav-arrow:active svg {transform: scale(0.9);}
.meetingThre .box {position: relative;}
.meetingThre .box .item {display: none; animation: fadeIn 0.5s ease;}
.meetingThre .box .item.active {display: block;}
@keyframes fadeIn {
  from {opacity: 0; transform: translateY(10px);}
  to {opacity: 1; transform: translateY(0);}
}

.agenda-section .section-header {padding: .08rem .2rem; margin-bottom: .2rem; padding-right: 1.5rem; display: inline-flex; font-size: .18rem; color: #fff; border-bottom-left-radius: .2rem;  background-image:linear-gradient(to right, rgb(43,131,192) 0%, rgba(71,67,147,.8) 50% , rgba(255, 255, 255, 0.01) 100%);}
.agenda-section .timeline {position: relative; padding-left: 1.5rem;}
.timeline::before {content: "";position: absolute;left: 1.4rem;top: 0;bottom: 0;width: .05rem;background: #cfe1f4;}
.timeline-time {position: absolute; left: 0; font-size: .2rem; color: #2e7dbc;}
.timeline-dot {position: absolute; left: 1rem; transform: translateX(100%); width: .3rem; height: .3rem; border-radius: 50%; background: #eaf4ff url(../images/zhiyuan-meeting/time-icon.png) no-repeat center; background-size: contain;}
.timeline-item {padding-left: .4rem; margin-bottom: .3rem;}
.timeline-item .timeline-card {display: flex; flex-wrap: wrap; }
.timeline-item .card-item {padding: .2rem .3rem; width: 100%; display: flex; gap: .2rem; align-items: center;  border-top-left-radius: 0;    border-bottom: 1px solid #cfe1f4;    padding-top: 0;}
.timeline-item .card-item .timeline-card-title {color: #222a64; font-size: .22rem; transition: .5s;}
.timeline-item .card-item .timeline-card-subtitle {font-size: .16rem; color: #666; transition: .5s;}
.timeline-item .card-item .speaker-info {width: .8rem; height: .8rem; border-radius: 50%;}
.timeline-item .card-item .speaker-info img {width: 100%;}
/* 只有一个卡片的情况下 */
/* .timeline-item .timeline-card.card-one .card-item {width: auto;} */
/* 有鼠标经过出现卡片的情况 */
.timeline-item .card-more {display: grid; grid-template-columns: repeat(1,1fr); gap: .2rem;}
.card-more .card-item {position: relative;}
.card-more .card-item::after {content: ''; position: absolute;  border-radius: 1rem;border-top-left-radius: 0; width: 0; height: 100%; top: 0; left: 0;  background: linear-gradient(to right, #37A5D0, #6B5BA0); transition: .5s;}
/*.card-more .card-con {width: 100%; display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1;}*/
.card-more .card-con {width: 100%; display: block; z-index:1;}
.card-more .card-con .jt {display:none; width: .24rem; height: .24rem; background: url(../images/zhiyuan-meeting/jt-icon3.png) no-repeat center; background-size: contain;}
/* 鼠标经过出现卡片 */
.popup-panel {pointer-events: none; opacity: 0; transition: .5s; display:none;  }
.popup-panel {position: absolute; min-width: 3.5rem; z-index: 111; top: -.4rem; right: -.1rem; transform: translateX(100%); padding: .3rem; box-shadow: 0 0 .15rem 0 rgba(0, 0, 0, 0.05); background: rgb(245, 249, 255); border-radius: .22rem;}
.popup-panel::before {content: ''; position: absolute; top: .75rem; left: 0; transform: translateY(-50%) translateX(-100%); width: 0; height: 0; border-top: .1rem solid transparent; border-bottom: .1rem solid transparent; border-right: .1rem solid rgb(245, 249, 255);}
.popup-panel .popup-title {font-size: .28rem; color: #333;}
.popup-panel .popup-desc {font-size: .15rem; color: #666; margin-top: .1rem;}
.popup-panel .popup-timeline {background: #fff; margin-top: .2rem; border-radius: .16rem; padding: .2rem; padding-left: .4rem; box-sizing: border-box; position: relative;}
.popup-panel .popup-timeline::before {content: ''; position: absolute; top: .3rem; left: .2rem; height: 75%; width: 1px; box-sizing: border-box; background: #c2dcf8;}
.popup-panel .popup-timeline .popup-timeline-item {margin-bottom: .2rem; position: relative;}
.popup-panel .popup-timeline .popup-timeline-item::before {content: ''; position: absolute; top: .1rem; left: -.225rem; width: .08rem; height: .08rem; border-radius: 50%;  background: linear-gradient(to right, #37A5D0, #6B5BA0);}
.popup-panel .popup-timeline .popup-time {color: #3973b5; font-size: .16rem;}
.popup-panel .popup-timeline .popup-topic {color: #666666;}
.card-more .card-item:nth-child(3n) .popup-panel {left: 0; right: auto;    transform: translateX(-100%);} 
.card-more .card-item:nth-child(3n) .popup-panel::before {left: auto; right: 0; transform: translateY(-50%) translateX(100%); border-right: none; border-left: .1rem solid rgb(245, 249, 255);}
/*@media (any-hover: hover) {*/
/*  .card-more .card-item:hover::after {width: 100%;}*/
/*  .card-more .card-item:hover .timeline-card-title {color: #fff;}*/
/*  .card-more .card-item:hover .jt {background: url(../images/zhiyuan-meeting/jt-icon4.png) no-repeat center; background-size: contain;}*/
/*  .card-more .card-item:hover .timeline-card-subtitle {color: #fff;}*/
/*  .card-more .card-item:hover .popup-panel {pointer-events: all; opacity: 1;}*/
/*}*/

.layui-popup .layui-layer-setwin {z-index: 111;}
.layui-popup .card-con {display: none;}
.layui-popup .popup-panel {position: relative; display: block; border-radius: 0; min-width: 100%; max-width: 100%; top: 0; left: 0; transform: none; opacity: 1; pointer-events: auto;}
.layui-popup .popup-panel .popup-title {font-size: .32rem;}


.meetingFour {background: url(../images/zhiyuan-meeting/meetingFour-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0;}
.meetingFour .box {margin-top: .6rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.meetingFour .secon {padding: .3rem .5rem; min-height: 3rem; width: 49%; border-radius: .2rem; border: 1px solid #fff;background-color: rgba(213, 237, 251,.6);}
.meetingFour .secon .tit {font-size: .28rem; color: #333; font-weight: 700; margin-bottom: .3rem;}
.meetingFour .secon .list {display: flex;}
.meetingFour .secon .list .item img {width: 100%; object-fit: contain;}

.meetingFour .secon .list.list_one {justify-content: center;}
.meetingFour .secon .list.list_one .item {width: 50%;}
.meetingFour .secon .list.list_one .item img {width: 100%; object-fit: contain;}

.meetingFour .secon .list.list_two {display: grid; grid-template-columns: repeat(2,1fr); gap: .6rem;}
.meetingFour .secon .list.list_two .item {width: 100%;}

.meetingFour .secon_more {width: 100%; margin-top: .15rem;}
.meetingFour .secon_more .list {display: grid; grid-template-columns: repeat(6,1fr); gap: .5rem;}

.meeting_code {background: #eff8ff;}

/* ======会后版本 */
.meetingFive {padding: 1rem 0; background: url(../images/zhiyuan-meeting/meetingFive-bj.jpg) no-repeat center; background-size: cover;}
.meetingFive .box {margin-top: .5rem;}
.meetingFive iframe {
  max-width: 100%; /* 移动端自适应宽度 */
  width: 100%;     /* 占满容器 */
  height: auto;    /* 保持16:9比例 */
  aspect-ratio: 16/9; /* 核心：固定宽高比 */
}

.meetingSix {padding: 1rem 0; background: #f2f9ff; position: relative; overflow: hidden;}
.meetingSix .tit {margin-top: .8rem; margin-bottom: .2rem; font-size: .38rem; font-weight: 700;}
.meetingSix .swiperBox {position: relative;}
.meetingSix .swiper {position: static;}
.meetingSix .slide {background: #fff; height: auto;}
.meetingSix .slide .imgBox {position: relative; padding-bottom: 58%; overflow: hidden;}
.meetingSix .slide .imgBox img {width: 100%;inset: 0; position: absolute; height: 100%; object-fit: cover; transition: .5s;}
.meetingSix .slide .con {padding: .2rem; text-align: center;}
.meetingSix .slide .con .p1 {color: #262c53; font-size: .22rem;}
@media (any-hover: hover) {
    .meetingSix .slide:hover .imgBox img {transform: scale(1.1);}
}

/* 控件 */
.meetingSix .pagtion {bottom: -.4rem;}
.meetingSix .pagtion .swiper-pagination-bullet-active {background: linear-gradient(to right, #37A5D0, #6B5BA0); }
.meetingSix .swiper-button-prev {transform: rotate(180deg) translateX(200%);} 
.meetingSix .swiper-button-next {transform: translateX(200%);}

@media screen and (max-width: 1023px) {
  .agenda-section .timeline {padding-left: 0;}
  .timeline::before {left: 0;}
  .timeline-dot {transform: translateX(-50%); left: 0;}
  .timeline-time {position: relative; margin-bottom: .2rem;}

  .meetingThre .nav-wrapper .item .p2 p {}

}

@media screen and (max-width: 767px) {
  .container14 {max-width: 92%;}

  .banner .box {top: 36%;}
  .banner .con .p1 {font-size: .6rem;}
  .banner .con .p2 {font-size: .3rem;}
  .banner .con .more {margin-top: .4rem;}
  .banner .more {top: 50%;}

  .meeting_nav {top: 60px;}
  .meeting_nav ul {gap: .1rem; overflow-x: auto;}
  .meeting_nav li {white-space: nowrap;}

  .meetingOne .box {width:100%;}
  .meetingOne .text {font-size: var(--font14);}
  .meetingOne .box2 .itemlist {flex-wrap: wrap; row-gap: .2rem; margin-top: 1rem;}
  .meetingOne .box2 .item {width: 100%; flex: none; border-bottom-right-radius: 0.5rem;}
  .meetingOne .box2 .item:nth-child(even) {transform: translateY(0);}
  .meetingOne .box2 .item .icBox {width: 20%;}
  .meetingOne .box3 .list {flex-wrap: wrap; row-gap: .2rem;}
  .meetingOne .box3 .item {width: 100%; flex: none;}
  .meetingTwo .slide .p2 {font-size: var(--font14);}
  .meetingTwo .swjt {display: none;}

  .meetingThre .nav {gap: .15rem;}
  .meetingThre .nav-arrow {display: flex;}
  .meetingThre .nav-container {max-width: calc(100% - 1rem);}
  .meetingThre .nav .item {width: 100%; min-width: 100%;}

  .meetingThre .box {padding-left: 0;}
  .timeline-item .card-more {grid-template-columns: repeat(1, 1fr);}
  .timeline-item .card-item .timeline-card-title {font-size: var(--font16);}
  .popup-panel {display: none;}

  .meetingFour .box {row-gap: .2rem;}
  .meetingFour .secon {width: 100%;}
  .meetingFour .secon_more {margin-top: 0;}
  .meetingFour .secon_more .list {grid-template-columns: repeat(3,1fr); gap: .5rem;}
}