@charset "utf-8";
:root {
    --white:#fff;
    --title:#1a1a1a;
    --primary:#870A0F;
}

body {
    font-size: 0.0833rem;
    font-family: SourceHanSerifCN, serif;
}

@keyframes scroll-left-right {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}
@keyframes scroll-right-left {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}
@keyframes slideUp {
    0% {
        transform: translate(-50%,10px);
        opacity: 0;
    }
    100% {
        transform: translate(-50%,0);
        opacity: 1;
    }
}
.marquee-container {
    overflow: hidden;
}

/* marquee-img 动画 - 从左往右依次出现，最后定位在顶部最左侧 */
.swiper-slide-active .marquee-img {
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    z-index: 10;
    animation: marquee-enter 2.5s ease-out forwards, marquee-float 4s ease-in-out infinite 3s;
}

@keyframes marquee-enter {
    0% {
        clip-path: inset(0 100% 0 0);
        transform: translateY(20px) scale(1.5);
        opacity: 0;
    }
    50% {
        opacity: 0.7;
    }
    100% {
        clip-path: inset(0 0% 0 0);
        transform: translateY(0) scale(1);
        opacity: 1;

    }
}
.screen-text {
    font-family: YuSiYuanYanHuangTi;
    font-weight: 400;
    font-size: 0.84375rem;
    color: #BCBCBC;
    opacity: 0.4;
    position: fixed;
    top:50%;
    transform: translateY(-50%);
    left: 0;
    z-index: -2;
    right: 0;
}
.screen-text .marquee-content {
    animation-duration: 30s!important;
}
.marquee-icon2,
.marquee-icon3 {
    opacity: 0;
    pointer-events: none;
}
.screen-text.marquee-container {
    transition: opacity 0.8s ease;
}
.marquee-container.marquee-icon2 .marquee-content {
    animation: scroll-right-left 10s linear infinite;
}
@keyframes marquee-float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}
/* 统一子菜单样式 - 所有菜单区域使用相同的样式 */
.submenu {
    border-top:2px solid #870A0F;
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 2.25rem;
    background:url(../imgs/icon_4.png) no-repeat center center/cover;
    z-index: 1000;
    padding: 0.2083rem 0.1667rem;
    box-sizing:border-box;
    transform: translate(-50%,10px);
    opacity: 0;
    box-shadow:0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    grid-template-columns:repeat(3,1fr);
    grid-gap:20px 0;
}

.submenu a {
    display: block;
    color: #333!important;
    font-size: 0.09375rem;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.submenu a:hover {
    color: #870A0F!important;
    font-weight:bold;
}
.has-submenu{
    position:relative
}
.has-submenu:hover .submenu {
    display: grid;
    animation: slideUp 0.3s ease forwards;
}
.marquee-container .marquee-content {
    animation: scroll-left-right 10s linear infinite;
    display: inline-block;
    padding-left: 20%;
}
.marquee-container .marquee-content img{
    width: 91%;
    opacity: .2;
}
/* 隐藏Webkit浏览器滚动条 */
::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

/* Firefox */
html {
    scrollbar-width: none;
}

/* IE/Edge */
body {
    -ms-overflow-style: none;
}

.link {
    font-size: 0.0833rem;
}
.link.white {
    color: var(--white);
}
.link.white:hover {
    color: #FFE7BF !important;
}

.link-more {
    color: var(--title);
    font-size: 0.0833rem;
    padding-left: 0.2083rem;
    background: url(../imgs/more.png) no-repeat left center/0.15625rem auto;
    height: 0.171875rem;
    line-height: 0.171875rem;
    display: inline-block;
}
.link-more.special {
    background-image: url(../imgs/more_special.png);
    color: #FFFFFF;
}
.link-more.special.common {
    background-image: url(../imgs/link-more_2.png);
}
.link-more.common {
    background-image: url(../imgs/link-more_1.png);
}

.title {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0.4375rem 0;
}
.title.special .title-text {
    background-image: url(../imgs/title_special.png);
    color: #F4CB9B;
}
.title .title-text {
    font-weight: bold;
    font-size: 0.2396rem;
    color: var(--primary);
    height: 0.401rem;
    padding-top: 0.0625rem;
    padding-left: 0.3125rem;
    background: url(../imgs/title.png) no-repeat left center/auto 0.401rem;
}
.title .link-more {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.main {
    width: 7.5521rem;
    margin: 0 auto;
}

.header {
    position: relative;
}
.header .bread {
    position: absolute;
    left: 0;
    bottom: -0.2396rem;
    z-index: 11;
}
.header .bread .bread-current {
    font-weight: 500;
    font-size: 0.25rem;
    color: #FFFFFF;
    padding-left: 1.3542rem;
    margin-bottom: 0.2083rem;
}
.header .bread .bread-content {
    width: 5.09375rem;
    height: 0.4167rem;
    background: #870A0F;
    padding-left: 1.3542rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    color:#fff
}
.header .bread .bread-content img {
    width: 0.109375rem;
}
.header .bread .bread-content .bread-item {
    font-weight: 400;
    display: flex;
    color: #FFFFFF;
    align-items: center;
}
.header .bread .bread-content .bread-item a {
    color: #FFFFFF;
    font-size: 0.09375rem;
}
.header .bread .bread-content .bread-item span {
    margin: 0 0.0208rem;
    font-size: 0.0833rem;
}
.header .bread .bread-content img {
    margin-right: 0.1354rem;
}
.header.header-model {
    margin-bottom: 0.6146rem;
}
.header.header-model:before {
    content: "";
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    height: 1.9375rem;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    z-index: 11;
    bottom: 0;
}
.header .banner {
    height: 100vh;
}
.header .banner .img-text {
    position: absolute;
    top:1.4479rem;
    left:2.1771rem;
    width:5.578125rem;
    height: auto;
    z-index: 11;
}
.header .banner .swiper-slide {
    overflow: hidden;
}
.header .banner .swiper-slide.swiper-slide-active img {
    transform: scale(1);
}
.header .banner .swiper-slide img {
    transform: scale(1.5);
    transition: transform 5s;
}
.header .banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.header .header-processs {
    position: absolute;
    bottom: 0.0417rem;
    right: 0.15625rem;
    z-index: 1;
    width: 1.5rem;
}
.header .tool {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 11;
    height: 0.7292rem;
    display: flex;
    justify-content: space-between;
    padding: 0 0.3021rem 0 0.2396rem;
    align-items: flex-start;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.42), transparent);
}
.zymbanner{
    width: 100%;
}
.zymbanner img{
    width: 100%;
}
.phone_oreg-sidebar{
    display: none;
}
.header .tool .tool-logo {
    padding-top: 0.1354rem;
}
.header .tool .tool-logo img {
    width: 2.5208rem;
}
.header .tool .tool-content {
    padding-top: 0.099rem;
}
.header .tool .tool-content .menu {
    margin-top: 0.125rem;
}
.header .tool .tool-content .menu ul {
    display: flex;
}
.header .tool .tool-content .menu ul li {
    display: flex;
    padding-bottom:0.1rem;
}
.header .tool .tool-content .menu ul li + li {
    margin-left: 0.21875rem;
}
.header .tool .tool-content .menu ul li a {
    font-size: 0.1042rem;
    color: var(--white);
}
.header .tool .tool-content .tool-link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header .tool .tool-content .tool-link .tool-link-content{
    display:flex;
    align-items:center
}
.header .tool .tool-content .tool-link .tool-link-content span:last-child{
    display:none
}
.header .tool .tool-content .tool-link .link {
    margin: 0 0.0833rem;
}
.header .tool .tool-content .tool-link .divide {
    width: 1px;
    height: 0.0833rem;
    background: #FFFFFF;
}
.header .tool .tool-content .tool-link .tool-search {
    display: flex;
    width: 0.953125rem;
    height: 0.1354rem;
    border-radius: 0.0677rem;
    border: 1px solid var(--white);
    overflow: hidden;
    padding: 0 0.0677rem;
    box-sizing: border-box;
    align-items: center;
    position:relative;
}
.header .tool .tool-content .tool-link .tool-search input[type=text] {
    background: transparent;
    height: 0.1354rem;
    outline: none;
    border: none;
    width: 100%;
    color: #FFFFFF;
    font-size: 0.0833rem;
}
.header .tool .tool-content .tool-link .tool-search input[type='submit'],.header .tool .tool-content .tool-link .tool-search input[type='button'] {
    background: transparent url(../imgs/search.png) no-repeat center center/0.078125rem auto;
    outline: none;
    border: none;
    color: transparent;
    font-size: 0;
    width: 0.078125rem;
    height: 0.078125rem;
    position:absolute;
    right:0.0677rem;
    top:50%;
    transform:translateY(-50%);
}

