@charset "utf-8";
.clearFix {
    zoom: 1;
}

.clearFix:after {
    content: "";
    display: block;
    clear: both;
}

a{
    -webkit-tap-highlight-color:rgba(255,0,0,0)
}
img a{
    -webkit-touch-callout:none;
}

.fl{
    float: left;
}
.fr{
    float: right;
}

#public-nav-program>a {
    color: #D46D2A !important;
}
.wrap{
    width: 1170px;
    margin: 0 auto;
}


.bannerBgWrap{
    width: 100%;
    background: url("../../chccEn/img/conference/banner.jpg") no-repeat center 0;
    height: 488px;
    min-width: 1170px;
}

.bannerContentWrap p{
    font-weight: bold;
    font-size: 48px;
    color: #FFFFFF;
    line-height: 60px;
    padding-top: 220px;
}
.linkWrap{
    margin-top: 29px;
}
.linkWrap a{
    display: inline-block;
    height: 60px;
    background: #EC7E36;
    border-radius: 6px;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    color: #FFFFFF!important;
    padding: 0 23px;
}
.linkWrap a:hover{
    background:#D46D2A;
    color: #fff;
    transition: background 0.3s ease;
}
.chccWrap{
    background: #F1F1F1;
    padding: 23px 0;
    max-width: 1920px;
    margin: 0 auto;
}
.chccWrap pre{
    display: block;
    font-size: 16px;
    color: #202020 !important;
    line-height: 30px !important;
    padding: 0 !important;
    width: auto !important;
    border: none !important;
    background: none !important;
    white-space: pre-wrap !important;
    word-wrap: break-word;
    outline: 0;
    max-width: 1170px;
    overflow: hidden;
    margin: 0 auto;
    overflow-wrap: break-word;
    word-break: normal;
    text-align: justify;
}

