/* 主题峰会议程 */

.agenda_cont_box {

    padding-top: 26px;

}



.agenda_table {

    padding-top: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.agenda_table a {

    position: relative;

    margin-right: 200px;

}



.agenda_table a:last-child {

    padding-right: 0;

    margin-right: 0;

}



.agenda_table a::before {

    content: "";

    position: absolute;

    right: -100px;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

    height: 56px;

    background-color: var(--white-color);

    opacity: 0.3;

}



.agenda_table a:last-child:before {

    display: none;

}



.agenda_table a {

    display: flex;

    flex-flow: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    border-radius: 16px;

    opacity: 0.6;

}



.agenda_table .date {

    display: flex;

    align-items: center;

}



.agenda_table .date strong {

    position: relative;

    color: var(--white-color);

    font-family: "Source Han Sans bold";

    font-style: normal;

    font-weight: 700;

    line-height: normal;

}



.agenda_table .date strong:first-child {

    padding-right: 27px;

    margin-right: 10px;

}



.agenda_table .date strong:first-child:after {

    content: "";

    position: absolute;

    top: 50%;

    right: 0;

    width: 17px;

    height: 36px;

    transform: translateY(-50%);

    background-image: url(../images/date_line.svg);

    background-repeat: no-repeat;

    background-size: contain;

}



.agenda_table .p {

    color: var(--white-color);

    font-style: normal;

    font-weight: 400;

    line-height: 1.5;

    letter-spacing: 7.68px;

}



.agenda_table .active {

    opacity: 1;

}



.agenda_cont>.pub-t1 {

    opacity: 0;

    height: 0;

    visibility: hidden;

    transition: opacity 0.3s ease, visibility 0.3s ease;

}



.agenda_cont>.d-show {

    opacity: 1;

    height: auto;

    visibility: visible;

}



.summit_title .t {

    position: relative;



    color: var(--white-color);

    font-weight: 700;

    font-style: normal;

}



.summit_title .time {

    color: var(--white-color);

    font-style: normal;

    font-weight: 400;

}



.summit_title .time img {

    margin-right: 8px;

}



.f_bold {

    font-family: "Source Han Sans bold";

}



@media screen and (min-width:768px) {



    .agenda_bg {

        position: relative;

        padding: 48px 64px;

        border-radius: 32px;

        border: 1px solid rgba(198, 206, 245, 0.20);

        background: linear-gradient(180deg, rgba(142, 181, 224, 0.08) 0%, rgba(142, 181, 224, 0.00) 100%);

        box-shadow: 0 -10px 40px 0 rgba(46, 81, 255, 0.12) inset, 0 -27px 200px 0 rgba(21, 30, 255, 0.10) inset, 4px 4px 30px 0 rgba(255, 154, 60, 0.20) inset;

        z-index: 1;

    }



    .agenda_background {

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        background-image: url(../images/agenda_bg_top2.svg);

        background-repeat: no-repeat;

        background-position: top center;

        background-size: cover;



        border-radius: 32px;

        overflow: hidden;

        z-index: -1;

    }



    .agenda_background::before {

        content: "";

        position: absolute;

        left: 0;

        top: 0;

        border-top-left-radius: 32px;

        border-top-right-radius: 32px;

        width: 100%;

        height: 652px;

        background-image: url(../images/agenda_bg_top.png);

        background-repeat: no-repeat;

        background-position: top center;

        mix-blend-mode: screen;

    }



    .agenda_background::after {

        content: "";

        position: absolute;

        left: 0;

        bottom: 0;

        width: 100%;

        height: 760px;

        border-bottom-left-radius: 32px;

        border-bottom-right-radius: 32px;

        background-image: url(../images/agenda_bottom.png);

        background-repeat: no-repeat;

        background-position: center bottom;

    }



    .summit_title .t {

        padding-right: 22px;

        margin-right: 22px;

    }



    .summit_title .t:after {

        content: "";

        position: absolute;

        top: 50%;

        right: 0;

        width: 1px;

        height: 20px;

        transform: translateY(-50%);

        background-color: var(--white-color);

        opacity: 0.5;

    }

}



/* 会议切换 */

.summit_table {

    display: flex;

    justify-content: space-between;

    align-items: stretch;

    padding-top: 30px;

    margin-left: -8px;

    margin-right: -8px;

}



.summit_table a {

    margin-left: 8px;

    margin-right: 8px;

    display: flex;

    padding: 16px 16px;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    width: 100%;

    border-radius: 16px;

    border: 1px solid rgba(255, 255, 255, 0.10);

    background: rgba(255, 255, 255, 0.10);

    transition: all .3s;

}



.summit_table .s_t {

    color: var(--white-color);

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

    opacity: 0.8;

}



.summit_table .big_t {

    margin-top: 4px;

    color: var(--white-color);

    text-align: center;

    font-style: normal;

    font-weight: 700;

    line-height: 30px;

}



.summit_table a.active {

    border: 1px solid rgba(255, 255, 255, 0.50);

    background: linear-gradient(108deg, #68B82E 62.28%, #FCD57F 152.36%);

    box-shadow: 0 0 24px 0 rgba(104, 184, 46, 0.50);

}



.summit_table a:hover {

    border: 1px solid rgba(255, 255, 255, 0.50);

    background: linear-gradient(108deg, #68B82E 62.28%, #FCD57F 152.36%);

    box-shadow: 0 0 24px 0 rgba(104, 184, 46, 0.50);

}



.summit_cont .pub-t2 {

    opacity: 0;

    height: 0;

    visibility: hidden;

    transition: opacity .3s;

}



.summit_cont .n-show {

    opacity: 1;

    height: auto;

    visibility: visible;

}



.summit_top {

    padding-top: 30px;

    padding-bottom: 24px;

    /* border-bottom: 1px solid rgba(255, 255, 255, 0.1);*/

}



.summit_top .t {

    color: var(--white-color);

    font-style: normal;

}



.summit_top .t strong {

    padding-right: 24px;

    font-weight: 500;

}



.summit_top .t .line {

    width: 1px;

    height: 18px;

    background-color: var(--white-color);

    opacity: 0.3;

}



.summit_top .t span {

    padding-left: 24px;

    font-weight: 400;

}



.summit_top .t span img {

    margin-right: 8px;

}



.summit_top .text {

    margin-top: 16px;

    color: var(--white-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 1.5;

}



.summit_top .text p {

    padding-bottom: 20px;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 1.5;

    opacity: 0.8;

}

.summit_top .text p:last-child {

    padding-bottom: 0;

}

.summit_list {

    padding-top: 30px;

}



.summit_list ul li {

    padding: 8px 0;

    display: flex;

    align-items: stretch;

}



.summit_list .sum_time {

    width: 130px;

    color: var(--white-color);

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    opacity: 0.7;

    line-height: 30px;

}



.summit_list .cicle {

    padding-top: 8px;

    padding-left: 44px;

    padding-right: 54px;

    display: flex;

    flex-flow: column;

    align-items: center;

}



.summit_list .cicle i {

    display: block;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    border: 2px solid rgba(255, 255, 255, 0.80);

}



.summit_list .cicle span {

    flex: 1;

    margin-top: 16px;

    width: 1px;

    min-height: 26px;

    background-color: rgba(255, 255, 255, 0.15);

}



.summit_list ul li:last-child .cicle span {

    display: none;

}



.summit_list .title {

    color: var(--white-color);

    font-size: 20px;

    font-style: normal;

    font-weight: 700;

    line-height: 30px;

}



.summit_list .right {

    flex: 1;

}



.summit_list .right .name {

    padding-top: 16px;

    color: var(--white-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 28px;

}



.summit_hover>ul>li:hover .sum_time {

    opacity: 1;



}



/* .summit_hover>ul>li:hover .sum_time, */

.summit_hover>ul>li:hover .right .title {

    color: var(--main-color);

}



.summit_fold>ul>li:hover .sum_time.pc_show {

    opacity: 1;

}

.summit_fold>ul>li:hover .right.hover>.title {

    color: var(--main-color);

}



.fold_cont .summit_list>ul>li:hover .sum_time {

    opacity: 1;

}

.fold_cont .summit_list>ul>li:hover .right>.title {

    color: var(--main-color);

}



.name_text {

    padding-top: 2px;

    padding-bottom: 16px;

    color: var(--white-color);

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    opacity: 0.5
}



.atten_list {

    padding-top: 40px;

    margin-top: 32px;

    border-top: 1px solid rgba(255, 255, 255, 0.1);

}



.atten_list .t {

    color: var(--white-color);

    font-style: normal;

    font-weight: 700;

    line-height: 1.5;

}



.atten_list ul {

    margin-left: -16px;

    margin-right: -16px;

    padding-top: 8px;

    display: flex;

    flex-wrap: wrap;

}



.atten_list ul li {

    width: 33.33%;

    padding: 16px;

    display: flex;

    align-items: stretch;

}



.atten_list .thumb {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 106px;

    height: 106px;

    border-radius: 50%;

    border: 1px solid rgba(198, 206, 245, 0.50);

    background-image: url(../images/atten_bg.png);

}



.atten_list .right {

    flex: 1;

    padding-left: 16px;

    display: flex;

    justify-content: center;

    flex-flow: column;

}



.atten_list .name_s {

    color: var(--white-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 32px;

}



.atten_list .names_text {

    margin-top: 2px;

    overflow: hidden;

    color: var(--white-color);

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

    opacity: 0.6;

}



.summit_fold>ul>li {

    padding: 4px 0;

}



.summit_fold .fold_border {

    display: flex;

    align-items: stretch;

    padding-top: 8px;

}



.summit_fold .atten_list ul {

    padding-top: 0;

    padding-bottom: 10px;

}



.summit_fold .atten_list ul li {

    width: 50%;

}



.summit_fold .fold_bg {

    position: relative;

    padding: 16px 0;

    width: 100%;

}



.pc_show>.summit_list>ul>.fold_click .cicle {

    position: relative;

    height: 38px;

}



.pc_show>.summit_list>ul>.fold_click .cicle.fold_cicle span {

    position: absolute;

    left: 50%;

    top: 16px;

    transform: translateX(-50%);

    margin-left: -5px;

}



.pc_show .summit_list .expanded .cicle {

    height: auto !important;

}



@media screen and (min-width:768px) {



    .summit_fold .fold_bg::before {

        content: '';

        position: absolute;

        top: 0;

        left: -16px;

        width: calc(100% + 32px);

        height: 100%;

        border-radius: 16px;

        background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%);

        opacity: 0;

        transition: opacity 0.3s ease;

    }



}



.summit_fold .atten_list {

    padding-top: 0;

    margin-top: 16px;

    border-top: none;

}



.fold_click {

    display: flex;

    flex-flow: column;

}



.fold_click .right.hover>.title {

    cursor: pointer;

}



.fold_click .title {

    position: relative;

    padding-right: 50px;

}



.fold_click .title i {

    position: absolute;

    right: 0;

    top: 0;

    width: 32px;

    height: 32px;

    background-image: url(../images/agenda_icon.svg);

    background-repeat: no-repeat;

    transition: all .3s;

}



.summit_fold .fold_cont {

    padding-left: 240px;

    max-height: 0;

    overflow: hidden;

    transition: all 0.3s;

}



.summit_fold .active .fold_cont {

    max-height: inherit;

}



.fold_cont .fold_text {

    padding-top: 24px;

}



.fold_text p {

    padding-bottom: 20px;

    color: var(--white-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

    opacity: 0.8;

}



.fold_text p:last-child {

    padding-bottom: 0;

}



.fold_cont .location {

    margin-top: 16px;

    color: var(--white-color);

    font-style: normal;

    font-weight: 400;

}



.fold_cont .location img {

    margin-right: 8px;

    width: 20px;

}



.fold_cont .summit_list .cicle span {

    min-height: 18px;

}



.summit_fold .three_loop {

    display: flex;

    flex-wrap: wrap;

    margin-left: -16px;

    margin-right: -16px;

}



.summit_fold .three_loop .item {

    padding: 16px;

    width: 50%;

}



.three_loop .item .name {

    padding-top: 0;

}



.three_loop .name_text {

    padding-bottom: 0;

    max-width: 370px;

}



.fold_line {

    padding-top: 24px;

    margin-top: 24px;

    height: 1px;

    border-top: 1px solid rgba(255, 255, 255, 0.1);

}



/* 展开 */

.summit_fold>ul>li.expanded .fold_bg .sum_time,

.summit_fold>ul>li.expanded .fold_bg .right>.title {

    color: var(--main-color);

}



.summit_fold>ul>li.expanded .fold_bg .right>.title i {

    background-image: url(../images/agenda_icon2.svg);

}



.summit_fold>ul>li.expanded .fold_cicle span {

    display: none;

}



.summit_fold .expanded .fold_bg::before {

    opacity: 1;

}



@media screen and (max-width:1279px) {

    .agenda_bg {

        padding: 35px 35px;

    }



    .atten_list>ul>li {

        width: 50%;

    }



    .summit_fold .atten_list ul li {

        width: 100%;

    }



    .summit_table {

        margin-left: -10px;

        margin-right: -10px;

    }



    .summit_table a {

        margin-left: 10px;

        margin-right: 10px;

        padding: 16px 20px;

    }



    .agenda_table .date strong:first-child:after {

        width: 15px;

        height: 30px;

    }





}



@media screen and (max-width:991px) {

    .agenda_table a {

        margin-right: 150px;

    }



    .agenda_table a::before {

        right: -75px;

    }



    .agenda_table .date strong:first-child:after {

        width: 15px;

        height: 25px;

    }



    .summit_fold .three_loop .item {

        width: 100%;

    }



    .summit_list .cicle {

        padding-left: 34px;

        padding-right: 44px;

    }



    .summit_fold .fold_cont {

        padding-left: 220px;

    }

}



@media screen and (max-width:767px) {

    .agenda_table .date strong:first-child {

        padding-right: 25px;

        margin-right: 6px;

    }



    .agenda_table .p {

        padding-left: 5px;

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 28px;

        letter-spacing: 5px;

    }



    .agenda_bg {

        padding: 0;

    }



    .agenda_table a {

        margin-right: 73px;

    }



    .agenda_table a::before {

        right: -36px;

        height: 48px;

    }



    .agenda_table .date {

        font-size: 28px;

    }



    .summit_title {

        padding-left: 16px;

        padding-right: 16px;

        flex-flow: column;

        align-items: flex-start;

    }



    .summit_title .t {

        font-size: 20px;

        line-height: 1.5;

    }



    .summit_title .time {

        margin-top: 8px;

        font-size: 16px;

    }



    .summit_title .time img {

        width: 18px;

        margin-right: 4px;

    }



    /* 10.24 mobile */

    .trust_tab {

        padding-top: 16px;

    }



    .trust_cont {}



    .trust_tab .loop {

        margin-bottom: 4px;

        padding: 16px;

        border-radius: 16px;

        border: 1px solid rgba(198, 206, 245, 0.10);

        background: rgba(116, 154, 197, 0.05);

        box-shadow: 0 -2px 4px 0 rgba(46, 81, 255, 0.12) inset, 0 -30px 100px 0 rgba(21, 30, 255, 0.10) inset, 2px 2px 20px 0 rgba(255, 154, 60, 0.20) inset;

    }



    .trust_tab .trust_title .title {

        position: relative;

        width: 100%;

        color: var(--white-color);

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 26px;

        background-image: url(../images/agenda_icon.svg);

        background-repeat: no-repeat;

        background-position: right center;

        background-size: 26px;

        transition: background-image .3s;

    }



    .trust_tab .trust_title .des {

        margin-top: 4px;

        color: #FFF;

        font-size: 18px;

        font-style: normal;

        font-weight: 700;

        line-height: 28px;

    }



    .trust_tab .loop .trust_cont {

        max-height: 0;

        overflow: hidden;

        transition: all 0.4s ease;

        transition: max-height 0.3s ease;

    }



    .trust_tab .loop.active .trust_cont {

        max-height: inherit;

    }



    .trust_tab .active .trust_title .title {

        background-image: url(../images/agenda_icon3.svg);

        background-size: 26px;

        font-size: 16px;

        line-height: 26px;

    }



    .font17 {

        font-size: 17px;

    }



    .summit_top {

        padding-top: 0;

        padding-bottom: 16px;

        /* border-bottom: 1px solid rgba(255, 255, 255, 0.1);*/

    }



    .summit_top .text {

        margin-top: 16px;

        color: var(--white-color);

        text-align: justify;

        font-size: 16px;

        line-height: 26px;

        font-style: normal;

        font-weight: 400;

        opacity: 0.8;

    }



    .trust_location {

        padding-top: 16px;

        opacity: 0.8;

    }



    .trust_location strong img,

    .summit_top .t span img {

        width: 18px;

        margin-right: 8px;

    }



    .summit_top .t strong {

        padding-right: 8px;

        font-weight: 400;

        font-size: 16px;

    }



    .summit_top .t .line {

        height: 14px;

    }



    .summit_top .t span {

        padding-left: 8px;

        font-size: 16px;

    }



    .summit_list {

        padding-top: 16px;

    }



    .summit_list ul li {

        padding: 8px 0;

    }



    .summit_list ul li {

        position: relative;

        flex-flow: column;

        padding-left: 20px;

        padding-right: 16px;

    }



    .summit_list ul li:last-child {}



    .summit_list .cicle {

        position: absolute;

        left: 0;

        top: 17px;

        height: calc(100% - 11px);

        padding: 0;

    }



    .summit_list .cicle i {

        width: 6px;

        height: 6px;

        border: 1px solid rgba(255, 255, 255, 0.80);

    }



    .summit_list .cicle span {

        margin-top: 10px;

        width: 2px;

        min-height: 26px;

    }



    .summit_list .sum_time {

        margin-bottom: 4px;

        width: 100%;

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 26px;

    }



    .summit_list .title {

        margin-top: 2px;

        font-size: 18px;

        font-style: normal;

        line-height: 28px;

    }



    .summit_list .right .name {

        padding-top: 8px;

        font-size: 16px;

        font-style: normal;

        font-weight: 500;

        line-height: 26px;

        opacity: 0.8;

    }



    .name_text {

        padding-bottom: 0px;

    }



    .atten_list {

        padding-top: 16px;

        margin-top: 16px;

    }



    .atten_list>ul>li {

        width: 100%;

        flex-flow: column;

        align-items: center;

        text-align: center;

    }



    .atten_list>ul>li:last-child {

        padding-bottom: 0;

    }



    .atten_list .right {

        flex: inherit;

        padding-left: 0;

        padding-top: 8px;

    }



    .atten_list .name_s {

        font-size: 17px;

        font-style: normal;

        font-weight: 500;

        line-height: 27px;

    }



    .mo_fold_click .mo_open {

        max-height: 0;

        margin: 0;

        overflow: hidden;

        transition: all 0.4s ease;

    }



    .summit_fold>ul>li {

        margin-bottom: 4px;

        display: flex;

        padding: 0;

        flex-direction: column;

        align-items: flex-start;

        align-self: stretch;

        border-radius: 16px;

        border: 1px solid rgba(198, 206, 245, 0.10);

        background: rgba(116, 154, 197, 0.05);

        box-shadow: 0 -2px 4px 0 rgba(46, 81, 255, 0.12) inset, 0 -30px 100px 0 rgba(21, 30, 255, 0.10) inset, 2px 2px 20px 0 rgba(255, 154, 60, 0.20) inset;

    }



    .summit_fold .fold_bg {

        padding: 0;

    }



    .summit_fold .right {

        flex: inherit;

        width: 100%;

    }



    .summit_fold>ul>li>.right>.title {

        margin-top: 0;

        padding: 16px;

        padding-right: 36px;

    }



    .mo_fold_click .title i {

        position: absolute;

        right: 16px;

        top: 16px;

        width: 28px;

        height: 28px;

        background-image: url(../images/agenda_icon.svg);

        background-repeat: no-repeat;

        transition: all .3s;

    }



    .mo_fold_click .mo_open {

        max-height: 0;

        overflow: hidden;

        transition: all 0.4s;

    }



    .mo_fold_click .mo_expanded .mo_open {

        max-height: inherit;

    }



    .summit_fold .mo_open {

        padding-left: 16px;

        padding-right: 16px;

    }



    .fold_cont .fold_text {

        padding-top: 0;

    }



    .fold_line {

        padding-top: 16px;

        margin-top: 16px;

    }



    .fold_text p {

        text-align: justify;

        font-size: 16px;

        line-height: 26px;



        font-style: normal;

        font-weight: 400;

    }



    .fold_cont .location {

        opacity: 0.8;



    }

    .fold_cont .location:empty {

        display: none;

    }

    .fold_cont .location strong {

        padding-right: 8px;

        font-weight: 400;

        font-size: 16px;

    }



    .fold_cont .location .line {

        width: 1px;

        height: 14px;

        background-color: var(--white-color);

        opacity: 0.3;

    }



    .fold_cont .location span {

        padding-left: 8px;

        font-size: 16px;

    }



    .fold_cont .location strong img,

    .fold_cont .location span img {

        width: 18px;

        margin-right: 8px;

    }

    .mo_fold_click .summit_list {

        margin-top: 16px;

        border-top: 1px solid rgba(255, 255, 255, 0.1);

    }

    .mo_fold_click .summit_list .title {

        margin-top: 2px;

        font-size: 16px;

        font-style: normal;

        font-weight: 700;

        line-height: 26px;

    }



    .summit_fold .three_loop .item {

        padding: 5px 16px;

        width: 100%;

    }



    .summit_fold .atten_list ul {

        padding-top: 8px;

    }

    .summit_top .text p {

        font-size: 16px;

    }





}



@media screen and (max-width:414px) {



    .atten_list .names_text {

        max-width: 320px;

        margin: 0 auto;

    }



}



/* 主办机构 */

.host_list {

    padding-top: 28px;

}



.host_list ul {

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

    margin-left: -12px;

    margin-right: -12px;

}



.host_list ul li {

    width: 50%;

    padding: 12px;

}



.host_list .bg {

    position: relative;

    padding: 48px;

    width: 100%;

    height: 100%;

    border-radius: 32px;

    border: 1px solid rgba(198, 206, 245, 0.30);

    overflow: hidden;

}



.host_list ul li:first-child .bg {

    height: 624px;

}



.host_list .two .bg,

.host_list .three .bg {

    padding: 40px;

}



.host_list .two .bg,

.host_list .three .bg {

    display: flex;

    flex-flow: column;

    justify-content: space-between;

    background: rgba(255, 255, 255, 0.10);

    transition: all .3s;

}



.host_list .thumb {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    transition: all .3s;

    z-index: -1;

}



.host_list .thumb::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0.5;

    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 87.28%);

    z-index: 1;

}



.host_list .thumb img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.host_list ul li:nth-child(2) {

    display: flex;

    flex-flow: column;

    justify-content: space-between;

}



.host_list .two {

    display: flex;

    justify-content: space-between;



    width: 100%;

    height: calc(44% - 12px);

}



.host_list .three {

    width: 100%;

    height: calc(56% - 12px);

}



.host_list .two .bg {

    width: calc(50% - 12px);

}



.host_list .title {

    color: var(--white-color);

    font-style: normal;

    font-weight: 700;

    line-height: 1.5;

}



.host_list .des {

    padding-top: 14px;

}



.host_list .des p {

    padding-bottom: 20px;

    color: var(--white-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

    opacity: 0.9;

}



.host_list .eng {

    margin-top: 2px;

    color: var(--white-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

    opacity: 0.3;

}



.host_list .text {

    min-height: 56px;

    color: var(--white-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

    opacity: 0.8;

}



.host_list .two .icon {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 74%;

    height: 0;

    padding-bottom: 74%;

    z-index: -1;

}



.host_list .icon img {

    position: absolute;

    right: -28px;

    bottom: -46px;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.host_list .three .icon {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 46%;

    height: 0;

    padding-bottom: 46%;

    z-index: -1;

}



.host_list .two .bg:hover,

.host_list .three .bg:hover {

    background: rgba(255, 255, 255, 0.15);

}



.host_list .thumb>img {

    -webkit-transition: -webkit-transform 1.3s;

    transition: -webkit-transform 1.3s;

    -o-transition: transform 1.3s;

    transition: transform 1.3s;

    transition: transform 1.3s, -webkit-transform 1.3s;

    -webkit-transition: transform 1.3s;

}



.host_list .bg:hover .thumb img {

    -webkit-transform: scale(1.06);

    -ms-transform: scale(1.06);

    transform: scale(1.06);

}

.host_list_two ul li {

    width: 60%;

}

.host_list_two ul li:nth-child(2) {

    width: 40%;

}

.host_list_two ul li:first-child .bg {

    height: 490px;

}

.host_list_two .text {

    min-height: inherit;

}

.host_list_two .two {

    flex-flow: column;

    height: 100%;

}

.host_list_two .two .bg {

    width: 100%;

    height: calc(50% - 12px);

}

.host_list_two .two .icon {

    width: 45%;

    height: 100%;

    padding-bottom: 0;

}

.host_list_two .icon img {

    object-fit: contain;

    height: auto;



}



@media screen and (max-width:1279px) {



    .host_list .two .bg,

    .host_list .three .bg {

        padding: 30px 20px;

    }



}



@media screen and (max-width:991px) {



    .host_list .bg {

        padding: 30px 25px;

    }





}



@media screen and (max-width:767px) {

    .partner_title span {

        font-size: 18px;

    }



    .host_list {

        padding-top: 16px;

    }



    .host_list .bg {

        padding: 24px;

    }



    .host_list ul {

        margin-left: -8px;

        margin-right: -8px;

    }



    .host_list ul li {

        width: 100%;

        padding: 8px;

    }



    .host_list ul li:first-child .bg {

        height: auto;

        padding-bottom: 200px;

        border-radius: 24px;

    }



    .host_list .thumb img {

        object-position: bottom;

    }



    .host_list .title {

        font-size: 20px;

    }



    .host_list .des p {

        text-align: justify;

        font-size: 16px;

        line-height: 26px;

        font-style: normal;

        font-weight: 400;

        opacity: 0.8;

    }



    .host_list .two {

        flex-flow: column;

        height: 100%;

    }



    .host_list .two .bg {

        margin-bottom: 16px;

        width: 100%;

    }



    .host_list .eng {

        font-size: 16px;

        line-height: 26px;

    }



    .host_list .text {

        margin-top: 24px;

        min-height: inherit;

        font-size: 16px;

        line-height: 26px;

    }



    .host_list .three .icon,

    .host_list .two .icon {

        width: 190px;

        padding-bottom: 190px;

    }



    .host_list .icon img {

        right: -12px;

        bottom: -30px;

        opacity: 0.3;

    }

    .host_list_two ul li:nth-child(2) {

        width: 100%;

    }



}

@media screen and (max-width:390px) {

    .host_list ul li:first-child .bg {

        padding-bottom: 180px;

    }



}



/* 重磅嘉宾 */

.speaker_cont {

    padding-bottom: 85px;

    overflow: hidden;

}



.speaker_bottom {

    margin-top: 40px;

}



.mobile-show-more {

    display: flex;

    justify-content: center;

}



.mobile-show-more button {

    position: relative;

    margin-right: 28px;

    display: flex;

    align-items: center;

    background: transparent;

    color: var(--white-color);

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

    opacity: 0.5;

}



.mobile-show-more button::after {

    content: "";

    position: absolute;

    right: -28px;

    top: 50%;

    transform: translateY(-50%);

    width: 18px;

    height: 18px;

    background-size: 18px 18px;

    background-image: url(../images/zbjb_down.svg);

    background-repeat: no-repeat;

    background-position: center;

    transition: transform 0.3s ease;

}



.mobile-show-more button.active {

    margin-top: 24px;

}



.mobile-show-more button.active::after {

    transform: translateY(-50%) rotate(180deg);

}



@media screen and (max-width:1279px) {

    .speaker_bottom .dir_text {

        max-height: 110px;

    }





}



@media screen and (max-width:767px) {

    .speaker_cont {

        padding-top: 40px;

        padding-bottom: 5px;

    }



    .speaker_bottom .dir_text {

        max-height: inherit;

    }



    .dir_text.s_scoll p:nth-child(n+2) {

        display: none;

    }





}



/* 私人董事会移动端 */

.private_list {

    padding-top: 14px;

}



.private_list ul {

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}



.private_list ul li {

    padding-top: 10px;

    width: 100%;

}



.private_list .bg {

    position: relative;

    display: flex;

    justify-content: flex-end;

    width: 100%;

    height: 100%;

    min-height: 150px;

    border-radius: 16px;

    /* border: 1px solid #C6CEF5; */

    /* background: linear-gradient(270deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%); */

    background: linear-gradient(87deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%);

    overflow: hidden;

    z-index: 1;

}



.private_list .bg::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: url(../images/srds_m_bg.png);

    background-repeat: no-repeat;

    background-size: cover;

    transform: rotate(-180deg);

    z-index: -1;

}



.private_list .left {

    padding-top: 15px;

    padding-bottom: 15px;

    padding-right: 15px;

    display: flex;

    justify-content: center;

    flex-flow: column;

    height: 100%;

    width: calc(100% - 140px);

}



.private_list .dir_name {

    color: var(--white-color);

    font-size: 17px;

    font-style: normal;

    font-weight: 700;

    line-height: 27px;

}



.private_list .dir_name span:first-child {

    position: relative;

    padding-right: 16px;

    margin-right: 16px;

}



.private_list .dir_name span:first-child:after {

    content: '';

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

    height: 12px;

    background-color: rgba(255, 255, 255, 0.20);

}



.private_list .dir_des {

    margin-top: 4px;

    color: var(--white-color);

    text-align: justify;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 22px;

    opacity: 0.6;

}



.private_list .dir_pic {

    position: absolute;

    left: -20px;

    bottom: 0;

    width: 150px;

    height: 150px;

    z-index: -1;

}



.private_list .dir_pic i {

    display: block;

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: contain;

}



.private_list .dir_name span:first-child {

    padding-right: 10px;

    margin-right: 10px;

}

.mobile_nav {

    display: none;

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 80px;

    padding: 8px 0;

    border-top: 1px solid rgba(255, 255, 255, 0.20);

    background: linear-gradient(180deg, rgba(14, 29, 97, 0.70) 0%, rgba(41, 61, 150, 0.70) 100%);

    backdrop-filter: blur(4px);

    z-index: 9;

}

.mobile_nav a {

    position: relative;

    display: flex;

    flex-flow: column;

    justify-content: center;

    align-items: center;

    float: left;

    font-size: 20px;

    width: 50%;

    height: 100%;

    opacity: 0.6;

}

.mobile_nav a:first-child:after {

    content: "";

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    width: 1px;

    height: 24px;

    background-color: rgba(255, 255, 255, 0.20);

}

.mobile_nav a strong {

    color: var(--white-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: 28px;



}

.mobile_nav a span {

    color: var(--white-color);

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

}

.mobile_nav .active {

    opacity: 1;

}



/* 9.23 重磅嘉宾 */

.dir_n_des {

    margin-top: 16px;

    display: inline-block;

    font-style: normal;

    font-weight: 700;

    line-height: 1.2;

    background:var(--white-color);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.dir_n_name {

    color: var(--white-color);

    font-style: normal;

    font-weight: 700;

    line-height: 1.5;

}

.dir_n_text {

    margin-top: 8px;
	opacity: 0.6;

}

.dir_n_text p {

    position: relative;

    padding-left: 10px;

    color: var(--white-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

}

.dir_n_text p::before {

    content: "·";

    position: absolute;

    left: 0;

    top: 2px;

    font-size: 18px;

    font-weight: 700;

}

.dir_n_title {

    margin-top: 24px;

    color: var(--white-color);

    font-style: normal;

    font-weight: 700;

    line-height: 28px;

}

.dir_n_more {

    padding-top: 35px;

    display: flex;



}

.dir_n_more a {

    display: inline-flex;

    padding: 10px 16px 10px 20px;

    justify-content: center;

    align-items: center;

    border-radius: 16px;

    background: linear-gradient(131deg, #68B82E 19.19%, #FCD57F 146.81%);

    color: var(--white-color);

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 30px;



}

.dir_n_more a img {

    width: 24px;

    margin-left: 4px;

}

.mo_dir_n .dir_pic {

    position: relative;

    overflow: hidden;

    width: 100%;

    order: inherit;

    background-image: url(../images/zbjb_m_bg.png);

    background-repeat: no-repeat;

    background-size: cover;

    border-radius: 24px;

    box-shadow: 0 -10px 40px 0 rgba(46, 81, 255, 0.12) inset, 0 -27px 200px 0 rgba(21, 30, 255, 0.10) inset;

}

.mo_dir_n .dir_pic i {

    display: block;

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: contain;

}



.book_swiper01 {

    margin-top: 24px;

}



.book_swiper02 {

    margin-top: 16px;

}

.book_swiper02 .swiper-slide>div:first-child {

    display: flex;

    flex-wrap: wrap;

    margin-left: -6px;

    margin-right: -6px;

}

.book_swiper02 .thumb {

    padding: 6px;

    width: 33.33%;

}



.dir_n_sw .dir_top_cont {

    padding: 35px 35px 0 60px;

}

.dir_n_sw .dir_top_cont .dir_pic {

    width: 615px;

}

.dir_n_sw .dir_top_cont .dir_top_r {

    width: calc(100% - 615px);

}

.part_pc_list .names_text p {
	margin-bottom: 24px;
line-height: 1.5;
}
.part_pc_list .names_text p:last-child {
	margin-bottom: 0;
}
.part_mobie_list .names_text p {
	margin-bottom: 24px;
	line-height: 1.5;
}
.part_mobie_list .names_text p:last-child {
	margin-bottom: 0;

}
.part_mobie_list .name_s {
	padding-bottom: 8px;
}
@media screen and (max-width:1280px) {



    .dir_n_sw .dir_top_cont .dir_pic {

        width: 600px;

    }

    .dir_n_sw .dir_top_cont .dir_top_r {

        width: calc(100% - 600px);

    }



}

@media screen and (max-width:1279px) {



    .dir_n_sw .dir_top_cont .dir_pic {

        width: 550px;

    }

    .dir_n_sw .dir_top_cont .dir_top_r {

        width: calc(100% - 550px);

    }



}

@media screen and (max-width:1200px) {

    .dir_n_sw .dir_top_cont {

        align-items: stretch;

    }

    .dir_n_sw .dir_top_cont .dir_pic {

        width: 400px;

        display: flex;

        align-items: flex-end;

    }

    .dir_n_sw .dir_top_cont .dir_top_r {

        width: calc(100% - 400px);

        margin-right: 0;

        padding-bottom: 30px;

    }

    .dir_n_sw .dir_top_cont {

        padding: 35px 35px 0 40px;

    }





}

@media screen and (max-width:991px) {

    .dir_n_sw .dir_top_cont {

        flex-wrap: wrap;

        padding: 0;

    }

    .dir_n_sw .dir_top_cont .dir_pic {

        position: relative !important;

        justify-content: center;

        width: 100%;

        order: inherit;

        bottom: inherit;

        right: inherit;

    }

    .dir_n_sw .dir_top_cont .dir_top_r {

        width: 100%;

        padding: 30px;

    }

}

@media screen and (max-width:767px) {

    .dir_n_title {

        font-size: 16px;

        line-height: 26px;

    }

    .dir_n_name {

        margin-top: 24px;

        font-size: 22px;

    }

    .mo_dir_n .dir_pic {

        margin-top: 24px;

    }

    .dir_n_des {

        margin-top: 24px;

    }

    .dir_n_text p {

        font-size: 16px;

        line-height: 26px;

    }

    .dir_n_text p::before {

        font-size: 16px;

    }

    .dir_n_title {

        margin-top: 24px;

    }

    .dir_n_more {

        padding-top: 24px;

    }

    .dir_n_more a {

        padding: 10px 16px 10px 20px;



        font-size: 14px;

        line-height: 24px;



    }

    .dir_n_more a img {

        width: 18px;

    }

    .dir_n_des {

        font-size: 18px;

    }

    .thumb_hb {
        position: relative;
        border-radius: 9.06px;
        background: rgba(255, 255, 255, 0.10);
        display: flex;
        width: 188px;
        height: 85px;
        padding: 15px 42px;
        justify-content: center;
        align-items: center;
    }

    .thumb_hb img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 120px;
    }

    .part_mobie_list .names_text {
        max-width: 100%;
        text-align: justify;
    }


}
/* 9.30 */
.part_pc_list {

}
.part_pc_list .bg {
    display: flex;
align-self: stretch;
    border-radius: 24px;
border: 1px solid rgba(198, 206, 245, 0.20);
background: rgba(255, 255, 255, 0.10);
overflow: hidden;
}
.part_pc_list .thumb_hb {
    position: relative;
    display: flex;
width: 270px;
padding: 63px 47px;
justify-content: center;
align-items: center;
align-self: stretch;
background: rgba(255, 255, 255, 0.05);
}
.part_pc_list .thumb_hb img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 176px;
    width: 80%;
}
.part_pc_list .right {
    padding: 16px 24px;
}
.summit_fold .part_pc_list ul li {
    width: 100%;
}
.part_pc_list .names_text p{
    line-height: 26px;
}
@media screen and (max-width:991px) {
    .part_pc_list .bg {
        flex-flow: column;
    }
    .part_pc_list .thumb_hb{
        width: 100%;
    }
    .part_pc_list .thumb_hb {
        max-width: 300px;
        margin: 0 auto;
        border-radius: 10px;
        overflow: hidden;
    }
    .part_pc_list .bg {
        border-radius:0;
        border: none;
        background: transparent;
    }
    .part_pc_list .right {
        padding: 0;
        padding-top: 8px;
    }
    .part_pc_list .name_s {
        text-align: center;
    }
    .part_pc_list .names_text {
     text-align: justify;
    }
}