﻿/*banner*/
.banner-top > img {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-top: 4%;
}
body {
    background-image: ;
    background-repeat: no-repeat;
    background-size: cover;

}


/*导航栏*/
.top {
    width: 100%;
    text-align: center;
    z-index: 999;
    background-color: #0f00ff;
    position: fixed;

}
.fix-nav {
    background-color: rgb(45,0,234);
}


.fix-nav > ul {
    height: 100px;
    padding-left: 0px;
    width: 64%;
    margin: 0 auto;
    display: flex;
    color: #ffffff;
    text-align: center;
    font-size: 1.5rem;
    justify-content: space-between;
}
.fix-nav ul > .active {
    background-color: #0353ff;
    color: aqua;
}
/*!* 当前导航项的样式 *!*/
/*.fix-nav a.active {*/
/*    color: #ff0000; !* 当前导航项的文字颜色 *!*/
/*    font-weight: bold; !* 当前导航项的字体加粗 *!*/
/*}*/

.fix-nav ul > a {
    width: 12.5%;
    color: #ffffff;
    line-height: 4em;
    text-decoration: none;
    font-size: 2.4rem;
}

.fix-nav {
    background-color: rgb(13,1,154);
    margin-top: -7px;
    /*position: relative;*/
}
/*主体*/
.mainbody {
    width: 68%;
    margin: 0 auto;
}
/*论坛背景*/
.forumbackground-img > img {
    width: 100%;
    height: auto;
    max-width: 100%;
}
.forumbackground-img {
    width: 26%;
    margin: 0 auto;
    margin-bottom: 3%;
}

.forumbackground-content > p {
    color: white;
    text-indent: 2em;
    letter-spacing: 2px;
    font-size: 1.7rem;
    line-height: 4rem;
}

/*论坛简介*/
.forumsynopsis-area {
    display: flex;
}
.forumsynopsis-img {
    width: 100%;
}
.forumsynopsis-img > img {
    width: 100%;
    height: auto;
}


.forumsynopsis-nr {
    width: 106%;
    margin-left: 4%;
}
.forumsynopsis-nr-headline {
    color: aqua;
    background-color: blue;
    /* margin-top: 0%; */
}
.forumsynopsis-nr > p {
    color: white;
    font-size: 2rem;
    letter-spacing: 2px;
    font-size: 2rem;
    line-height: 3.2rem;
}
.forumsynopsis-nr-headline > p {
    padding: 1%;
}
.forumsynopsis-nr-headline > p {
    margin-top: 0%;
    padding: 2%;
    font-size: 2.7rem;
}
/*主题演讲*/
.luntanjb_wz {
    width: 35%;
    color: white;
}

