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


/*头部*/
.header {background: #ffecde;}
.header-img {width: 100%; position: absolute; left: 0; top: 0; font-size: 0;}
.header-img img {width: 100%;}
.header-box {padding: 1100px 0 32px 0; min-height: 280px;}
.header-con {width: 1200px; height: auto; box-sizing: border-box; margin: 0 auto; position: relative; z-index: 10; background: #fff url("../images/intro-background.png") no-repeat right bottom / 650px 160px; border-radius: 30px; box-shadow: 4px 4px 20px rgba(139, 68, 56, 0.5);}
.header-con .title {position: absolute; left: 40px; top: -30px;}
.header-con .title img {width: 100px;}
.header-con .content {padding: 32px 30px 32px 145px; font-size: 20px; line-height: 1.8; color: #282828; letter-spacing: calc(1em / 1000 * 86);}
.header-con .content p {text-indent: 2em;}




/*底部*/
.footer {background: #b52220; font-size: 22px; color: #fff; line-height: 1.636; text-align: center; padding: 40px 0 80px 0;}
.footer .center {width: 1200px; margin: 0 auto;}




/*分组*/
.wrapper {width: auto;}
.wrapper .wrap-row {padding: 40px 0; position: relative;}
.wrapper .wrap-row:first-child {padding-top: 60px;}
.wrapper .wrap-row:last-child {padding-bottom: 60px;}
.wrapper .wrap-row:nth-child(1) {background: linear-gradient(#ffecde, #ffdfc8, #ffe1c9);}
.wrapper .wrap-row:nth-child(2) {background: linear-gradient(#ffe1c9, #ffeada);}
.wrapper .wrap-row:nth-child(3) {background: linear-gradient(#ffeada, #fff5ed);}
.wrapper .wrap-row:nth-child(4) {background: linear-gradient(#fff5ed, #ffecde, #fff7f2);}
.wrapper .wrap-row:nth-child(5) {background: linear-gradient(#fff7f2, #fff4eb);}
.wrapper .wrap-row:nth-child(6) {background: linear-gradient(#fff4eb, #ffdec5);}
.wrapper .wrap-row:nth-child(6):after {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../images/row-last-background.png") no-repeat center bottom / 100% auto;}


/*分组间距*/
.wrap-row {display: grid; gap: 20px; position: relative; z-index: 10;}
.wrap-main {display: grid; gap: 50px; position: relative; z-index: 10;}
.wrap-group {display: grid; gap: 30px;}
.group-main {width: 1200px; margin: 0 auto;}


/*大标题*/
.wrap-title {text-align: center; font-size: 0;}
.wrap-title img {height: 172px;}



/*小标题*/
.group-title {text-align: center; width: 300px; height: 40px; line-height: 36px; margin: 0 auto; font-size: 28px; font-weight: bold; background: url("../images/tit.png") no-repeat center / 100% 100%;}




/*左右切换按钮*/
.yee-button-prev,
.yee-button-next {width: 40px; height: 66px; position: absolute; top: 50%; margin-top: -33px; cursor: pointer;}
.yee-button-prev,
.yee-button-next {background-size: 200% 100%; background-image: url("../images/slide-control.png");}
.yee-button-prev.swiper-button-disabled,
.yee-button-next.swiper-button-disabled {pointer-events: none; opacity: 0.5;}
.yee-button-prev {background-position-x: left; left: 0;}
.yee-button-next {background-position-x: right; right: 0;}





/*立德树人*/
.r1f1 {display: flex; justify-content: space-between; align-items: flex-start;}
.r1f1 .img {font-size: 0;}
.r1f1 .img img {width: 100%; aspect-ratio: 16 / 9; object-fit: cover;}
.r1f1 .item {display: block; position: relative; box-shadow: 3px 3px 6px rgba(143, 91, 52, 0.8);}
.r1f1 .item:before {content: ''; display: block; width: 100%; height: 100%; box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 20; border: 3px solid #ecaa7a; pointer-events: none;}
.r1f1-first {width: 800px;}
.r1f1-first .con {width: 100%; position: absolute; left: 0; bottom: 0; z-index: 10;}
.r1f1-first .con .btn {font-size: 0; padding: 0 0 15px 20px;}
.r1f1-first .con .btn img {width: 70px;}
.r1f1-first .con .txt {background: rgba(0, 0, 0, 0.5); font-size: 26px; color: #fff; font-weight: bold; text-align: center; padding: 5px 20px;}
.r1f1-list {width: 390px; display: grid; gap: 11px;}
.r1f1-list .con {width: 100%; position: absolute; left: 0; bottom: 0; z-index: 10; background: rgba(0, 0, 0, 0.5); box-sizing: border-box; display: flex; align-items: center; gap: 10px; padding: 5px 20px;}
.r1f1-list .con .btn {font-size: 0;}
.r1f1-list .con .btn img {width: 24px; height: 24px;}
.r1f1-list .con .txt {flex: 1; min-width: 0; font-size: 22px; color: #fff; font-weight: bold;}



/*德技并修*/
.r1f2 {display: flex; justify-content: center; gap: 10px;}
.r1f2 .item {display: flex; align-items: center; width: 595px; height: 150px; background: #fff; border-radius: 25px; box-shadow: 3px 3px 6px rgba(143, 91, 52, 0.8);}
.r1f2 .item .img {width: 360px; height: 150px; position: relative;}
.r1f2 .item .img .img-box {font-size: 0; width: 100%; height: 100%;}
.r1f2 .item .img .img-box img {width: 100%; height: 100%; object-fit: cover; border-radius: 25px 0 0 25px;}
.r1f2 .item .img .btn-box {font-size: 0; width: 70px; height: 70px; position: absolute; left: 50%; margin-left: -35px; top: 50%; margin-top: -35px;}
.r1f2 .item .img .btn-box img {width: 100%; height: 100%;}
.r1f2 .item .con {flex: 1; min-width: 0; position: relative; height: 150px; box-sizing: border-box; padding: 20px; display: flex; align-items: center;}
.r1f2 .item .con .txt {font-size: 20px; line-height: 1.8; color: #282828; font-weight: bold; -webkit-line-clamp: 3;}




/*旗帜领航*/
.r1f3 .swiper {overflow: hidden; padding: 30px 0;}
.r1f3 .swiper-slide {transition: transform 0.2s; position: relative;}
.r1f3 .swiper-slide .btn {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 20;}
.r1f3 .swiper-slide .img {font-size: 0;}
.r1f3 .swiper-slide .img a {display: block;}
.r1f3 .swiper-slide .img img {width: 100%; aspect-ratio: 16 / 9; object-fit: cover;}
.r1f3 .swiper-slide .con {position: relative; z-index: 10; background: #fff; height: 60px; box-sizing: border-box; display: flex; align-items: center; text-align: center; font-size: 18px; padding: 0 20px; color: #000000; line-height: 1.4;}
.r1f3 .swiper-slide .con a {color: #000000;}
.r1f3 .swiper-slide-active {transform: scale(1.2); z-index: 20;}
.r1f3 .swiper-slide-active .btn {display: none;}
.r1f3 .swiper-slide-active .img {box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);}




/*名师风范*/
.r2f1 {width: 1220px; position: relative;}
.r2f1 .yee-button-prev {left: -50px;}
.r2f1 .yee-button-next {right: -50px;}
.r2f1 .swiper-slide {width: 305px;}
.r2f1 .item {display: block; width: 280px; margin: 0 auto; position: relative;}
.r2f1 .item:after {content: ''; display: block; width: 305px; height: 305px; background: url("../images/r2-f1-background.png") no-repeat center / 100% 100%; position: absolute; left: 50%; margin-left: -152px; bottom: 0;}
.r2f1 .item .img {font-size: 0; position: relative; z-index: 10;}
.r2f1 .item .img a {display: block;}
.r2f1 .item .img img {width: 280px; height: 330px; object-fit: contain;}
.r2f1 .item .con {width: 100%; position: absolute; left: 0; bottom: 0; z-index: 15;}
.r2f1 .item .con:before {content: ''; display: block; width: 20px; height: 24px; background: #ffcc66; position: absolute; left: 5px; top: -16px; transform: skewX(-15deg)}
.r2f1 .item .con:after {content: ''; display: block; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); border-radius: 10px; position: absolute; left: 0; top: 0; z-index: 2;}
.r2f1 .item .con .name {position: absolute; left: 11px; top: -16px; height: 28px; font-size: 16px; color: #fff; z-index: 10; display: flex; align-items: center; gap: 5px; padding: 0 10px;}
.r2f1 .item .con .name span {position: relative; z-index: 10;}
.r2f1 .item .con .name span.t {font-size: 1.125em; font-weight: bold;}
.r2f1 .item .con .name:after {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to right bottom, #f77b2e, #ff5115); transform: skewX(10deg);}
.r2f1 .item .con .text {position: relative; z-index: 10; padding: 20px 25px 10px 25px; font-size: 16px; color: #000; line-height: 1.32; min-height: 2.64em;}


/*铸造革新-共筑人才高地*/
.r3ff {display: grid; gap: 30px;}
.r3ff .ad {font-size: 0;}
.r3ff .ad a {display: block;}
.r3ff .ad img {width: 100%; border-radius: 18px;}
.r3ff .vb {position: relative; width: 880px; margin: 0 auto;}
.r3ff .vb .box {display: block; position: relative;}
.r3ff .vb .box:before {content: ''; display: block; width: 100%; height: 100%; box-sizing: border-box; border-radius: 15px; border: 3px solid #b61f20; position: absolute; left: 0; top: 0; z-index: 20;}
.r3ff .vb .box .con {width: 100%; position: absolute; left: 0; bottom: 0; z-index: 10;}
.r3ff .vb .box .con .btn {font-size: 0; padding: 0 0 15px 25px;}
.r3ff .vb .box .con .btn img {width: 70px; height: 70px;}
.r3ff .vb .box .con .txt {background: rgba(0, 0, 0, 0.5); font-size: 28px; color: #fff; text-align: center; font-weight: bold; padding: 5px 25px; border-radius: 0 0 15px 15px;}
.r3ff .vb .box .img {font-size: 0;}
.r3ff .vb .box .img img {width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 15px;}


/*精品课程*/
.r3f1 {position: relative;}
.r3f1 .yee-button-prev {left: -60px;}
.r3f1 .yee-button-next {right: -60px;}
.r3f1 .swiper {width: 1220px; transform: translateX(-10px); box-sizing: border-box; padding: 10px;}
.r3f1 .list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.r3f1 .list .item {background: #fff; border-radius: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); min-width: 0;}
.r3f1 .list .item .img {position: relative;}
.r3f1 .list .item .img .img-box {font-size: 0;}
.r3f1 .list .item .img .img-box a {display: block;}
.r3f1 .list .item .img .img-box img {aspect-ratio: 16 / 9; object-fit: cover; border-radius: 8px 8px 0 0;}
.r3f1 .list .item .img .txt-box {width: 100%; box-sizing: border-box; padding: 8px 10px; font-size: 20px; color: #fff; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: 0; z-index: 10;}
.r3f1 .list .item .con {padding: 10px 20px;}
.r3f1 .list .item .con .tit {font-size: 25px; color: #000000;}
.r3f1 .list .item .con .tit a {color: #000000;}
.r3f1 .list .item .con .txt {font-size: 20px; color: #b6b6b6;}


/*知行合一*/
.r3f2 {position: relative;}
.r3f2 .yee-button-prev {left: -60px;}
.r3f2 .yee-button-next {right: -60px;}
.r3f2-main {display: flex; justify-content: space-between;}
.r3f2-first {width: 500px; background: #ffefdb;}
.r3f2-first .img {font-size: 0; height: 280px;}
.r3f2-first .img a {display: block; width: 100%; height: 100%;}
.r3f2-first .img img {width: 100%; height: 100%; object-fit: cover;}
.r3f2-first .con {width: 500px; height: 94px; box-sizing: border-box; padding: 12px 30px;}
.r3f2-first .con .tit {font-size: 16px; font-weight: bold; color: #282828; line-height: 1.32;}
.r3f2-first .con .tit a {color: #282828;}
.r3f2-first .con .txt {font-size: 14px; color: #282828; padding-top: 7px;}

.r3f2-list {width: 690px; display: grid; gap: 10px;}
.r3f2-list .item {flex: 1; min-width: 0; display: flex; background: #ffefdb;}
.r3f2-list .item .img {font-size: 0; width: 210px; height: 118px;}
.r3f2-list .item .img a {display: block; width: 100%; height: 100%;}
.r3f2-list .item .img img {width: 100%; height: 100%; object-fit: cover;}
.r3f2-list .item .con {flex: 1; min-width: 0; height: 118px; padding: 15px; box-sizing: border-box;}
.r3f2-list .item .con .tit {font-size: 16px; font-weight: bold; color: #282828; padding-bottom: 5px;}
.r3f2-list .item .con .tit a{color: #282828;}
.r3f2-list .item .con .txt {font-size: 14px; color: #282828; line-height: 1.42; -webkit-line-clamp: 3;}




/*实践教学*/
.r4f1-head {display: flex; justify-content: space-between; align-items: flex-start;}
.r4f1-first {width: 320px; position: relative; padding-top: 25px;}
.r4f1-first .img {font-size: 0; height: 212px;}
.r4f1-first .img a {display: block; height: 100%;}
.r4f1-first .img img {width: 100%; height: 100%; object-fit: cover;}
.r4f1-first .con {height: 48px; background: linear-gradient(to right, #b52220, #ff9d5c); padding: 0 20px; }
.r4f1-first .txt {line-height: 48px; text-align: center; font-size: 18px; color: #fff; font-weight: bold; text-shadow: 0 2px 2px rgba(181, 34, 32, 0.6);}
.r4f1-intro {width: 870px; height: 285px; position: relative; display: flex; align-items: flex-start;}
.r4f1-intro:after {content: ''; display: block; width: 100%; height: 260px; background: linear-gradient(to right, #b52220, #ff9d5c); position: absolute; left: 0; bottom: 0;}
.r4f1-intro .img {width: 500px; height: 270px; font-size: 0; position: relative; z-index: 10; padding-right: 15px;}
.r4f1-intro .img a {display: block; width: 100%; height: 100%;}
.r4f1-intro .img img {width: 100%; height: 100%; object-fit: cover;}
.r4f1-intro .con {position: relative; z-index: 10; flex: 1; min-width: 0; height: 285px; box-sizing: border-box; padding: 45px 30px 0 30px; color: #fff;}
.r4f1-intro .con a {color: #fff;}
.r4f1-intro .con .tit {font-size: 28px; font-weight: bold; line-height: 1.36; text-shadow: 0 2px 2px rgba(181, 34, 32, 0.6);}
.r4f1-intro .con .txt {-webkit-line-clamp: 6; font-size: 14px; line-height: 1.57;}
.r4f1-intro .con .divider {height: 10px;}

.r4f1-main {padding-top: 30px;}
.r4f1-main .swiper-pagination {display: flex; justify-content: center; align-items: center; gap: 10px; width: 100%; font-size: 0; bottom: 0;}
.r4f1-main .swiper-pagination .swiper-pagination-bullet {margin: 0; opacity: 1; width: 14px; height: 14px; border-radius: 10px; background: #ffcda1;}
.r4f1-main .swiper-pagination .swiper-pagination-bullet-active {width: 48px; background: #c44b47;}
.r4f1-list {padding-bottom: 50px; display: grid; grid-column-gap: 60px; grid-row-gap: 30px; grid-template-columns: repeat(2, 1fr);}
.r4f1-list .item {display: flex; align-items: center; gap: 10px;}
.r4f1-list .item .icon {font-size: 0; width: 50px;}
.r4f1-list .item .icon img {width: 100%;}
.r4f1-list .item .text {flex: 1; min-width: 0; font-size: 22px; color: #282828;}


/*产业学院*/
.r4f2 {display: flex; align-items: flex-start; justify-content: space-between;}
.r4f2-first {width: 420px; height: 600px; position: relative;}
.r4f2-first .img {font-size: 0; width: 100%; height: 100%;}
.r4f2-first .img a {display: block; width: 100%; height: 100%;}
.r4f2-first .img img {width: 100%; height: 100%; object-fit: cover;}
.r4f2-first .txt {width: 100%; box-sizing: border-box; padding: 10px 15px; background: rgba(188, 46, 38, 0.8); text-align: center; font-size: 24px; font-weight: bold; color: #fff; position: absolute; left: 0; bottom: 0; z-index: 10;}


.r4f2-list {width: 770px; display: flex; flex-wrap: wrap; gap: 10px;}
.r4f2-list .item {position: relative;}
.r4f2-list .item:nth-child(1),
.r4f2-list .item:nth-child(3) {width: 340px; height: 190px;}
.r4f2-list .item:nth-child(2),
.r4f2-list .item:nth-child(4) {width: 420px; height: 190px; background: linear-gradient(to right, #fffaf5, #ffeacf); position: relative;}
.r4f2-list .item:nth-child(5),
.r4f2-list .item:nth-child(6),
.r4f2-list .item:nth-child(7) {width: 250px; height: 200px;}

.r4f2-item-con {width: 420px; height: 190px; box-sizing: border-box; padding: 18px 25px;}
.r4f2-item-con .tit {font-size: 21px; color: #282828; font-weight: bold; line-height: 1.142;}
.r4f2-item-con .txt {font-size: 16px; color: #282828; -webkit-line-clamp: 4; line-height: 1.562;}
.r4f2-item-con .divider {height: 6px;}

.r4f2-item-com {width: 100%; height: 100%;}
.r4f2-item-com .img {font-size: 0; width: 100%; height: 100%;}
.r4f2-item-com .img a {display: block; width: 100%; height: 100%;}
.r4f2-item-com .img img {width: 100%; height: 100%; object-fit: cover;}
.r4f2-item-com .txt {width: 100%; box-sizing: border-box; padding: 5px 15px; background: rgba(188, 46, 38, 0.8); text-align: center; font-size: 18px; line-height: 1.334; color: #fff; position: absolute; left: 0; bottom: 0; z-index: 10;}



/*岗赛结合*/
.r4f3 .swiper {overflow: hidden; padding: 60px 0;}
.r4f3 .swiper-slide {transition: transform 0.2s; position: relative;}
.r4f3 .swiper-slide:before {content: ''; display: block; width: 100%; height: 100%; box-sizing: border-box; border: 6px solid #f4dac3; position: absolute; left: 0; top: 0; z-index: 30; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2); pointer-events: none;}
.r4f3 .swiper-slide .btn {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 20;}
.r4f3 .swiper-slide .img {font-size: 0;}
.r4f3 .swiper-slide .img a {display: block;}
.r4f3 .swiper-slide .img img {width: 100%; aspect-ratio: 16 / 9; object-fit: cover;}
.r4f3 .swiper-slide .con {position: absolute; left: 0; bottom: 6px; width: 100%; box-sizing: border-box; text-align: center; z-index: 10; background: rgba(174, 51, 41, 0.7); font-size: 20px; padding: 5px 20px; color: #fff; font-weight: bold;}
.r4f3 .swiper-slide .con a {color: #fff;}
.r4f3 .swiper-slide-active {transform: scale(1.5); z-index: 20;}
.r4f3 .swiper-slide-active .btn {display: none;}


/*大赛奖项*/
.r4f4 {background: #fff; box-shadow: 0 5px 7px rgba(188, 46, 38, 0.4); position: relative;}
.r4f4:before {content: ''; display: block; width: 100%; height: 38px; background: linear-gradient(#f7f7f6, #ffffff, #d6d6d6);}
.r4f4-main {background: url("../images/r4-f4-sub.png") no-repeat right bottom / 100px 100px, linear-gradient(#e5e5e5, #ffffff 40px); padding-bottom: 25px;}
.r4f4-main .swiper-pagination {display: flex; justify-content: center; align-items: center; gap: 5px; width: 100%; font-size: 0; bottom: 0;}
.r4f4-main .swiper-pagination .swiper-pagination-bullet {margin: 0; opacity: 1; width: 34px; height: 4px; border-radius: 10px; background: #bdbdbd;}
.r4f4-main .swiper-pagination .swiper-pagination-bullet-active {background: #b82823;}
.r4f4-list {padding: 0 30px 32px 30px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.r4f4-list .item {width: calc(50% - 16px); padding: 24px 0; border-top: 2px dotted #ddd;}
.r4f4-list .item:nth-child(1),
.r4f4-list .item:nth-child(2) {border-top: 0 none;}
.r4f4-list .item .head {display: flex; align-items: center; padding-bottom: 10px;}
.r4f4-list .item .icon {font-size: 0; width: 20px;}
.r4f4-list .item .icon img {width: 12px; height: 14px;}
.r4f4-list .item .title {flex: 1; min-width: 0; font-size: 20px; font-weight: bold; color: #282828;}
.r4f4-list .item .content {padding-left: 20px; font-size: 16px; line-height: 1.625; color: #282828;}






/*就业质量*/
.progress-circle {
    --percent: 0; /* 百分数 */
    --size: 190px; /* 尺寸大小 */
    --border-width: 25px; /* 环形宽度（粗细） */
}
/* 容器 */
.progress-circle {
    width: var(--size);
    height: var(--size);
    transform: rotate(-90deg);
    border-radius: 50%;
}

/* 进度条环形图形 */
.progress-circle > circle {
    cx: calc(var(--size) / 2);
    cy: calc(var(--size) / 2);
    r: calc((var(--size) - var(--border-width)) / 2);
    fill: none;
    stroke-width: var(--border-width);
    /*stroke-linecap: round;*/
    stroke-dasharray: calc(2 * 3.1415 * (var(--size) - var(--border-width)) / 2 * (var(--percent) / 100) ), 1000
}


.r4f5 {display: flex; justify-content: space-evenly; box-sizing: border-box;}
.r4f5 .item {width: 280px; height: 280px; background: url("../images/r4-f5-progress.png") no-repeat center / 100% 100%; display: flex; justify-content: center; align-items: center; position: relative;}
.r4f5 .item .img {font-size: 0;}
.r4f5 .item .con {width: 120px; height: 120px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: absolute; left: 50%; margin-left: -60px; top: 50%; margin-top: -58px; z-index: 10;}
.r4f5 .item .con .num {font-size: 24px; font-weight: bold; color: #d31616;}
.r4f5 .item .con .txt {font-size: 20px; color: #282828;}





/*文化传承*/
.r5f1 {position: relative; height: 152px; background: url("../images/r5-f1-background.png") no-repeat center / 100% 100%;}
.r5f1 .yee-button-prev {left: -60px;}
.r5f1 .yee-button-next {right: -60px;}
.r5f1-main {padding: 20px 0 0 320px; width: 860px;}
.r5f1-main .swiper-slide {width: 280px;}
.r5f1-main .item {width: 280px;}
.r5f1-main .item .img {background: #fccac7; padding: 6px 8px; font-size: 0;}
.r5f1-main .item .img a {display: block;}
.r5f1-main .item .img img {width: 100%; height: 88px; object-fit: cover;}
.r5f1-main .item .txt {font-size: 14px; color: #282828; text-align: center; padding-top: 5px;}
.r5f1-main .item .txt a {color: #282828;}



/*国际交流*/
.r5f2 {display: flex; justify-content: space-between; align-items: flex-start;}
.r5f2-list {width: 530px; display: grid; gap: 12px;}
.r5f2-list .item {flex: 1; min-width: 0; display: flex; align-items: center; height: 120px; padding: 3px; box-sizing: border-box; border: 2px solid #ee5015;}
.r5f2-list .item .img {font-size: 0;}
.r5f2-list .item .img a {display: block;}
.r5f2-list .item .img img {width: 215px; height: 110px;}
.r5f2-list .item .con {flex: 1; min-width: 0; padding: 0 20px;}
.r5f2-list .item .con .tit {font-size: 18px; line-height: 28px; height: 84px; color: #242424; -webkit-line-clamp: 3;}
.r5f2-list .item .con .tit a {color: #242424;}
.r5f2-list .item .con .btn {font-size: 12px; color: #a7a096; text-align: right; padding-top: 5px;}
.r5f2-list .item .con .btn a {color: #a7a096;}
.r5f2-main {width: 640px; height: 384px; position: relative;}
.r5f2-main:before {content: ''; display: block; width: 100%; height: 100%; box-sizing: border-box; border: 2px solid #ee5015; position: absolute; left: 0; top: 0; z-index: 30; pointer-events: none;}
.r5f2-main .swiper-slide .box {display: block; width: 640px; height: 384px; position: relative;}
.r5f2-main .swiper-slide .box .img {font-size: 0; width: 100%; height: 100%;}
.r5f2-main .swiper-slide .box .img img {width: 100%; height: 100%; object-fit: cover;}
.r5f2-main .swiper-slide .box .txt {width: 100%; height: 44px; line-height: 42px; font-size: 22px; color: #fff; box-sizing: border-box; padding: 0 170px 2px 30px; background: rgba(0, 0, 0, 0.8); position: absolute; left: 0; bottom: 0; z-index: 10;}
.r5f2-main .swiper-pagination {display: flex; justify-content: center; align-items: center; gap: 10px; width: auto; font-size: 0; left: auto; right: 17px; bottom: 15px;}
.r5f2-main .swiper-pagination .swiper-pagination-bullet {margin: 0; opacity: 1; width: 14px; height: 14px; border-radius: 10px; background: #ffcda1;}
.r5f2-main .swiper-pagination .swiper-pagination-bullet-active {width: 48px; background: #c44b47;}



/*教学硕果*/
.r6f1-first {width: 974px; height: 536px; box-sizing: border-box; padding-top: 32px; margin: 0 auto; background: linear-gradient(to right, #b52220, #ff9d5c);}
.r6f1-first .swiper {width: 840px; height: 472px; margin: 0 auto; box-shadow: 0 4px 9px rgba(150, 18, 16, 0.8);}
.r6f1-first .swiper .box {display: block; width: 100%; height: 100%; position: relative;}
.r6f1-first .swiper .box .img {font-size: 0; width: 100%; height: 100%;}
.r6f1-first .swiper .box .img img {width: 100%; height: 100%;}
.r6f1-first .swiper .box .con {width: 100%; height: 58px; box-sizing: border-box; padding: 0 30px; display: flex; align-items: center; gap: 15px; background: rgba(0, 0, 0, 0.7); position: absolute; left: 0; bottom: 0; z-index: 20;}
.r6f1-first .swiper .box .con .btn {font-size: 0;}
.r6f1-first .swiper .box .con .btn img {width: 44px; height: 44px;}
.r6f1-first .swiper .box .con .txt {flex: 1; min-width: 0; font-size: 20px; font-weight: bold; color: #fff;}


.r6f1-list {display: flex; align-items: center; justify-content: space-between; padding-top: 20px;}
.r6f1-list .button-prev,
.r6f1-list .button-next {width: 40px; height: 146px; display: flex; justify-content: center; align-items: center; background: linear-gradient(to right top, #b52220, #ff9d5c); cursor: pointer;}
.r6f1-list .button-prev:before,
.r6f1-list .button-next:before {content: ''; display: block; width: 20px; height: 50px; background: url("../images/slide-control2.png") no-repeat left center / 200% 100%;}
.r6f1-list .button-next:before {background-position-x: right;}
.r6f1-list .button-prev.swiper-button-disabled,
.r6f1-list .button-next.swiper-button-disabled {pointer-events: none; opacity: 0.5;}
.r6f1-list .swiper {width: 1100px; height: 146px;}
.r6f1-list .swiper .box {width: 260px; height: 146px; position: relative;}
.r6f1-list .swiper .box .btn {width: 70px; height: 70px; font-size: 0; position: absolute; left: 50%; margin-left: -35px; top: 50%; margin-top: -35px; z-index: 20;}
.r6f1-list .swiper .box .btn img {width: 70px; height: 70px;}
.r6f1-list .swiper .box .img {font-size: 0;}
.r6f1-list .swiper .box .img img {width: 260px; height: 146px;}
.r6f1-list .swiper .box .txt {width: 100%; height: 26px; line-height: 26px; font-size: 14px; color: #fff; box-sizing: border-box; padding: 0 15px; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: 0; z-index: 10;}




/*社会服务*/
.r6f2 {position: relative;}
.r6f2 .yee-button-prev {left: -60px;}
.r6f2 .yee-button-next {right: -60px;}
.r6f2-list {display: flex; gap: 8px;}
.r6f2-list .col {width: 240px; display: grid; gap: 8px;}
.r6f2-list .item {width: 240px; height: 280px; background: linear-gradient(to right bottom, #fffaf5, #ffeacf);}
.r6f2-list .col:nth-child(2) {width: 450px;}
.r6f2-list .col:nth-child(2) .item {width: 450px;}
.r6f2-list .item-con {padding: 25px 25px 0 25px;}
.r6f2-list .item-con .tit {font-size: 18px; color: #282828; font-weight: bold; -webkit-line-clamp: 5; line-height: 1.445;}
.r6f2-list .item-con .tit span {color: #b52220;}
.r6f2-list .item-con .tit a {color: #282828;}
.r6f2-list .item-con .tit a span {color: #b52220;}
.r6f2-list .item-con .txt {font-size: 16px; color: #68635e; line-height: 1.44; -webkit-line-clamp: 4;}
.r6f2-list .item-con .divider {height: 10px;}
.r6f2-list .item-img {font-size: 0; width: 100%; height: 100%;}
.r6f2-list .item-img a {display: block; width: 100%; height: 100%;}
.r6f2-list .item-img img {width: 100%; height: 100%; object-fit: cover;}
.r6f2-list .item-com {position: relative; width: 100%; height: 100%;}
.r6f2-list .item-com .img {font-size: 0; width: 100%; height: 100%;}
.r6f2-list .item-com .img a {display: block; width: 100%; height: 100%;}
.r6f2-list .item-com .img img {width: 100%; height: 100%; object-fit: cover;}
.r6f2-list .item-com .txt {width: 100%; height: 38px; line-height: 38px; text-align: center; background: rgba(183, 34, 32, 0.9); font-size: 18px; color: #fff; font-weight: bold; position: absolute; left: 0; bottom: 0; z-index: 10;}




/*学生榜样*/
.r6f3 {width: 1532px;}
.r6f3 .swiper-pagination {display: flex; justify-content: center; align-items: center; gap: 10px; width: 100%; font-size: 0; bottom: 0;}
.r6f3 .swiper-pagination .swiper-pagination-bullet {margin: 0; opacity: 1; width: 14px; height: 14px; border-radius: 10px; background: #fff0e2;}
.r6f3 .swiper-pagination .swiper-pagination-bullet-active {width: 48px; background: #c3463e;}
.r6f3-list {padding-bottom: 42px; display: flex; gap: 10px;}
.r6f3-list .col {display: grid; gap: 10px; place-content: flex-start;}
.r6f3-list .item {width: auto; height: auto;}
.r6f3-list .item-size1 {width: 404px; height: 227px;}
.r6f3-list .item-size2 {width: 840px; height: 464px;}
.r6f3-list .item-size3 {width: 268px; height: 148px;}
.r6f3-list .item .box {display: block; width: 100%; height: 100%; position: relative;}
.r6f3-list .item .box .img {font-size: 0; width: 100%; height: 100%;}
.r6f3-list .item .box .img img {width: 100%; height: 100%; object-fit: cover;}
.r6f3-list .item .box .con {width: 100%; position: absolute; left: 0; bottom: 0; z-index: 10;}
.r6f3-list .item .box .con .btn {font-size: 0; padding: 10px;}
.r6f3-list .item .box .con .btn img {width: 40px; height: 40px;}
.r6f3-list .item .box .con .txt {font-size: 22px; color: #ffffff; font-weight: bold; height: 46px; line-height: 46px; padding: 0 10px; text-align: center; background: rgba(0, 0, 0, 0.7);}

.r6f3-list .item.item-size1 .box .con .btn {padding: 15px;}
.r6f3-list .item.item-size1 .box .con .btn img {width: 48px; height: 48px;}

.r6f3-list .item.item-size2 .box .con .btn {padding: 20px;}
.r6f3-list .item.item-size2 .box .con .btn img {width: 70px; height: 70px;}

.r6f3-list .item.item-size3 .box .con .btn {padding: 10px;}
.r6f3-list .item.item-size3 .box .con .btn img {width: 40px; height: 40px;}




/*详情*/
.detail-header {font-size: 0;}
.detail-header img {width: 100%;}
.detail-line {height: 22px; background: linear-gradient(to right, #f28e26, #fd644f, #f28e26);}

.detail-wrapper {background: url("../images/detail-background.png") no-repeat center bottom / 100% auto, linear-gradient(#fff9f4, #ffffff); padding: 40px 0;}
.detail-center {width: 1200px; margin: 0 auto;}
.detail-location {display: flex; align-items: center; gap: 10px;}
.detail-location .icon {font-size: 0;}
.detail-location .icon img {width: 20px; height: 20px;}
.detail-location .text {flex: 1; min-width: 0; font-size: 20px; color: #282828;}
.detail-main {padding: 70px 0 180px 0;}

.detail-title {font-size: 26px; color: #282828; font-weight: bold; text-align: center;}
.detail-mark {font-size: 16px; color: #aaa6a4; text-align: center; padding-top: 20px;}
.detail-content {font-size: 20px; color: #282828; line-height: 2; padding-top: 40px;}
.detail-content img {max-width: 100%;}