.header-fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1111;
    transition: all ease 0.3s;
}
.header-fixed .header-tool {
    background: #8c2127;
    padding:0.05rem 0.71875rem ;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header-fixed .header-tool .header-link{
    display:flex;
    align-items:center
}
.header-fixed .header-tool .divide:last-child{
    display:none
}
.header-fixed .header-tool .link {
    margin: 0 0.0833rem;
}
.header-fixed .header-tool .divide {
    width: 1px;
    height: 0.0833rem;
    background: #FFFFFF;
}
.header-fixed .header-menu {
    display: flex;
    height: 0.5104rem;
    background: #640a0f;
    align-items: center;
    padding-right: 1.25rem;
}

.header-fixed  .header-search {
    min-width: 0.1875rem;
    height: 0.1875rem;
    border-radius:  0.099rem;
    border: 1px solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.15625rem;
    background: rgba(255, 255, 255, 0.6);
    transition: color ease 0.3s;

    position:relative;
}
.header-fixed  .header-search:hover{
    padding:0 0.0521rem;
}
.header-fixed  .header-search:hover input[type='submit'],.header-fixed  .header-search:hover input[type='button']{
    right:0.0521rem;
    transform: translate(0,-50%);
}
.header-fixed .header-search:hover input[type='text']{
    width: 1rem;
}
.header-fixed  .header-search input[type='text']{
    background: transparent;
    outline: none;
    border: none;
    width: 0;
    min-width:0!important;
    color: #FFFFFF;
    font-size: 0.0833rem;
    transition: all ease 0.3s;
}
.header-fixed  .header-search input[type='submit'],.header-fixed  .header-search input[type='button'] {
    width: 0.078125rem;
    position:absolute;
    height:0.078125rem ;
    border:none;
    right:0.0521rem;
    right:50%;
    top:50%;
    transform: translate(50%,-50%);
    background:transparent url(../imgs/search.png) no-repeat center center/cover;
}
.header-fixed  .header-search:hover {
    background: #640a0f;
}
.header-fixed .header-menu .logo {
    margin: 0 auto 0 0.8125rem;
}
.header-fixed .header-menu .logo img {
    height: 0.2865rem;
}
.header-fixed .header-menu ul {
    display: flex;
    align-items: center;
}
.header-fixed .header-menu ul li {
    display: flex;
    height:0.5104rem;
    align-items:center
}
.header-fixed .header-menu ul li + li {
    margin-left: 0.1771rem;
}
.header-fixed .header-menu ul li a {
    color: #FFFFFF;
    font-size: 0.099rem;
}

.header-fixed.header-bottom,
.header-fixed.header-top {
    opacity: 0;
    transform: translateY(-100%);
}

.header-fixed.header-bottom.show,
.header-fixed.header-top.show {
    opacity: 1;
    transform: translateY(0);
}

.header-fixed.header-bottom.hide,
.header-fixed.header-top.hide {
    opacity: 0;
    transform: translateY(-100%);
}

.news .news-body {
    display: flex;
    justify-content: space-between;
}
.news .news-body .process{
    margin-top:0.3646rem
}
.news .news-body .news-banner {
    width: 4.234375rem;
}
.news .news-body .news-banner .news-swiper {
    height: 3.328125rem;
}
.news .news-body .news-banner .news-swiper .news-img {
    height: 2.6823rem;
}
.news .news-body .news-banner .news-swiper .news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news .news-body .news-banner .news-swiper .news-text {
    height: 0.6458rem;
    box-sizing: border-box;
    padding: 0.1771rem 0.1354rem 0 0.1979rem;
    font-weight: 400;
    font-size: 0.0729rem;
    color: #333333;
    line-height: 0.1146rem;
    background: url(../imgs/bg_2.png) no-repeat center center/cover;
}
.news .news-body .news-list {
    width: 2.9948rem;
    position: relative;
    z-index: 111;
    padding-top: 0.0677rem;
}
.news .news-body .news-list ul li {
    display: flex;
}
.news .news-body .news-list ul li + li {
    border-top: 1px solid #EDC18D;
}
.news .news-body .news-list ul li .news-detail {
    display: none;
}
.news .news-body .news-list ul li .news-simple {
    line-height: 0.3177rem;
    font-weight: 400;
    font-size: 0.09375rem;
    color: #333333;
}
.news .news-body .news-list ul li.active {
    height: 0.4635rem;
    position: relative;
}
.news .news-body .news-list ul li.active .news-simple {
    display: none;
}
.news .news-body .news-list ul li.active .news-detail {
    display: flex;
    height: 0.4635rem;
    position: absolute;
    right: 0;
    width: 3.7552rem;
    background: url(../imgs/news_1.png) no-repeat center center/cover;
    align-items: center;
}
.news .news-body .news-list ul li.active .news-detail .news-name {
    padding-left: 0.3646rem;
    font-family: SourceHanSansCN;
    font-weight: bold;
    font-size: 0.1042rem;
    color: #FFE7BF;
}
.news .news-body .news-list ul li.active .news-detail .news-time {
    display: flex;
    flex-direction: column;
}
.news .news-body .news-list ul li.active .news-detail .news-time .news-date {
    padding: 0 0 0.046875rem 0.1198rem;
    font-weight: 300;
    font-size: 0.15625rem;
    color: #FFFFFF;
    line-height: 1;
}
.news .news-body .news-list ul li.active .news-detail .news-time .news-year {
    width: 0.4375rem;
    height: 0.15625rem;
    background: #FFE7BF;
    font-weight: 500;
    font-size: 0.09375rem;
    color: #98100E;
    text-align: center;
    line-height: 0.15625rem;
    position: relative;
    left: -0.046875rem;
}

.notice {
    padding: 1.401rem 0 0;
}
.notice .title{
    padding:0 0 0.28125rem ;
}


.notice .notice-body {
    margin-left: 0.6146rem;
    padding-top: 0.2083rem;
    background: url(../imgs/bg_8.png) no-repeat center center/cover;
    display: flex;
}
.notice .notice-body .notice-right{
    padding: 0 1.25rem 0 0.125rem;
    flex:1;
    overflow: hidden;
}
.notice .notice-body .notice-left{
    width: 4.3958rem;
    padding-left: 0.640625rem;
    box-sizing: border-box;
    padding-right: 0.1667rem;
    overflow: hidden;
    flex-shrink: 0;
}
.notice .notice-body .notice-title{
    display: flex;
    align-items: center;
    margin-bottom: 0.2083rem;
}
.notice .notice-body .notice-title .notice-text{
    font-weight: bold;
    font-size: 0.125rem;
    color: #333333;
}
.notice .notice-body .notice-title .notice-more{
    font-size: 0.0833rem;
    color: #870A0F;
}
.notice .notice-body .notice-title .notice-img{
    flex:1;
    background: url(../imgs/icon_18.png) no-repeat right center/cover;
    height: 0.0365rem;
    margin:0 0.125rem 0 0.0833rem;
}
.notice .notice-body .notice-right .notice-title .notice-img{
    background-image: url(../imgs/icon_17.png);
}
.notice .notice-body .notice-list .notice-item{
    display: flex;
    align-items: center;
    height: 0.3385rem;
    gap: 0.1458rem;
    padding:0 0.1146rem;
    transition: all ease 0.3s;
}
.notice .notice-body .notice-list .notice-item+.notice-item{
    border-top:1px solid #F5EFE7
}
.notice .notice-body .notice-right .notice-list .notice-item+.notice-item{
    border-top:1px solid #FFFFFF;
}
.notice .notice-body .notice-list .notice-item:hover{
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.05);
    font-weight: bold;
    background: #FFFFFF;
    transform: translateY(-6px);
}
.notice .notice-body .notice-list .notice-item .notice-time{
    font-weight: 400;
    font-size: 0.0833rem;
    color: #A40000;
}
.notice .notice-body .notice-list .notice-item .notice-name{
    font-size: 0.0885rem;
    color: #404040;
}