/*statisticsWrap.css start*/
.statisticsList{
    display: flex;
    justify-content: space-between;
    margin-top: 57px;
}
.statisticsList li{
    width: 270px;
    height: 270px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.statisticsList li span{
    display: inline-block;
    margin: 0;
    margin-top: 20px;
    padding: 0;
    height: 99px;
}
.statisticsList li p{
    display: inline-block;
    height: 80px;
    background: #FFFFFF;
    min-width: 149px;
    padding: 0 18px;
    font-weight: 800;
    font-size: 38px;
    color: #015DBB;
    line-height: 80px;
    margin-bottom: 11px;
    margin-top: 14px;
}
.statisticsList li label{
    display: inline-block;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 1;
}
.statisticsList li:nth-child(1){
    background: #1581CD;
}
.statisticsList li:nth-child(2){
    background: #026ABA;
}
.statisticsList li:nth-child(3){
    background: #015DBB;
}
.statisticsList li:nth-child(4){
    background: #044CB8;
}
.statisticsList li:nth-child(1) p{
    transform: rotate(357deg);
    color: #1581CD;
}
.statisticsList li:nth-child(2) p{
    transform: rotate(4deg);
    color: #026ABA;
}
.statisticsList li:nth-child(3) p{
    transform: rotate(4deg);
    color: #015DBB;
}
.statisticsList li:nth-child(4) p{
    transform: rotate(357deg);
    color: #044CB8;
}
.statisticsList li:nth-child(1) span{
    background: url("../img/conference/1.png") no-repeat center;
    width: 89px;

}
.statisticsList li:nth-child(2) span{
    background: url("../img/conference/2.png") no-repeat center;
    width: 86px;
}
.statisticsList li:nth-child(3) span{
    background: url("../img/conference/3.png") no-repeat center;
    width: 91px;
}
.statisticsList li:nth-child(4) span{
    background: url("../img/conference/4.png") no-repeat center;
    width: 93px;
}
/*statisticsWrap.css end*/

/*highlightsWrap.css start*/

.highlightsWrap{
    margin: 58px auto 0;
    padding-top: 66px;
    padding-bottom:26px;
    background: #E6F1FE;;
    max-width: 1920px;
}
.highlightsWrap .echibitTitle{
    margin-top: 22px;
    width: 410px;
}
.highlightsWrap .echibitTitle label{
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #022378;
    line-height: 1;
}
.highlightsWrap .echibitTitle p{
    margin-top: 26px;
    font-weight: bold;
    font-size: 30px;
    color: #000000;
    line-height: 46px;
    text-align: left;
}
.highlightsWrap .echibitList{
    width: 728px;
}
.highlightsWrap .echibitList li{
    display: flex;
    align-items: flex-start;
    margin-bottom: 26px;
}

.highlightsWrap .echibitList li:before{
    content: "";
    display: inline-block;
    width:73px;
    min-width: 73px;
    height: 73px;

}
.highlightsWrap .echibitList li div{
    margin-left: 38px;
    max-width: 617px;
}
.highlightsWrap .echibitList li:nth-child(1):before{
    background: url("../img/conference/v1.png") no-repeat 0;
    background-size:73px;
}
.highlightsWrap .echibitList li:nth-child(2):before{
    background: url("../img/conference/v2.png") no-repeat 0;
    background-size: 73px;
}
.highlightsWrap .echibitList li:nth-child(3):before{
    background: url("../img/conference/v3.png") no-repeat 0;
    background-size: 73px;
}
.highlightsWrap .echibitList li:nth-child(4):before{
    background: url("../img/conference/v4.png") no-repeat 0;
    background-size: 73px;
}

.highlightsWrap .echibitList li span{
    font-weight: bold;
    font-size: 22px;
    color: #0D060A;
    line-height: 30px;
}
.highlightsWrap .echibitList li p{
    font-size: 14px;
    color: #0D060A;
    line-height: 30px;
}

/*highlightsWrap.css end*/

/*topicsWrap.css start*/
.topicsWrap{
    padding-top: 80px;
    padding-bottom: 47px;
}
.moduileTitle>h4{
    font-weight: bold;
    font-size: 40px;
    color: #010000;
    line-height: 56px;
    text-align: center;
    margin-bottom: 38px;

}
.moduileTitle>p{
    font-size: 16px;
    color: #010000;
    line-height: 30px;
    text-align: center;
    margin-bottom: 4px;
}
.topicsWrap .swiperWrap{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.topicsWrap .swiper-container{
    width: 754px;
    border-radius: 8px;
    overflow: hidden;
    min-width: 754px;
    margin: 0;
}
.topicsWrap .swiper-slide{
    width:502px;
    height: 376px;

}
.topicsWrap .swiper-slide img{
    width: 100%;
    height: 100%;
}


.topicsWrap .swiper-slide a{
    transition: 0.2s;
}
.topicsWrap .swiper-slide a:hover{
    /*opacity:.6;*/
}



.topicsWrap .swiper-button-prev{
    width:118px;
    height:376px;
    left:0px;
    top:0;
    background: rgba(0,0,0,0.5);
    border-radius: 8px;
    margin-top:0;
    z-index:99;
    transition: 0.2s;
    font-size: 13px;
    color: #FEFEFE;
    text-align: center;
    line-height: 345px;
}
.topicsWrap .swiper-button-prev:before{
    content: '';
    position: absolute;

    width: 100%;
    height: 100%;
    background: url("../img/conference/lBtn.png") no-repeat center 53%;
    left:0;
    top:0;
}
.topicsWrap .swiper-button-next{
    width:118px;
    height:376px;
    font-size: 13px;
    color: #FEFEFE;
    text-align: center;
    line-height: 345px;
    right:0;
    top:0;
    background: rgba(0,0,0,0.5);
    border-radius: 8px;
    margin-top:0;
    z-index:99;
    transition: 0.2s;
}
.topicsWrap .swiper-button-next:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 13px;
    color: #FEFEFE;
    line-height: 345px;
    background: url("../img/conference/rBtn.png") no-repeat center 53%;
    right: 0;
    top: 0;
}
.topicsWrap .swiper-button-prev:hover,.topicsWrap .swiper-button-next:hover{
    opacity:0.6;
}

.swiper-content-txt{
    width: 406px;
    height: 376px;
    background: #F1F3F4;
    border-radius: 8px;

}
.swiper-content-txt li{
    width: 330px;
    margin: 0 auto;
    display: none;

}
.swiper-content-txt li:first-child{
    display: block;
}
.swiper-content-txt p{
    padding-top: 47px;
    font-weight: bold;
    font-size: 24px;
    color: #020101;
    line-height: 30px;
    margin-bottom: 27px;
}
.swiper-content-txt pre{
    display: block;
    font-size: 14px!important;
    color: #020101!important;
    line-height: 25px!important;
    padding: 0 !important;
    width: auto !important;
    border: none !important;
    background: none !important;
    white-space: pre-wrap !important; /* 保留pre的换行符，同时允许自动换行 */
    outline: 0;
    max-width: 100%;
    height: 208px;
    overflow-y: auto;
    margin: 0 auto;
    /* ========== 核心修改：适配英文单词换行 ========== */
    overflow-wrap: break-word !important; /* 优先在单词边界换行，单词超长时才整体换行（不截断） */
    word-wrap: break-word !important; /* 兼容旧浏览器，和overflow-wrap作用一致 */
    word-break: keep-all !important; /* 禁止在单词内部断行（仅在空格/连字符处换行） */
    hyphens: auto !important; /* 可选：英文单词超长时，自动添加连字符后换行（更符合英文排版） */
    /*text-align: justify;*/
}

.scroll-container::-webkit-scrollbar {
    width: 6px; /* 纵向滚动条宽度（横向是height） */
}

/* 滚动条轨道（背景） */
.scroll-container::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道底色 */
    border-radius: 3px; /* 轨道圆角 */
}
/* 滚动条滑块（可拖动部分） */
.scroll-container::-webkit-scrollbar-thumb {
    background: #ccc; /* 滑块默认颜色 */
    border-radius: 3px; /* 滑块圆角 */
    transition: background 0.2s; /* hover过渡效果 */
}
/* 滑块hover状态 */
.scroll-container::-webkit-scrollbar-thumb:hover {
    background: #999; /* hover时加深颜色 */
}
/* 滚动条边角（轨道和滑块的连接处，可选） */
.scroll-container::-webkit-scrollbar-corner {
    background: #fff;
}
/* 3. Firefox兼容 - 简化样式（无精细化伪元素） */
.scroll-container {
    scrollbar-width: thin; /* 滚动条宽度：auto/thin/none */
    scrollbar-color: #ccc #fff; /* 滑块颜色 轨道颜色 */
}
/*topicsWrap.css end*/


