@charset "utf-8";
@font-face {
    font-family:Montserrat-Bold;
    src: url(../fonts/Montserrat-Bold.ttf);
}
/*东方数据动画隐藏*/
.parallax--line,.parallax--text,.parallax--mask{display:none;}
.parallax-module{background:none;}
.parallax--outer{    clip-path: circle(1860px at 50% 50%);opacity:1!important;    transform: scale(1, 1)!important;}

/* Keyframe animations used by character slider */
@keyframes characterRound {
    0% { transform: scale(1.12) rotate(0deg); }
    100% { transform: scale(1.12) rotate(360deg); }
}
@keyframes characterRadius {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* ===== Section layout common ===== */
.post .tt .tit {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    gap: 0.12rem;
}
.post .tt .title{font-family: 'IBM';}
.post-32 .news_list .news:nth-child(-n+3){border-bottom:0;}
.post-32 .swiper-button-next, .post-32 .swiper-button-prev{display:none;}
/* main3 (Campus News + Media Coverage) */
.main3 {
    overflow: hidden;
    background: #f5f4f4 url(../images/main3bg.png) no-repeat center bottom 4.6rem/100%;
}
.main3 .inner {
    padding: 0.79rem 0 0.75rem;
}

/* post-31 (Campus News) */
.post-31 {
    margin-bottom: 0.95rem;
}
.post-31 .tt {
    margin-bottom: 0.42rem;
}
.post-31 .con {
    display: flex;
}
.post-31 .news_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 0.24rem;
}
.post-31 .news_list .news {
    width: calc(33.33% - 0.185rem);
    background: rgba(255,255,255,0.7);
    box-shadow: 0 0.03rem 0.15rem rgba(239,237,233,0.6);
}
.post-31 .news_list .news .news_imgs span {
    padding-top: 56.22%;
}
.post-31 .news_list .news .news_wz {
    padding: 0.2rem 0.32rem;
}
.post-31 .news_list .news .news_wz .news_title {
    font-size: var(--titleSize);
    font-weight: 700;
    line-height: 1.5;
    min-height: calc(1.3 * 3em);
    font-family: 'Roboto';
    color: rgb(0 0 0 / 90%);
}
.post-31 .news_list .news .news_wz .news_meta {
    font-size: var(--smailSize);
    font-weight: bold;
   display:none;
}

/* post-32 (Media Coverage) */
.post-32 .tt {
    margin-bottom: .42rem;
}
.post-32 .news_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.post-32 .news_list .news {
    width: calc(25% - 0.4rem);
}
.post-32 .news_list .news_box {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.post-32 .news_list .news:hover .news_box .news_short {
    color: #92071C;
}
.post-32 .news_list .news_box .news_short {
    font-size: 0.36rem;
    color: #333333;
    font-weight: 700;
    font-family: 'Roboto';
    transition: all 0.3s;
}
.post-32 .news_list .news_box .news_ico {
    margin: 0.2rem 0;
    position: relative;
    z-index: 1;
}
.post-32 .news_list .news:first-child .news_box .news_ico:after {
    content: '';
    position: absolute;
    left: -50rem;
    width: 100rem;
    height: 1px;
    border-bottom: 1px dashed #D6CECE;
    top: calc(50% - 1px);
    z-index: -1;
    transform: translateY(-50%);
}
.post-32 .news_list .news_box .news_ico span {
    width: 0.24rem;
    height: 0.24rem;
    display: block;
    background: url(../images/mtdot.svg) no-repeat center/100%;
}
.post-32 .news_list .news_box .news_ico .news_ico_wap {
    display: none;
}
.post-32 .news_list .news:hover .news_box .news_ico span {
    width: 0.34rem;
    background: url(../images/mtdot-1.svg) no-repeat center/100%;
    transition: width ease 0.3s;
}
.post-32 .news_list .news_imgs {
    flex: 1.2rem 0 0;
    margin-right: 0.16rem;
    background: none;
}
.post-32 .news_list .news_title {
    font-weight: 700;
    font-family: 'Roboto';
    font-size: var(--titleSize);line-height:1.5;
}
.post-32 .news_list .news_imgs span {
    padding-top: 66.86%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}
.post-32 .news_list .news_form {
    margin-top: .208rem;
    display: flex;
    align-items: center;
    font-size: var(--smailSize);
    color: var(--hoverColor);
    font-family: Roboto-Medium;
    margin-bottom: .1rem;
}
.post-32 .news_list .news_form img {
    width: var(--smailSizex);
    margin-right: .096rem;
}

/* main4 (EIT Profiles) */
.main4 {
    overflow: hidden;
    background: url(../images/main4bg.jpg) no-repeat center/cover;
}
.main4 .inner {
    min-height: 100vh;
    box-sizing: border-box;
    padding-top: .98rem;
}
.main4::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('../images/round.png') top center no-repeat;
    background-size: contain;
    pointer-events: none;
}
.main4 {
    position: relative;
}
.post-42 .swiper1 {
    display: none;
}
.post-42 .more_text,
.post-42 .tt .title,
.post-42 .tt .tt_en,
.post-61 .tt .title,
.post-61 .tt .tt_en {
    color: #fff;
}
.post-61 .tt .title{    text-transform: unset;}
.post-42 .swiper-con .swiper-button-next,
.post-42 .swiper-con .swiper-button-prev {
    display: none;
}