.bg1 {
    background: url(../imgs/bg_3.png) no-repeat top 1.8229rem left/100% auto;
}
/* 学校要闻 */
.news .wave-red  { stroke: #A40000; }
.news .wave-gold { stroke: #F5B800; }

/* 顶部Banner */
.header .wave-red  { stroke: #fff; }
.header .wave-gold { stroke: #F5B800; }

/* 产教融合 */
.fusion .wave-red  { stroke: #fff; }
.fusion .wave-gold { stroke: #CFA972 }
.process {
    position: relative;
    padding-top: 0.15625rem;
    margin-top: 0.1458rem;
}

.process.sm {
    padding-top: 0.1354rem;
}


.process.sm .process-num{
    bottom:0.15625rem
}

.process.sm .process-num span {
    color: #FFFFFF;
    margin-top: 0.0833rem;
    transition: all 0.3s ease;
}




.process .process-num {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    bottom: 0.2083rem;
    z-index: 2;
}

.process .process-num .active {
    color: #A40000 !important;
    transform: translateY(-0.0521rem);
}

.process .process-num span {
    font-size: 0.0729rem;
    color: #333333;
    transition: all 0.3s ease;
    flex:1;
    text-align: center;
}


/* SVG线条波浪 - 通用 */
.process-wave-svg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.process-wave-path {
    fill: none;
    stroke-width: 0.8;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
    transition: d 0.4s ease;
}

.dynamic .dynamic-body {
    display: flex;
    justify-content: space-between;
}
.dynamic .dynamic-body .dynamic-common {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dynamic .dynamic-body .dynamic-common .dynamic-item {
    width: 2.1875rem;
    height: 1.40625rem;
    background: #FFFFFF;
    box-shadow: 0px 4px 13px 0px rgba(138, 138, 138, 0.17);
    box-sizing: border-box;
    padding: 0.25rem 0.2292rem 0.1146rem;
    position: relative;
    border-top: 1px solid #EBB850;
    border-left: 1px solid #EBB850;
    transition: transform ease 0.3s;
}
.dynamic .dynamic-body .dynamic-common .dynamic-item:hover {
    transform: translateY(-0.0521rem);
}
.dynamic .dynamic-body .dynamic-common .dynamic-item:before {
    content: "";
    width: 0.0417rem;
    height: 0.546875rem;
    background: url(../imgs/dynamic_2.png) no-repeat;
    position: absolute;
    top: 0;
    left: -0.0417rem;
}
.dynamic .dynamic-body .dynamic-common .dynamic-item .dynamic-date {
    position: absolute;
    top: 0.0833rem;
    right: 0.2135rem;
    width: 0.46875rem;
    height: 0.234375rem;
    background: url(../imgs/dynamic_1.png) no-repeat center center/0.46875rem;
    text-align: center;
    font-weight: 400;
    font-size: 0.0833rem;
    color: #A50605;
    box-sizing: border-box;
    padding-top: 0.1667rem;
}
.dynamic .dynamic-body .dynamic-common .dynamic-item .dynamic-name {
    font-weight: 500;
    font-size: 0.125rem;
    color: #A50605;
}
.dynamic .dynamic-body .dynamic-common .dynamic-item .dynamic-tips {
    font-weight: 500;
    font-size: 0.09375rem;
    color: #404040;
    line-height: 0.15625rem;
    margin: 0.1458rem 0 0.15625rem;
}
.dynamic .dynamic-body .dynamic-common .dynamic-item .dynamic-text {
    font-weight: 400;
    font-size: 0.0677rem;
    color: #999999;
    line-height: 0.1354rem;
}
.dynamic .dynamic-body  .dynamic-special-box{
    width: 2.734375rem;
}
.dynamic .dynamic-body .dynamic-special {
    display:block;
    height: 2.9583rem;
    background: #FFFFFF;
    box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.09);
    position: relative;
    transition: transform ease 0.3s;
}
.dynamic .dynamic-body .dynamic-special:hover {
    transform: translateY(-0.0521rem);
}
.dynamic .dynamic-body .dynamic-special .dynamic-title {
    font-weight: 500;
    font-size: 0.09375rem;
    color: #404040;
    line-height: 0.15625rem;
    padding: 0.1979rem;
}
.dynamic .dynamic-body .dynamic-special .dynamic-text {
    font-weight: 400;
    font-size: 0.0677rem;
    color: #999999;
    line-height: 0.1354rem;
    padding: 0 0.1979rem;
}
.dynamic .dynamic-body .dynamic-special .dynamic-img {
    height: 1.8958rem;
    overflow: hidden;
    position: relative;
}
.dynamic .dynamic-body .dynamic-special .dynamic-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dynamic .dynamic-body .dynamic-special .dynamic-img .dynamic-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.1979rem 0.1979rem 0.1042rem;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.1042rem;
    font-weight: bold;
}

.talents .talents-body {
    display: flex;
}
.talents .talents-body .talents-item.active .talents-content {
    display: flex;
    position: relative;
    z-index: 1;
}
.talents .talents-body .talents-item.active .talents-content:after{
    position:absolute;
    content:"";
    width: 100%;
    height: 250px;
    background: linear-gradient(to top, rgb(0 0 0), #ffffff00);
    left: 0;
    bottom: 0;
    z-index: -1;
}
.talents .talents-body .talents-item.active .talents-title {
    background-image: url(../imgs/talents_5.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}
.talents .talents-body .talents-item.active .talents-title img {
    transform: rotate(90deg);
}
.talents .talents-body .talents-item:nth-of-type(2) .talents-title {
    background-color: rgba(135, 10, 15, 0.9);
}
.talents .talents-body .talents-item:nth-of-type(3) .talents-title {
    background-color: rgba(135, 10, 15, 0.8);
}
.talents .talents-body .talents-item:nth-of-type(4) .talents-title {
    background-color: rgba(135, 10, 15, 0.7);
}
.talents .talents-body .talents-item:nth-of-type(5) .talents-title {
    background-color: rgba(135, 10, 15, 0.6);
}
.talents .talents-body .talents-item:nth-of-type(6) .talents-title {
    background-color: rgba(135, 10, 15, 0.5);
}
.talents .talents-body .talents-item {
    display: flex;
}
.talents .talents-body .talents-item .talents-title {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 0.6771rem;
    height: 2.849rem;
    background-color: rgb(135, 10, 15);
    flex-shrink: 0;
    align-items: center;
    padding: 0.2917rem 0 0.2083rem;
    box-sizing: border-box;
}
.talents .talents-body .talents-item .talents-title img {
    transition: all ease 0.5s;
}
.talents .talents-body .talents-item .talents-title .talents-text {
    writing-mode: vertical-lr;
    height: 1.599rem;
    font-weight: bold;
    font-size: 0.1042rem;
    color: #EEEEEE;
    letter-spacing: 0.0208rem;
    line-height: 0.2083rem;
}
.talents .talents-body .talents-item .talents-title img {
    width: 0.15625rem;
}
.talents .talents-body .talents-item .talents-content {
    display: none;
    flex-direction: column;
    padding: 0 0.25rem 0.2083rem;
    width: 3.4896rem;
    background: url(../imgs/talents_4.png) no-repeat center center/cover;
    overflow: hidden;
    box-sizing: border-box;
}
.talents .talents-body .talents-item .talents-content .talents-tips {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 0.0625rem;
    padding-bottom: 0.09375rem;
    height: 0.1042rem;
    font-weight: bold;
    font-size: 0.1042rem;
    color: #EEEEEE;
    border-bottom: 1px solid #FFFFFF;
}
.talents .talents-body .talents-item .talents-content .talents-tips img {
    width: 0.1875rem;
}
.talents .talents-body .talents-item .talents-content .talents-text {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 0.0833rem;
    color: #EEEEEE;
    line-height: 0.15625rem;
    margin: 0.09375rem 0 0.125rem;
}
.talents .talents-body .talents-item .talents-content .talents-btn {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 0.0833rem;
    color: #CFA972;
    line-height: 0.1354rem;
    gap: 0.0833rem;
}
.talents .talents-body .talents-item .talents-content .talents-btn img {
    width: 0.1042rem;
}

.fusion .fusion-body {
    position: relative;
}
.fusion .fusion-body .fusion-process {
    position: absolute;
    left: 0.1667rem;
    bottom: 0;
    width: 1.5rem;
    z-index: 11;
}
.fusion .fusion-body .fusion-process .active {
    color: #CFA972 !important;
}
.fusion .fusion-swiper {
    background: url(../imgs/fusion_1.png) no-repeat center bottom/100% auto;
    height: 2.1302rem;
}
.fusion .fusion-swiper .fusion-banner {
    display: flex;
    padding-right: 0.4792rem;
}
.fusion .fusion-swiper .fusion-banner .fusion-left {
    padding-left: 0.1667rem;
    padding-top: 0.125rem;
    position: relative;
    flex:1
}
.fusion .fusion-swiper .fusion-banner .fusion-left .fusion-name {
    font-family: YuSiYuanYanHuangTi;
    font-weight: 400;
    font-size: 0.3333rem;
    color: #FFFEFE;
    opacity: 0.5;
    position: absolute;
    left: 0;
    bottom: 0.4323rem;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}
.fusion .fusion-swiper .fusion-banner .fusion-left .fusion-time {
    display: flex;
    align-items: center;
    gap: 0.046875rem;
    font-weight: 400;
    font-size: 0.0833rem;
    color: #CFA972;
}
.fusion .fusion-swiper .fusion-banner .fusion-left .fusion-time img {
    width: 0.0833rem;
}
.fusion .fusion-swiper .fusion-banner .fusion-left .fusion-time {
    line-height: 0.1615rem;
}
.fusion .fusion-swiper .fusion-banner .fusion-left .fusion-title {
    font-weight: bold;
    font-size: 0.1042rem;
    color: #8C2127;
    margin: 0.1042rem 0 0.2083rem;
}
.fusion .fusion-swiper .fusion-banner .fusion-left .fusion-content {
    font-weight: 400;
    font-size: 0.0729rem;
    color: #DC8E93;
    line-height: 0.15625rem;
    padding-right: 0.3854rem;
}
.fusion .fusion-swiper .fusion-banner .fusion-img {
    width: 3.625rem;
    height: 2.1302rem;
    flex-shrink: 0;
}
.fusion .fusion-swiper .fusion-banner .fusion-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fusion .fusion-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 0.1979rem;
}
.fusion .fusion-list .fusion-item {
    padding: 0.1198rem 0.0833rem 0;
    width: 1.7865rem;
    height: 0.724rem;
    box-sizing: border-box;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.14);
    border-top: 3px solid #EDBF61;
}
.fusion .fusion-list .fusion-item.active {
    background: url(../imgs/fusion_4.png);
    border: none;
    box-shadow: unset;
}
.fusion .fusion-list .fusion-item .fusion-time {
    display: flex;
    align-items: center;
    gap: 0.0625rem;
    width: 0.3854rem;
    height: 0.0625rem;
    font-weight: 400;
    font-size: 0.0833rem;
    color: var(--primary);
    line-height: 0.1615rem;
    margin-bottom: 0.15625rem;
}
.fusion .fusion-list .fusion-item .fusion-time img {
    width: 0.0833rem;
}
.fusion .fusion-list .fusion-item .fusion-name {
    font-weight: 400;
    font-size: 0.09375rem;
    color: #333333;
    line-height: 0.125rem;
}

.scientific .scientific-body {
    display: flex;
    gap: 0.1146rem;
}
.scientific .scientific-body .scientific-swiper {
    flex-shrink: 0;
    width: 3.9635rem;
    height: 2.5573rem;
}
.scientific .scientific-body .scientific-swiper .swiper-pagination {
    bottom: 0.1042rem;
    text-align: right;
    padding-right: 0.0833rem;
    box-sizing: border-box;
}
.scientific .scientific-body .scientific-swiper .swiper-pagination .swiper-pagination-bullet {
    width: 0.0521rem;
    height: 0.0521rem;
    background: #FFFFFF;
    border-radius: 0.026rem;
    opacity: 1 !important;
    transition: all ease 0.3s;
}
.scientific .scientific-body .scientific-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #FEC57C;
    width: 0.1354rem;
}
.scientific .scientific-body .scientific-swiper .scientific-banner {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.scientific .scientific-body .scientific-swiper .scientific-banner > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.scientific .scientific-body .scientific-swiper .scientific-banner .scientific-tips {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.3646rem 0.1042rem 0.1042rem;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));
    color: #FFFFFF;
}
.scientific .scientific-body .scientific-swiper .scientific-banner .scientific-tips .scientific-time {
    display: flex;
    align-items: center;
    gap: 0.046875rem;
    margin-bottom: 0.0625rem;
    font-weight: 400;
    font-size: 0.0833rem;
    line-height: 0.1615rem;
}
.scientific .scientific-body .scientific-swiper .scientific-banner .scientific-tips .scientific-time img {
    width: 0.0833rem;
}
.scientific .scientific-body .scientific-swiper .scientific-banner .scientific-tips .scientific-name {
    font-weight: bold;
    font-size: 0.09375rem;
    color: #FFFFFF;
    line-height: 0.1458rem;
}
.scientific .scientific-body .scientific-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.1042rem 0;
}
.scientific .scientific-body .scientific-list .scientific-item {
    width: 1.6667rem;
    background: #F7F7F7;
    transition: all ease 0.3s;
}
.scientific .scientific-body .scientific-list .scientific-item:hover {
    background: #A40000;
    transform: translateY(-0.0521rem);
}
.scientific .scientific-body .scientific-list .scientific-item:hover .scientific-name {
    color: #FFFFFF !important;
}
.scientific .scientific-body .scientific-list .scientific-item:hover .scientific-time {
    color: #FFFFFF !important;
}
.scientific .scientific-body .scientific-list .scientific-item:hover .common {
    display: none !important;
}
.scientific .scientific-body .scientific-list .scientific-item:hover .hover {
    display: unset !important;
}
.scientific .scientific-body .scientific-list .scientific-item .scientific-img {
    height: 1.0573rem;
}
.scientific .scientific-body .scientific-list .scientific-item .scientific-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.scientific .scientific-body .scientific-list .scientific-item .scientific-bottom {
    height: 0.6979rem;
    padding: 0.125rem 0.0833rem 0.1042rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
}
.scientific .scientific-body .scientific-list .scientific-item .scientific-bottom .scientific-name {
    font-weight: 400;
    font-size: 0.09375rem;
    color: #333333;
    line-height: 0.1458rem;
}
.scientific .scientific-body .scientific-list .scientific-item .scientific-bottom .scientific-time {
    font-weight: 400;
    font-size: 0.0833rem;
    color: var(--primary);
    gap: 0.046875rem;
    display: flex;
    align-items: center;
}
.scientific .scientific-body .scientific-list .scientific-item .scientific-bottom .scientific-time img {
    width: 0.0833rem;
}
.scientific .scientific-body .scientific-list .scientific-item .scientific-bottom .scientific-time .hover {
    display: none;
}

.student .student-body {
    display: flex;
    gap: 0.015625rem;
}
.student .student-body .student-left .student-bottom {
    justify-content: flex-end;
}
.student .student-body .student-bottom {
    margin-top: 0.015625rem;
}
.student .student-body .student-bottom, .student .student-body .student-top {
    display: flex;
    gap: 0.015625rem;
}
.student .student-body .student-bottom .w261, .student .student-body .student-top .w261 {
    width: 1.359375rem;
}
.student .student-body .student-bottom .w657, .student .student-body .student-top .w657 {
    width: 3.421875rem;
}
.student .student-body .student-bottom .w370, .student .student-body .student-top .w370 {
    width: 1.9271rem;
}
.student .student-body .student-bottom .w368, .student .student-body .student-top .w368 {
    width: 1.9167rem;
}
.student .student-body .student-bottom .w325, .student .student-body .student-top .w325 {
    width: 1.6927rem;
}
.student .student-body .student-bottom .w329, .student .student-body .student-top .w329 {
    width: 1.7135rem;
}
.student .student-body .student-bottom .w230, .student .student-body .student-top .w230 {
    width: 1.1979rem;
}
.student .student-body .student-bottom .w763, .student .student-body .student-top .w763 {
    width: 3.974rem;
}
.student .student-body .student-bottom .h342, .student .student-body .student-top .h342 {
    height: 1.78125rem;
}
.student .student-body .student-bottom .h218, .student .student-body .student-top .h218 {
    height: 1.1354rem;
}
.student .student-body .student-bottom .h344, .student .student-body .student-top .h344 {
    height: 1.7917rem;
}
.student .student-body .student-bottom .h220, .student .student-body .student-top .h220 {
    height: 1.1458rem;
}
.student .student-body .student-bottom .student-item, .student .student-body .student-top .student-item {
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}
.student .student-body .student-bottom .student-item:hover img, .student .student-body .student-top .student-item:hover img {
    transform: scale(1.1);
}
.student .student-body .student-bottom .student-item .student-text, .student .student-body .student-top .student-item .student-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.1042rem 0 0.0833rem;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.74));
    font-weight: 400;
    font-size: 0.09375rem;
    text-align: center;
    color: #FFFFFF;
}
.student .student-body .student-bottom .student-item img, .student .student-body .student-top .student-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all ease 0.3s;
}

