@charset "utf-8";



html,

body {

    /* height: 100%; */

}



body {

    position: relative;

    overflow-x: hidden;

}



:root {

    --main-color: #6AB73A;

    --dark-color: #333333;

    --grey-color: #999999;

    --white-color: #fff;

    --red-color: #B5222C;

}



img {

    max-width: 100%;

}



.thumb {

    overflow: hidden;



}



/* footer */

.back_top {

    position: fixed;

    right: 5px;

    bottom: 5%;

    display: none;

    z-index: 99;

}



.back_top>a {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 46px;

    height: 46px;

    background-color: rgba(85, 85, 85, 0.40);

    backdrop-filter: blur(8px);

    border-radius: 50%;

}



.footer .foot_top {

    padding-top: 110px;

    padding-bottom: 24px;

    display: flex;

    flex-flow: column;

    color: var(--main-color);

    font-weight: 700;

    line-height: 1.5;

}



.foot_top strong {

    font-weight: 700;

    background: linear-gradient(112deg, #6AB73A 57.1%, #F3FDA8 101.01%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.footer .foot_mid {

    padding-top: 24px;

    padding-bottom: 16px;

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

}



.footer .foot_mid .left p {

    padding-bottom: 16px;

    font-size: 18px;

    font-weight: 400;

    line-height: 30px;

    color: #FFF;

}



.footer .foot_mid .left p:last-child {

    padding-bottom: 0;

}



.footer .foot_mid .left p a {

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 30px;

    color: var(--white-color);

}



.footer .foot_mid .left .lop {

    display: flex;

    align-items: center;

}



.footer .foot_mid .left .lop span {

    width: 30px;

    margin-right: 10px;

}



.footer .foot_mid .right {

    text-align: center;

}



.footer .foot_mid .right .img {

    max-width: 100px;

    border-radius: 8px;

    overflow: hidden;

}



.footer .foot_mid .right p {

    padding-top: 8px;

    color: var(--white-color);

    text-align: center;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

}



.footer .foot_bottom {

    padding: 40px 0;

    color: rgba(255, 255, 255, 0.50);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

}



.footer .foot_bottom a {

    color: inherit;

}



.footer .foot_bottom a:hover {

    color: var(--white-color);

}



@media (max-width:767px) {

    .back_top {

        right: 0;

        bottom: 10px;

    }



    .footer>.container {

        padding-left: 0;

        padding-right: 0;

    }



    .footer .foot_top {

        padding-left: 16px;

        padding-right: 16px;

        padding-top: 64px;

        padding-bottom: 24px;

        font-size: 20px;

        font-style: normal;

        font-weight: 700;

        line-height: 30px;

    }



    .footer .foot_mid {

        flex-wrap: wrap;

        margin-left: 16px;

        margin-right: 16px;

        padding-top: 24px;

        padding-bottom: 0;

    }



    .footer .foot_mid .left {

        width: 100%;

    }



    .footer .foot_mid .left .lop {

        align-items: flex-start;

    }



    .footer .foot_mid .left p {

        padding-bottom: 8px;

        font-size: 16px;

        line-height: 28px;

    }



    .footer .foot_mid .left p:first-child {

        padding-bottom: 16px;

    }



    .footer .foot_mid .right {

        padding-top: 24px;

    }



    .footer .foot_mid .left .lop span {

        width: 26px;

        margin-top: 1px;

        margin-right: 4px;

    }



    .footer .foot_mid .right .img {

        max-width: 100px;

    }



    .footer .foot_mid .right p {

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 26px;

    }



    .footer .foot_bottom {

        padding-left: 16px;

        padding-right: 16px;

        padding-bottom: 16px;

        flex-wrap: wrap;

        padding-top: 56px;

        color: rgba(255, 255, 255, 0.50);

        font-size: 14px;

        font-style: normal;

        font-weight: 400;

        line-height: 24px;

    }



    .footer .foot_bottom .left,

    .footer .foot_bottom .right {

        width: 100%;

        color: rgba(255, 255, 255, 0.50);

        font-size: 14px;

        font-style: normal;

        font-weight: 400;

        line-height: 24px;

    }



    .footer .foot_bottom .right {

        margin-top: 8px;

    }

    .footer .foot_mid .left p a {

        font-size: 16px;

        line-height: 26px;

    }



}





/* banner */

.banner {

    position: relative;

    width: 100%;

    height: 100vh;

}



.banner img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.banner .ban_text {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: contain;

}



.scrillm {

    position: absolute;

    left: 50%;

    bottom: 35px;

    transform: translateX(-50%);

    display: flex;

    justify-content: center;

    color: var(--white-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 30px;

    opacity: 0.5;

}



.scrillm span {

    margin-left: 10px;

    display: block;

    width: 24px;

    height: 24px;

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

    background-repeat: no-repeat;

}



.scrillm span {

    animation: jumpDown 1.9s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite

}



@keyframes jumpDown {

    0% {

        transform: translateY(0)

    }



    100% {

        transform: translateY(5px)

    }

}



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

    .scrillm {

        bottom: 15px;

        display: none !important;

    }



    .banner {

        height: auto;

    }



}



/* title */

.index_title {

    text-align: center;

}



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



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

    .index_title img {

        max-height: 130px;

    }



}



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

    .index_title img {

        max-height: 100px;

    }



}



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

    .index_title img {
        max-height: 90px;
    }



}



/* content */

/* 卷首语 */

.index_content {

    position: relative;

    width: 100%;

    z-index: 1;

}



.index_z_bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

}



.index_z_bg>div {

    position: absolute;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: top center;

}



.index_z_bg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: top;

}



.preface_cont {

    position: relative;

    padding-top: 48px;

    padding-bottom: 40px;

    z-index: 1;

}



.preface_bg {

    position: relative;

    margin-top: 70px;

    z-index: 1;

}



.preface_bg .bg_01 {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border-radius: 32px;

    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;

}



.preface_bg .bg_01:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: calc(100% - 2px);

    height: calc(100% - 2px);

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

    border-radius: 32px;

    overflow: hidden;

    z-index: -1;

}



.preface_bg .bg_01::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

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

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top center;

    border-radius: 32px;

    overflow: hidden;

}



.preface_bg .bg {

    position: relative;

    /* padding: 115px 88px 95px 98px; */

    padding: 32px 80px 64px 80px;

    z-index: 9;

}





.preface_bg .text {

    position: relative;

    /* margin-top: 40px; */

    z-index: 9;

}



.preface_bg .text p {

    padding-bottom: 30px;

    color: var(--white-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 28px;

}



.preface_bg .text p:last-child {

    padding-bottom: 0;

}



.preface_bg .text p {

    opacity: 0;

    transition: opacity 1s ease-in-out;

}



@keyframes fadeIn {

    from {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}



.preface_bg.aos-animate .text p {

    animation-name: fadeIn;

    animation-duration: 1s;

    animation-fill-mode: forwards;

    animation-delay: var(--animation-delay);

}





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

    .preface_bg .bg {

        padding: 32px 68px 64px 68px;

    }



}





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

    .index_content {

        overflow: hidden;

    }



    .preface_bg {

        margin-top: 24px;

    }



    .preface_cont {

        padding-top:0;

        padding-bottom: 30px;

    }



    .preface_bg .text p {

        color: rgba(255, 255, 255, .8);

        text-align: justify;

        font-size: 16px;

        line-height: 26px;

        font-style: normal;

        font-weight: 400;

    }



    .preface_bg .bg_01 {

        border-radius: 24px;

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

    }



    .preface_bg .bg_01::before {

        border-radius: 24px;

    }



    .preface_bg .bg_01::after {

        border-radius: 24px;

    }



    .preface_bg .bg {

        padding: 40px 22px;

    }



    .preface_bg .bg .big_title {

        max-width: 95%;

    }



    .preface_bg .text {

        /* margin-top: 20px; */

        margin-top: 0;

    }





}



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



    .preface_bg .bg_01:after {

        background-position: inherit;

    }

}



/* 大会议程 */

.agenda_cont {

    padding-top: 26px;

    padding-bottom: 60px;

}



.term_box_cont {

    margin-top: 40px;

    position: relative;

}



.term_box_cont .left {

    width: 522px;

}



.term_box_cont .right {

    position: absolute;

    top: 0;

    right: 0;

    height: 100%;

    width: calc(100% - 522px);

    padding-left: 24px;

    overflow: hidden;

    overflow-y: auto;

}



.term_box_cont .right::-webkit-scrollbar {

    width: 0;

    height: 2px

}



