@charset "utf-8";
/* CSS Document */


/*海报*/
.top-banner {font-size: 0;}
.top-banner img {width: 100%;}



/*品牌介绍*/
.brand-intro {background: linear-gradient(to right bottom, #860c09 20%, #db0201); position: relative;}
.brand-intro .block {width: 4.63rem; height: 100%; background: url("../images/brand-intro-block.png") no-repeat center / 100% 100%; position: absolute; left: 0; top: 0;}
.brand-intro .block:after {content: ''; display: block; width: 4.26rem; height: 0.06rem; background: url("../images/brand-intro-shadow.png") no-repeat center / 100% 100%; position: absolute; left: 0; top: 100%;}
.brand-intro .title {font-size: 0; height: 100%; display: flex; align-items: center; position: absolute; left: 3.7rem; top: 0; z-index: 10;}
.brand-intro .title img {width: 0.32rem;}
.brand-intro .content {width: 10.7rem; min-height: 1.5rem; padding: 0.15rem 0 0.15rem 4.9rem; font-size: 0.19rem; line-height: 1.63; color: #fff; text-indent: 2em; display: flex; align-items: center;}
@media all and (max-width: 1680px) {
    .brand-intro .block {width: 3.38rem;}
    .brand-intro .block:after {width: 3.08rem;}
    .brand-intro .title {left: 2.5rem;}
    .brand-intro .content {padding-left: 3.7rem;}
}



/*背景*/
.bg-box {background-size: 100% 100%; background-repeat: no-repeat;}
.bg-box.bg1 {background-image: url("../images/bg1.jpg");}
.bg-box.bg2 {background-image: url("../images/bg2.jpg");}
.bg-box.bg3 {background-image: url("../images/bg3.jpg");}
.bg-box.bg4 {background-image: url("../images/bg4.jpg");}


/*版权信息*/
.footer {background: #282828; text-align: center; font-size: 0.22rem; line-height: 1.455; color: #ffffff; min-height: 2.1rem; box-sizing: border-box; padding: 0.5rem 0;}


/*大标题*/
.g-title {text-align: center; font-size: 0;}
.g-title img {width: 12rem;}


/*小标题*/
.g-tit {width: 12rem; margin: 0 auto;}
.g-tit span {display: flex; justify-content: center; align-items: center; width: 3.24rem; height: 0.53rem; box-sizing: border-box; padding-bottom: 0.06rem; font-size: 0.32rem; font-weight: bold; color: #ffffff; background-repeat: no-repeat; background-size: 100% 100%;}


/*左右切换按钮*/
.g-swiper-button {width: 0.8rem; height: 0.8rem; background-repeat: no-repeat; background-size: 200% 100%; cursor: pointer; position: absolute; top: 50%; margin-top: -0.4rem;}
.g-swiper-button.red {background-image: url("../images/control2.png");}
.g-swiper-button.blue {background-image: url("../images/control3.png");}
.g-swiper-button.purple {background-image: url("../images/control4.png");}
.g-swiper-button.prev {left: -1.1rem; background-position-x: left;}
.g-swiper-button.next {right: -1.1rem; background-position-x: right;}
.g-swiper-button.swiper-button-disabled {pointer-events: none; opacity: 0.5;}



/*首屏视频*/
.g-welcome {width: 12rem; margin: 0 auto; position: relative;}
.g-welcome:after {content: ''; width: 100%; height: 100%; background: #fd6a0a; opacity: 0.3; position: absolute; left: 0; top: 0; transform: rotate(-3deg);}
.g-welcome .box {position: relative; z-index: 10; font-size: 0; background: linear-gradient(to right top, #d70201, #ffecec, #d70201); padding: 0.06rem; box-shadow: 0.04rem 0.04rem 0.07rem rgba(123, 128, 155, 0.45);}
.g-welcome .box video {width: 100%; object-fit: cover;}



/*历史沿革*/
.g-history-m {width: 12rem; margin: 0 auto; background: url("../images/history-mobile-bg.png") no-repeat center / 100% 100%; display: none;}
.g-history-m-main {background: url("../images/history-mobile-line.png") repeat-y center / 0.3rem auto; position: relative;}
.g-history-m-main .round-head,
.g-history-m-main .round-foot {width: 0.52rem; height: 0.52rem; box-sizing: border-box; border-radius: 50%; border: 0.06rem solid #6f2f26; background: #fff; display: flex; justify-content: center; align-items: center; position: absolute; left: 50%; margin-left: -0.3rem;}
.g-history-m-main .round-head:before,
.g-history-m-main .round-foot:before {content: ''; display: block; width: 0.24rem; height: 0.24rem; border-radius: 50%; background: #6f2f26;}
.g-history-m-main .round-head {top: -0.26rem;}
.g-history-m-main .round-foot {bottom: -0.26rem;}

.g-history-m-list {display: flex; justify-content: space-between; min-height: 8rem;}
.g-history-m-list .group {width: calc(50% - 0.15rem);}
.g-history-m-list .group .item {padding-top: 0.6rem;}
.g-history-m-list .group .item .title {display: flex; align-items: center; gap: 0.4rem;}
.g-history-m-list .group .item .title .text {font-size: 0.48rem; font-weight: bold; color: #6f2f26;}
.g-history-m-list .group .item .title .line {flex: 1; min-width: 0; height: 0.02rem; background: #6f2f26; position: relative;}
.g-history-m-list .group .item .title .line:before {content: ''; display: block; width: 0.2rem; height: 0.2rem; border-radius: 50%; background: #6f2f26; position: absolute; left: 0; top: 50%; margin-top: -0.1rem;}
.g-history-m-list .group .content {font-size: 0.28rem; color: #282828; padding-right: 0.8rem;}
.g-history-m-list .group .content .itm {padding-top: 0.2rem;}

.g-history-m-list .group:first-child .item:first-child {padding-top: 1rem;}
.g-history-m-list .group:last-child .item:first-child {padding-top: 0.3rem;}

.g-history-m-list .group:last-child .item .title .text {order: 1;}
.g-history-m-list .group:last-child .item .title .line {order: 0;}
.g-history-m-list .group:last-child .item .title .line:before {left: auto; right: 0;}
.g-history-m-list .group:last-child .item .content {padding-right: 0; padding-left: 0.8rem;}
.g-history-m-list .group:last-child .item .content .itm {text-align: right;}



.g-history-line {height: 5.6rem; margin-top: -0.53rem; background: url("../images/history.png") no-repeat center top / 19.2rem auto; position: relative;}
.g-history-line .group {max-width: 3.6rem; position: absolute;}
.g-history-line .group .tit {font-size: 0.24rem; color: #6f2f26; font-weight: bold; line-height: 1;}
.g-history-line .group .txt {font-size: 0.16rem; color: #282828; line-height: 1.4375;}
.g-history-line .group .txt .itm {padding-top: 0.1rem;}
@media all and (max-width: 640px) {
    .g-history-m {display: block;}
    .g-history-line {display: none;}
}



/*历史沿革-老照片*/
.g-history-slide {width: 15.7rem; margin: 0 auto; position: relative;}
.g-history-slide .button {width: 0.52rem; height: 0.52rem; cursor: pointer; background: url("../images/control1.png") no-repeat left top / 200% 100%; position: absolute; top: 50%; margin-top: -0.26rem; z-index: 99;}
.g-history-slide .button.swiper-button-disabled {pointer-events: none; opacity: 0.5;}
.g-history-slide .button.prev {left: 0; background-position-x: left;}
.g-history-slide .button.next {right: 0; background-position-x: right;}
.g-history-slide .swiper {width: 14.1rem; margin: 0 auto;}
.g-history-slide .swiper .swiper-slide .box {display: block; box-sizing: border-box; border: 0.03rem solid #6f2f26; font-size: 0;}
.g-history-slide .swiper .swiper-slide .box img {width: 100%; aspect-ratio: 16 / 11; object-fit: cover;}

@media all and (max-width: 640px) {
    .g-history-slide {width: 14rem;}
    .g-history-slide .swiper {width: 12rem;}
}


/*匠师传道*/
.g-craftsman-slide {width: 12rem; margin: 0 auto; position: relative;}
.g-craftsman-slide:before,
.g-craftsman-slide:after {content: ''; display: block; position: absolute;}
.g-craftsman-slide:before {width: 9.6rem; height: 3.5rem; left: -1.05rem; bottom: 0; background: linear-gradient(rgba(255, 180, 64, 0), rgba(255, 180, 64, 0.3));}
.g-craftsman-slide:after {width: 6.6rem; height: 3.15rem; right: -1.05rem; top: -0.7rem;  background: linear-gradient(rgba(255, 180, 64, 0.3), rgba(255, 180, 64, 0));}

.g-craftsman-slide .swiper {padding-bottom: 0.75rem;}
.g-craftsman-item {display: block;}
.g-craftsman-item .img {position: relative;}
.g-craftsman-item .img .img-box {font-size: 0;}
.g-craftsman-item .img .img-box img {width: 100%; aspect-ratio: 10 / 12; object-fit: cover;}
.g-craftsman-item .img .con-box {width: 100%; height: 1.24rem; position: absolute; left: 0; bottom: -0.01rem; z-index: 10; background: url("../images/craftsman-item.png") no-repeat center bottom / 100% auto; display: flex; flex-direction: column; justify-content: flex-end; box-sizing: border-box; padding: 0 0.2rem 0.1rem 0.2rem; color: #fff; text-shadow: 0.01rem 0.015rem 0.015rem #000;}
.g-craftsman-item .img .con-box .name {font-size: 0.24rem; font-weight: bold;}
.g-craftsman-item .img .con-box .mark {font-size: 0.16rem;}
.g-craftsman-item .txt {text-align: center; background: #873729; font-size: 0.18rem; line-height: 1.334; font-weight: bold; color: #fff; padding: 0.06rem 0.1rem; box-sizing: border-box; min-height: 0.9rem;}

/*匠师传道-控制器*/
.g-craftsman-foot {width: 100%; position: absolute; left: 0; bottom: 0.32rem; display: flex; justify-content: center; align-items: center; gap: 0.12rem;}
.g-craftsman-foot .swiper-button-prev,
.g-craftsman-foot .swiper-button-next,
.g-craftsman-foot .swiper-pagination {position: static; margin: 0; padding: 0;}
.g-craftsman-foot .swiper-button-prev:after,
.g-craftsman-foot .swiper-button-next:after {display: none;}
.g-craftsman-foot .swiper-button-prev,
.g-craftsman-foot .swiper-button-next {width: 0.22rem; height: 0.22rem; background: url("../images/control5.png") no-repeat left top / 200% 100%; cursor: pointer;}
.g-craftsman-foot .swiper-button-next {background-position-x: right;}
.g-craftsman-foot .swiper-button-prev.swiper-button-disabled,
.g-craftsman-foot .swiper-button-next.swiper-button-disabled {pointer-events: none; opacity: 0.5;}

.g-craftsman-foot .swiper-pagination {width: auto; display: flex; justify-content: center; align-items: center; gap: 0.08rem;}
.g-craftsman-foot .swiper-pagination .swiper-pagination-bullet {width: 0.12rem; height: 0.12rem; border-radius: 50%; background: #873729; opacity: 0.5; margin: 0; cursor: pointer;}
.g-craftsman-foot .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}




/*校友星光*/
.g-alumnus-slide {margin-top: -0.8rem;}
.g-alumnus-slide .swiper {width: 12rem; margin: 0 auto; padding-top: 0.8rem;}
.g-alumnus-slide .swiper .swiper-slide .list {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0.3rem;}
.g-alumnus-slide .swiper .swiper-slide .box {display: block; font-size: 0;}
.g-alumnus-slide .swiper .swiper-slide .box img {width: 100%; aspect-ratio: 16 / 9;}

.g-alumnus-head {position: absolute; right: 0; top: 0; display: flex; justify-content: center; align-items: center; gap: 0.1rem;}
.g-alumnus-head .swiper-button-prev,
.g-alumnus-head .swiper-button-next,
.g-alumnus-head .swiper-pagination {position: static; margin: 0; padding: 0;}
.g-alumnus-head .swiper-button-prev:after,
.g-alumnus-head .swiper-button-next:after {display: none;}
.g-alumnus-head .swiper-button-prev,
.g-alumnus-head .swiper-button-next {width: 0.56rem; height: 0.38rem; background: url("../images/control6.png") no-repeat left top / 200% 100%; cursor: pointer;}
.g-alumnus-head .swiper-button-next {background-position-x: right;}
.g-alumnus-head .swiper-button-prev.swiper-button-disabled,
.g-alumnus-head .swiper-button-next.swiper-button-disabled {pointer-events: none; opacity: 0.5;}
.g-alumnus-head .swiper-pagination {width: auto; display: flex; justify-content: center; align-items: center; gap: 0.08rem;}
.g-alumnus-head .swiper-pagination .swiper-pagination-bullet {min-width: 0.38rem; height: 0.38rem; background: none; border: 0.02rem solid #873729; opacity: 1; border-radius: 0; box-sizing: border-box; margin: 0; display: flex; justify-content: center; align-items: center; font-size: 0.24rem; font-weight: bold; color: #873729; cursor: pointer;}
.g-alumnus-head .swiper-pagination .swiper-pagination-bullet-active {background: #873729; color: #ffffff;}




/*开学第一课*/
.g-lesson1-main {display: flex; justify-content: space-between; align-items: flex-start; width: 12rem; margin: 0 auto;}
.g-lesson1-con {width: 5.5rem;}
.g-lesson1-con .item {padding: 0.2rem 0; border-bottom: 0.02rem solid #d76361;}
.g-lesson1-con .item:first-child {padding-top: 0;}
.g-lesson1-con .item:last-child {padding-bottom: 0; border-bottom: 0 none;}
.g-lesson1-con .item .tit {font-size: 0.22rem; color: #282828;}
.g-lesson1-con .item .tit {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.g-lesson1-con .item .tit a {color: #282828;}
.g-lesson1-con .item .tit a:hover {color: #bd0300;}
.g-lesson1-con .item .txt {font-size: 0.16rem; line-height: 1.5; color: #686666; padding-top: 0.08rem;}
.g-lesson1-con .item .txt {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.g-lesson1-con .item .btn {font-size: 0.15rem; color: #a9a7a7; padding-top: 0.08rem;}
.g-lesson1-con .item .btn a {color: #a9a7a7}


.g-lesson1-img {width: 6.2rem; box-sizing: border-box; border: 0.04rem solid #bd0300; border-radius: 0.2rem; position: relative;}
.g-lesson1-img .img-box {font-size: 0;}
.g-lesson1-img .img-box a {display: block;}
.g-lesson1-img .img-box img {width: 100%; aspect-ratio: 16 / 11; object-fit: cover; border-radius: 0.16rem;}
.g-lesson1-img .txt-box {width: 100%; position: absolute; left: 0; bottom: 0; z-index: 10; font-size: 0.22rem; color: #fff; background: rgba(91, 23, 14, 0.6); padding: 0.1rem 0.2rem; text-align: center; box-sizing: border-box; border-radius: 0 0 0.16rem 0.16rem;}
.g-lesson1-img .txt-box {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.g-lesson1-img .txt-box a {color: #ffffff;}






/*课程思政示范课*/
.g-demonstration-slide {width: 12rem; margin: 0 auto; position: relative;}
.g-demonstration-list {display: flex; flex-wrap: wrap; justify-content: space-between;}
.g-demonstration-item {width: 5.75rem;}
.g-demonstration-item .head {position: relative;}
.g-demonstration-item .head .face {font-size: 0;}
.g-demonstration-item .head .face img {width: 3rem; height: 2.7rem;}
.g-demonstration-item .head .slogan {font-size: 0; position: absolute; right: 0; bottom: 0;}
.g-demonstration-item .head .slogan img {width: 4rem; height: 2.7rem;}
.g-demonstration-item .head .mark {width: 0.24rem; height: auto; min-height: 1.5rem; font-size: 0.14rem; color: #bd0300; line-height: 1.1; position: absolute; left: 0; bottom: 0;}
.g-demonstration-item .head .box {width: 0.24rem; height: auto; min-height: 1.5rem; box-sizing: border-box; padding-top: 0.5em; background: linear-gradient(#ffe4b6, #f7e2cc, rgba(247, 226, 204, 0)); display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; font-size: 0.16rem; color: #000; line-height: 1.2; gap: 0.5em; position: absolute; left: 0.24rem; bottom: 0;}
.g-demonstration-item .foot {border: 0.03rem solid #fee4bd; border-radius: 0.1rem; position: relative;}
.g-demonstration-item .foot .img {font-size: 0;}
.g-demonstration-item .foot .img a {display: block;}
.g-demonstration-item .foot .img img {width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 0.08rem;}
.g-demonstration-item .foot .con {width: 100%; height: 0.6rem; box-sizing: border-box; padding: 0 0.15rem; display: flex; align-items: center; gap: 0.1rem; background: rgba(0, 0, 0, 0.5); border-radius: 0 0 0.08rem 0.08rem; position: absolute; left: 0; bottom: 0; z-index: 10;}
.g-demonstration-item .foot .con .btn {flex: none;}
.g-demonstration-item .foot .con .btn a {display: block; width: 0.32rem; height: 0.32rem; background: url("../images/play2.png") no-repeat center / 100% 100%; cursor: pointer;}
.g-demonstration-item .foot .con .txt {flex: 1; min-width: 0; font-size: 0.24rem; color: #fff;}
.g-demonstration-item .foot .con .txt {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.g-demonstration-item .foot .con .txt a {color: #ffffff;}





/*双师同修*/
.g-double-main {width: 12rem; min-height: 4.6rem; margin: -0.53rem auto 0; display: flex; align-items: flex-start; background: url("../images/double-bg.png") no-repeat center / 100% 100%;}
.g-double-first {padding: 0.85rem 0.3rem 0 0.3rem; width: 3.6rem;}
.g-double-first .img {font-size: 0; border: 0.02rem solid #ecf5ff; box-shadow: 0.04rem 0.04rem 0.07rem rgba(0, 78, 169, 0.5);}
.g-double-first .img a {display: block;}
.g-double-first .img img {width: 100%; aspect-ratio: 16 / 9; object-fit: cover;}
.g-double-first .txt {font-size: 0.15rem; color: #282828; line-height: 1.467; padding-top: 0.1rem;}
.g-double-first .txt a {color: #004ea9;}
.g-double-group {padding: 0.2rem 0 0 0.4rem; display: flex; flex: 1; min-width: 0; gap: 0.22rem;}
.g-double-list {width: 3.5rem; box-sizing: border-box; padding: 0 0.1rem; background: rgba(255, 255, 255, 0.8); border-radius: 0.05rem; box-shadow: 0.03rem 0.03rem 0.05rem rgba(64, 131, 209, 0.5);}
.g-double-list .item {border-bottom: 0.02rem dashed #7092ba; padding: 0.18rem 0.1rem;}
.g-double-list .item:last-child {border-bottom: 0 none;}
.g-double-list .item .tit,
.g-double-list .item .txt {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.g-double-list .item .tit {font-size: 0.16rem; color: #282828; line-height: 1.375;}
.g-double-list .item .tit a {color: #282828;}
.g-double-list .item .tit a:hover {color: #004ea9;}
.g-double-list .item .txt {font-size: 0.14rem; color: #8c9196; line-height: 1.571; padding-top: 0.05rem;}





/*校企共建*/
.g-campus-slide {width: 12rem; margin: 0 auto; position: relative;}
.g-campus-list {display: flex; align-items: flex-start;}
.g-campus-list .item {width: 25%; display: flex; flex-direction: column;}
.g-campus-list .item .img {order: 0; font-size: 0;}
.g-campus-list .item .img a {display: block;}
.g-campus-list .item .img img {width: 100%; aspect-ratio: 16 / 9; object-fit: cover;}
.g-campus-list .item .con {order: 1; background: #004ea9; box-sizing: border-box; min-height: 2.34rem; display: flex; flex-direction: column; justify-content: center; gap: 0.1rem; padding: 0.2rem;}
.g-campus-list .item .con .title {color: #fff; font-size: 0.18rem; line-height: 1.6;}
.g-campus-list .item .con .title {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.g-campus-list .item .con .title a {color: #fff;}
.g-campus-list .item .con .line {width: 0.53rem; height: 0.06rem; background: #c7e0ff;}
.g-campus-list .item:nth-child(even) {padding-top: 0.85rem;}
.g-campus-list .item:nth-child(even) .img {order: 1;}
.g-campus-list .item:nth-child(even) .con {order: 0; background: #bcdafb;}
.g-campus-list .item:nth-child(even) .con .title {color: #282828;}
.g-campus-list .item:nth-child(even) .con .title a {color: #282828;}
.g-campus-list .item:nth-child(even) .con .line {background: #004ea9;}



/*职教出海*/
.g-education-main {width: 12rem; margin: 0 auto; display: flex; align-items: flex-start;}
.g-education-img,
.g-education-img .swiper,
.g-education-img .swiper-slide {width: 5.9rem; height: 3.32rem;}
.g-education-img .box {font-size: 0; display: block; position: relative;}
.g-education-img .box:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; box-sizing: border-box; border: 0.04rem solid #004ea9;}
.g-education-img .box img {width: 5.9rem; height: 3.32rem;}
.g-education-con {flex: 1; min-width: 0;}
.g-education-con .item {height: 0.83rem; padding: 0 0.15rem 0 0.3rem; color: #282828; display: flex; flex-direction: column; justify-content: center; position: relative;}
.g-education-con .item:after {content: ''; display: block; width: calc(100% - 0.45rem); position: absolute; left: 0.3rem; top: 100%; border-bottom: 0.02rem dashed #a1ccff;}
.g-education-con .item:last-child:after {display: none;}
.g-education-con .item a {color: #282828;}
.g-education-con .item .title {font-size: 0.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.g-education-con .item .mark {display: flex; justify-content: space-between; align-items: center; font-size: 0.15rem; opacity: 0.7;}

.g-education-con .item.on {background: #004ea9; color: #fff;}
.g-education-con .item.on:after {display: none;}
.g-education-con .item.on a {color: #fff;}



/*学子载誉*/
.g-student-bg {width: auto; height: 6.7rem; background: url("../images/student-bg.png") no-repeat center / auto 100%;}
.g-student-slide {width: 12rem; height: auto; margin: 0 auto; position: relative;}
.g-student-slide .g-swiper-button.prev {left: -1.75rem;}
.g-student-slide .g-swiper-button.next {right: -1.75rem;}
.g-student-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4列 */
    grid-template-rows: repeat(3, 1fr);    /* 3行 */
    gap: 0.08rem;                          /* 网格间隙 */
    font-size: 0;
}

.g-student-list .item:first-child {
    grid-column: 1 / span 2;               /* 横跨2列 */
    grid-row: 1 / span 2;                  /* 纵跨2行 */
}

.g-student-list .item img {
    cursor: pointer;
    aspect-ratio: 16 / 10;
    width: 100%;
    object-fit: cover;
    height: 100%;
}




/*多彩校园*/
.g-school-main {width: 12rem; display: flex; align-items: flex-start; justify-content: space-between; margin: -0.53rem auto 0;}
.g-school-video {width: 6rem; padding-top: 0.8rem;}
.g-school-video .box {display: block; position: relative; cursor: pointer;}
.g-school-video .box .img {font-size: 0;}
.g-school-video .box .img img {width: 100%; aspect-ratio: 16 / 9; object-fit: cover;}
.g-school-video .box .txt {width: 100%; height: 0.46rem; padding: 0 0.2rem; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.6); text-align: center; font-size: 0.22rem; font-weight: bold; color: #fff; box-sizing: border-box; position: absolute; left: 0; bottom: 0; z-index: 10;}
.g-school-video .box .txt .text {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.g-school-video .box .btn {font-size: 0; position: absolute; left: 0.25rem; bottom: 0.6rem;}
.g-school-video .box .btn img {width: 0.5rem;}
.g-school-slide {width: 5.85rem; box-sizing: border-box; background: #fff; border-radius: 0.14rem; box-shadow: 0.03rem 0.05rem 0.1rem rgba(94, 6, 182, 0.4); padding: 0 0.12rem;}
.g-school-slide .swiper {height: 4.16rem; padding: 0.12rem 0; box-sizing: border-box;}
.g-school-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.1rem;}
.g-school-list .item {font-size: 0;}
.g-school-list .item img {cursor: pointer; aspect-ratio: 16 / 10; width: 100%; object-fit: cover;}

.g-school-slide .swiper-pagination {font-size: 0; bottom: 0.2rem; display: flex; justify-content: center; align-items: center; gap: 0.08rem;}
.g-school-slide .swiper-pagination .swiper-pagination-bullet {width: 0.12rem; height: 0.12rem; border-radius: 50%; background: #5e06b7; opacity: 0.3; margin: 0; cursor: pointer;}
.g-school-slide .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}



/*弹窗视频*/
.dialog-video {width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999;}
.dialog-video .close {width: 32px; height: 32px; border-radius: 50%; background: rgba(0, 0, 0, 0.3) url("../images/close.png") no-repeat center / 100% 100%; position: absolute; right: 20px; top: 20px; z-index: 90; cursor: pointer;}
.dialog-video .wrap {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center;}
.dialog-video .main {font-size: 0;}
.dialog-video .main video {width: 80vw; max-height: 80vh; background: #000;}
.dialog-video {display: none;}
.dialog-video.show {display: block;}



/*详情*/
.detail-back {background: linear-gradient(to right bottom, #8c0e0b, #db0201);}
.detail-back .center {width: 12rem; height: 0.66rem; margin: 0 auto; display: flex; justify-content: flex-end; align-items: center;}
.detail-back .center a {font-size: 0.22rem; color: #fff;}

.detail-bg {background-image: url("../images/bg-d.jpg"); background-size: 100% auto; background-repeat: no-repeat;}

.detail-main {width: 12rem; margin: 0 auto; padding: 0.7rem 0 1rem 0;}
.detail-title {text-align: center; font-size: 0.3rem; color: #282828;}
.detail-mark {text-align: center; font-size: 0.2rem; color: #a7a39c; padding-top: 0.2rem;}
.detail-content {font-size: 0.2rem; color: #282828; line-height: 1.6; padding-top: 0.4rem;}