/* swiper-con navigation arrows */
.swiper-con {
    position: relative;
}
.swiper-con .swiper-button-prev {
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50%;
    left: -2rem;
    top: 42%;
    margin: 0;
    background: url(../images/swiper_arrow_l.svg) center no-repeat;
    background-size: 50%;
    transform: translateY(-100%);
}
.swiper-con .swiper-button-next {
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50%;
    left: 4.1rem;
    top: 42%;
    margin: 0;
    background: url(../images/swiper_arrow_r.svg) center no-repeat;
    background-size: 50%;
    transform: translateY(-100%);
}
.swiper-con .swiper-button-prev::after,
.swiper-con .swiper-button-next::after {
    display: none;
}

/* Character slider (EIT Profiles) */
.character-slide {
    padding-top: 2.2rem;
    height: 5rem;
    max-width: 15rem;
    margin: 0;
    margin-left: -1.2rem;
    overflow: visible;
}
.character-cover {
    transition: all .8s ease-in-out;
    cursor: pointer;
}
.character-link {
    position: relative;
    display: block;
    padding: 0.16rem;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
}
.swiper-slide-active .character-link {
    padding: 0.42rem;
}
.character-round {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.12);
    border-radius: 50%;
    border: 1px solid rgba(255,207,142,0);
    transition: border .6s ease-in-out;
    animation: 24s linear infinite characterRound;
}
.character-round::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -2.5px;
    width: 5px;
    height: 5px;
    background: #FFCF8E;
    border-radius: 50%;
    opacity: 0;
    transform: translateY(-50%);
    transition: opacity .6s ease-in-out;
}
.swiper-slide-active .character-round {
    border: 1px solid rgba(255,207,142,0.5);
}
.swiper-slide-active .character-round::before {
    opacity: 1;
}
.character-radius {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: 12s linear infinite characterRadius reverse;
}
.character-radius::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(313deg, rgba(247,154,127,0) 19%, rgba(247,154,127,0.4431) 56%, rgba(253,184,55,0.3608) 88%);
    opacity: 0.3;
    transition: opacity .6s ease-in-out;
}
.character-radius::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(313deg, rgba(247,154,127,0) 19%, rgba(247,154,127,0.4431) 56%, #FDB837 88%);
    opacity: 0;
    transition: opacity .6s ease-in-out;
}
.swiper-slide-active .character-radius::before {
    opacity: 0;
}
.swiper-slide-active .character-radius::after {
    opacity: 1;
}
.character-radius .character-radiu__dot:first-of-type {
    position: absolute;
    top: 50%;
    left: -1.5px;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    background: #FFCF8E;
    border-radius: 50%;
}
.character-radius .character-radiu__dot:last-of-type {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 2px;
    background: #FFCF8E;
    border-radius: 50%;
}
.swiper-slide-active .character-radius .character-radiu__dot:first-of-type {
    left: -4.5px;
    width: 9px;
    height: 9px;
}
.swiper-slide-active .character-radius .character-radiu__dot:last-of-type {
    top: -2px;
    width: 4px;
    height: 4px;
}
.character-img {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    transition: border 0.4s ease-in-out;
    z-index: 10;
}
.character-cover:hover .character-img img {
    transform: scale(1.1);
}
.character-img img {
    width: 100%;
    height: 100%;
    transition: 0.4s;
    vertical-align: middle;
    object-fit: cover;
}
.swiper-fade {
    max-width: 9rem;
    position: absolute;
    top: 1rem;
    right: 0rem;
    overflow: visible;
    font-family: 'IBM';
}
.swiper-fade::before {
    content: '';
    position: absolute;
    top: -0.44rem;
    left: -1rem;
    width: 0.55rem;
    height: 0.44rem;
    background: url('../images/quote.svg') center no-repeat;
    background-size: cover;
    opacity:0;
}
.swiper-fade::after {
    content: '';
    position: absolute;
    bottom: -0.44rem;
    right: -1rem;
    width: 0.55rem;
    height: 0.44rem;
    background: url('../images/quote.svg') center no-repeat;
    background-size: cover;
    transform: rotate(0.5turn);
    opacity:0;
}
.character-intro > * {
    opacity: 0;
    transform: translateY(25px);
    transition: all .4s;
}
.swiper-slide-active.character-intro > * {
    opacity: 1;
    transform: none;
}
.swiper-slide-active.character-intro > *:nth-of-type(1) {
    transition-delay: .2s;
}
.swiper-slide-active.character-intro > *:nth-of-type(2) {
    transition-delay: .4s;
}
.character-title {
    font-size: 0.32rem;
    line-height: 1.3;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color:#fff;
    font-family: 'IBM';
}
.character-title .character-name{font-size:0.64rem;padding-right:0.2rem;display: block;margin-bottom: 0.1rem;}
.character-title a {
    color: #fff;
}
.character-text {
    font-size: var(--bigSize);
    margin-top: 1em;
    line-height: 1.5;
    color: #fff;
    height: 5.6em;
    max-height: 5.6em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-family:'IBM';
    font-style:italic;
    padding-right:2rem;    -webkit-line-clamp: 3;
 height: 5em;
    max-height: 5em;
}
.character-cover .zz {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}
.swiper-slide-active .z2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.swiper-slide-active .z2 a {
    width: 100%;
    height: 100%;
    display: block;
}
.character-text a {
    color: #fff;font-size: 0.3rem;
    line-height: 0.33rem;
}
.character-title {
    position: relative;
    padding-bottom: 0.05rem;
}
.character-title:after {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 0;
    height: 0.01rem;
    background: #fff;
    content: "";
    transition: all 0.4s ease-in-out;
}
.character-title:hover:after {
    width: 100%;
}