.term_box_cont .right::-webkit-scrollbar-button:vertical {

    display: none

}



.term_box_cont .right::-webkit-scrollbar-corner,

.term_box_cont .right::-webkit-scrollbar-track {

    background-color: rgba(0, 0, 0, 0);

}



.term_box_cont .right::-webkit-scrollbar-thumb {

    border-radius: 0;

    background-color: rgba(0, 0, 0, 0.2);

}



.matic_title .top {

    justify-content: flex-start;

}



.matic_title .top .t {

    color: var(--main-color);

    font-weight: 700;

}



.matic_title .top .date {

    padding-left: 8px;

    color: var(--main-color);

    font-family: "Source Han Serif CN VF";



    font-style: normal;

    font-weight: 700;

}



.matic_title .des {

    padding-top: 8px;

    color: var(--main-color);

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

}



.matic_title .content {

    margin-top: 10px;

    /* padding-left: 5px; */

}



.matic_title .content p {

    color: rgba(255, 255, 255, .8);

    line-height: 1.5;

    font-size: 16px;

}



.term_box_cont .left .s_date,

.term_box_cont .right .s_text {

    padding-top: 12px;

    padding-bottom: 26px;

    color: var(--dark-color);

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

    border-bottom: 1px solid #D9D9D9;

}



.matic_line {

    width: 100%;

    height: 1px;

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

    opacity: 0.2;

    margin-top: 16px;

    margin-bottom: 16px;

}



.agenda_left_menu {

    margin-top: 16px;

}



.agenda_left_menu ul {

    position: relative;



}



.agenda_left_menu ul::after {

    content: "";

    position: absolute;

    left: 0;

    top: 32px;

    width: 1px;

    height: calc(100% - 64px);

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

}



.agenda_left_menu li {

    position: relative;

    padding-left: 12px;

    cursor: pointer;

}



.agenda_left_menu ul li::before {

    content: "";

    position: absolute;

    left: -2px;

    top: 50%;

    transform: translateY(-50%);

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background: var(--main-color);

    transition: all 0.3s ease;

}





.agenda_left_menu a {

    position: relative;

    display: flex;

    padding: 4px 16px;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    min-height: 64px;

    border: 1px solid transparent;

    transition: all 0.3s ease;

    overflow: hidden;

    /* cursor: default; */

}



.agenda_left_menu a::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    background: #FFF;

    transition: width 0.4s ease;

    z-index: -1;

}



.agenda_left_menu a span:first-child {

    color: rgba(255, 255, 255, 0.6);

    font-family: "Source Han Serif CN VF";

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 26px;

}



.agenda_left_menu a span:nth-child(2) {

    color: #FFF;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: 1.5;

}



.agenda_left_menu a:hover,

.agenda_left_menu .active a {

    border-radius: 8px;

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

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

    color: #333;

}



.agenda_left_menu .current a::before {

    width: 100%;

}



.agenda_left_menu ul li.current::before {

    height: 36px;

    opacity: 1;

}



.agenda_left_menu ul li.current:after {

    display: none;

}



.box_loop {

    margin-top: 60px;

}



.agen_mo_title {

    text-align: center;

    padding-bottom: 20px;

}



.agen_mo_title span {

    font-size: 18px;

}



.agenda_box .agenda_list {

    padding-bottom: 60px;

}



.agenda_box .box_loop .agenda_list:last-child {

    padding-bottom: 0;

}



.agenda_box .agenda_list .bg {

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    height: 180px;

    padding: 28px 32px;

    padding-right: 35%;

    border-radius: 16px;

    z-index: 1;

}



.agenda_box .agenda_list .bg::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: calc(100% - 2px);

    height: calc(100% - 2px);

    border-radius: 16px;



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

    background: linear-gradient(91deg, rgba(255, 255, 255, 0.05) 1.04%, rgba(255, 255, 255, 0.20) 100%);

    backdrop-filter: blur(4px);

    z-index: -1;

}



.agenda_box .agenda_list .bg::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    border-radius: 16px;

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

    opacity: 0;

    transition: all 0.4s ease;



    z-index: -1;

}



.agenda_box .agenda_list .bg .time {

    color: rgba(255, 255, 255, 0.60);

    font-family: "Source Han Serif CN VF";

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 26px;



}



.agenda_box .agenda_list .bg .time span {

    margin-left: 4px;

    margin-right: 4px;

    color: inherit;

}



.agenda_box .agenda_list .bg .title {

    margin-top: 4px;

    color: rgba(255, 255, 255, 0.90);

    font-size: 20px;

    font-style: normal;

    font-weight: 700;

    line-height: 1.5;

}



.agenda_box .agenda_list .bg .bottom {

    padding-top: 8px;

}



.agenda_box .agenda_list .bg .bottom .name {

    /* width: 48px; */

    width: 170px;

    color: rgba(255, 255, 255, 0.90);

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: 26px;

}



.agenda_box .agenda_list .bg .bottom .name_text {

    flex: 1;

    margin-left: 24px;

    padding-left: 24px;

    position: relative;

    color: rgba(255, 255, 255, 0.60);

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

}



.agenda_box .agenda_list .bg .bottom .name_text::before {

    content: '|';

    position: absolute;

    left: 0;

    top: 0;

    color: #CCC;

    font-size: 16px;

    font-weight: 400;

    line-height: 26px;

}



.agenda_box .agenda_list .bg .thumb {

    position: absolute;

    bottom: 0;

    right: 17px;

    width: 280px;

}



.agenda_box .agenda_list .bg .thumb i {

    display: block;

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: contain;

}



/* 右侧当前 */

.agenda_box .current .agenda_list:first-child .bg::before,

.agenda_box .agenda_list .bg:hover::before {

    opacity: 1;

}



.agenda_box .current .agenda_list:first-child .bg::after,

.agenda_box .agenda_list .bg:hover::after {

    opacity: 0;

}



.agenda_box .current .bg .time,

.agenda_box .bg:hover .time {

    color: var(--dark-color);

}



.agenda_box .current .bg .title,

.agenda_box .bg:hover .title {

    color: var(--red-color);

}



.agenda_box .current .bg .bottom .name,

.agenda_box .bg:hover .bottom .name {

    color: var(--dark-color);

}



.agenda_box .current .bg .bottom .name_text,

.agenda_box .bg:hover .bottom .name_text {

    color: var(--dark-color);

}



.agenda_box .current .bg .bottom .name_text::before,

.agenda_box .bg:hover .bottom .name_text::before {

    color: #999999;

}



.agenda_box .agenda_list .mo_thumb {

    width: 52px;

    height: 52px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    margin-right: 10px;

}



.agenda_box .agenda_list .mo_thumb img {



    object-fit: cover;

}



.s_matic_ttle {

    padding-top: 16px;

}



.s_matic_ttle .des {

    color: var(--white-color);

    opacity: 0.8;

}







@media (max-width:1280px) {

    .term_box_cont .left {

        width: 460px;

    }



    .term_box_cont .right {

        width: calc(100% - 460px);

    }



}



@media (max-width:1200px) {

    .term_box_cont .left {

        width: 400px;

    }



    .term_box_cont .right {

        width: calc(100% - 400px);

    }





}



@media (max-width:1000px) {

    .agenda_box .agenda_list .bg .thumb {

        right: 0;

        width: 240px;

    }





}



@media (max-width:991px) {

    .term_box_cont .left {

        width: 250px;

    }



    .term_box_cont .right {

        width: calc(100% - 250px);

    }



    .agenda_box .agenda_list .bg {

        padding: 28px 26px;

        padding-right: 38%;

    }



    .agenda_box .agenda_list .bg .bottom .name_text {

        margin-left: 16px;

        padding-left: 16px;

    }



}