.luntanjb {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.luntanjb_div {
width: 49%;
    margin-top: 2%;
    position: relative;
    overflow: hidden;
}
.luntanjb_img >img {
    width: 100%;
    height: auto;
    max-width: 100%;
}
.luntanjb_wz {
    width: 42%;
    height: 100%;
    color: white;
    position: absolute;
    top: 0;
    right: 3%;
    display: flex;
}

.luntanjb_wz_div {
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    position: relative;
}
.luntanjb_wz_div > p {
    font-size: 14px;
    font-weight: 500;
}
img.luntanjb_wz_divimg1 {
    position: absolute;
    left: -7%;
}
img.luntanjb_wz_divimg2 {
    position: absolute;

}
.luntanjb_js {
    width: 40%;
    color: #01f7ff;
    position: absolute;
    bottom: 0%;
    left: 3%;
}

.luntanjb_wz >h4 {
    color: #51f8fc;
    font-weight: bold;
}
.luntanjb_wz >p {
    margin-top: 4%;
    line-height: 3rem;
}
/*论坛嘉宾*/
.honoredguest-qy {
    display: flex;
    flex-wrap: wrap;
}
.honoredguest-mk>img {
    width: 100%;
    height: auto;
    max-width: 100%;
    transition: all 0.8s;
}
.honoredguest-mk {

    width: 19%;
    margin-right: 1%;
    margin-top: 1%;
    overflow: hidden;
}
.honoredguest-mk:hover img {
    transform: scale(1.1);
}
.honoredguest-js {

    width: 100%;
    height: 120px;
    background-color: rgb(13, 1, 154);
    overflow: hidden;
}
.honoredguest-p {
    width: 85%;
    margin: 0 auto;
    color: aliceblue;
}

/*论坛议程*/
.forumagenda-table > table {
    width: 100%;
    color: aliceblue;
}
div table td {
    padding: 1% 0% 1% 0%;
    font-size: 2.0rem;
}

/*行业对话*/
.hydh_div {
    color: white;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hydh_div1 {
    width: 49%;
    overflow: hidden;
}
.hydh_div1 >img{
    width: 100%;
    height: auto;
    max-width: 100%;
    transition: all 0.8s;
}
.hydh_div1:hover img {
    transform: scale(1.1);
}
.hydh_div1_wz {
    width: 100%;
    padding: 2%;
    background-color: #0d019a;
    border-radius: 0px 0px 15px 15px;
}
.hydh_div1_wz >h5 {
    font-size: 2rem;
}
.hydh_div1_wz >p {
    font-size: 1.6rem;
    font-weight: 100;
}
.hydh_dsb_zt2 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 2%;
}

.hydh_dsb_zt2_img >img{
    width: 100%;
    height: auto;
    max-width: 100%;
    transition: all 0.8s;
}
.hydh_dsb_zt2_img img:hover  {
    transform: scale(1.1);
}
.hydh_dsb_zt {
    margin-top: 5%;
}
/*第三版行业对话*/
.hydh_dsb_zt1_img > img {
    width: 100%;
    height: auto;
    max-width: 100%;
    transition: all 0.8s;
}
.hydh_dsb_zt1_img img:hover  {
    transform: scale(1.01);
}
.hydh_dsb_zt1_p {
    color: white;
    padding: 2%;
    background-color: #0d019a;
    border-radius: 0 0px 15px 15px;
}
.hydh_dsb_zt1_p >p {
    margin-top: -3%;
    font-weight: 100;
}


/*专访嘉宾*/
.zfjb_div {
    color: white;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.zfjb_div1 {
    width: 32%;
    margin-top: 2%;
    overflow: hidden;
}
.zfjb_div1 >img{
    width: 100%;
    height: auto;
    max-width: 100%;
    transition: all 0.8s;
}
.zfjb_div1:hover img {
    transform: scale(1.1);
}
.zfjb_div1_wz {
    width: 100%;
    height: auto;
    padding: 2%;
    background-color: #0d019a;
    border-radius: 0px 0px 15px 15px;
}
.zfjb_div1_wz >h5 {
    font-size: 2rem;
}
.zfjb_div1_wz >p {
    font-size: 1.6rem;
    font-weight: 100;
}

/*2023年度致敬榜*/
.image-container {
    /*max-height: 500px; !* 设置最大高度 *!*/
    /*overflow: hidden; !* 隐藏超出容器的部分 *!*/
    width: 60%;
    margin: 0 auto;
}
.image-container.expanded {
    max-height: none; /* 移除最大高度限制，展开长图 */
}

.image-container >img{
    width: 100%;
    height: auto;
    max-width: 100%;
}
.buttom_an {
    width: 100%;
    text-align: center;
    margin-top: 2%;
}

button {
    height: 36px;
    /* background-color: brown; */
}
/*致敬榜*/
.salutebook {
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*justify-content: space-between;*/
}
.salutebook-img {
    width: 50%;
    display: flex;
    margin-top: 5%;
}
.salutebook-img > img {
    width: 100%;
    height: auto;
    max-width: 80%;
    margin: 0 auto;
}
.salutebook-img1 {
    width: 100%;
    display: flex;
    margin-top: 5%;
    justify-content: space-around;
}

.salutebook-img1 > img {
    width: 100%;
    height: auto;
    max-width: 80%;
    margin: 0 auto;
}

.dbwz {
    width: 100%;
    color: white;
    background-color: rgb(8 0 104 / 66%);
}
.dbwz_div {
    width: 60%;
    margin: 0 auto;
    font-size: 1.6rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1%;



}
.dbwz_div2 {
    width: 30%;
    font-size: 1.6rem;
     text-align: center;
}
.dbwz_div3 {
    border-right: 2px solid white;
    margin: 0% 3% 0% 3%;
}
.dbwz_div_p1 {
    font-size: 2.0rem;
}
.dbwz_div_p2 {
    font-size: 2.0rem;
}

/*现场图集*/
.forum_halloffame_bigdiv > img {
    width: 100%;
    height: auto;
    max-width: 100%;
}
.swiper-button-next, .swiper-button-prev {
    border: #4658ee solid 1px;
    height: 100px;
    width: 30px;
    background-image: none;
}
.swiper-slide {
    background-color: white;
    /*padding: 0.5% 0.5% 0.5% 0.5%;*/
}

.lb-p {
    position: absolute;
    bottom: 0%;
    left: 0%;
    width: 100%;
    padding: 1.5% 0 1% 0%;
    background-color: #2012cdf0;
}

.lb-p > p {
    font-size: 2.0rem;
    color: white;
    text-indent: 2rem;

}

.swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
.pc-slide {
    width: 100%;
    margin: 0 auto;
}

.view .swiper-container {
    width: 100%;
}

.view .arrow-left {
    background:  no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -25px;
    width: 28px;
    height: 51px;
    z-index: 10;
}

.view .arrow-right {
    background:  no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -25px;
    width: 28px;
    height: 51px;
    z-index: 10;
}

.preview {
    width: 100%;
    /* margin-top: 10px; */
    margin: 1% auto;
    position: relative;
}
.preview .swiper-container {
    width: 100%;
    /*height: 82px; margin-left: 35px;*/

}
div#swiper-wrapper-a7210ae70e15410457 {
    display: flex;
    justify-content: space-between;
}
.preview .swiper-slide {
    width: 25%;
    /*height: 82px;*/
    cursor:pointer;
}

.preview .slide6 {
    width: 100%;
}

.preview .arrow-left {
    background:  no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    z-index: 10;
}

.preview .arrow-right {
    background:  no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    z-index: 10;
}

.preview img {
    padding: 1px;
}

.preview .active-nav img {
    padding: 0;
    border: 1px solid #f00;
}

.atlasfootprint-xinlb {
    /*display: flex;*/
    /*flex-wrap: nowrap;*/
    /*flex-direction: row;*/
}
div#swiper-wrapper-41048b5971d7e50e1 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------*/

/*商院足迹·十年*/
.footprintdecade-img {
    display: flex;
    justify-content: space-around;
}
.footprintdecade-img > img {
    width: 80%;
}


.c_tab_6_hc_mokuai {
    width: 100%;

    position: relative;
}
.c_tab_6_hc_mokuai > img {
    width: 100%;
    height: auto;
    max-width: 100%;
}
.c_tab_6_hc_mokuai1 {
    width: 100%;
    display: flex;
    position: absolute;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    top: 7%;
}

.c_tab_6_hc_mokuai1_tu1 {
    width: 17%;
    height: 155px;
    margin-left: 3%;

}
.c_tab_6_hc_mokuai1_tu1 > img {

    display: none;
}
.c_tab_6_hc_mokuai1_tu1:hover {
    position: absolute;
    top: -1%;
    width: 100%;
    margin-left: 0%;
    margin-top: 0%;

}
.c_tab_6_hc_mokuai1_tu12 {
    margin-top: 4%;
}
.c_tab_6_hc_mokuai1_tu1:hover > img{
    width: 100%;
    height: auto;
    max-width: 100%;

    display: block;
}
.nianfen-nian>p {
    text-align: center;
    font-size: 1.6rem;
}
.nianfen-nian {
    width: 15%;
    background-color: #2417cb;
    color: white;
    padding-top: 1%;
    margin-left: 2%;
}



/*点击图片放大效果*/

/*使图片在浏览器中居中显示*/
.bigimg {
    position: absolute;
    top: 50%;
    left: 50%;
    /*图片向左移动自身宽度的50%, 向上移动自身高度的50%。*/
    transform: translate(-50%,-50%);
}
/*遮罩层*/
.opacitybottom {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.8);
    z-index: 9999;
    top: 0;
    left: 0;
}