.special {
    position: relative;
    z-index: 11;
}

.special .special-body {
    display: flex;
    gap: 0.21875rem;
    position: relative;
    z-index: 11;
}
.special .special-body .special-item {
    flex: 1;
    height: 3.28125rem;
    transition: all ease 0.3s;
}
.special .special-body .special-item img{
    width:100%;
    height:100%
}
.special .special-body .special-item:hover {
    transform: translateY(-0.0521rem);
}
.special .special-body .special-item:nth-child(even) {
    margin-top: 0.1458rem;
}


.mien {
    background: url(../imgs/mien_3.png) no-repeat center top/100% auto;
    margin-top: 0.5573rem;
}
.mien .card-menu{
    display: flex;
    justify-content: flex-end;
    font-size: 0.0833rem;
    gap: 0.1rem;
    margin-bottom:0.1rem;
    align-items:center
}
.mien .card-menu a{
    color:#fff;
    cursor: pointer;
    font-size:0.0833rem
}
.mien .card-menu a.active{
    font-size:0.1042rem;
    font-weight: bold;
}
.mien .mien-body {
    display: grid;
    overflow: hidden;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 1px;
    background: #F1C694;
    padding: 1px;
}
.mien .mien-body .mien-item {
    position: relative;
}
.mien .mien-body .mien-item:nth-of-type(1) .mien-big, .mien .mien-body .mien-item:nth-child(8n) .mien-big {
    left: 0;
    right: 0;
}
.mien .mien-body .mien-item:nth-child(n+8) .mien-big {
    bottom: 0;
    top: unset;
}
.mien .mien-body .mien-item:hover .mien-big, .mien .mien-body .mien-item.active .mien-big {
    width: 2.151rem;
    height: 2.65625rem;
}
.mien .mien-body .mien-item .mien-sm {
    height: 1.3229rem;
    overflow: hidden;
    position: relative;
}
.mien .mien-body .mien-item .mien-sm .mien-name {
    position: absolute;
    bottom: 0;
    left: -0.15625rem;
    width: 0.6979rem;
    height: 0.1979rem;
    font-weight: 400;
    font-size: 0.09375rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 0.1979rem;
    background: url(../imgs/mien_1.png) no-repeat center center/cover;
}
.mien .mien-body .mien-item .mien-sm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mien .mien-body .mien-item .mien-big {
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 11;
    width: 0;
    height: 0;
    overflow: hidden;
    transition: all ease 0.3s;
}
.mien .mien-body .mien-item .mien-big:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2.0052rem;
    background: linear-gradient(0deg, #870A0F 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.85;
    z-index: 1;
}
.mien .mien-body .mien-item .mien-big img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
.mien .mien-body .mien-item .mien-big .mien-desc {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    padding-left: 0.2604rem;
    margin-top: 0.1354rem;
    gap: 0.0521rem;
}
.mien .mien-body .mien-item .mien-big .mien-desc .mien-label {
    font-weight: bold;
    font-size: 0.0833rem;
    color: #F1C694;
}
.mien .mien-body .mien-item .mien-big .mien-desc .mien-content {
    font-weight: 400;
    font-size: 0.0729rem;
    color: #FFFFFF;
}
.mien .mien-body .mien-item .mien-big .mien-name {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    margin-top: 1.21875rem;
}
.mien .mien-body .mien-item .mien-big .mien-name span {
    width: 0.7292rem;
    height: 0.2292rem;
    box-sizing: border-box;
    background: linear-gradient(to right, rgba(241, 198, 148, 0.8), rgba(241, 198, 148, 0.2));
    font-weight: bold;
    font-size: 0.125rem;
    color: #FFFFFF;
    padding-left: 0.0625rem;
    line-height: 0.2292rem;
}