@media (max-width:767px) {

    .agenda_cont {

        position: relative;

        padding-top: 35px;

        padding-bottom: 10px;

        background-image: none;

        overflow: hidden;

        z-index: 1;

    }



    .agenda_cont::before {

        content: "";

        position: absolute;

        left: 0;

        right: 0;

        top: 0;

        width: 100%;

        height: 70%;

        background-position: center top;

        background-size: cover;

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

        z-index: -2;

    }



    .agenda_cont::after {

        content: "";

        position: absolute;

        left: 0;

        right: 0;

        top: 40%;

        width: 100%;

        height: 1313px;

        max-height: 60%;

        background-position: center top;

        background-size: cover;

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

        z-index: -1;



    }





    .term_box_cont {

        margin-top: 20px;

        flex-wrap: wrap;

    }



    .term_box_cont .left {

        width: 100%;

    }



    .term_box_cont .right {

        display: none !important;

        width: 100%;

        padding-left: 0;

        padding-top: 20px;

        margin-left: 0;

        position: relative;

        height: auto;

    }





    .matic_title {

        /* padding-top: 30px; */

    }



    .box_loop {

        margin-top: 30px;

    }



    .agenda_box .agenda_list .bg .thumb {

        display: none;

    }



    .agenda_box .agenda_list .bg {

        padding: 20px 20px;

        height: auto;

    }



    .agenda_box .agenda_list {

        padding-bottom: 30px;

    }



    .agenda_box .agenda_list .bg .bottom .name_text {

        padding-top: 10px;

        margin-left: 0;

        padding-left: 0;

        display: block;

        width: 100%;

        flex: inherit;

    }



    .agenda_box .agenda_list .bg .title {

        font-size: 20px;

        overflow: visible;

        white-space: inherit;

        line-height: 1.4;

    }





    .agenda_box .agenda_list .bg .bottom .name_text::before {

        top: 3px;

        font-size: 14px;

        line-height: 20px;

        display: none;

    }



    .agenda_box .agenda_list .bg .bottom {

        flex-wrap: wrap;

    }



    .agenda_box .agenda_list .bg .bottom .name {

        width: 100%;

        display: flex;

        align-items: center;

    }



    /* 最新 */

    .matic_mo_list {

        padding-top: 24px;

    }



    .matic_title .top .t {

        font-size: 18px;

    }



    .s_matic_ttle {

        margin-bottom: 8px;

    }



    .s_matic_ttle .top .t {

        font-size: 16px;

        font-weight: 500;

        line-height: 26px;

    }



    .matic_mo_list .no1 {

        position: relative;

    }



    .matic_mo_list .no1 .icon {

        transition: all 0.3s ease;

    }



    .matic_mo_list .no1.active .icon {

        transform: rotate(180deg);

    }



    .matic_title .top {

        justify-content: flex-start;

    }



    .matic_title .top .date {

        padding-left: 8px;

        font-size: 18px;



    }



    .matic_title .des {

        font-size: 16px;

        line-height: 22px;

    }



    .matic_title .content {

        padding-left: 0;

    }



    .matic_m_title .li {

        position: relative;

        padding: 8px 16px;

        width: 100%;

    }



    .matic_m_title .li::before {

        content: "";

        position: absolute;

        left: 0px;

        top: 17px;

        width: 5px;

        height: 5px;

        border-radius: 50%;

        background: var(--main-color);

        opacity: 0.5;

    }





    .matic_m_title a {

        position: relative;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: flex-start;

        transition: all 0.3s ease;

        overflow: hidden;

        cursor: default;

    }



    .matic_m_title .li a::before {

        content: '';

        position: absolute;

        left: 0;

        top: 0;

        width: 0;

        height: 100%;

        background: #FFF;

        transition: width 0.4s ease;

        z-index: -1;

    }



    .matic_m_title .li a span:first-child {

        color: rgba(255, 255, 255, 0.6);

        font-family: "Source Han Serif CN VF";

        font-size: 16px;

        font-style: normal;

        font-weight: 500;

        line-height: 22px;

    }



    .matic_m_title .li a span:nth-child(2) {

        margin-top: 4px;

        color: #FFF;

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 22px;

    }



    .matic_m_loop {

        display: none;

        overflow: hidden;

        transition: max-height 0.5s ease 0.5s;

    }



    .matic_m_body {

        margin-top: 8px;

        padding: 16px 15px;



        border-radius: 8px;

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

        background: linear-gradient(91deg, rgba(255, 255, 255, 0.05) 1.04%, rgba(255, 255, 255, 0.00) 100%);

        overflow: hidden;

    }



    .matic_m_body .time {

        display: flex;

        flex-direction: column;

        display: none;

    }



    .matic_m_body .time span:first-child {

        color: rgba(255, 255, 255, 1);

        font-family: "Source Han Serif CN VF";

        font-size: 14px;

        font-style: normal;

        font-weight: 500;

        line-height: 22px;

    }



    .matic_m_body .time span:nth-child(2) {

        margin-top: 4px;

        color: #FFF;

        font-size: 14px;

        font-style: normal;

        font-weight: 700;

        line-height: 22px;

    }



    .matic_m_body .img {

        padding-top: 8px;

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

    }



    .matic_m_body .img img {

        width: 65%;

        max-width: 200px;

    }



    .matic_m_body .name {

        margin-top: 8px;

        color: #FFF;

        font-family: "Source Han Sans CN";

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 26px;

    }



    .matic_m_body .name_des {

        margin-top: 4px;

        color: rgba(255, 255, 255, 0.60);

        font-family: "Source Han Sans CN";

        font-size: 14px;

        font-style: normal;

        font-weight: 400;

        line-height: 22px;

    }



}



/* 参会嘉宾 */

.guest_cont {

    position: relative;

    padding-bottom: 75px;

    overflow: hidden;

}



.guest_cont::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 50%;

    max-height: 716px;

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

    background-repeat: no-repeat;

    background-position: top center;

    background-size: cover;

    z-index: -1;

}



.guest_cont:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 50%;

    max-height: 645px;

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

    background-repeat: no-repeat;

    background-position: bottom center;

    background-size: cover;

    z-index: -1;

}



.guest_des {

    padding-top: 40px;

    color: rgba(255, 255, 255, 0.50);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

}



.guest_list {

    padding-top: 48px;

}



.guest_list ul {

    margin-left: -12px;

    margin-right: -12px;

    display: flex;

    flex-wrap: wrap;

    align-items: stretch;

    overflow: hidden;

}



.guest_list ul li {

    width: 25%;

    float: left;

    padding: 16px 12px;

    transition: transform 0.4s;

}



.guest_list .guest_img {

    position: relative;

    z-index: 1;

}



.guest_list .guest_img::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

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

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    opacity: 0;

    transition: all 0.4s ease;

    z-index: -1;

}



.guest_list li:hover .guest_img::before {

    opacity: 1;

}



.guest_list .guest_img i {

    display: block;

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

}



.guest_list .guest_img span {

    position: absolute;

    bottom: 35px;

    left: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 117px;

    height: 45px;

    border-radius: 18px 4px 4px 4px;

    background: var(--white-color);

    color: var(--dark-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: 32px;

    overflow: hidden;

}



.guest_list .text {

    margin-top: 15px;

}



.guest_list .text span {

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: 1.5;

    color: var(--main-color);

}



.guest_list .text .t {

    color: rgba(255, 255, 255, 0.80);

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

}



.guest_more {

    display: none;

    padding-top: 0;

}



.guest_more_button {

    padding-top: 60px;

    display: flex;

    justify-content: center;

}



.guest_more_button a {

    display: inline-flex;

    padding: 16px 24px;



    justify-content: center;

    align-items: center;

    border-radius: 60px;

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

    background: linear-gradient(90deg, rgba(68, 60, 73, 0.60) 0%, rgba(68, 60, 73, 0.30) 100%);



    transition: all 0.4s;

}



.guest_more_button a span {

    display: flex;

    align-items: center;



    color: #FFF;

    text-align: center;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 32px;



}



@keyframes spin {

    to {

        transform: rotate(360deg);

    }

}



.guest_more_button a span:first-child i {

    display: block;

    margin-left: 16px;

    width: 24px;

    height: 24px;

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

    background-size: 24px 24px;

    background-repeat: no-repeat;

    background-position: right;

    -o-transition: all 1.6s;

    transition: all 1.6s;

    -webkit-transition: all 1.6s;

}



.guest_more_button a span:nth-child(2) {

    display: none;

    padding-right: 36px;

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

    background-size: 24px 24px;

    background-repeat: no-repeat;

    background-position: right;

}



.guest_more_button a:hover {

    background: var(--red-color);



}



.guest_more_button a:hover span:first-child i {

    animation: spin 1.5s linear;

}



.guest_more_button a.active span:first-child {

    display: none;

}



.guest_more_button a.active span:nth-child(2) {

    display: block;

}



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



    .guest_list ul li:hover {

        transform: translateY(-10px);

    }



}



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



    .guest_list .guest_img span {

        bottom: 20px;

        width: 100px;

        height: 40px;

        font-size: 16px;

        font-weight: 400;

    }





}



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

    .speaker_text {

        padding-right: 0 !important;

    }

    .guest_cont {

        padding-top: 50px;

        padding-bottom: 50px;

    }



    .guest_cont::before {

        height: 178px;

    }



    .guest_cont:after {

        background-position: left;

    }



    .guest_list ul {

        margin-left: -8px;

        margin-right: -8px;

    }



    .guest_list ul li {

        width: 50%;

        padding: 8px;

    }



    .guest_list .guest_img span {

        bottom: 16px;

        width: 90px;

        height: 30px;

        font-size: 14px;

    }



    .guest_list .text {

        margin-top: 8px;

        font-size: 14px;

        line-height: 1.5;

    }



    .guest_list .text span {

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 26px;

    }



    .guest_list .text .t {

        margin-top: 4px;

        color: rgba(255, 255, 255, 0.60);

        font-size: 14px;

        font-style: normal;

        font-weight: 400;

        height: 66px;

        line-height: 22px;

        overflow: hidden;

        display: -webkit-box;

        -webkit-line-clamp: 4;

        -webkit-box-orient: vertical;

    }



    .guest_more_button {

        padding-top: 40px;

    }



    .guest_des {

        padding-top: 10px;

        font-size: 14px;

        line-height: 22px;

    }





}