/******************************************************************************/

.swiper-slide.active-nav1 > p {
    font-size: 1.6rem;
    text-align: center;
    margin-top: 5%;
}
.swiper-slide.active-nav1 {
    width: 9%;
    background-color: rgba(1,0,192);
    color: white;
    margin-left: 0%;
}
.xiangm11 {
    display: flex;
    justify-content: space-between;
}
.preview1 {
    margin-bottom: 2%;
}
.preview1 .active-nav1 {
    /*color: red; !* 设置选中的缩略图背景颜色为红色 *!*/
    /* 其他样式属性 */
}
/******************************************************************************/



/*致敬伙伴*/
.salutepartner-banner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.salutepartner-banner-logo {
    width: 24%;
    margin-top: 1.4%;
    border-radius: 5px;
    /* border: 1px solid red; */
    overflow: hidden;
}
.salutepartner-banner-logo > img {
    width: 100%;
    height: auto;
    max-width: 100%;
}


/*支持媒体*/
.supportmedia-banner {
    display: flex;
    flex-wrap: wrap;

}

.supportmedia-banner-logo {
    width: 24%;
    margin-top: 1.4%;
    border-radius: 5px;
    /* border: 1px solid red; */
    overflow: hidden;
    margin-right: 1%;
}
.supportmedia-banner-logo > img {
    width: 100%;
    height: auto;
    max-width: 100%;
}
/*合作洽谈*/
.cooperationdiscussion-p > p {
    color: white;
    font-size: 3rem;
    text-align: center;
}