.school {
    background: url(../imgs/school_1.png) no-repeat center center/cover;
    padding-left: 1.401rem;
    margin-top: 0.5104rem;
    height: 4.7917rem;
}
.school .school-top {
    display: flex;
}
.school .school-top .school-left {
    display: flex;
    flex-direction: column;
}
.school .school-top .school-left .title {
    padding-top: 0.5885rem;
    padding-bottom: 0;
    justify-content: flex-start;
}
.school .school-top .school-left .school-content {
    background: rgba(3, 0, 0, 0.33);
    padding-left: 0.359375rem;
    margin-top: auto;
    color: #FFFFFF;
    width: 2.2417rem;
    height: 1.171875rem;
    overflow: hidden;
    box-sizing: border-box;
}
.school .school-top .school-left .school-content .school-tips {
    font-weight: bold;
    font-size: 0.1042rem;
    color: #FFFFFF;
    text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.44);
}
.school .school-top .school-left .school-content .school-tips + .school-tips {
    margin-top: 0.099rem;
}
.school .school-top .school-left .school-content .school-title {
    font-weight: bold;
    font-size: 0.1875rem;
    color: #FFFFFF;
    text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.44);
    position: relative;
    padding-bottom: 0.099rem;
    margin-top: 0.2292rem;
    background: url(../imgs/school_8.png) no-repeat left bottom;
    margin-bottom: 0.1042rem;
}
.school .school-top .school-left .school-content .school-title:after {
    content: "";
    top: -0.0833rem;
    width: 0.1615rem;
    height: 0.151rem;
    font-weight: normal;
    position: absolute;
    left: -0.25rem;
    z-index: 1;
    background: url("../imgs/school_7.png") no-repeat;
}
.school .school-top .school-left .school-content .school-title:before {
    content: "";
    width: 0.9375rem;
    height: 0.1146rem;
    background: linear-gradient(to right, rgba(135, 10, 15, 0.1), rgba(135, 10, 15, 0.8));
    position: absolute;
    z-index: 0;
}
.school .school-top .school-left .school-content .school-title span {
    position: relative;
    z-index: 1;
}
.school .school-top .school-center {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 1.47188rem;
   overflow:hidden
}
.school .school-top .school-center .swiper-container{
    height: 2.78125rem;
}
.school .school-top .school-center .swiper-slide{
    overflow: hidden;
}
.school .school-top .school-center img {
 width: 100%;
    height: 100%;
    object-fit: cover;
}
.school .school-top .school-right {
    position: relative;
}
.school .school-top .school-right img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    width: 0.3385rem;
}
.school .school-top .school-right video {
    width: 4.854rem;
    height: 2.79125rem;
}
.school .school-bottom {
    display: flex;
}
.school .school-bottom .school-swiper {
    width: 3.7135rem;
}
.school .school-bottom .school-swiper .swiper-container {
    height: 2.25rem;
}
.school .school-bottom .school-swiper .swiper-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.school .school-bottom .school-right {
    width: 4.135625rem;
    height: 1.371875rem;
    position: relative;
}
.school .school-bottom .school-right:before {
    content: "";
    width: 1.171875rem;
    height: 1.171875rem;
    background: #000000;
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 0;
}
.school .school-bottom .school-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.media {
    padding-right: 1.3542rem;
    background: url(../imgs/footer_9.png) no-repeat center center/cover;
    overflow: hidden;
    position: relative;
    padding-bottom: 0.5208rem;
}
.media .media-modal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
}
.media .media-modal img {
    width: 100%;
    height: 100%;
}
.media .media-body {
    display: flex;
}
.media .media-body .media-right {
    width: 4.2865rem;
    position: relative;
    z-index: 11;
}
.media .media-body .media-right .title {
    justify-content: flex-start;
}
.media .media-body .media-right .media-list .media-item {
    display: block;
    padding: 0.1667rem 0.1354rem 0.15625rem;
    position: relative;
}
.media .media-body .media-right .media-list .media-item:after {
    content: "";
    width: 0.0417rem;
    height: 0.546875rem;
    position: absolute;
    right: -0.0417rem;
    top: 0;
    background: url(../imgs/media_4.png) no-repeat;
    display: none;
}
.media .media-body .media-right .media-list .media-item.active {
    background: url(../imgs/media_3.png) no-repeat center center/cover;
}
.media .media-body .media-right .media-list .media-item.active:after {
    display: block;
}
.media .media-body .media-right .media-list .media-item.active .media-logo img {
    background: #FFE7BF;
}
.media .media-body .media-right .media-list .media-item.active .media-title {
    color: #FFE7BF;
}
.media .media-body .media-right .media-list .media-item.active .media-content {
    display: block;
}
.media .media-body .media-right .media-list .media-item .media-logo {
    font-size: 0;
}
.media .media-body .media-right .media-list .media-item .media-logo img {
    height: 0.2rem;
}
.media .media-body .media-right .media-list .media-item .media-title {
    font-weight: 400;
    font-size: 0.09375rem;
    color: #404040;
    line-height: 0.15625rem;
    margin-top: 0.1042rem;
}
.media .media-body .media-right .media-list .media-item .media-content {
    font-weight: 400;
    font-size: 0.0677rem;
    color: #FFFFFF;
    line-height: 0.1354rem;
    opacity: 0.85;
    margin-top: 0.1042rem;
    display: none;
}
.media .media-body .media-left {
    flex: 1;
    margin-top: 0.4375rem;
    position: relative;
}
.media .media-body .media-left .media-list {
    display: flex;
    gap: 0.0625rem;
}
.media .media-body .media-left .media-list + .media-list {
    margin-top: 0.0625rem;
}
.media .media-body .media-left .media-list .media-custom {
    height: 0.6771rem;
    width: 0.4896rem;
    background: #FFFFFF;
}
.media .media-body .media-left .media-list .media-item {
    height: 0.6771rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    padding: 0 0.2604rem;
}
.media .media-body .media-left .media-list .media-item img {
    height: 0.3125rem;
}
.media .media-body .media-left .media-list .media-item:hover {
    position: relative;
    z-index: 111;
}