/* 亲清市集 */

.bazaar_cont {

    padding-top: 88px;

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

    background-repeat: no-repeat;

    background-position: right top;

}



.bazaar_text_box {

    padding-top: 60px;

    max-width: 1320px;

}



.bazaar_text_box .title {

    color: var(--main-color);

    font-weight: 700;

    line-height: 1.5;

}



.bazaar_text_box .text {

    padding-top: 16px;

    color: rgba(255, 255, 255, 0.80);

    font-family: "Source Han Sans CN";

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 30px;

}



.bazaar_tab {

    padding-top: 45px;

}



.tab-content .tab {

    display: none;

    width: 100%;

}



.tab-content .tab.active {

    display: inline-block;

}



.bazaar_tab .tab-btns {

    position: relative;

    margin-bottom: 30px;

}



.bazaar_tab .tab-btns:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 1px;

    background: var(--white-color);

    opacity: 0.2;

    bottom: 0;

    left: 0;

}



.bazaar_tab .tab-btns .tab-btn {

    position: relative;

    padding-bottom: 13px;

    margin-right: 32px;

    color: var(--main-color);

    font-size: 24px;

    font-style: normal;

    font-weight: 700;

    line-height: 36px;

    background-color: transparent;

    cursor: pointer;

}



.bazaar_tab .tab-btns .tab-btn::before {

    content: "";

    position: absolute;

    bottom: 0;

    width: 0;

    height: 4px;

    background: var(--main-color);

    transition: width 0.4s;

}



.bazaar_tab .tab-btns .tab-btn.active::before {

    width: 100%;

}



.excit_loop {

    overflow: visible;

}



.excit_loop::after {

    content: "";

    position: absolute;

    top: 0;

    right: -100%;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.50);

    z-index: 9;

}



.excit_loop .sca {

    position: relative;

    overflow: hidden;

}



.excit_loop .sca i {

    position: absolute;

    width: 100%;

    height: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;

}



.excit_loop .swiper-slide {

    border-radius: 8px;

    overflow: hidden;

}



.excit_loop .swiper-slide:hover .sca i {

    transform: translate(-50%, -50%) scale(1.03);

}



.baza_button {

    padding-top: 24px;

}



.baza_button .baza-pagination {

    position: relative;

    flex: 1;

    margin-right: 50px;

    height: 2px;

    border-radius: 40px;

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

}



.baza_button .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    border-radius: 40px 0px 0px 40px;

    background: var(--red-color);

}



.baza_button .anan div {

    width: 60px;

    height: 60px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

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

    cursor: pointer;

}



.baza_button .anan div:nth-child(2) {

    margin-left: 16px;

}



.baza_button .anan div:hover {

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

}



.baza_button .anan div.swiper-button-disabled {

    cursor: default;

    pointer-events: none;

    opacity: 0.5;

}



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

    .bazaar_cont {

        padding-top: 60px;

    }



    .bazaar_tab .tab-btns .tab-btn {

        font-size: 22px;

    }



}



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

    .bazaar_text_box {

        padding-top: 24px;

    }



    .bazaar_text_box .text {

        padding-top: 8px;

        font-size: 14px;

        font-style: normal;

        font-weight: 400;

        line-height: 22px;

    }



    .bazaar_tab {

        padding-top: 24px;

    }



    .bazaar_cont {

        padding-top: 50px;

    }



    .bazaar_tab .tab-btns {

        margin-bottom: 16px;

    }



    .bazaar_tab .tab-btns .tab-btn {

        font-size: 16px;

        padding-bottom: 8px;

        margin-right: 24px;

        line-height: 26px;

    }



    .bazaar_tab .tab-btns .tab-btn::before {

        height: 2px;

    }



    .excit_loop::after {

        display: none;

    }



    .excit_loop .sca {

        border-radius: 6px;

    }



    .baza_button .anan div {

        width: 40px;

        height: 40px;

    }



    .baza_button .anan div svg {

        width: 16px;

        height: 16px;

    }



    .baza_button {

        padding-top: 16px;

        justify-content: center;

        display: block !important;

    }



    .baza_button .anan {

        display: flex;

        justify-content: center;

    }



    .baza_button .baza-pagination {

        display: none !important;

    }



    .baza_button .anan div:nth-child(2) {

        margin-left: 8px;

    }



}



/* 合作伙伴 */

.partner_cont {

    position: relative;

    overflow: hidden;

    z-index: 1;

}



.partner_title {

    padding-top: 40px;

    padding-bottom: 30px;

    display: flex;

    justify-content: center;

    color: var(--white-color);

    font-style: normal;

    font-weight: 700;

    line-height: 1.5;

}



.partner_title span {

    position: relative;

    padding-left: 36px;

    padding-right: 36px;

    display: inline-block;

}



.partner_title span::before {

    content: '';

    position: absolute;

    width: 20px;

    height: 1px;

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

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}



.partner_title span::after {

    content: '';

    position: absolute;

    width: 20px;

    height: 1px;

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

    right: 0;

    top: 50%;

    transform: translateY(-50%);

}



.partner_title .right {

    color: rgba(255, 255, 255, 0.80);

    text-align: center;

    font-family: "Source Han Sans CN";

    font-size: 16px;

    font-weight: 400;

}



.partner_list {

    padding-top: 26px;

}



.partner_list ul li {

    padding-bottom: 24px;

}



.partner_list ul li:last-child {

    padding-bottom: 0;

}



.partner_list .bg {

    display: flex;

    align-items: stretch;

    border-radius: 16px;

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

    overflow: hidden;

}



.partner_list .text {

    flex: 1;

    display: flex;

    width: 1086px;

    padding: 32px;

    flex-direction: column;

    align-items: flex-start;

    background: linear-gradient(112deg, rgba(255, 255, 255, 0.10) 5.25%, rgba(255, 255, 255, 0.15) 23.78%, rgba(255, 255, 255, 0.20) 65.1%, rgba(255, 255, 255, 0.10) 93.43%);

    backdrop-filter: blur(12px);

}



.partner_list .partner_logo {

    display: flex;

    width: 314px;

    padding: 2px 11px;

    justify-content: center;

    align-items: center;

    background: #FFF;

}



.partner_list .text .title {

    color: var(--main-color);

    font-weight: 700;

    line-height: 1.5;

}



.partner_list .text .des {

    padding-top: 5px;

    color: rgba(255, 255, 255, 0.80);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 30px;

}



.partner_list .text .des p {

    color: rgba(255, 255, 255, 0.80);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 30px;

}

.par_link_list {

  /*  padding-top: 40px;*/

    /* 暂增加*/

}

.par_link_list ul {

    display: flex;

    justify-content: center;

    margin-left: -12px;

    margin-right: -12px;

}



.par_link_list ul li {

    padding: 12px;

    width: 25%;

}



.par_link_list i {

    display: block;

    position: relative;

    display: flex;

    width: 100%;



    justify-content: center;

    align-items: center;

    border-radius: 16px;

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

    transition: transform 0.4s;

    overflow: hidden;

}



.par_link_list i img:first-child {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    object-fit: contain;

    max-width: 176px;

    width: 90%;

}



.par_link_list i img:nth-child(1) {}