/* main5 (Research Highlights) background */
.main5 {
    background: url(../images/main5bg.png) no-repeat center top/cover;
}
.main5 .inner {
    padding: 0.94rem 0 0.73rem;
}

/* main5 .nlinks (channel navigation) */
.main5 .mod {
    position: relative;
}
.main5 .nlinks {
    display: flex;
    position: absolute;
    width: max-content;
    top: .54rem;
    right: 1.21rem;
    display: none;
}
.main5 .nlinks > div {
    display: flex;
    align-items: center;
}
.main5 .nlinks a {
    padding: 0 .15rem;
    border-right: 1px solid rgba(219,219,219,0.51);
    font-size: var(--titleSize);
    display: flex;
    align-items: center;
    color: #aaa9a1;
    box-sizing: border-box;
}
.main5 .nlinks a .icon {
    position: relative;
    height: .19rem;
    margin-right: .072rem;
}
.main5 .nlinks a .icon img {
    height: 100%;
    transition: var(--transition);
}
.main5 .nlinks a .icon .ii {
    position: absolute;
    height: 100%;
    left: 0;
    opacity: 0;
}
.main5 .nlinks a:hover {
    font-weight: 700;
    color: var(--mainColor);
}
.main5 .nlinks a:hover .icon .ii {
    opacity: 1;
}
.main5 .nlinks a:hover .icon .i {
    opacity: 0;
}

