* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    padding: 0;
    margin: 0;
    color: #003;
}
#app, body, html {
    width: 100%;
    height: 100%;
}
#app {
    font-size: .264151rem;
}





ul, li{
    list-style: none;
}
a{
    text-decoration: none;
    color: #003;
}
[v-cloak]{
    display: none;
}
.swiper-pagination .swiper-pagination-bullet{
    margin: 0 0.03rem;
}


@media (min-width: 1440px){
    body {
        font-size: .471698rem;
    }
}
@media (min-width: 1920px){
    body {
        font-size: .622642rem;
    }
}
.u-intro[data-v-003d2e48] {
    position: fixed;
    padding: .377358rem;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9996;
    background-color: #181818
}
.u-intro[data-v-003d2e48]:after {
    content: "";
    position: absolute;
    background-image: url(https://www.northbundforum.com/north-bund/img/intro1.533d5dba.jpg);
    opacity: .3;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1
}
.u-intro .inner[data-v-003d2e48] {
    width: 9.433962rem;
    max-width: 80%;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%)
}
.u-intro .inner .active-img[data-v-003d2e48],.u-intro .inner .intro-name-img[data-v-003d2e48] {
    width: 100%
}
.u-intro .activeImage[data-v-003d2e48] {
    width: 12.075472rem;
    max-width: 113%;
    position: absolute;
    top: 14.7%;
    left: -7%;
    animation-duration: 1s;
    animation-delay: 1s
}


.u-intro #intro-name[data-v-003d2e48] {
    margin-bottom: .566038rem;
    position: relative;
    text-align: center
}

.u-intro .intro-title[data-v-003d2e48] {
    width: 5.660377rem;
    max-width: 80%
}

/* .el-container {
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    box-sizing: border-box;
    min-width: 0;
} */


/* header */
.el-header {
    padding: 0 0.377358rem;
    box-sizing: border-box;
    flex-shrink: 0;
    height: 1.132075rem;
}
.el-header{
    padding: 0;
    z-index: 100;
}
.el-header{
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
}
.el-header .nav-header{
    padding: 0 0.754717rem;
    display: flex;
}
.el-header .h5-header, 
.el-header .nav-header {
    font-size: .339623rem;
    background-color: #081c7f;
    height: 1.320755rem;
    align-items: center;
    position: relative;
}
.el-header .logo-img {
    top: 0;
    z-index: 100;
    position: absolute;
    cursor: pointer;
    width: 2.358491rem;
    height: 1.320755rem;
}
.el-header .menu-area {
    height: 100%;
    position: relative;
    flex: 1;
    color: #a2a8be;
}
.el-header .menu-area .menu-area-line {
    overflow: hidden;
    width: 98.113208rem;
    position: absolute;
    right: 0;
    text-align: right;
}
.menu-area .menu-area-line .ul-inner{
    display: inline-block;
    height: 1.320755rem;
    line-height: 1.320755rem;
    text-align: left;
}
.menu-area li{
    float: left;
    padding: 0 0.283019rem;
    cursor: pointer;
}
.menu-area li a{
    color:#a2a8be
}
.menu-area li:hover a,
.menu-area li.active a{
    color: #fff
}