.par_link_list i:hover {

    transform: translateY(-6px);

}



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

    .partner_cont_box .left {

        width: 160px;

    }



}



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

    .partner_cont_box .left {

        width: 160px;

    }



    .partner_cont_box .right ul li {

        width: 20%;

    }



}



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

    .partner_cont::before {

        width: 100%;



    }



    .partner_list .bg {

        flex-wrap: wrap;

    }



    .partner_list .partner_logo {

        width: 250px;

        width: 100%;

        height: 127px;

    }



    .partner_list .partner_logo img {



        height: 127px;

    }





}



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



    .partner_cont {

        margin-top: 50px;

    }



    .partner_title {

        padding-top: 24px;

        padding-bottom: 12px;

        flex-wrap: wrap;

    }



    .partner_title .right {

        width: 100%;

        padding-top: 4px;

        text-align: left;

        font-size: 14px;

        line-height: 24px;

    }



    .partner_list .text {

        padding: 16px;

    }



    .partner_list .text .title {

        font-size: 16px;

        line-height: 26px;

    }



    .partner_list .text .des p {

        font-size: 14px;

        line-height: 24px;

    }



    .par_link_list ul {

        margin-left: -8px;

        margin-right: -8px;

    }

   



    .par_link_list ul li {

        max-width: 228px;

        width: 90%;



    }



    .par_link_list i img:first-child {

        max-width: 120px;

    }



    .par_link_list i {

        border-radius: 10px;

    }

    .par_link_list .two {

        display: flex;

        flex-wrap: wrap;

    }

    .par_link_list .two li {

        padding: 8px;

        width: 50%;

    }



}



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

    .par_link_list {

        /*padding-top: 20px;*/

    }

}



/* 主办机构介绍 */

.organzer_cont {

    position: relative;

    /* 暂隐 */

    margin-top: 66px;

    z-index: 1;

}



.organ_one {

    margin-top: 40px;

    position: relative;

    border-radius: 16px;

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

    overflow: hidden;

    z-index: 1;

}



.organ_one .bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;



    z-index: -1;

}



.organ_one .bg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    -webkit-transition: -webkit-transform .6s;

    transition: -webkit-transform .6s;

    -o-transition: transform .6s;

    transition: transform .6s;

    transition: transform .6s, -webkit-transform .6s;

    -webkit-transition: transform .6s;

}



.organ_one .text {

    padding: 80px 32px;

    background: rgba(0, 0, 0, 0.60);

}



.organ_one .text .title {

    color: #FFF;

    font-weight: 700;

    line-height: 1.5;

}



.organ_one .text .des {

    padding-top: 16px;

}



.organ_one .text .des p {

    padding-bottom: 25px;

    color: #FFF;

    font-size: 16px;

    font-weight: 400;

    line-height: 26px;

}



.organ_one .text .des p:last-child {

    padding-bottom: 0;

}



.organ_one:hover .bg img {

    -webkit-transform: scale(1.06);

    -ms-transform: scale(1.06);

    transform: scale(1.06);

}



.organ_two {

    padding-top: 12px;

}



.organ_two .grid-box {

    margin-left: -12px;

    margin-right: -12px;

    display: flex;

}



.organ_two .grid-box .box {

    padding: 12px;

}



.organ_two .grid-box .box {

    width: 24%;

    float: left;

    height: 460px;

    position: relative;

    background-position: left center;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.organ_two .grid-box .box .inbox {

    position: relative;

    width: 100%;

    height: 100%;

    border-radius: 16px;

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

    overflow: hidden;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease;

    z-index: 1;

}



.organ_two .grid-box .box .inbox::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.70) 100%);

}



.organ_two .grid-box .box .inbox .bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;





    z-index: -1;

}



.organ_two .grid-box .box .inbox .bg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.organ_two .organ_two_left {

    position: relative;

    padding: 32px;

    width: 100%;

    height: 100%;

    transition: width .4s;

}



.organ_two .organ_two_left .icon {

    height: 72px;

}

.organ_two .organ_two_left .icon img{

    max-height: 100%;

}

.organ_two .organ_two_right {

    position: absolute;

    left: 0;

    bottom: 32px;

    padding: 0 22px 0 32px;

    width: 100%;

    display: flex;

    flex-flow: column;



}



.organ_two .organ_two_right .des {

    margin-top: 8px;

   

}

.organ_two .organ_two_right .des p {

    color: #FFF;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

    text-align: justify;

    opacity: 0.8;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.organ_two .organ_two_right .des p:nth-child(n+2) {

    display: none !important;

}

.organ_two .organ_two_right .text {

    height: 0;

    transition: opacity .4s;

    opacity: 0;

    overflow: hidden;

}



.organ_two .organ_two_right .text::-webkit-scrollbar {

    width: 4px;

    height: 2px

}



.organ_two .organ_two_right .text::-webkit-scrollbar-button:vertical {

    display: none

}



.organ_two .organ_two_right .text::-webkit-scrollbar-corner,

.organ_two .organ_two_right .text::-webkit-scrollbar-track {

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

}



.organ_two .organ_two_right .text::-webkit-scrollbar-thumb {

    border-radius: 0;

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

}



.organ_two .organ_two_right .text p {

    margin-bottom: 25px;

    color: #FFF;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

    text-align: justify;

    opacity: 0.8;

}



.organ_two .organ_two_right .text p:first-child {

    margin-top: -4px;

}



.organ_two .organ_two_right .text p:last-child {

    margin-bottom: 0;

}



.organ_two .grid-box .box .title {

    color: #FFF;

    font-weight: 700;

    line-height: 1.5;

}

/* 3个 */

/* .organ_two .grid-box .act {

    width: 52%;

} */

 /* 2个 */

.organ_two .grid-box .act {

    width: 76%;

}

.organ_two .act .organ_two_right {

    opacity: 1;

    transition-delay: .3s;

}



.organ_two .act .organ_two_right .des {

    height: 0;

    opacity: 0;

}



.organ_two .act .organ_two_right .text {

    padding-right: 10px;

    margin-top: 8px;

    height: auto;

    max-height: 239px;

    opacity: 1;

    overflow-y: auto;

}



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

    .organ_one .text {

        padding: 24px;



    }



    .organ_one .text .des {

        padding-top: 8px;

    }



    .organ_two .organ_two_left {

        padding: 32px 20px;

    }



    .organ_two .organ_two_right {

        bottom: 32px;

        padding: 0 16px 0 16px;

    }



    .organ_two .organ_two_right .text {

        padding-right: 0;

    }

}



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

    .organzer_cont {

        margin-top: 38px;

        /* padding-bottom: 26px; */

        /* 会议暂时隐藏 */

    }



    .organzer_cont::before {

        top: inherit;

        bottom: 0;

        width: 100%;

        height: 100%;

        max-height: inherit;

        /* display: none; */

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

    }



    .organ_one {

        margin-top: 24px;

        border-radius: 8px;

        border: inherit;



    }



    .organ_two .grid-box {

        flex-wrap: wrap;

    }



    .organ_two .grid-box .box {

        width: 100%;

        padding-top: 8px;

        padding-bottom: 8px;

        height: auto;

    }



    .organ_two .grid-box .box .inbox {

        padding: 24px;

        border: inherit;

    }



    .organ_two .organ_two_left {

        padding: 0;

        width: 100% !important;

        height: auto;

    }



    .organ_two .organ_two_right {

        position: relative;

        padding: 0;

        margin-top: 30px;

        width: 100%;

        left: 0;

        bottom: inherit;

        height: auto;

        flex-wrap: wrap;

        opacity: 1;

    }



    .organ_two .organ_two_right .text {

        width: 100%;

    }



    .organ_two .organ_two_right .icon {

        margin-top: 40px;

    }



    .organ_two .organ_two_right .icon img {

        width: 30px;

        opacity: 0.5;

    }



    .organ_two .grid-box .box .title {

        margin-top: 0;

        font-size:20px;

    }

    .organ_two .organ_two_right .text p:first-child {

        margin: 0;

    }

    .organ_two .organ_two_right .text {

        padding-top: 8px;

    }



    .organ_one .text .des p {

        font-size: 14px;

        font-style: normal;

        font-weight: 400;

        line-height: 24px;

    }



    .organ_two .organ_two_left .num {

        right: 16px !important;

        left: inherit !important;

        top: 30px;

        opacity: 0.5;

    }



    .organ_two .organ_two_left .num img {

        max-height: 25px;

    }

    .organ_two .organ_two_right .des {

       display: none !important;

    }

    .organ_two .organ_two_left .icon {

        display: block !important;

    }

    .organ_two .act .organ_two_right .text,

    .organ_two .organ_two_right .text {

        height: auto;

        opacity: 1;

        max-height: inherit;

        overflow: inherit;

    }



}