.bm-img {
    width: 15%;
    margin0: 0 initial;
    margin: 0 auto;
}
.bm-img > img {
    width: 100%;
    height: auto;
    max-width: 100%;
}


@media screen and (min-width: 1281px)and (max-width: 1367px) {
    /* 在宽度大于等于 1280px 时应用的样式 笔记本 */
    .forumsynopsis-nr > p {
        color: white;
        letter-spacing: 1px;
        font-size: 1.5rem;
        line-height: 2.2rem;
    }
    .forumsynopsis-nr-headline > p {
        margin-top: 0%;
        padding: 1%;
        font-size: 1.7rem;
    }

    .honoredguest-p > p {
        font-size: 1.3rem;
    }
    .honoredguest-p > h3 {
        font-size: 1.8rem;
    }
    .honoredguest-js {
        top: 61%;
        height: 100px;

    }
    .cooperationdiscussion-p > p {
        font-size: 2rem;
    }
    .honoredguest-p {
        width: 90%;
        margin: 0 auto;
        color: aliceblue;
    }
    .luntanjb_js > p {
        font-size: 1.2rem;
    }
    .luntanjb_wz_div > p {
        font-size: 1.2rem;
        font-weight: 500;
    }
    .luntanjb_wz >p {
        margin-top: 4%;
        line-height: 2.5rem;
    }
    .luntanjb_wz {
        width: 48%;
    }
}
@media screen and (min-width: 1025px)and (max-width: 1280px) {
    /* 在宽度大于等于 1025px 时应用的样式 电脑*/

    .mainbody {
        width: 80%;
        margin: 4% auto;
    }
    .forumsynopsis-nr-headline > p {
        font-size: 2rem;
    }
    .forumsynopsis-nr > p {
        font-size: 1.5rem;
        line-height: 3rem;
    }
    .honoredguest-mk {
        width: 24%;
    }
    .forumsynopsis-nr > p {
        color: white;
        letter-spacing: 1px;
        font-size: 1.5rem;
        line-height: 2.2rem;
    }
    .luntanjb_js > p {
        font-size: 1.2rem;
    }
    .luntanjb_wz >p {
        margin-top: 4%;
        line-height: 2.5rem;
    }  .luntanjb_wz {
           width: 48%;
       }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    /* 在宽度 768px 到 1024px 之间应用的样式 平板*/
    .mainbody {
        width: 80%;
    }
    .fix-nav > ul {
        width: 80%;
    }
    .forumsynopsis-area {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .forumsynopsis-nr {
        width: 100%;
        margin-left: 0%;
        margin-top: 3%;
    }
    .honoredguest-js {
        top: 66.5%;
    }
    .honoredguest-mk {
        width: 32%;
        margin-top: 1.1%;
    }

    div table td {
        padding: 1% 0% 0% 0%;

    }

    .luntanjb_wz >p {
        margin-top: 4%;
        line-height: 2.5rem;
    }
    .luntanjb_wz {
        width: 52%;
        color: white;
        position: absolute;
        top: 1%;
        right: 2%;
    }
    .luntanjb_js > p {
        font-size: 1.2rem;
    }
    .luntanjb_wz >p {
        margin-top: 4%;
        line-height: 2.6rem;
    }  .luntanjb_wz {
           width: 48%;
       }
    .luntanjb_div {
        width: 100%;

    }.luntanjb_wz_div > p {
         font-size: 2.0rem;
         font-weight: 500;
     }
}

@media screen and (max-width: 767px) {
    /* 在宽度小于等于 767px 时应用的样式 手机*/
    .fix-nav > ul {
        width: 96%;
    }
    .mainbody {
        width: 98%;
    }

    .forumsynopsis-nr {
        width: 100%;
        margin-left: 0%;
        margin-top: 2%;
    }

    .honoredguest-mk {
        width: 24%;
        margin-top: 2%;
    }
    .honoredguest-js {
        top: 63%;
    }
    .luntanjb_wz {
        width: 52%;
        color: white;
        position: absolute;
        top: 1%;
        right: 2%;
    }
    .luntanjb_wz >p {
        margin-top: 4%;
        line-height: 2.6rem;
    }
    .luntanjb_wz_div > p {
        font-size: 1.2rem;
        font-weight: 500;
    }  .luntanjb_wz {
           width: 48%;
       }
}