@charset "UTF-8";
/* 750px设计稿: 1rem = 750/10 = 75px, px值 ÷ 75 = rem值 */
.pheader {
  display: none;
}

.pnews {
  display: none;
}

.pnotice {
  display: none;
}

.pfusion {
  display: none;
}

.ptalents {
  display: none;
}

.pstudent {
  display: none;
}

.pmien {
  display: none;
}

.pspecial {
  display: none;
}

.pheader-drawer {
  display: none;
}

/* ========== 手机端响应式样式 ========== */
/* 针对屏幕宽度 768px 及以下设备 */
@media screen and (max-width: 768px) {
  .main {
    padding: 0 0.427rem;
    width: 100%;
    box-sizing: border-box;
  }
  .title {
    justify-content: flex-start;
  }
  .title .title-text {
    font-size: 0.427rem;
    height: 0.56rem;
    background-size: auto 100%;
  }
  .link-more {
    color: var(--title);
    font-size: 0.32rem;
    padding-left: 0.4rem;
    height: 0.427rem;
    background: url(../imgs/more.png) no-repeat left center/0.3rem auto;
    display: flex;
    align-items: center;
  }
  /* ========== 手机端首页开始 ========== */
  .marquee-container {
    display: none;
  }
  .school {
    padding: 0 0.427rem;
    margin-top: 0;
    height: unset;
    background: none;
  }
  .school .school-top {
    display: block;
  }
  .school .school-top .school-left .school-content {
    display: none;
  }
  .school .school-top .school-center {
    display: none;
  }
  .school .school-top .school-right {
    margin-top: 0.267rem;
  }
  .school .school-top .school-right video {
    width: 100%;
    height: unset;
  }
 .school .school-top .school-right img{
  width:1rem
}
  .school .school-bottom {
    display: block;
    padding-bottom: 0.267rem;
  }
  .school .school-bottom .school-swiper {
    width: 100%;
  }
  .school .school-bottom .school-swiper .swiper-container {
    height: 5.333rem;
  }
  .school .school-bottom .school-right {
    display: none;
  }
  .header-fixed {
    display: none;
  }
  .yc {
    display: none;
  }
  .header .bread{
    /* display: none; */
}
  .pheader {
    position: relative;
    display: block;
  }
  .pheader .pheader-tool {
    position: absolute;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 0.267rem 0.427rem;
    transition: all 0.3s ease;
  }
  .pheader .pheader-tool.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #870A0F;
    z-index: 2000;
  }
  .pheader .pheader-tool .pheader-logo img {
    height: 0.8rem;
  }
  .pheader .swiper-container img {
    width: 100%;
  }
  .bg1 {
    display: none;
  }
  .pnews {
    display: block;
  }
  .pnews .pnews-list .pnews-item {
    display: flex;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 0.267rem;
  }
  .pnews .pnews-list .pnews-item + .pnews-item {
    margin-top: 0.267rem;
  }
  .pnews .pnews-list .pnews-item .pnews-img {
    width: 2.133rem;
    overflow: hidden;
    flex-shrink: 0;
  }
  .pnews .pnews-list .pnews-item .pnews-img img {
    width: 100%;
  }
  .pnews .pnews-list .pnews-item .pnews-body {
    flex: 1;
    overflow: hidden;
    padding-left: 0.4rem;
  }
  .pnews .pnews-list .pnews-item .pnews-body .pnews-title {
    font-size: 0.373rem;
    color: #333333;
  }
  .pnews .pnews-list .pnews-item .pnews-body .pnews-time, .pnews .pnews-list .pnews-item .pnews-body .pnews-tips {
    font-size: 0.32rem;
    color: #999999;
    margin-top: 0.133rem;
  }
  .pnews .swiper-container {
    margin-bottom: 0.267rem;
  }
  .pnews .swiper-container .swiper-wrapper .swiper-slide .swiper-item {
    background: #f5f5f5;
    overflow: hidden;
  }
  .pnews .swiper-container .swiper-wrapper .swiper-slide .swiper-item .swiper-img {
    overflow: hidden;
    height: 5.947rem;
  }
  .pnews .swiper-container .swiper-wrapper .swiper-slide .swiper-item .swiper-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .pnews .swiper-container .swiper-wrapper .swiper-slide .swiper-item .swiper-content {
    margin-top: 0.4rem;
  }
  .pnews .swiper-container .swiper-wrapper .swiper-slide .swiper-item .swiper-content .swiper-name {
    font-size: 0.373rem;
    color: #333333;
    line-height: 2;
  }
  .pnews .swiper-container .swiper-wrapper .swiper-slide .swiper-item .swiper-content .swiper-tips {
    font-size: 0.32rem;
    color: #999999;
    line-height: 2;
  }
  .pnotice {
    display: block;
  }
  .pnotice .pnotice-title {
    display: flex;
    align-items: center;
    margin: 0.267rem 0;
  }
  .pnotice .pnotice-title .pnotice-img {
    flex: 1;
    background: url(../imgs/icon_18.png) no-repeat right center/cover;
    height: 0.133rem;
    margin: 0 0.133rem;
  }
  .pnotice .pnotice-title .pnotice-text {
    font-size: 0.427rem;
    font-weight: bold;
    color: #333;
  }
  .pnotice .pnotice-title .pnotice-more {
    color: #870A0F;
    font-size: 0.373rem;
  }
  .pnotice .pnotice-list .pnotice-item + .pnotice-item {
    border-top: 1px solid #F5EFE7;
  }
  .pnotice .pnotice-list .pnotice-item {
    display: flex;
    font-size: 0.373rem;
    padding: 0.267rem 0;
  }
  .pnotice .pnotice-list .pnotice-item .pnotice-time {
    color: #870A0F;
    margin-right: 0.267rem;
  }
  .pnotice .pnotice-list .pnotice-item .pnotice-name {
    color: #333333;
  }
  .dynamic .dynamic-body {
    justify-content: space-between;
  }
  .dynamic .dynamic-body .dynamic-special-box {
    display: none;
  }
  .dynamic .dynamic-body .dynamic-common .dynamic-item {
    width: 4.44rem;
    height: 3.067rem;
    margin-bottom: 0.267rem;
  }
  .dynamic .dynamic-body .dynamic-common .dynamic-item .dynamic-date {
    font-size: 0.32rem;
    width: 0.8rem;
    height: 0.4rem;
    background-size: 0.8rem auto;
    top: 0.24rem;
    margin-bottom: .24rem;
    margin-left: 10px;
    background:unset
  }
  .dynamic .dynamic-body .dynamic-common .dynamic-item .dynamic-name {
    font-size: 0.373rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.5;
  }
  .dynamic .dynamic-body .dynamic-common .dynamic-item .dynamic-tips {
    font-size: 0.347rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.5;
  }
  .dynamic .dynamic-body .dynamic-common .dynamic-item .dynamic-text {
    font-size: 0.32rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .talents {
    display: none;
  }
  .ptalents {
    /* 列表容器 */
  }
  .ptalents .list-container {
    max-width: 100%;
  }
  .ptalents {
    /* 列表项样式 */
  }
  .ptalents .list-item {
    background: #fff;
    border-radius: 0.213rem;
    padding: 0.427rem;
    margin-bottom: 0.267rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  }
  .ptalents {
    /* 标题 */
  }
  .ptalents .item-title {
    font-size: 0.373rem;
    color: #333;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 0.16rem;
  }
  .ptalents {
    /* 摘要 */
  }
  .ptalents .item-desc {
    font-size: 0.32rem;
    color: #999;
    line-height: 1.5;
  }
  .fusion {
    display: none;
  }
  .pfusion {
    display: block;
    /* 列表项 */
  }
  .pfusion .list-item {
    background: #eee;
    border-radius: 0.267rem;
    overflow: hidden;
    margin-bottom: 0.32rem;
  }
  .pfusion {
    /* 顶部图片 */
  }
  .pfusion .item-img {
    width: 100%;
    height: 4.267rem;
    object-fit: cover;
    display: block;
  }
  .pfusion {
    /* 内容区域 */
  }
  .pfusion .item-content {
    padding: 0.187rem;
  }
  .pfusion {
    /* 标题 */
  }
  .pfusion .item-title {
    font-size: 0.373rem;
    color: #333;
    font-weight: 500;
    margin-bottom: 0.08rem;
  }
  .pfusion {
    /* 摘要 */
  }
  .pfusion .item-desc {
    font-size: 0.32rem;
    color: #666;
    line-height: 1.5;
    margin-bottom: 0.213rem;
  }
  .pfusion {
    /* 日期 */
  }
  .pfusion .item-date {
    font-size: 0.32rem;
    color: #aaa;
  }
  .scientific .scientific-body {
    display: unset;
  }
  .scientific .scientific-body .scientific-swiper {
    margin-bottom: 0.267rem;
    width: 100%;
    height: 5.333rem;
  }
  .scientific .scientific-body .scientific-swiper .scientific-banner .scientific-tips .scientific-time {
    gap: 0.133rem;
    line-height: 1.5;
  }
  .scientific .scientific-body .scientific-swiper .scientific-banner .scientific-tips .scientific-time img {
    width: 0.267rem;
  }
  .scientific .scientific-body .scientific-swiper .scientific-banner .scientific-tips .scientific-time span {
    font-size: 0.32rem;
  }
  .scientific .scientific-body .scientific-swiper .scientific-banner .scientific-tips .scientific-name {
    font-size: 0.373rem;
    line-height: 1.5;
  }
  .scientific .scientific-body .scientific-list {
    gap: 0.267rem;
  }
  .scientific .scientific-body .scientific-list .scientific-item {
    width: 47%;
  }
  .scientific .scientific-body .scientific-list .scientific-item .scientific-img {
    height: 4.8rem;
  }
  .scientific .scientific-body .scientific-list .scientific-item .scientific-bottom {
    padding: 0.133rem 0.267rem;
    height: 1.333rem;
  }
  .scientific .scientific-body .scientific-list .scientific-item .scientific-bottom .scientific-name {
    font-size: 0.373rem;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .scientific .scientific-body .scientific-list .scientific-item .scientific-bottom .scientific-time {
    font-size: 0.32rem;
  }
  .scientific .scientific-body .scientific-list .scientific-item .scientific-bottom .scientific-time img {
    width: 0.267rem;
  }
  .student {
    display: none;
  }
  .pstudent {
    display: block;
  }
  .common-swiper {
    height: 5rem;
    border-radius: 0.16rem;
    overflow: hidden;
  }
  .common-swiper .swiper-slide {
    overflow: hidden;
  }
  .common-swiper .swiper-slide .swiper-item {
    position: relative;
    display: block;
    overflow: hidden;
    height: 5rem;
  }
  .common-swiper .swiper-slide .swiper-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .common-swiper .swiper-slide .swiper-item .swiper-title {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 11;
    font-size: 0.32rem;
    color: #FFFFFF;
    padding: 0.267rem;
    text-align: center;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  }
  .mien {
    display: none;
  }
  .pmien {
    display: block;
   margin-bottom: 0.267rem;
  }
  .pmien .pmien-body {
    height: 8rem;
    position: relative;
  }
  .pmien .swiper-container {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
  }
  .pmien .swiper-container.active {
    opacity: 1;
    visibility: visible;
  }
  .pmien .swiper-container {
    height: 8rem;
  }
  .pmien .swiper-container .swiper-item {
    display: flex;
    flex-direction: column;
    height: 8rem;
    position: relative;
  }
  .pmien .swiper-container .swiper-item:before {
    content: "";
    position: absolute;
    height: 5rem;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, #870A0F 0%, rgba(0, 0, 0, 0) 100%);
  }
  .pmien .swiper-container .swiper-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
  }
  .pmien .swiper-container .swiper-item .swiper-name {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.267rem;
    margin-bottom: auto;
  }
  .pmien .swiper-container .swiper-item .swiper-name span {
    font-size: 0.32rem;
    color: #FFFFFF;
    padding: 0.133rem 0.533rem;
    background: linear-gradient(to right, rgba(240, 198, 148, 0.6), rgba(240, 198, 148, 0));
  }
  .pmien .swiper-container .swiper-item .swiper-desc {
    font-size: 0.32rem;
    padding: 0 0.427rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 0.4rem;
    position: relative;
    z-index: 1;
  }
  .pmien .swiper-container .swiper-item .swiper-desc .swiper-label {
    color: #F0C694;
    margin-bottom: 0.133rem;
  }
  .pmien .swiper-container .swiper-item .swiper-desc .swiper-content {
    color: #FFFFFF;
  }
  .special-phone {
    display: none;
  }
  .pspecial {
    display: block;
  }
  .pspecial .swiper-slide {
    overflow: hidden;
  }
  .pspecial .swiper-slide a {
    display: block;
  }
  .pspecial .swiper-slide a img {
    width: 100%;
  }
  .media {
    padding: 0 0.427rem;
  }
  .media .media-body {
    display: block;
  }
  .media .media-body .media-left {
    display: none;
  }
  .media .media-body .media-right {
    width: unset;
  }
  .media .media-body .media-right .media-list .media-item.active {
    background: unset;
  }
  .media .media-body .media-right .media-list .media-item.active:after {
    display: none !important;
  }
  .media .media-body .media-right .media-list .media-item .media-logo img {
    height: 0.533rem;
    background: unset !important;
  }
  .media .media-body .media-right .media-list .media-item .media-title {
    font-size: 0.373rem;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #404040 !important;
  }
  .media .media-body .media-right .media-list .media-item .media-content {
    font-size: 0.32rem;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: none !important;
  }
    .footer ul{
    display: none;
}
    .footer .footer-container .footer-body{
    display: block;
}
    .footer-logo{
    width: 76%;
    display: block;
    margin: 0 auto;
}
    .footer .footer-container .footer-body .footer-logo img{
    width: 100%;
}
    .footer .footer-container .footer-body .footer-right{
    display: block;
}
    .footer-qr{
    width: 85px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 15px;
}
    .footer .footer-container .footer-body .footer-right .footer-qr img{
    width: 100%;
}
    .footer .footer-container .footer-body .footer-right .footer-desc .footer-content div{
    font-size: 12px;
    line-height: normal;
}
    .footer .footer-container .footer-body .footer-right .footer-desc .footer-label{
    font-size: 12px;
}
    .footer .footer-container .footer-body .footer-right .footer-desc{
    align-items: center;
    gap: 0;
    justify-content: center;
}
    .footer .footer-container .footer-body .footer-right .footer-desc + .footer-desc{
    margin-top: 14px;
}
    .footer .footer-container .footer-body .footer-right .footer-desc .footer-label img{
    height: 15px;
    margin-right: 9px;
}
    .footer .footer-tips{
    font-size: 10px;
    line-height: 28px;
    height: auto;
}
  /* ========== 手机端菜单按钮 ========== */
  .pheader-tool {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .pheader-open {
    width: 0.64rem;
    height: 0.64rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.107rem;
    cursor: pointer;
    z-index: 1001;
  }
  .pheader-open span {
    display: block;
    width: 0.48rem;
    height: 0.04rem;
    background: #fff;
    border-radius: 0.027rem;
    transition: all 0.3s ease;
  }
  .pheader-open.active span:nth-child(1) {
    transform: rotate(45deg) translate(0.1rem, 0.1rem);
  }
  .pheader-open.active span:nth-child(2) {
    opacity: 0;
  }
  .pheader-open.active span:nth-child(3) {
    transform: rotate(-45deg) translate(0.1rem, -0.1rem);
  }
  /* ========== 遮罩层 ========== */
  .pheader-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }
  .pheader-mask.show {
    opacity: 1;
    visibility: visible;
  }
  /* ========== 左侧抽屉弹窗 ========== */
 .pheader-drawer {
    /* 底部搜索框 */
  }
  .pheader-drawer .drawer-search {
    position: relative;
    margin: 0.32rem 0.427rem;
    border-radius: 0.453rem;
    border: 1px solid #870A0F;
    overflow: hidden;
  }
  .pheader-drawer .drawer-search input[type=text] {
    display: block;
    background: transparent;
    width: 100%;
    outline: none;
    border: none;
    font-size: 0.347rem;
    color: #333;
    padding: 0.28rem 0.96rem 0.28rem 0.267rem;
  }
  .pheader-drawer .drawer-search input[type=text]::placeholder {
    color: #999;
  }
  .pheader-drawer .drawer-search input[type=submit] {
    position: absolute;
    right: 0.107rem;
    top: 50%;
    transform: translateY(-50%);
    background: #870A0F url(../imgs/search_new.png) no-repeat center center/0.48rem auto;
    background-size: 48%;
    outline: none;
    border: none;
    border-radius: 50%;
    color: transparent;
    font-size: 0;
    width: 0.693rem;
    height: 0.693rem;
    cursor: pointer;
  }
  .pheader-drawer {
    /* 底部链接列表 */
  }
  .pheader-drawer .drawer-links {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0.427rem;
    margin-bottom: 0.4rem;
    gap: 0.267rem;
  }
  .pheader-drawer .drawer-links .drawer-link-item {
    display: block;
    padding: 0.213rem 0.4rem;
    font-size: 0.32rem;
    color: #870A0F;
    background: #FDF2F2;
    border-radius: 0.267rem;
    text-decoration: none;
  }
  .pheader-drawer .drawer-links .drawer-link-item:active {
    background: #f5d5d5;
  }
  .pheader-drawer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 8rem;
    max-width: 85vw;
    background: #fff;
    z-index: 2001;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    overflow-y: auto;
    display: block;
  }
  .pheader-drawer.show {
    transform: translateX(0);
  }
  .pheader-drawer {
    /* 顶部：logo + 搜索框 */
  }
  .pheader-drawer .drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.4rem 0.427rem;
    background: #870A0F;
  }
  .pheader-drawer .drawer-head .drawer-logo img {
    height: 0.8rem;
  }
  .pheader-drawer {
    /* 菜单列表 */
  }
  .pheader-drawer .drawer-menu {
    padding: 0.267rem 0;
    /* 一级菜单 */
  }
  .pheader-drawer .drawer-menu .menu-level1 {
    display: flex;
    align-items: center;
    padding: 0.373rem 0.427rem;
    font-size: 0.4rem;
    color: #333;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.2s ease;
  }
  .pheader-drawer .drawer-menu .menu-level1 .menu-text {
    flex: 1;
    color: #333;
    text-decoration: none;
  }
  .pheader-drawer .drawer-menu .menu-level1 .menu-arrow {
    width: 0.6rem;
    height: 0.6rem;
    flex-shrink: 0;
    transition: transform 0.3s ease;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23999' d='M8 5l8 7-8 7z'/%3E%3C/svg%3E") no-repeat center/contain;
  }
  .pheader-drawer .drawer-menu .menu-level1.expanded .menu-arrow {
    transform: rotate(90deg);
  }
  .pheader-drawer .drawer-menu {
    /* 二级菜单容器 */
  }
  .pheader-drawer .drawer-menu .menu-level2-wrap {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    background: #f9f9f9;
  }
  .pheader-drawer .drawer-menu .menu-level2-wrap.open {
    max-height: 10rem;
  }
  .pheader-drawer .drawer-menu .menu-level2-wrap .menu-level2 {
    display: block;
    padding: 0.32rem 0.427rem 0.32rem 1.227rem;
    font-size: 0.347rem;
    color: #666;
    text-decoration: none;
    border-bottom: 1px solid #eee;
  }
  .pheader-drawer .drawer-menu .menu-level2-wrap .menu-level2:active {
    color: #870A0F;
    background: #f0f0f0;
  }
  /* ========== 顶部结束 ========== */
  /* ========== 手机端首页结束 ========== */
  /* 标签栏 */
  .tab-nav {
    display: flex;
    background: #f8f8f8;
    border-radius: 0.16rem 0.16rem 0 0;
  }
  .tab-nav .tab-item {
    flex: 1;
    text-align: center;
    line-height: 1.173rem;
    font-size: 0.32rem;
    color: #666;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
  }
  /* 选中标签样式 */
  .tab-nav .tab-item.active {
    color: #A02224;
    border-bottom-color: #A02224;
    font-weight: 500;
  }
}