.active a, .router-link-active{
    color: #fff;
}
.leftTime {
    border: 0.037736rem solid #fdb209;
    background-color: rgba(247,185,185,.2);
    padding: 0.169811rem;
    border-radius: 0.09434rem;
    color: #fdb209;
}
.header-tool {
    display: flex;
    align-items: center;
    padding-top: 0.075472rem;
}
.header-tool p:first-child {
    font-size: .301887rem;
    padding: 0.188679rem 0.377358rem;
    border-radius: 0.09434rem;
    color: #004190;
    margin-right: 0.377358rem;
}
/* h5 menu */
.el-main, .el-menu {
    box-sizing: border-box;
}
.h5-menu {
    position: absolute;
    right: 0.056604rem;
    top: 0;
    display: flex;
    align-items: center;
    height: 1.320755rem;
}
.h5-menu .img-more {
    padding: 0 0.09434rem;
    cursor: pointer;
    width: 0.754717rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.09434rem;
}
.h5-menu .img-more img {
    width: 100%;
}
.h5-menu .demo-collapse {
    position: fixed;
    top: 1.320755rem;
    left: 0;
    width: 100%;
}
.h5-menu .el-menu {
    border-right: solid 0.018868rem #12265c;
    list-style: none;
    position: relative;
    margin: 0;
    padding-left: 0;
    background-color: #12265c;
}
.h5-menu .el-menu .el-menu-item{
    display: flex;
    align-items: center;
    padding-left: 20px;
    color: rgb(255, 255, 255);
    background-color: rgb(18, 38, 92);
    padding: 0 0.377358rem;
    font-size: 0.264151rem;;
    list-style: none;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    white-space: nowrap;
}
.h5-menu .el-menu .el-menu-item a{
    color: #fff;
}
.el-menu .el-menu-item:hover{
    background: #1a2b56;
    background-color: #1a2b56;
}
.el-menu .el-menu-item:active{
    background: none;
    background-color: none;
}
.el-submenu .el-submenu__title{
    color: rgb(255, 255, 255);
}
.el-submenu .el-submenu__title:hover,
.el-submenu:hover{
    background: none;
}
.el-menu .el-menu-item.is-active a{
    color:#ffd04b
}
.el-menu .el-menu-item-group__title{
    display: none;
}
.el-menu .el-menu-item * {
    vertical-align: bottom;
}
.menu-detail {
    position: absolute;
    width: 100%;
    background-color: #e6ecf3;
    top: 1.320755rem;
    left: 0;
    height: 1.320755rem;
}
.menu-second-area {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.menu-second-area ul {
    color: #014190;
    display: flex;
}
.menu-second-area ul li {
    padding: 0.188679rem 0.283019rem;
    margin: 0 0.188679rem;
    border-radius: 0.09434rem;
    cursor: pointer;
}
.menu-second-area ul li:hover {
    background-color: #004190;
    color: #fff
}
.leftTime {
    border: 0.037736rem solid #fdb209;
    background-color: rgba(247,185,185,.2);
    padding: 0.169811rem;
    border-radius: 0.09434rem;
    color: #fdb209;
}
/* main */
.el-main {
    padding: 1.320755rem 0 0;
}
.main {
    /* min-height: 30vh; */
    /* overflow: inherit; */
    background: #f2f5f9;
}
/* @media (max-width:767px) {
    .main {
        overflow:auto 
    }
} */

.u-bg-active {
    background-image: url(../images/bg/bg_2.jpg);
}
.u-bg-active, .u-bg-active-other {
    position: relative;
    background-position: top;
    background-size: 100%;
}
/* lunbo */
.lunbo-container img{
    width: 100%;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper[data-v-d1c3ecec] .swiper-slide {
    height: 37.5vw;
    min-height: 4.716981rem;
}


/* 鏂伴椈涓績 */
.u-bg-active-other {
    background-image: url(../images/bg/bg_3.jpg);
}
.u-container {
    padding-right: 0.283019rem;
    padding-left: 0.283019rem;
    margin-right: auto;
    margin-left: auto;
}
.new-center{
    padding: 0.377358rem 0;
}
.el-row {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
}
.el-col {
    padding: 0;
}
/* .el-col-24 {
    max-width: 100%;
    flex: 0 0 100%;
} */

/* 鏂伴椈涓績 */
.new-center-top{
    border-bottom: 1px dashed #ccc;
    padding-bottom: .754717rem
}
.new-center .desc-img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.new-center .desc-img-wrap{
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-size: cover;
    display: block;
}
.new-center-top video{
    width: 100%;
}

.new-center-top .new-title{
    font-size: .45283rem;
    cursor: pointer;
    margin-top: 0.188679rem;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 0.2rem;
}
.new-center-top .new-content{
    text-align: justify;
    line-height: 2;
    color: #676685;
    font-size: .339623rem;
}
.new-center-area{
    padding: 0.377358rem;
    margin-top: 0.377358rem;
    background-image: url(https://www.northbundforum.com/north-bund/img/new-bg.8fa20a82.jpg);
    background-size: cover;
}
.new-title-area{
    padding-left: 0.377358rem;
    min-height: 3.018868rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
}
.new-title-area .title{
    color: #fff;
    font-size: .679245rem;
    font-weight: 700;
}
.new-title-area .little-title{
    font-weight: 500;
    color: #8da1ca;
    font-size: .377358rem;
}
.u-white-btn {
    cursor: pointer;
    padding: 0.188679rem 0.377358rem;
    color: #004190;
    background-color: #fff;
    border: 0.018868rem solid #ccc;
}
.new-img-area{
    padding: 0.188679rem;
    border: 0.037736rem solid #fff;
    margin-left: 0.283019rem;
    margin-bottom: 0.283019rem;
}
.new-img-area .new-img-box{
    position: relative;
}
.new-img-area .new-img-box img{
    width: 100%;
    min-height: 3.018868rem;
}
.new-img-area .new-img-box .mask{
    display: none;
    position: absolute;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    padding: 0.188679rem;
    text-align: center;
}
.mask-inner{
    height: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
}
.mask-info{
    flex: 1;
    display: flex;
    line-height: .377358rem;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
.u-white-btn {
    cursor: pointer;
    padding: 0.188679rem 0.377358rem;
    color: #004190;
    background-color: #fff;
    border: 0.018868rem solid #ccc;
}

/* 妯″潡鏍囬 */
.title-area {
    position: relative;
    padding: 0.943396rem 0 0.754717rem;
    min-width: 3.490566rem;
}
.title-area .title-one {
    min-width: 3.207547rem;
    display: inline-block;
    position: relative;
    margin-bottom: 0.188679rem;
    font-size: .603774rem;
    color: #243ab0;
    font-weight: 600;
}
.title-area .title-two {
    color: #d5d5d5;
    font-size: .3rem;
}
.title-area .title-icon{
    vertical-align: middle;
    /* font-size: .226415rem; */
    /* color: #fff; */
    /* padding: 0.169811rem 0.169811rem 0.113208rem 0.09434rem; */
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-size: 100% 100%;
    display: inline-block;
}
.title-area .triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 0.188679rem solid #004190;
    border-right: 0.188679rem solid #004190;
    border-bottom: 0.188679rem solid transparent;
    border-left: 0.188679rem solid transparent;
    top: -0.528302rem;
    right: -0.660377rem;
}

/* 鏂伴椈鐪嬪彴 */
.news-stand .title-area{
    padding-top: 0;
}
.news-stand .title-area .title-icon{
    background-image: url(../images/icons/icon_xinwenkantai.png);
    width: 0.55rem;
    height: 0.6rem;
}
.news-stand-list{
    /* position: relative; */
}
.news-stand-list .news-stand-first{
    border-bottom: 1px dashed #ccc;
    padding-bottom: 0.2rem;
    margin-bottom: 0.3rem;
}
.news-stand video{
    width: 100%;
    height: auto;
}
@media (max-width: 987px) {
    .news-stand-list .news-stand-first h3{
        margin-top: 0.188679rem;
    }
}
.news-stand-list .news-stand-first h3{
    margin-bottom: 0.1rem;
    font-size: .45283rem;
    cursor: pointer;
    line-height: 1.5;
}
.news-stand-list .news-stand-first p{
    text-align: justify;
    line-height: 2;
    color: #676685;
    font-size: .339623rem;
}
.news-stand-list ul li{
    position: relative;
    padding-left: 0.3rem;
    margin-bottom: 0.35rem;
}
.news-stand-list ul li:before{
    content: '';
    width: 0.1rem;
    height: 0.1rem;
    background-color: #243ab0;
    display: block;
    border-radius: 0.5rem;
    position: absolute;
    top: 0.15rem;
    left: 0;
}
.news-stand-list ul li h5{
    /* font-size: 0.3rem; */
    font-size: .339623rem;
    line-height: 1.5;
}
.news-stand-list ul li div{
    margin-top: 0.15rem;
}
.news-stand-list ul li div span{
    /* font-size: 0.26rem;    */
     font-size: .339623rem;
    color: #666;
    margin-right: 0.4rem;
}
@media (max-width: 987px) {
    .news-stand-list ul li h5{
        font-size: .41rem;
    }
    .news-stand-list ul li div span{
        font-size: .339623rem;
    }
    .news-stand-list ul li:before{
        top: 0.3rem;
    }
}

.news-stand-list .u-more-btn{
    position: absolute;
    bottom: 0;
    /* left: 0; */
}
.news-stand-list .u-more-btn a{
    color: #666;
    border: 0.018868rem solid #ccc;
    text-decoration: none;
    border-radius: 0.28rem;
    padding: 0.06rem 0.6rem;
    font-size: 0.2rem;
}
@media (max-width: 987px) {
    .news-stand-list .u-more-btn{
        position: static;
        margin-top: 0.5rem;
    }
}


/* 璁哄潧瀹楁棬 */
.forum{
    text-align: justify;
    padding: 0.377358rem 0;
    background-image: url(../images/bg/bg_4.jpg);
    background-size: cover;
    transition: transform .4s;
}
.forum:hover {
    background: cover;
    background-size: 120% 120%
}
.forum:hover .form-content{
    color: #e9e8e8
}
.forum .form-content {
    padding-bottom: 0.377358rem;
    line-height: .566038rem;
    font-size: .301887rem;
    letter-spacing: .037736rem;
    color: #aaa9a7;
}
.forum .title-area .title-two{
    position: relative;
    padding-bottom: 0.2rem;
}
.forum .title-area .title-two::after{
    content: '';
    width: 0.5rem;
    height: 0.018868rem;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

@media  (max-width: 987px)  {
    .forum .title-area{
        padding: 0.443396rem 0 0.354717rem;
    }
    .forum .form-content{
        padding-bottom: 0;
    }
    .forum .u-container{
        padding-bottom: 0.3rem;
    }
}

/* 璁哄潧璁▼ */
.el-row.is-justify-space-between {
    justify-content: space-between;
}
.el-row.is-align-middle {
    align-items: center;
}
.title-area .triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 0.188679rem solid #004190;
    border-right: 0.188679rem solid #004190;
    border-bottom: 0.188679rem solid transparent;
    border-left: 0.188679rem solid transparent;
    top: -0.528302rem;
    right: -0.660377rem;
}
[class*=el-col-].is-guttered {
    display: block;
    min-height: 0.018868rem;
}

.meeting {
    background-image: url(../images/bg/bg_3.jpg);
    background-size: cover;
}
.meeting .title-area .title-icon{
    background-image: url(../images/icons/icon_luntanyicheng.png);
    width: 0.55rem;
    height: 0.6rem;
}
.meeting .meeting-title {
    display: flex;
}
.meeting .meeting-title-lookback {
    overflow: hidden
}
.meeting-title .decollator{
    min-width: 0.075472rem;
    height: 0.90566rem;
    margin-left: 1.009434rem;
    margin-top: 1.132075rem;
    background-color: #0e48b9;
}
.meeting-title .forumtitle{
    margin-left: 0.754717rem;
    display: flex;
    align-items: center;
    min-width: 4.150943rem;
}
.meeting-title .forumtitle .forumtitletop {
    font-weight: 500;
    font-style: normal;
    font-size: .45283rem;
    color: #004190;
}
.meeting .meet-time-area {
    /* overflow-y: auto; */
    color: #fff;
}
.meeting .meet-time-area{
    /* max-height: 12.1rem; */
    max-height: 9.76rem;
}
.meeting .meet-time-area img{
    display: block;
}
.meeting .meet-time {
    z-index: 0;
    width: 100%;
    position: relative;
    margin-bottom: 0.188679rem;
    background: linear-gradient(90deg,#004190,#0e54e0);
    background-image: url(../images/bg/bg_6.jpg);
    background-size: cover;
}
.meeting .meet-time.active{
    position: relative;
}
.meeting .row-line {
    /* height: 2.264151rem; */
    height: 1.8rem;
    /* height: 1.5rem; */
    padding: .377358rem .283019rem
}
.meeting .item-title {
    font-size: .415094rem;
    font-weight: 500
}
.meeting .item-data {
    margin-top: .226415rem
}
.meeting .item-info {
    font-size: .339623rem
}
.meeting .row-bg {
    position: relative;
    border-left: 0.018868rem dashed #024399;
    padding-left: 0.377358rem;
    padding-bottom: 0.577358rem;
}
.meeting .row-bg :first-child {
    font-size: .301887rem
}
.meeting .row-bg:last-child {
    border-left: 0
}
.meeting .row-bg .circle {
    position: absolute;
    top: 0.13rem;
    left: -0.08943rem;
}
.meeting .row-bg .circle i{
    width: 0.2rem;
    height: 0.2rem;
    border: 0.05rem solid #03439a;
    display: block;
    border-radius: 50%;
    background: #fff;
}
@media (max-width: 990px) {
    .meeting .row-line{
        height: 1.8rem;
    }
    .meeting .item-title {
        font-size: .365094rem;
        font-weight: 500;
    }
}
/* .meeting .meet-time.active::before{
    content: '';
    width: 0.2rem;
    height: 0.3rem;
    background-image: url(../images/icons/icon_jiantou.png);
    background-size: 100% 100%;
    position: absolute;
    right: -0.4rem;
    top: 50%;
    transform: translateY(-50%);
} */
.meeting .swiper-inner{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.meeting .swiper-inner .swiper-container{
    width: 100%;
}
.meeting .swiper-inner .swiper-pagination{
    bottom: 0.5rem;
    text-align: center;
    width: 100%;
}

.meeting .swiper-button-next, 
.meeting .swiper-button-prev{
    color: #ccc!important;
    width: 0.566038rem;
    height: 0.566038rem;
    border-radius: 0.283019rem;
    background-color: #85a3e6;
    background-size: 0.4rem 0.4rem;
    z-index: 999;
}
/* .frontal_presentation .swiper-inner{
    position: relative;
}
.frontal_presentation .swiper-pagination{
    bottom: -0.5rem;
    text-align: center;
    margin: 0 auto;
    width: 100%;
} */

.meeting .meet-time-area .meet-time:last-child {
    margin-bottom: 0
}
.meeting .right-area {
    background-color: #fbfafa;
    /* height: 12.1rem; */
    height: 9.76rem;
    display: flex;
    align-items: center;
    justify-content: center;
    /* overflow-y: auto; */
}
@media (max-width: 990px) {
    .meeting .meet-time-area{
        max-height:9.76rem;
    }
    .right-area{
        height:9.76rem;
    }
}
.meeting .right-area .card-a, .item-inner {
    position: relative;
    overflow: hidden;
}
.meeting .right-area .card-a {
    display: block;
    padding-bottom: 0.188679rem;
}
.meeting .right-area .card-a img{
    vertical-align: middle;
    width: 100%;
    min-height: 2.830189rem;
    max-height: 6.603774rem;
    height: auto;
}
.meeting .right-area .right-area-title{
    padding: 0.3rem 0.754717rem 0.3rem 1.5rem;
    border-bottom: 1px solid #ccc;
    color: #014293;
    font-size: 0.4rem;
    font-weight: 700;
    position: relative;
}
.meeting .right-area .right-area-title::before{
    content: '';
    width: 0.4rem;
    height: 0.4rem;
    background-image: url(../images/icons/icon_yanjiang.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0.754717rem;
    top: 0.4rem;
}
.meeting .right-area .right-content{
    padding: 0 0.754717rem;
    margin-top: 0.3rem;
}
.right-item {
    font-size: .301887rem;
    display: flex
}
.row-bg:hover p {
    color: #014191 !important
}
.right-list-info>p:first-child {
    font-weight: 600;
    font-size: .339623rem;
    line-height: .45283rem;
    color: #444
}
.right-list-info > p:first-child{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0.15rem;
}
.right-list-info .right-list-info-basic p{
    display: block;
    margin-right: 0.1rem;
    font-weight: normal;
    line-height: .45283rem;
    font-size: 0.28rem;
    color: #444;
}
.right-list-info .right-list-info-basic p span{
    font-size: 0.3rem;
}
.right-list .right-list-btn{
    display: flex;
    align-items: center;
    justify-content: end;
}
.right-list .right-list-btn .more {
    /* cursor: not-allowed; */
    padding: 0.100943rem 0.483019rem;
    color: #ccc;
    background-color: none;
    border: 0.018868rem solid #ccc;
    border-radius: 0.3rem;
    background: none;
}

@media (max-width: 990px) {
    .meeting .card-a .person .name {
        font-size: .5rem;
    }
    .meeting .card-a .person .job-p{
        font-size: 0.36rem;
    }
}
@media (max-width:768px) {
    .right-area {
        padding: .188679rem
    }
}




/* 鐩存挱 */
.online{
    background-image: url(../images/bg/bg_2.jpg);
    background-size: cover;
}
.online .title-area .title-icon{
    background-image: url(../images/icons/icon_zhiboxianchang.png);
    width: 0.55rem;
    height: 0.55rem;
}
.online .swiper-button-next, .online .swiper-button-prev{
    width: 0.566038rem;
    height: 0.566038rem;
    background-size: 0.4rem 0.4rem;
    border-radius: 0.283019rem;
    background-color: #85a3e6;
    z-index: 999;
}
.online .swiper-inner{
    width: 100%;
    position: relative;
    background-color: #32363f;
}
.online .swiper-pagination{
    bottom: -0.5rem;
    width: 100%;
    text-align: center;
}
.online .online-content{
    /* background-color: #32363f; */
    /* padding: 0.2rem ; */
}
.online .online-content iframe{
    width: 100%;
    /* min-height: 400px; */
    min-height: 7.4rem;
    height: auto;
}
@media (max-width:768px){
    .online .online-content iframe{
        min-height: 4rem;
    }
}
.online-content video{
    width: 100%;
    height: auto;
}
.online .online-content .is-guttered{
    padding: 0.44rem 0.3rem 0.44rem 0.3rem;
}
@media (max-width:980px) {
    .online .online-content .is-guttered:last-child{
        padding-top: 0;
    }
}
.online .online-content .desc-img{
    width: 100%;
    display: block;
}
.online .online-content .subtitle{
    border-bottom: 0.02rem solid #666;
    color: #fff;
    font-size: 0.35rem;
    padding-bottom: 0.3rem;
}
.online .online-content .subtitle span{
    position: relative;
    padding-bottom: 0.3rem;
}
.online .online-content .subtitle span:before{
    content: '';
    width: 100%;
    height: 0.08rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.015rem;
    background-color: #0a52da;
}
.online .online-content-info{
    margin-top: 0.2rem;
    color: #fff;
}
.online .online-content-info .title{
    font-size: .4rem;
}
.online .online-content-info .basic-info{
    margin-top: 0.2rem;
    font-size: 0.256rem;
}
.online .online-content-info .basic-info .status{
    color:#0a52da;
}
.online .online-content-info .desc{
    margin-top: 0.2rem;
    text-align: justify;
    line-height: .466038rem;
    font-size: .28rem;
    letter-spacing: .017736rem
}

/*  */
@media (max-width:767px) {
    .video-info {
        padding: .660377rem 0 .660377rem .188679rem
    }
    .top-area {
        height: 78vw
    }
}
@media (min-width:768px) {
    .top-interview .inner-img {
        height: 4.09434rem
    }
    .top-area {
        height: 5.037736rem
    }
    .video-info {
        padding: 1.226415rem 0 1.226415rem .188679rem
    }
}
@media (min-width:992px) {
    .top-interview .inner-img {
        height: 5.188679rem
    }
    .top-area {
        height: 5.754717rem
    }
    .video-info {
        padding: 1.509434rem 0 1.509434rem .377358rem
    }
}
@media (min-width:1200px) {
    .top-interview .inner-img {
        height: 6.358491rem
    }
    .top-area {
        height: 6.54717rem
    }
    .video-info {
        padding: 2.264151rem 0 1.509434rem .754717rem
    }
}
@media (min-width:1920px) {
    .top-interview .inner-img {
        height: 6.358491rem
    }
    .top-area {
        height: 7.679245rem
    }
    .video-info {
        padding: 2.264151rem 0 1.509434rem .754717rem
    }
}

/* 楂樼璁胯皥 */
.top-interview{
    margin-bottom: 0.377358rem;
}
.top-interview .title-area .title-icon{
    background-image: url(../images/icons/icon_gaoduanyanjiang.png);
    width: 0.55rem;
    height: 0.55rem;
}
.top-interview .top-area{
    position: relative;
    margin: 1rem auto 1.320755rem;
    background-color: #32363f;
}
.top-interview .top-inner{
    position: absolute;
    top: -0.754717rem;
    left: 0.566038rem;
    right: 0.566038rem;
}
.top-interview .inner-img{
    cursor: pointer;
    position: relative;
    min-height: 4.09434rem;
    height: 100%;
}
.top-interview .inner-img .img-area{
    width: 100%;
    height: 100%;
}
.top-interview .img-cover{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(50,54,63,.2);
}
.top-interview .video-info{
    color: #fff
}
.top-interview .video-info p:first-child {
    font-weight: 500;
    line-height: .490566rem;
    font-size: .415094rem;
    margin-bottom: .283019rem
}
.top-interview .video-info p:first-child,
.top-interview .video-info p:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.top-interview .video-info p:nth-child(2) {
    font-size: .28rem;
    color: #9594a9;
    text-align: justify;
    line-height: 1.5;
}
.top-interview .swiper-inner{
    padding: 0 .566038rem;
    margin-top: -2.075472rem
}
.top-interview .u-inner-img{
    position: relative;
    min-height: .943396rem
}
.top-interview .u-inner-img .u-img-area{
    width: 100%
}
.top-interview .u-inner-img .u-img-cover{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: .943396rem;
    height: 100%;
    background-color: rgba(50, 54, 63, .2)
}
.top-interview .u-inner-img .u-img-cover img{
    width: .566038rem;
    height: .566038rem
}
.top-interview .u-inner-img .u-img-cover .cover-info{
    cursor: pointer;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: .264151rem;
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: left;
    left: .09434rem;
    right: .09434rem;
    bottom: .132075rem;
    border-bottom: .09434rem solid #43bcf9
}
.top-interview .swiper-button-next, .top-interview .swiper-button-prev{
    width: 0.566038rem;
    height: 0.566038rem;background-size: 0.4rem 0.4rem;
}
.top-interview .swiper-inner {
    position: relative;
}
.top-interview .swiper-pagination{
    bottom: -0.4rem;
    width: 100%;
}


/* 鍦嗘瀵硅瘽 */
.round-table-container{
    background-image: url(../images/bg/bg_1.jpg);
    background-size: cover;
    padding-bottom: 0.2rem;
}
.round-table .title-area .title-icon {
    background-image: url(../images/icons/icon_yuanzhuoduihua.png);
    width: 0.56rem;
    height: 0.5rem;
}
.round-table-inner .content-inner{
    width: 12rem;
    /* height: 12rem; */
    /* border: 0.037736rem solid #fff; */
    /* border-radius: 50%; */
    position: relative;
    margin: 0 auto;
}
.round-table-inner .content-inner img{
    width: 100%;
}
.content-inner-picture{
    position: absolute;
}
.content-inner-picture img{
    width: 100%;
}
.content-inner-picture-01{
    width: 5.19rem;
    left: 0px;
    /* transform: translate(-10px, 7px); */
    transform: rotate(1deg);
    top: -0.02rem;
}
.content-inner-picture-02{
    right: 0.7rem;
    width: 5.1rem;
    top: -0.07rem;
    transform: rotateZ(-2deg);
}
.content-inner-picture-03{
    right: 0.005rem;
    width: 5.14rem;
    top: 2.4rem;
    transform: rotateZ(-6deg);
}
.content-inner-picture-04{
    right: 0.9rem;
    width: 5.65rem;
    bottom: -0.06rem;
    transform: rotateZ(-1deg);
}
.content-inner-picture-05{
    left: 0.04rem;
    width: 5.2rem;
    top: 4.6rem;
    transform: rotateZ(-2deg);
}
.content-inner-picture-center{
    width: 3.2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width:768px) {
    .round-table-inner .content-inner{
        width: 100%;
        /* height: auto; */
        /* border: 0.037736rem solid #fff; */
    }
    .content-inner-picture-01{
        width: 3.19rem;
        left: -0.01rem;
        transform: rotate(1deg);
        top: -0.02rem;
    }
    .content-inner-picture-02{
        right: 0.4rem;
        width: 3rem;
        top: 0.01rem;
        transform: rotateZ(0deg);
    }
    .content-inner-picture-03{
        right: 0.005rem;
        width: 3.14rem;
        top: 1.5rem;
        transform: rotateZ(-2deg);
    }
    .content-inner-picture-04{
        right: 0.6rem;
        width: 3.2rem;
        bottom: -0.1rem;
        transform: rotateZ(1deg);
    }
    .content-inner-picture-05{
        left: 0.03rem;
        width: 3.2rem;
        top: 2.7rem;
        transform: rotateZ(-4deg);
    }
    .content-inner-picture-center{
        width: 2rem;
    }
}



/* 鍓嶆部灞曠ず */
.frontal_presentation .title-area .title-icon {
    background-image: url(../images/icons/icon_chengguozhanshi.png);
    width: 0.56rem;
    height: 0.5rem;
}
.frontal_presentation .u-inner-img{
    cursor: pointer;
    box-shadow: 0 0 0.188679rem 0 rgb(0 0 0 / 10%);
    background-color: #fafafa;
    width: 60%;
    margin:0 auto;
}
.frontal_presentation .u-inner-img .u-img-area{
    width: 100%;
}
.frontal_presentation .u-inner-img .inner-area{
    padding: 0.188679rem;
}
.frontal_presentation .u-inner-img .inner-title{
    line-height: .415094rem;
    height: 0.830189rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.frontal_presentation .swiper-button-next, 
.frontal_presentation .swiper-button-prev{
    color: #ccc!important;
    width: 0.566038rem;
    height: 0.566038rem;
    border-radius: 0.283019rem;
    background-color: #85a3e6;
    background-size: 0.4rem 0.4rem;
    z-index: 999;
}
.frontal_presentation .swiper-inner{
    position: relative;
}
.frontal_presentation .swiper-pagination{
    bottom: -0.5rem;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}



	
@media (max-width:767px) {
    .guest .inner-img {
        min-height: 7.169811rem;
        height: 100%
    }
    .guest .video-info {
        padding: .471698rem 0 .660377rem .188679rem
    }
    .guest .video-info p:first-child {
        font-size: .415094rem;
        font-weight: 650
    }
    .guest .video-info p:nth-child(2) {
        font-size: .339623rem
    }
    .guest .top-area {
        height: 110vw
    }
    .guest .u-inner-img {
        height: 3.962264rem
    }
}
@media (min-width:768px) {
    .guest .top-area {
        height: 5.471698rem
    }
    .guest .inner-img {
        min-height: 4.150943rem;
        max-width: 4.150943rem;
        height: 100%
    }
    .guest .video-info {
        padding: 1.226415rem 0 1.226415rem .566038rem
    }
    .guest .video-info p:first-child {
        font-size: .528302rem
    }
    .guest .video-info p:nth-child(2) {
        font-size: .415094rem
    }
    .guest .u-inner-img {
        height: 3.018868rem
    }
}
@media (min-width:992px) {
    .guest .inner-img {
        min-height: 5.660377rem;
        max-width: 5.660377rem;
        height: 100%
    }
    .guest .top-area {
        height: 6.754717rem
    }
    .guest .video-info {
        padding: 1.509434rem 0 1.509434rem .754717rem
    }
    .guest .video-info p:first-child {
        font-size: .603774rem;
        font-weight: 650
    }
    .guest .video-info p:nth-child(2) {
        font-size: .45283rem
    }
    .guest .u-inner-img {
        height: 3.867925rem
    }
}
@media (min-width:1200px) {
    .guest .inner-img {
        min-height: 6.792453rem;
        max-width: 6.792453rem;
        height: 100%;
        width: 100%
    }
    .guest .top-area {
        height: 8.113208rem
    }
    .guest .video-info {
        padding: 2.264151rem 0 1.509434rem .754717rem
    }
    .guest .video-info p:first-child {
        font-size: .90566rem;
        font-weight: 650
    }
    .guest .video-info p:nth-child(2) {
        font-size: .603774rem
    }
    .guest .u-inner-img {
        height: 2.924528rem
    }
}
@media (min-width:1920px) {
    .guest .inner-img {
        height: 6.792453rem;
        width: 6.830189rem
    }
    .guest .top-area {
        height: 8.113208rem
    }
    .guest .video-info {
        padding: 2.264151rem 0 1.509434rem 0
    }
    .guest .video-info p:first-child {
        font-size: 1.056604rem;
        font-weight: 650
    }
    .guest .video-info p:nth-child(2) {
        font-size: .679245rem
    }
    .guest .u-inner-img {
        height: 3.773585rem
    }
}

/* 鍢夊灞曠ず */
.title-area-wrap {
    position: relative
}
.u-blue-btn {
    cursor: pointer;
    padding: 0.188679rem 0.283019rem;
    color: #fff;
    border: none;
    background: linear-gradient(90deg,#044192,#0a52da);
}
.title-area-wrap .u-blue-btn {
    position: absolute;
    top: 0.306415rem;
    right: 0;
    padding: 0.226415rem 0.377358rem;
}
.guest .top-area {
    position: relative;
    margin: .566038rem auto;
    background-image: url(https://www.northbundforum.com/north-bund/img/guest_cover.873164a7.jpg);
    background-size: cover
}
.guest .top-inner {
    position: absolute;
    top: -.754717rem;
    left: .566038rem;
    right: .566038rem
}
.guest .inner-img {
    position: relative
}
.guest .inner-img .img-area {
    width: 100%;
    height: 100%
}
.guest .video-info {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}
.guest .video-info p:first-child {
    font-weight: 650;
    margin-bottom: .283019rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}
.guest .video-info p:nth-child(2) {
    font-weight: 400;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.guest .swiper-inner{
    padding: 0 .566038rem;
    margin-top: -1.886792rem
}
.guest .u-inner-img{
    position: relative;
    width: 100%
}
.guest .u-inner-img .u-img-area{
    width: 100%;
    height: 100%
}
.guest .u-inner-img .u-img-cover{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(50, 54, 63, .2)
}
.guest .u-inner-img .u-img-cover img{
    width: .566038rem;
    height: .566038rem
}
.guest .u-inner-img .u-img-cover .cover-name{
    font-size: .301887rem;
    font-weight: 650;
    bottom: .660377rem
}
.guest .u-inner-img .u-img-cover .cover-info,
.guest .u-inner-img .u-img-cover .cover-name{
    cursor: pointer;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: absolute;
    color: #fff;
    text-align: left;
    left: .09434rem;
    right: .09434rem
}
.guest .u-inner-img .u-img-cover .cover-info{
    font-size: .226415rem;
    bottom: .226415rem
}
.guest .swiper.swiper-button-next,
.guest .swiper.swiper-button-prev {
    color: #fff !important;
    top: 41.5%
}
.guest .swiper.swiper-button-next:after,
.guest .swiper.swiper-button-prev:after {
    font-size: .377358rem
}

/* 绮惧僵鍥為【 */
.highlights .swiper-button-next, .highlights .swiper-button-prev{
    width: 0.566038rem;
    height: 0.566038rem;
    background-size: 0.4rem 0.4rem;
}
.highlights  .title-area .title-icon {
    background-image: url(../images/icons/icon_jingcaishipin.png);
    width: 0.56rem;
    height: 0.5rem;
}

.highlights .swiper-slide{
    width: 5.5rem;
    height: 4.33rem;
}
.highlights .inner{
    height: 3rem;
}
@media (min-width:550px) {
    .highlights .swiper-slide{
        width: 7rem;
        height: 5rem;
    }
    .highlights .inner{
        height: 4rem;
    }
}
@media (min-width:750px) {
    .highlights .swiper-slide{
        width: 6.2rem;
        height: 5rem;
    }
    .highlights .inner{
        height: 4rem;
    }
}
@media (min-width:992px) {
    .highlights .swiper-slide{
        /* width: 367px;
        height: 281px; */
        width: 7rem;
        height: 5.6rem;
    }
    .highlights .inner {
        height: 4rem;
    }
}
@media (min-width:1200px) {
    .highlights .swiper-slide{
        /* width: 479px;
        height: 344px; */
        width: 8.9rem;
        height: 6.38rem;
    }
    .highlights .inner {
        height: 4.5rem;
    }
}
@media (min-width:1600px) {
    .highlights .swiper-slide{
        width: 591px;
        height: 406px;
    }
    .highlights .inner {
        height: 6rem;
    }
}
@media (min-width:1920px) {
    .highlights .swiper-slide{
        height: 7.5rem;
        width: 10.96rem;
    }
    .highlights .inner {
        height: 6rem;
    }
}
.highlights .item-inner{
    cursor: pointer;
    background-color: #fff;
    /* margin-bottom: 0.188679rem; */
    box-shadow: 0 0 0.188679rem 0.09434rem rgb(0 1 0 / 10%);
}
.highlights .item-inner .img-inner{
    height: 100%;
}
.highlights .inner {
    position: relative;
}
.highlights .inner .inner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    max-height: 7rem;
}
.highlights .inner .cover-black {
    position: absolute;
    /* background-color: rgba(3,2,2,.5); */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.highlights .cover-img {
    max-width: 30%;
}
.highlights .inner .cover-black img {
    max-width: 20%;
}
.highlights .content-inner {
    padding: 0.188679rem;
    display: flex;
    justify-content: space-between;
}
.highlights .info-inner {
    flex: 1;
    margin-right: 0.188679rem;
}
.highlights .info-inner p:first-child, .highlights .info-inner p:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.highlights .info-inner p:first-child {
    font-weight: 500;
    font-size: .301887rem;
    /* margin-bottom: 0.09434rem; */
    line-height: .377358rem;
    height: 0.377358rem;
}
.highlights .info-inner p:nth-child(2) {
    color: #58587a;
    line-height: .301887rem;
    height: 0.301887rem;
}
	
.swiper-container-3d{
    /* perspective: 22.641509rem */
}


/* 璁哄潧椤鹃棶 */

.card-a,
.item-inner {
    position: relative;
    overflow: hidden
}
.card-a {
    display: block;
    padding-bottom: .188679rem
}
.card-a:hover .get-more-active {
    transform: translateY(calc(-100% - .75472rem))
}
.card-a img {
    vertical-align: middle;
    width: 100%;
    min-height: 2.830189rem;
    max-height: 6.603774rem;
    height: auto
}
.card-a .person {
    text-align: center
}
.card-a .person .name {
    padding-top: .4rem;
    background: #fafafa;
    font-size: .339623rem;
    font-weight: 600
}
.card-a .person .job-p {
    background: #fafafa;
    height: .981132rem;
    padding: 0 .188679rem .188679rem;
    line-height: .45283rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}
.card-a .get-more {
    padding: .377358rem .188679rem .943396rem;
    color: #fff;
    position: absolute;
    left: 0;
    top: calc(100% + .56604rem);
    width: 100%;
    height: 100%;
    background-color: rgba(4, 65, 146, .92);
    transition: all .1s
}
.card-a .card-info {
    text-align: center
}
.card-a .card-info .name {
    font-size: .377358rem;
    margin: .188679rem auto
}
.card-a .card-info .job,
.card-a .card-info .name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}
.card-a .card-info .job {
    font-size: .301887rem;
    margin: .188679rem .188679rem .283019rem;
    padding: 0 .188679rem;
    line-height: .415094rem
}
.card-a .intorduce {
    font-size: .301887rem;
    height: 75%;
    text-align: justify;
    color: #d3dae8;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}
.card-a .more-area {
    height: 100%
}
.card-a .more-btn {
    position: absolute;
    bottom: -.188679rem;
    right: 0;
    left: 0;
    text-align: center
}

/* .forum-advisor .card-a, .item-inner {
    position: relative;
    overflow: hidden;
}
.forum-advisor .card-a {
    display: block;
    padding-bottom: 0.188679rem;
}
.forum-advisor .card-a img {
    vertical-align: middle;
    width: 100%;
    min-height: 2.830189rem;
    max-height: 6.603774rem;
    height: auto;
}
.forum-advisor .card-a .person {
    text-align: center;
}
.forum-advisor .card-a .person .name {
    padding-top: 0.188679rem;
    background: #fafafa;
    font-size: .339623rem;
    font-weight: 600;
}
.forum-advisor .card-a .person .job-p {
    background: #fafafa;
    height: 0.981132rem;
    padding: 0 0.188679rem 0.188679rem;
    line-height: .45283rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.forum-advisor .card-a .get-more {
    padding: 0.377358rem 0.188679rem 0.943396rem;
    color: #fff;
    position: absolute;
    left: 0;
    top: calc(100% + 0.56604rem);
    width: 100%;
    height: 100%;
    background-color: rgba(4,65,146,.92);
    transition: all .1s;
}
.forum-advisor .card-a .more-area {
    height: 100%;
}
.forum-advisor .card-a .card-info {
    text-align: center;
}
.forum-advisor .card-a .card-info .name {
    font-size: .377358rem;
    margin: 0.188679rem auto;
}
.forum-advisor .card-a .card-info .job, .forum-advisor .card-a .card-info .name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.forum-advisor .card-a .card-info .job {
    font-size: .301887rem;
    margin: 0.188679rem 0.188679rem 0.283019rem;
    padding: 0 0.188679rem;
    line-height: .415094rem;
}
.forum-advisor .card-a .intorduce {
    font-size: .301887rem;
    height: 75%;
    text-align: justify;
    color: #d3dae8;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.forum-advisor .card-a .more-btn{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
}
.forum-advisor .u-blue-btn {
    cursor: pointer;
    padding: 0.188679rem 0.283019rem;
    color: #fff;
    border: none;
    background: linear-gradient(90deg,#044192,#0a52da);
}
 */




 .el-footer {
    box-sizing: border-box;
    flex-shrink: 0;
    /* height:  1.132075rem; */
    padding: 0;
    z-index: 99;
}
.foot{
    background-color: #222632;
    color: #fff;
}
.n-container{
    margin-right: auto;
    margin-left: auto;
}
.foot .info{
    padding-bottom: 0.566038rem;
}
.foot .info .info-left{
    color: #8a8998;
    padding: 0.283019rem 0.377358rem 0.283019rem;
    border-radius: 0.056604rem;
    overflow: hidden;
    background-color: #fff;
    margin-top: -0.188679rem;
    box-shadow: 0 0.018868rem 0.188679rem 0.09434rem rgb(0 0 0 / 10%);
    width: 100%;
}
.el-row.is-align-middle {
    align-items: center;
}
.foot .info .info-left .info-left-row{
    margin-bottom: 0.09434rem;
}
@media (min-width: 768px){
    .special {
        margin: 0 auto;
        width: 55%;
    }
}
@media (min-width: 992px){
    .special {
        width: 100%;
    }
}
.foot .info .info-left .erweima-area {
    text-align: center;
}
.foot .info .info-left .erweima-area .image-area {
    padding: 0.283019rem 0.471698rem;
}
.foot .info .info-left img {
    width: 100%;
}
.foot .info .info-right{
    flex: 1;
    /* margin-top: 4vw; */
    /* min-height: 14.8vw; */
}
.foot .info .info-right .el-col{
    padding-left: 0.377358rem;
}
.foot .info .info-right h3{
    position: relative;
    padding-bottom: 0.09434rem;
    border-bottom: 0.018868rem solid #919398;
}
.foot .info .info-right h3:after {
    content: "";
    position: absolute;
    width: 25%;
    height: 0.056604rem;
    background-color: #fff;
    bottom: -0.037736rem;
    left: 0;
}
.foot .info .info-right ul{
    color: #a7a8ad;
    padding: 0.09434rem;
    display: flex;
    /* flex-direction: column; */
    margin-top: 0.377358rem;
}
.foot .info .info-right ul li{
    margin-bottom: 0.283019rem;
}
/* xinzeng */
.foot .info .info-right{
    padding-top: 4vw;
}
.foot .info .info-right ul li{
    width: 50%;
}

@media (max-width: 768px){
    .foot .info .info-right ul{
        flex-direction: column;
    }
    .foot .info .info-right ul li{
        width: 100%;
    }
}






/*  */
.w-dialog .w-overlay-dialog, .w-dialog{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
}
.w-dialog{
    z-index: 2000;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}
.w-dialog .w-dialog-inner .dialog-content .dialogInner {
    max-width: 22.641509rem;
    width: 100%;
    margin-bottom: 0.377358rem;
}
.w-dialog .w-dialog-inner .dialog-content .person-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (min-width: 1200px){
    .w-dialog .w-dialog-inner .dialog-content .person-info {
        display: flex;
    }
}
.w-dialog .w-dialog-inner .dialog-content .person-info {
    margin-bottom: 0.377358rem;
}
.w-dialog .w-dialog-inner .dialog-content .person-info .characterName {
    position: relative;
    font-size: .45283rem;
    font-weight: 500;
    color: #000;
    margin-right: 0.377358rem;
    padding-bottom: 0.283019rem;
    margin-bottom: 0.188679rem;
}
.w-dialog .w-dialog-inner .dialog-content .person-info .characterName:after {
    position: absolute;
    content: "";
    width: 0.849057rem;
    height: 0.150943rem;
    background-color: #bf243c;
    bottom: 0;
    left: 0;
    border-top-right-radius: 0.188679rem;
    border-bottom-left-radius: 0.188679rem;
}
.w-dialog .w-dialog-inner .dialog-content .person-info .characterPosition {
    word-break: break-word;
    text-align: justify;
    line-height: .490566rem;
    flex: 1;
    font-size: .339623rem;
    font-weight: 500;
    color: #9494a9;
    margin-right: 0.377358rem;
}
.w-dialog .w-dialog-inner .dialog-content .person-intorduce {
    word-break: break-word;
    text-align: justify;
    color: #666685;
    font-size: .339623rem;
    line-height: .566038rem;
}



.el-tooltip__popper{
    width: 90%;
    line-height: 1.5;
    text-align: justify;
    font-size: 0.26rem;
}
@media only screen and (min-width: 768px){
    .el-tooltip__popper{
        width: 40%;
    }
}
@media (min-width: 768px){
    .el-tooltip__popper {
        display: block;
        max-width: 40%;
        flex: 0 0 50%;
    }
}




@media (min-width: 1440px){
    body {
        font-size: .471698rem;
    }
}
@media (min-width: 1920px){
    body {
        font-size: .622642rem;
    } 
}


@media (max-width:767px) {
    .u-container {
        padding-bottom: .754717rem
    }
    .el-popper.is-customized {
        max-width: 80%
    }
}
@media (min-width:768px) {
    .u-container {
        width: 14.150943rem;
        padding-bottom: .754717rem
    }
    .top-area{
        height: 5.037736rem;
    }
  
    .el-popper.is-customized {
        max-width: 40%
    }
    .el-col-sm-0 {
        max-width: 0;
        flex: 0 0 0%;
    }
    .el-col-sm-5 {
        display: block;
        max-width: 20.8333333333%;
        flex: 0 0 20.8333333333%;
    }
    .el-col-sm-6 {
        display: block;
        max-width: 25%;
        flex: 0 0 25%;
    }
    .el-col-sm-7 {
        display: block;
        max-width: 29.1666666667%;
        flex: 0 0 29.1666666667%;
    }
    .el-col-sm-8 {
        display: block;
        max-width: 33.3333333333%;
        flex: 0 0 33.3333333333%
    }
    .el-col-sm-10 {
        display: block;
        max-width: 41.6666666667%;
        flex: 0 0 41.6666666667%;
    }
    .el-col-sm-12 {
        display: block;
        max-width: 50%;
        flex: 0 0 50%;
    }
    .el-col-sm-13 {
        display: block;
        max-width: 54.1666666667%;
        flex: 0 0 54.1666666667%
    }
    .el-col-sm-16 {
        display: block;
        max-width: 66.6666666667%;
        flex: 0 0 66.6666666667%
    }
    .el-col-sm-24 {
        display: block;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .n-container{
        padding: 0;
        padding-bottom: 0.377358rem;
    }
    .foot .info{
        padding-bottom: 0.4rem;
    }
}
@media (min-width:992px) {
    .u-container {
        width: 18.301887rem;
        padding-bottom: 0.754717rem;
    }
    .top-area{
        height: 5.754717rem;
    }
    .el-col-md-6 {
        display: block;
        max-width: 25%;
        flex: 0 0 25%;
    }
    .el-col-md-7 {
        display: block;
        max-width: 29.1666666667%;
        flex: 0 0 29.1666666667%;
    }
    
    .el-col-md-8 {
        display: block;
        max-width: 33.3333333333%;
        flex: 0 0 33.3333333333%;
    }
    .el-col-md-12 {
        display: block;
        max-width: 50%;
        flex: 0 0 50%;
    }
    .el-col-md-17 {
        display: block;
        max-width: 70.8333333333%;
        flex: 0 0 70.8333333333%;
    }
    .n-container{
        padding: 0 0.283019rem;
        width: 18.301887rem;
        padding-bottom: 0.377358rem;
    }

}
@media (min-width:1200px) {
    .u-container {
        width: 22.075472rem;
        padding-bottom: .754717rem
    }
    .el-col-lg-6 {
        display: block;
        max-width: 25%;
        flex: 0 0 25%;
    }
    .top-area{
        height: 6.54717rem;
    }
    .n-container{
        width: 22.075472rem;
        padding-bottom: 0.377358rem;
    }
    .el-col-lg-18 {
        display: block;
        max-width: 75%;
        flex: 0 0 75%;
    }
}
@media (min-width:1440px) {
    .u-container {
        width: 22.45283rem;
        padding-bottom: .754717rem
    }
    body {
        font-size: .471698rem
    }
    .n-container{
        width: 25.660377rem;
    }
}
@media (min-width:1680px) {
    .u-container {
        width: 23.018868rem;
        padding-bottom: .943396rem
    }
    .n-container{
        width: 27.54717rem;
    }

}
@media (min-width:1920px) {
    .u-container {
        width: 27.169811rem;
        padding-bottom: .943396rem
    }
    body {
        font-size: .622642rem
    }
    .top-area{
        height: 8.279245rem;
    }
  
}


/* --------------------------
    鏂囩珷
----------------------- */
/* .article{
    padding: 0.566038rem 0;
}
@media (min-width: 768px){
    .article-content{
        padding: 0.943396rem 1.509434rem 1.132075rem;
    }
}
.article .article-content{
    min-height: 30vh;
    background-color: #fff;
}
.content-intruduce{
    text-align: center;
}
.content-intruduce p:first-child {
    font-size: .45283rem;
    font-weight: 500;
    margin: 0.377358rem auto;
}
.content-intruduce p:nth-child(2) {
    font-size: .301887rem;
    color: #666685;
    margin-bottom: 0.566038rem;
}
.content-intruduce p:nth-child(2) span:first-child {
    margin-right: 0.188679rem;
}


.article .img-inner{
    width: 100%;
    margin: 0 auto
}
.article .img-area{
    position: relative;
    background-color: #ccc;
    display: flex;
    justify-content: center;
    align-items: center
}
.article .img-area video{
    width: 100%;
    object-fit: fill
}
.article .img-area .cover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.content-title{
    flex: 1;
    margin-right: .377358rem;
    font-size: .45283rem;
    font-weight: 500;
    margin-bottom: .188679rem;
    margin-top: .188679rem
}
.content-time{
    padding-bottom: .188679rem;
    font-size: .301887rem;
    color: #666685;
    margin-top: .283019rem;
    margin-bottom: .283019rem
}
.content-intruduce{
    margin-top: .188679rem;
    margin: .188679rem 0
}
.aticle-info{
    text-align: justify;
    line-height: .509434rem;
    margin: .283019rem 0;
    font-size: .339623rem;
    color: #9494a9
}
.data-source{
    margin-left: .283019rem
}
.info-border{
    border-bottom: .037736rem solid #eeeded
}
@media (max-width:767px) {
    video {
        width: 100%;
        height: 56vw
    }
    .article-content {
        padding: .943396rem .566038rem 1.132075rem
    }
}
@media (min-width:768px) {
    .article-content {
        padding: .943396rem 1.509434rem 1.132075rem
    }
}
.article {
    padding: .566038rem 0
}
.article .article-content {
    min-height: 30vh;
    background-color: #fff
}
.article .img-inner {
    width: 100%;
    margin: 0 auto
}
.article .img-area {
    position: relative;
    background-color: #ccc;
    display: flex;
    justify-content: center;
    align-items: center
}
.article .img-area video {
    width: 100%;
    object-fit: fill
}
.article .img-area .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.content-title {
    position: relative;
    font-size: .45283rem;
    font-weight: 500;
    margin-bottom: .566038rem
}





 */





 @-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-56.603774rem,0);
        transform: translate3d(0,-56.603774rem,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,.471698rem,0);
        transform: translate3d(0,.471698rem,0)
    }

    75% {
        -webkit-transform: translate3d(0,-.188679rem,0);
        transform: translate3d(0,-.188679rem,0)
    }

    90% {
        -webkit-transform: translate3d(0,.09434rem,0);
        transform: translate3d(0,.09434rem,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-56.603774rem,0);
        transform: translate3d(0,-56.603774rem,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,.471698rem,0);
        transform: translate3d(0,.471698rem,0)
    }

    75% {
        -webkit-transform: translate3d(0,-.188679rem,0);
        transform: translate3d(0,-.188679rem,0)
    }

    90% {
        -webkit-transform: translate3d(0,.09434rem,0);
        transform: translate3d(0,.09434rem,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}