/* 私人董事会领教 */

.best_cont {

    padding-top: 80px;

    position: relative;

}



.best_text {

    max-width: 838px;

    margin: 0 auto;

    margin-top: 34px;

    color: var(--dark-color);

    text-align: center;



    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

}



.best_text p {

    line-height: inherit;

    font-size: inherit;

}



.best_list {

    padding-top: 48px;

    padding-bottom: 88px;

}



.best_list ul {

    margin-left: -12px;

    margin-right: -12px;

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}



.best_list ul li {

    width: 33.33%;

    float: left;

    padding: 12px;

}



.best_list .bg {

    position: relative;

    padding: 40px;

    width: 100%;

    height: 100%;

    border-radius: 12px;

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

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

    background-repeat: no-repeat;

    background-size: cover;

}



.best_list .bg .num {

    color: rgba(0, 0, 0, 0.10);

    font-family: "Work Sans";

    font-size: 50px;

    font-weight: 500;

    line-height: 1;

}



.best_list .bg .default {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    padding: 40px;

    display: flex;

    flex-flow: column;

    justify-content: space-between;

    transition: all 0.3s ease;

}



.best_list .hover_default {

    opacity: 0;

    transition: all 0.4s ease;

}



.best_list .bg .icon {

    width: 40px;

}



.best_list .bg .t {

    padding-top: 24px;

    color: var(--dark-color);

    font-weight: 700;

    line-height: 1.5;

}



.best_list .hover_default .bottom {

    padding-top: 50px;



}



.best_list .hover_default .bottom p {

    color: #666;

    font-size: 16px;

    font-weight: 400;

    line-height: 32px;

}



.best_list .bg:hover .default {

    opacity: 0;

}



.best_list .bg:hover .hover_default {

    opacity: 1;

}



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



    .best_list .bg,

    .best_list .bg .default {

        padding: 40px 30px;

    }



    .best_list .bg .num {

        font-size: 40px;

    }



    .excit_loop .sca img {

        height: 250px;

    }

}



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

    .best_list ul li {

        width: 100%;

    }



}



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

    .best_cont {

        padding-top: 30px;

        z-index: 1;

    }



    .best_cont:after {

        content: "";

        position: absolute;

        width: 100%;

        left: 0;

        top: 0;

        height: 100%;

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

        background-repeat: no-repeat;

        background-position: 0 20%;

        z-index: -1;

    }



    .best_cont .white_bg {

        margin-top: 50px;

        border-radius: 0;

    }



    .best_text {

        margin-top: 16px;

    }



    .best_list {

        padding-top: 23px;

        padding-bottom: 50px;

    }



    .best_list .bg {

        padding: 30px 30px;

    }



    .best_list .bg .default {

        display: none !important;

    }



    .best_list .hover_default {

        opacity: 1;

    }



    .best_list .hover_default .bottom {

        padding-top: 30px;

    }



    .guest_more_button a {

        padding: 12px 12px 12px 16px;

    }



    .guest_more_button a span {

        font-size: 14px;

        line-height: 22px;

    }



    .excit_loop .sca img {

        height: auto;

        width: 100%;

    }





}





/* 私人董事会领教 */

.dir_button {

    padding-top: 24px;

}



.dir_button .left {

    flex: 1;

}



.dir-pagination {

    position: relative;

}



.dir-pagination span {

    margin: 0 4px;

    width: 10px;

    height: 10px;

    border-radius: 30px;

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

    background: transparent;

    opacity: 1;

}



.dir-pagination .swiper-pagination-bullet-active {

    width: 24px;

    border-radius: 40px;

    background: var(--main-color);

    box-shadow: 0 0 14px 0 var(--main-color);

}



.dir_button .right>div {

    display: flex;

    width: 76px;

    height: 52px;

    padding: 18px;

    justify-content: center;

    align-items: center;



    border-radius: 60px;

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

    background-repeat: no-repeat;

    background-position: center;

    background-size: 24px 24px;

    transition: background-color 0.3s;

    cursor: pointer;

}



.dir_button .right>div.swiper-button-disabled {

    opacity: 0.5;

    pointer-events: none;

    cursor: default;

}



.dir_button .right .dir-prev {

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

}



.dir_button .right .dir-next {

    margin-left: 16px;

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

}



.dir_button .right>div:hover {

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

}





.best_cont .white_bg {

    margin-top: 40px;

    overflow: hidden;

}



.dir_Swiper02 {

    position: relative;

    border-radius: 32px;

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

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

    overflow: hidden;

}



.dir_Swiper02::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

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

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;



    z-index: -1;

}



.dir_Swiper02 .dir_top_cont {

    align-items: center;

    padding: 60px;

    padding-top: 0;

    padding-bottom: 0;

}



.dir_Swiper02 .dir_top_cont .dir_pic {

    order: 2;

    position: relative;

}



.dir_Swiper02 .dir_top_cont .dir_pic i {

    display: block;

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: contain;

}



.dir_Swiper02 .dir_top_cont .dir_top_r {

    flex: 1;

    position: relative;

    max-width: 710px;

    margin-right: 30px;

}



.dir_Swiper02 .dir_name {

    font-weight: 700;

    line-height: 1.5;

    color: var(--white-color);

}



.dir_Swiper02 .dir_name span:first-child {

    position: relative;

    padding-right: 16px;

    margin-right: 16px;

}



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

    content: '';

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

    height: 24px;

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

}



.dir_Swiper02 .line .dir_des {

    padding-top: 16px;

    padding-bottom: 16px;

    position: relative;

    max-width: 650px;

    color: var(--white-color);

    font-size: 18px;

    font-weight: 400;

    line-height: 28px;

    opacity: 0.6;

}



.dir_Swiper02 .line .dir_des:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 10px;

    height: 1px;

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

}



.dir_Swiper02 .dir_text {

    margin-top: 32px;

    max-height: 196px;

    overflow-y: auto;

}

.dir_Swiper02 .dir_text{

    padding-right: 16px;

}



.dir_Swiper02 .dir_text::-webkit-scrollbar {

    width: 7px;

    height: 7px;

    border-radius: 10px;

    background-color: rgba(0, 0, 0, 0.10);

}





.dir_Swiper02 .dir_text::-webkit-scrollbar-thumb {

    border-radius: 10px;



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

}