/* post-51 top_slick dots */
.post-51 .top_slick .slick-dots {
    position: absolute;
    bottom: 0.3rem;
    list-style: none;
    display: block;
    text-align: right;
    padding: 0px;
    width: 50%;
    left: -0.1rem;
}
.post-51 .top_slick .slick-dots li {
    width: 0.07rem;
    height: 0.07rem;
    background: rgba(255,255,255,0.3);
    border-radius: 0;
    margin: 0 0.03rem;
    position: relative;
    opacity: 1;
    transition: all 0.4s ease-in-out;
}
.post-51 .top_slick .slick-dots li.slick-active {
    background: #fff;
    width: 0.3rem;
}

/* Research Highlights kyjj1 layout (main5) */
.post-51 .news_list.kyjj1 {
    margin-bottom: 0.25rem;
}
.post-51 .news_list.kyjj1 .news {
    display: flex;
}
.post-51 .news_list.kyjj1 .news .news_imgs {
    width: 50%;
}
.post-51 .news_list.kyjj1 .news .news_wz {
    width: 50%;
    padding: 0.54rem 0.62rem;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    z-index: 1;
    border-bottom: 0.18rem solid #92071C;
}
.post-51 .news_list.kyjj1 .news .news_wz:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.post-51 .news_list.kyjj1 .news .news_wz:before {
    content: '';
    display: block;
    width: 100%;
    height: calc(100% - 0.18rem);
    background: #92071C;
    position: absolute;
    right: -0.18rem;
    bottom: -0.18rem;
    z-index: -1;
}
.post-51 .news_list.kyjj1 .news .news_imgs a {
    padding-top: 56.53%;
}
.post-51 .news_list.kyjj1 .news .news_wz .news_title {
    font-size: 0.26rem;
    font-weight: 600;
    font-family: 'Roboto';
    line-height: 1.3;
    margin-bottom: 0.25rem;
}
.post-51 .news_list.kyjj1 .news .news_wz .news_text {
    font-size: var(--titleSize);
    font-family: 'Roboto';
    line-height: 1.5;
    color: #9B9689;
}
.post-51 .news_list.kyjj1 .news .news_wz .news_text a {
    color: #9B9689;
}
.post-51 .news_list.kyjj1 .news .news_date {
    width: 0.77rem;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    box-sizing: border-box;
    font-family: 'IBM';
    align-items: center;
    justify-content: center;
    color: #92071C;
    margin-bottom: 0.4rem;
}
.post-51 .news_list.kyjj1 .news .news_date>div {
    width: 100%;
}
.post-51 .news_list.kyjj1 .news .news_date .news_m {
    font-size: 0.3rem;
    font-weight: 500;
}
.post-51 .news_list.kyjj1 .news .news_date .news_c {
    position: relative;
    margin: 0.06rem 0 0.04rem;
}
.post-51 .news_list.kyjj1 .news .news_date .news_c:after {
    content: '';
    width: 0.3rem;
    height: 0.02rem;
    background: #92071C;
    position: absolute;
    right: -0.5%;
    top: -0.02rem;
}
.post-51 .news_list.kyjj1 .news .news_date .news_y {
    font-size: var(--titleSize);
    line-height: 1.6;
    text-align: right;
}

/* Research Highlights kyjj2 layout */
.post-51 .news_list.kyjj2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.post-51 .news_list.kyjj2 .news {
    width: calc(25% - 0.12rem);
}
.post-51 .news_list.kyjj2 .news .news_imgs a {
    padding-top: 56.3%;
}
.post-51 .news_list.kyjj2 .news .news_wz {
    background: #fff;
    padding: 0.28rem;
}
.post-51 .news_list.kyjj2 .news .news_wz .news_title {
    font-weight: 500;
    min-height: calc(1.3 * 3em);
    font-size: var(--titleSize);
    font-family: 'Roboto'; line-height:1.5;
}