/*forumsWrap.css start*/
.forumsSwiper{
    margin-bottom: 90px;
}
.forumsWrap>h4,.forumsWrap>p{
    text-align: left;
}
.forumsSwiper{
    position: relative;
}

.forumsSwiper .swiper-slide {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    z-index: 0;
    transition: opacity 0.5s ease;
}

.forumsTitle{
    border-bottom: 2px solid #153586;
    text-align: left;
    width: 1041px;
}
.forumsTitle p{
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 60px;
    height: 60px;
    background: #153586;
    border-radius: 0px 22px 0px 0px;
    padding: 0 19px;
    max-width: 1040px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.forumsList{
    width: 100%;
    height: auto;
    max-height: 376px;
    overflow-y:auto;
    margin-top: 27px;
}
.forumsList li{
    width: 1074px;
    border-bottom: 1px solid #EEEEEE;
    font-size: 16px;
    color: #5A5A5A;
    line-height: 46px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.forumsSwiper .swiper-button-prev{
    width:65px;
    height:65px;
    left:0px;
    top:0;
    margin-top:0;
    z-index:99;
    transition: 0.2s;
    right: 65px;
    left: initial;
}
.forumsSwiper .swiper-button-next{
    width:65px;
    height:65px;
    right:0;
    top:0;
    margin-top:0;
    z-index:99;
    transition: 0.2s;
}
.forumsSwiper .swiper-button-prev:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background:#fff url("../img/conference/btn.png") no-repeat center;
    transform: scaleX(-1);
    left:0;
    top:0;
}

.forumsSwiper .swiper-button-next:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 13px;
    color: #FEFEFE;
    line-height: 345px;
    background:#fff url("../img/conference/btn.png") no-repeat center;
    right: 0;
    top: 0;
}
.forumsSwiper .swiper-button-prev:hover,.forumsSwiper .swiper-button-next:hover{
    opacity:0.6;
}
.forumsSwiperWrap .linkWrap{
    text-align: center;
}
/*forumsWrap.css end*/

/*speakersBoxWrap.css start*/
.speakersBoxWrap{
    background: linear-gradient(0deg, #011549, #042C92);
    max-width: 1920px;
    margin: 100px auto 0;
    padding-top: 82px;
    padding-bottom: 90px;
}

.speakerTitleWrap a {
    display: inline-block;
    font-size: 14px;
    color: #FFFFFF!important;
    line-height: 50px;
    text-align: center;
    width: 174px;
    height: 50px;
    border-radius: 4px;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    transition: background-color 0.3s ease, font-size 0.3s ease;
    font-weight: bold;
}
.speakerTitleWrap a:hover {
    background: #fff;
    font-size: 15px;
    color: #002FA8!important;
}
.speakerTitleWrap span{
    font-size: 18px;
    color: #FDFDFC;
    line-height: 1;
}
.speakerTitleWrap h6{
    margin-top: 24px;
    font-weight: bold;
    font-size: 40px;
    color: #FFFFFF;
    line-height: 1;
}
.speakerTitleWrap{
    display: flex;
    justify-content: space-between;
}
.speakerList{
    height: 470px;
    margin-top: 65px;
}
.expertList{
    padding-top: 10px;
}
.expertList .swiper-slide{
    width: 264px;
    height: 440px;
    border-radius:18px;
    overflow: hidden;
    margin-right: 38px;
    margin-bottom: 38px;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}
.expertList .swiper-slide:hover{
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.6);
    box-shadow: 0 15px 30px rgba(0,0,0,.6);
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
}