.footer {
    position: relative;
    padding-top: 0.4948rem;
    z-index: 11;
}

.footer ul {
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    display: flex;
    align-items: flex-end;
}

.footer ul li {
    flex: 1;
    background: rgb(135, 10, 15);
    min-height: 0.4948rem;
    position: relative;
}

.footer ul li img {
    width: 0.4583rem;
}

.footer ul li.active a div {
    height: 0.5625rem;
}

.footer ul li:hover a div {
    height: 0.5625rem;
}

.footer ul li a {
    display: flex;
    flex-direction: column;
}

.footer ul li a span {
    line-height: 0.4948rem;
    text-align: center;
    font-weight: 400;
    font-size: 0.1042rem;
    color: #FFFFFF;
}

.footer ul li div {
    display: flex;
    height: 0;
    transition: all ease 0.3s;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    top:0;
    left:0;
    right:0;
    transform: translateY(-100%);
}
.footer ul li div img{
  margin-bottom:0.03rem;
}
.footer ul li:nth-of-type(2),.footer ul li:nth-of-type(2) div {
    background: rgba(135, 10, 15, 0.9);
}

.footer ul li:nth-of-type(3),.footer ul li:nth-of-type(3) div  {
    background: rgba(135, 10, 15, 0.8);
}

.footer ul li:nth-of-type(4),.footer ul li:nth-of-type(4) div  {
    background: rgba(135, 10, 15, 0.7);
}