/* post-52 / post-59 (Campus Events) */
.post-52 {
    position: relative;
}
.post-52.post-59 {
    display: none;
}
.post-52 span.startt:after {
    content: '-';
    display: inline;
    padding: 0 0.05rem;
}
.post-52 .tab_menu {
    position: absolute;
    top: .54rem;
    right: 1.21rem;
    display: flex;
    align-items: center;
    padding-right: .3rem;
    border-right: 1px solid #dbdbdb;
    display: none;
}
.post-52 .tab_menu ul {
    display: flex;
    align-items: center;
    position: relative;
    --num: 0;
}
.post-52 .tab_menu .dot {
    position: absolute;
    width: 100%;
    height: .2rem;
    background: url(../images/dot.svg) no-repeat center/100% 100%;
    top: 150%;
    left: calc(var(--num) * 50%);
    transition: var(--transition);
}
.post-52 .tt {
    margin-bottom: .64rem;
}
.post-52 .tab_menu li {
    font-size: var(--bigSize);
    color: #9c888a;
    padding: 0 .15rem;
    transition: var(--transition);
    cursor: pointer;
}
.post-52 .tab_menu li:nth-child(3) {
    display: none;
}
.post-52 .tab_menu li.active {
    color: var(--mainColor);
    font-weight: 700;
}
.post-52 .news_list .news {
    background: rgba(255,255,255,79%);
    box-shadow: 0 0.03rem 0.15rem #765B5D08;
    padding: 0.235rem 0.15rem;
    margin-bottom: 0.2rem;
    box-sizing: border-box;
    position: relative;
    transition: box-shadow 0.5s;border-bottom: 0.02rem solid #92071C;border-left: 0.05rem solid #ffffff;
}
.post-52 .news_list .news:hover{border-left: 0.05rem solid #92071C;}

.post-52 .news_list .news:before {
    content: '';
    width: 0%;
    height: 0.04rem;
    background: #92071C;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.5s;position: static;
}
.post-52 .news_list .news:hover:before {
    width: 100%;
}
.post-52 .news_list .news:hover {
    box-shadow: 0 0.03rem 0.15rem #765B5D42;
}
.post-52 .news_list .news a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.post-52 .news_list .news a .news_wz {
    flex: 1;
    border-left: 1px solid rgba(112,112,112,0.2);
    border-right: 1px solid rgba(112,112,112,0.2);
    padding: 0.05rem 0.45rem;
    box-sizing: border-box;
    color: #851C21;
    font-weight: 700;
    font-family: 'Roboto';
}
.post-52 .news_list .news a .news_wz .news_wjj {
    font-size: var(--smailSize);
    margin-bottom: 0.1rem;
    line-height: 1.4;
}
.post-52 .news_list .news a .news_wz .news_title {
    font-size: var(--titleSize);
    font-family: 'Roboto';
    line-height: 1.3;
    min-height: calc(1.3 * 2em);
    color: #333333;
    transition: all 0.5s;font-size: 0.24rem;font-family: 'IBM';
}
.post-52 .news_list .news:hover a .news_wz .news_title {
    color: #851C21;
}
.post-52 .news_list .news a .news_date {
    width: 1.65rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-align: right;
    padding-right: 0.46rem;
    box-sizing: border-box;
    font-family: 'IBM';
}
.post-52 .news_list .news a .news_date > div {
    width: 100%;
}
.post-52 .news_list .news a .news_date .news_m {
    font-size: 0.36rem;
    font-weight: 700;
}
.post-52 .news_list .news a .news_date .news_c {
    position: relative;
    margin: 0.06rem 0 0.04rem;
}
.post-52 .news_list .news a .news_date .news_c:after {
    content: '';
    width: 0.188rem;
    height: 0.02rem;
    background: #92071C;
    position: absolute;
    right: 0;
    top: -0.02rem;
}
.main .post-52 .news_list .news a .news_info p{    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical}
.post-52 .news_list .news a .news_date .news_y {
    font-size: var(--smailSize);
    line-height: 1.6;
    font-weight: 700;
}

/* post-52 enhanced info icons */
.post-52 .news_list .news a .news_info {
    width: 4.21rem;
    padding-left: 0.46rem;
    box-sizing: border-box;
    font-size: var(--smailSize);
    font-family: 'Roboto';
    color: #3d2f28;
    font-weight: 700;
}
.post-52 .news_list .news a .news_info p {
    padding-left: 0.23rem;
}
.post-52 .news_list .news a .news_info p:nth-child(1) {
    background: url(../images/xyhddot-1.svg) no-repeat center left/0.14rem;
}
.post-52 .news_list .news a .news_info p:nth-child(2) {
    background: url(../images/xyhddot-2.svg) no-repeat center left/0.14rem;
}
.post-52 .news_list .news a .news_info p:nth-child(3) {
    background: url(../images/xyhddot-3.svg) no-repeat center left/0.14rem;
}

/* main8 (Campus Events) */
.main8 {
    background: #f5f4f4 url(../images/main8bg.png) no-repeat center bottom/100%;
}
.main8 .inner {
    padding: 0.79rem 0 0.74rem;
}

/* post-61 (Explore EIT) VR button circles */
.post-61.post .tt .tit {
    justify-content: flex-end;
}
.post-61 .vr span {
    display: block;
    margin-right: 0.15rem;
    width: .32rem;
    height: .32rem;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    transition: var(--transition);
}
.post-61 .vr:hover span {
    transform: scale(1.1);
}
.post-61 .vr.n1 span {
    background: rgba(255,255,255,0.2) url(../images/vr.svg) no-repeat center/0.15rem;
}
.post-61 .vr.n2 span {
    background: rgba(255,255,255,0.2) url(../images/bofang.svg) no-repeat center/0.1rem;
}
.post-61 .vr.n3 span {
    background: rgba(255,255,255,0.2) url(../images/zhaosheng.svg) no-repeat center/0.15rem;
}
.post-61 .vr:hover img {
    transform: scale(1.2);
}
.post-61 .swiper .news_video .bofang {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 1.06rem;
    height: 1.06rem;
    border-radius: 50%;
    background: rgba(0,0,0,0.3);
    display: flex;
}
.post-61 .swiper .news_video .bofang img {
    display: block;
    width: 0.34rem;
    height: 0.3rem;
    margin: auto;
}
.post-61 .swiper .news_video {
    width: 100%;
    height: 100%;
}
.post-61 .tit {
    margin-bottom: 0.9rem;
}

/* parallax title (EIT Facts) */
.parallax--title {
    position: absolute;
    top: 12.5%;
    left: 0;
    width: 48%;
    display: flex;
    align-items: flex-end;
    color: #333333;
    font-weight: 700;
    flex-wrap: wrap;
    justify-content: space-between;
    opacity: 1 !important;
}
.parallax--title .parallax--title__text {
    display: flex;
    gap: 0.12rem;
    align-items: flex-end;
    text-transform: uppercase;
}
.parallax--title .parallax--title__text span:first-of-type {
    display: block;
    font-size: 0.42rem;
    line-height: 1;
    font-weight: 700;
    font-family: 'IBM';
}
.parallax--title .parallax--title__text span.tt_en {
    color: #92071C;
    font-family: Poppins-SemiBold;
}
.parallax--title .parallax--title__text span:last-of-type {
    display: block;
    font-size: 0.42rem;
    line-height: 1;
    font-weight:bold;
}
.parallax--title .parallax--title__tips {
    width: 100%;
    font-size: var(--titleSize);
    line-height: 1.44;
    color: #9B9689;
    margin-top: 0.42rem;
    display: none;
}
.parallax--box {
    position: absolute;
    right: -1.05rem;
    bottom: 0.38rem;
    width: calc(100% + 1.05rem);
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.parallax--menu {
    position: relative;
    width: 7.1rem;
    top: -0.66rem;
    left: -0.4rem;
    opacity: 1 !important;
}
.parallax--menu:after {
    content: '';
    width: 7.57rem;
    height: 9.11rem;
    background: url(../images/sjbg.svg) no-repeat center / 100%;
    position: absolute;
    top: -0.75rem;
    right: -1.4rem;
    z-index: -1;
}
.parallax--menu__picture {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 81.7%;
    aspect-ratio: 1/1;
    transform: translate(-50%, -50%) scale(1) !important;
    border-radius: 50%;
    overflow: hidden;
    pointer-events: none;
    transition: transform .5s ease-in-out;
}
.parallax--menu__picture.active {
    transform: translate(-50%, -50%) scale(1) !important;
}
.parallax--menu__picture img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.parallax--tab {
    position: absolute;
    top: 0;
    right: 8rem;
    width: calc(100% - 7.1rem - 1.3rem);
    height: 100%;
    opacity: 1 !important;
    transform: translate(0px, 0px) !important;

}
.parallax--tab .parallax--tab__con {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity .8s ease-in-out;
}
.parallax--tab .parallax--tab__con.selected {
    opacity: 1;
    visibility: visible;
}
.parallax--tab .parallax--tab__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}
.parallax--tab .parallax--tab__con.tab-con__3 .parallax--tab__list {
    gap: 0.3rem 1rem;
}
.parallax--tab .parallax--tab__num {
    position: relative;
    font-size: .6rem;
    color: #92071C;
    line-height: 1em;
    font-weight: 700;
    font-family: 'IBM';
}
.parallax--tab .parallax--tab__num::before {
    content: '';
    position: absolute;
    top: 8px;
    left: -30px;
    width: 12px;
    height: 12px;
    background: url(../images/plus.svg) center no-repeat;
}
.parallax--tab .parallax--tab__num em {
    font-size: var(--titleSize);
}
.parallax--tab .parallax--tab__name,
.parallax--tab .parallax--tab__field {
    font-size: .18rem;
    color: #333333;
    line-height: 1.5;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 400;
    font-family: 'Roboto';font-weight:bold;
}
.parallax--tab .parallax--tab__image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.parallax--tab .parallax--tab__image img {
    max-width: 2.75rem;
    max-height: 1.41rem;
    height: auto;
}

/* parallax filter overlay */
.parallax--outer__filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.parallax--outer__filter img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* main7 media/links section */
.main7 .post .tt .tt_en {
    display: none;
}
.main7 .tt .title {
    font-size: .36rem;
    color: var(--mainColor);
    font-weight: 700;
}

/* main6 Tour button layout */
.post-61 .tt {
    position: absolute;
    z-index: 2;
    display: block;
    top: 1.09rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.post-61 .swiper {
    height: 50vw;
    width: 100vw;
    left: calc(var(--innerWidth) / 2 - 50vw);
}
.post-61 .swiper:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000000;
    z-index: 2;
    opacity: 0.2;
    pointer-events: none;
}
.post-61 {
    position: relative;
}
.post-61 .vrbox{width:100%;display: flex;flex-direction: row;gap: 1rem;transform: translateY(-1.59rem);}
.post-61 .vr {
    display: flex;
    color: #fff;
    margin-top: .42rem;
    align-items: center;
    justify-content: flex-start;
    font-size: var(--bigSize);
    font-family: 'Roboto';
    font-weight: bold;
}

/* main7 mod layout */
.main7 .mod {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row-reverse;
}
.main7 .post.share .tt {
    margin-bottom: 0.3rem;
}
.main7 .share ul.news_list .news {
    position: relative;
}
.main7 .share ul.news_list .news:hover a {
    top: -.05rem;
}
.main7 .share ul.news_list .news .news_imgs {
    position: absolute;
    bottom: 180%;
    left: 50%;
    visibility: hidden;
    overflow: inherit;
    background: #fff;
    opacity: 0;
    transition: all .6s ease-in-out 0s;
    transform: translateX(-50%);
    z-index: 1;
}
.main7 .share ul.news_list .news .news_imgs img {
    width: 1rem;
    height: 1rem;
    padding: .05rem;
}
.main7 .share ul.news_list .news:hover .news_imgs {
    bottom: 110%;
    visibility: inherit;
    opacity: 1;
}

/* post-71 (links) */
.post-71 .tt {
    margin-bottom: .4rem;
}
.post-71 .news_list {
    display: flex;
    width: 9.28rem;
    flex-wrap: wrap;
    row-gap: .3rem;
    max-width: 100%;
}
.post-71 .news_list .link {
    font-family:'Roboto';
    width: 26%;
}
.post-71 .news_list .link a {
    display: flex;
    align-items: center;
    font-size: var(--titleSize);
    height: 100%;
}
.post-71 .news_list .link a .addSvg {
    width: .22rem;
    margin-right: .11rem;
    height: .22rem;
}
.post-71 .news_list .link a svg * {
    transition: var(--transition);
}
.post-71 .news_list .link a:hover svg * {
    fill: var(--mainColor);
}
.main7 {
    background: #F8F8F7 url(../images/main7bg.svg) no-repeat right 0.6rem bottom/4.7rem;background: #f5f4f4;
}
.main7 .inner {
    padding: 1rem 0;
}
.main7 .share {
    width: 43%;
    justify-content: space-between;
    align-items: center;
}
.main7 .share ul.news_list {
    display: flex;
    gap: .1rem;
}
.main7 .share ul.news_list a {
    display: flex;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: rgba(255,255,255,.1);
    text-align: center;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 0;
}
.main7 .share ul.news_list a img {
    height: .23rem;
}