/*.expertList .swiper-slide:nth-child(4n){*/
    /*margin-right: 0;*/
/*}*/
.expertList .swiper-slide .expertPic{
    width: 264px;
    height: 264px;
    background: #969DA9;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.expertList .swiper-slide .expertPic img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.expertList .swiper-slide .expertInfo{
    width: 264px;
    height: 176px;
    background: #EAF0FF;
    padding: 26px 20px 0;
}
.expertList .swiper-slide .expertInfo span{
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    color: #032783;
    line-height: 24px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.expertList .swiper-slide .expertInfo p{
    font-size: 13px;
    color: #020201;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: keep-all;
    overflow-wrap: break-word;
    hyphens: auto;
}
.shareWrap{
    background: url("../img/conference/leadBg.png") no-repeat 0 0;
    width: 1170px;
    height: 384px;
    display: flex;
    align-items: center;
    margin: 76px auto 0!important;
}
.shareWrap p{
    width: 440px;
    font-weight: bold;
    font-size: 54px;
    color: #FBFBFD;
    line-height: 70px;
    margin-right: 324px;
    margin-left: 103px;
}
.shareWrap .linkWrap{
    margin-top: 120px;
}
/*speakersBoxWrap.css end*/


/*waterfallWrap.css start*/
.waterfallWrap{
    margin-top: 85px;
    position: relative;
    margin-top: 94px!important;
}
.waterfallWrap>p{
    font-weight: 500;
    font-size: 18px;
    color: #022378;
    line-height: 48px;
}
.waterfallWrap {
    padding-bottom: 64px;
}
.waterfallWrap{
    padding-bottom: 103px;
}
.waterfallWrap h5{
    font-weight: bold;
    font-size: 40px;
    color: #010000;
    line-height: 1;
    text-align: left;
    margin-bottom: 48px;

}
.waterfallContainer {
    width: 1170px;
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    justify-content: flex-start;
}

.waterfallItem {
    display: inline-block;
    /*flex: 1 1 auto;*/
    border-radius: 8px;
    overflow: hidden;
    /*transition: all 0.4s ease;*/
    max-width: 1170px;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.waterfallItem:hover {
    /*transform: translateY(-8px) scale(1.03);*/
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
    border-color: rgba(255, 255, 255, 0.4);
    transform: scale3d(1.01, 1.01, 1.01);
}

.waterfallImg {
    /*width: 100%;*/
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.waterfallItem:hover .waterfallImg {
    transform: scale(1.5);
}
/* 动画效果 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        /*transform: translateY(30px);*/
    }
    to {
        opacity: 1;
        /*transform: translateY(0);*/
    }
}

.waterfallItem {
    animation: fadeInUp 0.6s ease forwards;
    opacity: 0;
    position: relative;
}

.waterfallItem:nth-child(1) { animation-delay: 0.1s; }
.waterfallItem:nth-child(2) { animation-delay: 0.2s; }
.waterfallItem:nth-child(3) { animation-delay: 0.3s; }
.waterfallItem:nth-child(4) { animation-delay: 0.4s; }
.waterfallItem:nth-child(5) { animation-delay: 0.5s; }
.waterfallContainer .waterfallItem span{
    font-weight: bold;
    text-align: center;
    font-size: 36px;
    color: #FEFEFE;
    line-height: 56px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.waterfallWrap a {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 21px;
    width: 146px;
    height: 46px;
    border-radius: 6px;
    border: 1px solid #010100;
    font-size: 12px;
    color: #030302!important;
    line-height: 46px;
    text-align: center;
    transition: border-color 0.3s ease, font-size 0.3s ease;
}
.waterfallWrap>a:hover {
    border: 1px solid #EC7E36;
    font-weight: bold;
    color: #030302;
}
/*waterfallWrap.css end*/