.dir_Swiper02 .dir_text p {

    padding-bottom: 25px;

    color: var(--white-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

    text-align: justify;



}



.dir_Swiper02 .dir_text p:last-child {

    padding-bottom: 0;

}



.dir_Swiper {

    margin-top: 16px;

}

/* .dir_Swiper::before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 18px;

    height: 100px;

    background: linear-gradient(270deg, #060C23 0%, rgba(6, 12, 35, 0.00) 100%);

    transform: rotate(180deg);

    z-index: 9;

} */

.dir_Swiper:after {

    content: '';

    position: absolute;

    right: 0;

    bottom: 0;

    width: 60px;

    height: 100px;

    background: linear-gradient(270deg, #060C23 0%, rgba(6, 12, 35, 0.00) 100%);

    z-index: 9;

}



.dir_Swiper .swiper-wrapper {

    align-items: flex-end;

}



.dir_Swiper .swiper-slide {

    display: flex;

    align-items: flex-end;

    padding:0 5px;

    width: 110px;

    height: 110px;

}



.dir_Swiper .thumb {

    position: absolute;

    left:8px;

    bottom: 0;

    width: 100px;

    height: 100px;

    /* position: relative; */

    border-radius: 16px;

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

    overflow: hidden;

    z-index: 1;

    transition: all .3s ease;

}



.dir_Swiper .i {

    display: block;

    /* position: absolute;

    left: 0;

    bottom: 0; */

    width: 100%;

    height: 100%;

    border-radius: 16px;

    z-index: 1;

}



.dir_Swiper .swiper-slide i {

    

    background-color: #1C2433;

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

    background-repeat: no-repeat;

    background-size: cover;

}



.dir_Swiper .i img {



    width: 100%;

    height: 100%;

    object-fit: contain;

}

/* 

swiper-slide-duplicate-active

*/

/* .dir_Swiper .swiper-slide-thumb-active {

    width: 120px;

    height: 120px;

} */

.dir_Swiper .swiper-slide-active {

    padding: 0;

    width: 110px;

    height: 110px;

}



.dir_Swiper .swiper-slide-active i {

    background-image: url(../images/srds_bg_s2.jpg);

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

    box-shadow: 0 3.2px 19.2px 0 rgba(29, 70, 123, 0.90);

}

.dir_Swiper .swiper-slide-active .thumb {

    left: 0;

    width: 110px;

    height: 110px;

}

/* .dir_Swiper .swiper-slide-thumb-active .thumb {

    width: 120px;

    height: 120px;

} */



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

    .dir_Swiper02 .dir_top_cont {

        padding: 60px;

        padding-right: 40px;

        padding-bottom: 0;

        padding-top: 0;

    }



    .dir_Swiper02 .dir_top_cont .dir_pic {

        width: 500px;

    }



    .dir_Swiper02 .dir_text {

        max-height: 138px;

    }



}



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



    .dir_Swiper02 .dir_top_cont .dir_pic {

        width: 450px;

    }



}



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



    .dir_Swiper02 .dir_top_cont .dir_pic {

        position: absolute;

        bottom: 0;

        right: 30px;

        width: 45%;

    }



    .dir_Swiper02 .dir_top_cont {

        padding-right: 30px;

        min-height: 450px;

    }



    .dir_Swiper02 .dir_top_cont .dir_top_r {

        width: 55%;

        flex: inherit;

    }



    .dir_Swiper02 .dir_top_cont {

        position: relative;

        padding-right: 10px;

        padding-top: 30px;

        padding-left: 30px;

    }



    .dir_Swiper02 .dir_text {

        margin-top: 16px;

        max-height: 78px;

    }



}



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

    .best_cont::before {

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

        background-size: cover;

    }



    .speaker_bottom {

        border-radius: 24px;

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

        border: none;

    }



    .speaker_bottom .dir_top_cont {

        padding: 0;

        flex-wrap: wrap;

        min-height: inherit;

    }



    .speaker_bottom::before {

        display: none;

        background-position: left;

    }



    .speaker_bottom .dir_top_cont .dir_pic {

        position: relative;

        right: inherit;

        width: 100%;

        order: inherit;

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

        background-repeat: no-repeat;

        background-size: cover;

    }





    .speaker_bottom .dir_top_cont .dir_top_r {

        padding: 16px;

        width: 100%;

        margin-right: 0;

        flex: inherit;

    }



    .speaker_bottom .line .dir_des {

        padding-top: 8px;

        color:var(--white-color);

        text-align: justify;

        font-size: 16px;

        line-height: 26px;

        font-style: normal;

        font-weight: 400;

        opacity: 0.6;

    }



    .speaker_bottom .line .dir_des::before {

        display: none !important;

    }



    .speaker_bottom .dir_name {

        position: relative;

        padding-bottom: 8px;

        font-size: 20px;

    }

    .dir_Swiper02 .dir_text p {

        font-size: 16px;

        line-height: 26px;

    }







}



/* 报名指南 */

.guide_text {

    padding-top: 30px;

    color: var(--white-color);

    text-align: center;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 1.5;

}



.guide_small {

    margin-top: 8px;

    color: rgba(255, 255, 255, 0.6);

    text-align: center;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 32px;

}



.qrcode_box {

    position: relative;

    width: 180px;

    padding: 10px;

    margin: 0 auto;

    margin-top: 18px;

    display: flex;

    align-items: center;

    justify-content: center;

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

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

}



.qrcode_box img {

    border-radius: 8px;

}



.qrcode_box .bg {

    position: absolute;

    right: -120px;



}



.privas_cont {

    padding-top: 80px;

    position: relative;

}







.guide_box {

    margin-top: 65px;

    display: flex;

    align-items: stretch;

    border-radius: 8px;

    background: #FFF;

    overflow: hidden;

}



.guide_box .left {

    width: 44%;

    padding: 30px 70px 26px 34px;

}



.guide_box .left .title {

    padding-bottom: 16px;

    color: #000;

    font-weight: 700;

    line-height: 1.5;

    border-bottom: 1px solid rgba(0, 0, 0, 0.20);

}



.guide_box .time {

    display: flex;

    align-items: center;

    padding-top: 16px;

    line-height: inherit;

}



.guide_box .time .year {

    display: inline-block;

    width: 30px;

    color: var(--dark-color);

    font-family: "Work Sans";

    font-size: 24px;

    font-weight: 300;

    line-height: 20px;

    word-break: break-all;

}



.guide_box .time .moth {

    display: inline-block;

    margin-left: 4px;

    color: var(--dark-color);

    font-family: "Work Sans";

    font-size: 48px;

    font-style: normal;

    font-weight: 300;

    line-height: inherit;

}



.guide_box .time .span {

    display: inline-block;

    padding-left: 18px;

    color: var(--dark-color);

    font-size: 40px;

    font-weight: 400;

    line-height: inherit;

}



.guide_box .left .adress {

    margin-top: 16px;

    padding-left: 28px;

    color: var(--dark-color);

    font-size: 18px;

    font-weight: 400;

    line-height: 32px;

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

    background-size: 20px 20px;

    background-position: 0 6px;

    background-repeat: no-repeat;

}



.guide_box .left .sign_up {

    padding-top: 22px;

    margin-top: 16px;

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

}



.guide_box .sign_up .t {

    color: var(--dark-color);

    font-size: 20px;

    font-weight: 700;

    line-height: 1.5;

}



.guide_box .sign_up_btn {

    padding-top: 6px;

}



.guide_box .sign_up_btn .text {

    flex: 1;

    margin-right: 20px;

    max-width: 260px;

    color: #666;

    font-size: 18px;

    font-weight: 400;

    line-height: 32px;

}



.guide_box .right {

    position: relative;

    width: 56%;

}



.guide_box .right img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.guide_box .right .link_button {

    position: absolute;

    right: 35px;

    bottom: 26px;

    border-radius: 8px;

    background-color: #7E7E7E;

    display: inline-flex;

    padding: 10px 18px;

    justify-content: center;

    align-items: center;

    color: var(--white-color);

    font-size: 18px;

    font-weight: 400;

    line-height: 32px;

}



.guide_box .right .link_button:hover {

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

}

.regist_ration {

    padding-top: 30px;

    padding-bottom: 30px;

    text-align: center;

}

.regist_ration .title {

    color: #68B82E;

    text-align: center;

    font-size: 24px;

    font-weight: 700;

    line-height: 28px;

}

.regist_ration .text {

    padding-top: 16px;

    color:var(--white-color);

font-size: 18px;

font-style: normal;

font-weight: 400;

line-height: 28px; 

}

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

    .guide_box .time .year {

        font-size: 22px;

        line-height: 0.8;

    }



    .guide_box .time .moth {

        font-size: 44px;

    }



    .guide_box .time .span {

        font-size: 36px;

    }



}



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

    .guide_box .left {

        padding: 30px 50px 26px 34px;

    }



    .guide_box .time .moth {

        font-size: 40px;

    }



    .guide_box .time .span {

        font-size: 32px;

    }



}



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



    .guide_box .left {

        padding: 30px 40px 26px 34px;

    }



}



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

    .guide_box .time .year {

        font-size: 20px;

    }



    .guide_box .time .moth {

        font-size: 36px;

    }



    .guide_box .time .span {

        font-size: 28px;

    }



    .guide_box .left .adress {

        font-size: 16px;

    }



    .guide_box .sign_up_btn .text {



        font-size: 16px;

        line-height: 1.5;

    }

}



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

    .privas_cont {

        padding-top: 60px;

    }



    .guide_box {

        flex-wrap: wrap;

    }



    .guide_box .left {

        width: 100%;

    }



    .guide_box .right {

        width: 100%;

    }

}



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

    .privas_cont {

        padding-top: 50px;

    }



    .privas_cont .mo_show img {

        width: 100%;

    }



    .privas_cont::before {

        display: none;

    }



    .guide_box {

        margin-top: 35px;

    }



    .guide_box .left {

        padding: 30px 20px 26px 20px;

    }



    .guide_box .time .year {

        font-size: 18px;

        width: 26px;

    }



    .guide_box .time .moth {

        font-size: 32px;

    }



    .guide_box .time .span {

        font-size: 24px;

        padding-left: 8px;

    }



    .guide_box .left .adress {

        font-size: 16px;



        padding-left: 18px;

        background-size: 16px 16px;

        background-position: 0 5px;

        line-height: 26px;

    }



    .guide_box .sign_up_btn .text {

        margin-right: 20px;

        font-size: 14px;

        line-height: 1.5;

    }



    .guide_box .sign_up_btn .code {

        width: 100px;

    }



    .guide_box .right .link_button {

        right: 20px;

        bottom: 16px;

        padding: 10px 18px;



        font-size: 16px;

        line-height: 26px;

    }



    .qrcode_box {

        width: 128px;

    }



    .qrcode_box .bg {

        left: 50%;

        transform: translateX(-50%);

        right: inherit;

        max-width: 70px;

        bottom: -90px;

    }

    .guide_small {

        font-size: 16px;

        line-height: 26px;

    }

    .privas_cont::after {



        background-position: center bottom;

    }



    .guide_text {

        padding-top: 32px;

        color: #FFF;

        text-align: center;

        font-size: 18px;

        font-style: normal;

        font-weight: 500;

        line-height: 28px;

    }

    .regist_ration .title {

        font-size: 18px;

        line-height: 28px;

    }

    .regist_ration .text {

        padding-top: 8px;

    font-size: 16px;



    }

}