.footer ul li:nth-of-type(5),.footer ul li:nth-of-type(5) div  {
    background: rgba(135, 10, 15, 0.6);
}

.footer ul li:nth-of-type(6),.footer ul li:nth-of-type(6) div  {
    background: rgba(135, 10, 15, 0.5);
}

.footer ul li:nth-of-type(7),.footer ul li:nth-of-type(7) div  {
    background: rgba(135, 10, 15, 0.4);
}

.footer ul li:nth-of-type(8) ,.footer ul li:nth-of-type(8) div {
    background: rgba(135, 10, 15, 0.3);
}

.footer ul li:nth-of-type(9).footer ul li:nth-of-type(9) div  {
    background: rgba(135, 10, 15, 0.2);
}

.footer .footer-container {
    background: url(../imgs/footer_1.png) no-repeat center center/cover;
    padding: 0.4479rem 0 0.4792rem;
}

.footer .footer-container .footer-body {
    display: flex;
    justify-content: space-between;
}

.footer .footer-container .footer-body .footer-logo img {
    width: 1.84375rem;
}

.footer .footer-container .footer-body .footer-right {
    display: flex;
    gap: 0.1146rem;
}

.footer .footer-container .footer-body .footer-right .footer-qr img {
    width: 0.8542rem;
}

.footer .footer-container .footer-body .footer-right .footer-desc {
    gap: 0.0729rem;
    display: flex;
    align-items: flex-start;
}

.footer .footer-container .footer-body .footer-right .footer-desc + .footer-desc {
    margin-top: 0.1042rem;
}

.footer .footer-container .footer-body .footer-right .footer-desc .footer-label {
    font-weight: bold;
    font-size: 0.0833rem;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 0.0729rem;
}

.footer .footer-container .footer-body .footer-right .footer-desc .footer-label img {
    height: 0.1615rem;
}

.footer .footer-container .footer-body .footer-right .footer-desc .footer-content {
    font-weight: 400;
    font-size: 0.0833rem;
    color: #FFFFFF;
}

.footer .footer-container .footer-body .footer-right .footer-desc .footer-content div {
    line-height: 0.1615rem;
}

.footer .footer-tips {
    height: 0.3073rem;
    background: #5C0509;
    line-height: 0.3073rem;
    text-align: center;
    font-weight: 400;
    font-size: 0.0833rem;
    color: #FFFFFF;
}