/* 往届回顾 */

.past_cont {

    padding-top: 90px;

    position: relative;

    overflow: hidden;

    z-index: 1;

}



.past_top_text {

    padding-top: 55px;

}



.past_top_text .t {

    color: var(--white-color);

    font-style: normal;

    font-weight: 700;

    line-height: 1.5;

}



.past_top_text .des {

    padding-top: 16px;

    color: var(--white-color);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 30px;

    opacity: 0.8;

}



.past_top_text .text {

    padding-top: 20px;

}



.past_top_text .text p {

    margin-bottom: 8px;

    color: var(--white-color);

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: 1.5;

}



.past_cont_box {

    position: relative;

    margin-top: 70px;

}



.past_top_swiper {

    overflow: visible;

}



.past_top_swiper .swiper-slide {

    opacity: 0.5;

}



.past_top_swiper .swiper-slide.swiper-slide-active,

.past_top_swiper .swiper-slide.swiper-slide-next {

    opacity: 1;

}



.past_top_swiper a {

    border-radius: 24px;

    display: block;

    overflow: hidden;

}



.past_top_swiper .thumb {

    border-radius: 16px;

}



.past_top_swiper .thumb i {

    display: block;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    -webkit-transition: -webkit-transform 0.8s;

    transition: -webkit-transform 0.8s;

    -o-transition: transform 0.8s;

    transition: transform 0.8s;

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

    -webkit-transition: transform 0.8s;

}



.past_top_swiper a:hover .thumb i {

    -webkit-transform: scale(1.06);

    -ms-transform: scale(1.06);

    transform: scale(1.06);

}



.past_buton_b {}



.past_buton {

    padding-top: 24px;

}



.past-pagination {

    flex: 1;

    position: relative;

}



.past-pagination span {

    margin: 0 4px;

    width: 10px;

    height: 10px;

    border-radius: 30px;

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

    background: transparent;

    opacity: 1;

}



.past-pagination .swiper-pagination-bullet-active {

    width: 24px;

    border-radius: 40px;

    background: var(--main-color);

    box-shadow: 0 0 14px 0 var(--main-color);

}



.past_buton .right>div {

    display: flex;

    width: 76px;

    height: 52px;

    padding: 18px;

    justify-content: center;

    align-items: center;

    border-radius: 60px;

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

    background-repeat: no-repeat;

    background-position: center;

    background-size: 24px 24px;

    transition: background-color 0.3s;

    cursor: pointer;

}



.past_buton_b>div {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    display: flex;

    width: 76px;

    height: 52px;

    padding: 18px;

    justify-content: center;

    align-items: center;

    border-radius: 60px;

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

    background-repeat: no-repeat;

    background-position: center;

    background-size: 24px 24px;

    transition: background-color 0.3s;

    cursor: pointer;

}



.past_past_buton_bbuton>div.swiper-button-disabled {

    opacity: 0.5;

    pointer-events: none;

    cursor: default;

}



.past_buton .past-prev {

    margin-right: 16px;

}



.past_buton .past-prev,

.past_buton_b .past-prev {

    left: -108px;

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

}



.past_buton .past-next,

.past_buton_b .past-next {

    right: -108px;

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

}



.past_buton .right>div:hover,

.past_buton_b>div:hover {

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

}



.past_swiper a {

    display: block;

}



.past_swiper .thumb {

    overflow: hidden;

    border-radius: 24px;

}



.past_swiper .thumb i {

    display: block;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    -webkit-transition: -webkit-transform 0.8s;

    transition: -webkit-transform 0.8s;

    -o-transition: transform 0.8s;

    transition: transform 0.8s;

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

    -webkit-transition: transform 0.8s;

}



.past_swiper a:hover .thumb i {

    -webkit-transform: scale(1.06);

    -ms-transform: scale(1.06);

    transform: scale(1.06);

}



.past_swiper .label {

    margin-top: 16px;

    color: var(--white-color);

    text-align: center;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

    opacity: 0.8;

}



.past_swiper .mask {

    padding: 0 24px;

}



.past_swiper .title {

    margin-top: 4px;

    color: var(--white-color);

    text-align: center;

    font-size: 20px;

    font-style: normal;

    font-weight: 700;

    line-height: 30px;

}

.past_bottom_bg {

    position: relative;

    margin-top: 110px;

    overflow: hidden;

    z-index: 1;

}



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





    .past_buton .past-prev,

    .past_buton_b .past-prev {

        left: -40px;

    }



    .past_buton .past-next,

    .past_buton_b .past-next {

        right: -40px;

    }



}



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



    .past_buton .past-prev,

    .past_buton_b .past-prev {

        left: -10px;

    }



    .past_buton .past-next,

    .past_buton_b .past-next {

        right: -10px;

    }

}



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

    .past_buton_b {

        padding-top: 50px;

        justify-content: flex-end;

    }



    .past_buton_b>div {

        position: relative;



    }



    .past_buton .past-prev,

    .past_buton_b .past-prev {

        left: inherit;

        margin-right: 16px;

    }



    .past_buton .past-next,

    .past_buton_b .past-next {

        right: inherit;

    }



}



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

    .past_cont {

        padding-top: 22px;

    }



    .past_cont::before {

        background-position: center top;

    }



    .past_top_text {

        padding-top: 26px;

    }



    .past_swiper {

        overflow: visible;

    }



    .past_swiper .swiper-slide {

        opacity: 0.5;

    }



    .past_swiper .swiper-slide-active {

        opacity: 1;

    }



    .past_swiper .text {

        padding-top: 4px;

        line-height: 26px;

    }

/* 

    .past-pagination01 span:nth-child(n+6) {

        display: none !important;

    } */



    .past_top_text .des {

        padding-top: 8px;

        font-size: 16px;

        line-height: 26px;

        font-style: normal;

        opacity: 0.6;

    }



    .past_top_text .text {

        padding-top: 24px;

    }



    .past_top_text .text p {

        position: relative;

        padding-left: 12px;

        margin-bottom: 16px;

        font-size: 17px;

        font-style: normal;

        font-weight: 700;

        line-height: 27px;

    }



    .past_top_text .text p::before {

        content: "";

        position: absolute;

        top: 0;

        left: 0;

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

        width: 4px;

        height: 27px;

    }



    .past_cont_box {

        margin-top: 24px;

    }



    .past_top_swiper a,

    .past_top_swiper .thumb {

        border-radius: 16px;

    }



    .past_buton {

        padding-top: 16px;

        justify-content: center;

    }



    .past_buton .right {

        display: none !important;

    }



    .past-pagination {

        width: 100%;

        text-align: center;

    }



    .past_swiper .thumb {

        border-radius: 16px;

    }



    .past_swiper a {

        border-radius: 12px;

    }



    .past_bottom_bg {

        margin-top: 50px;

    }



    .past_bottom_bg:after {

        background-position: 76% bottom;

    }



    .past_swiper .label {

        text-align: center;

        font-size: 16px;

        line-height: 26px;

        font-style: normal;

    }



    .past_swiper .title {

        text-align: center;

        font-size: 17px;

        font-style: normal;

        font-weight: 700;

        line-height: 27px;

    }



    .past_buton_b {

        justify-content: center;

    }



    .past_buton_b>div {

        width: 56px;

        height: 40px;

        padding: 10px 18px;

        background-size: 20px;

    }

.past_top_swiper .swiper-slide.swiper-slide-next {

    opacity: 0.5;

}



}



.des_text {

    padding-top: 20px;

    color: rgba(255, 255, 255, 0.50);

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

}



.infor01 {

    text-align: right;

}



.infor02 {

    text-align: center;

}



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

    .des_text {

        font-size: 14px;

    }



    .infor01 {

        text-align: left;

    }



    .infor02 {

        padding-top: 0;

    }



}