/* 页面大面基础样式 */

i img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pad80 {
    padding-top: 80px;
    padding-bottom: 100px;
}

.advertise {
    width: 100%;
    padding-top: 156px;
}

.bread {
    width: 100%;
    background: #6A0800;
    display: none;
}

.bread a {
    font-size: 16px;
    color: #B8B8B8;
    /*text-transform: capitalize;*/
}

.bread span {
    width: 6px;
    height: 10px;
    background: url(../images/about/icon-next.png) no-repeat;
}

.breadCon {
    padding-left: 40px;
    background: url(../images/about/icon-home.png) no-repeat left center;
}

.breadCon {
    display: flex;
    height: 70px;
    align-items: center;
    gap: 16px;
}

.bread a:last-child {
    color: #fff;
}

.adv {
    width: 100%;
    /* height: 440px; */
    padding-bottom: 23.4%;
    position: relative;
}

.studentVideo>div {
    position: absolute
}

.adv img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.advCover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.advCover h1 {
    font-weight: bold;
    font-size: 94px;
    color: #F6F6F6;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
    /*margin-top: 70px;*/
    width: 80%;
    text-align: center;
    line-height: 1.1;
    /*text-transform: capitalize;*/
}

.contentBox {
    width: 100%;
    display: flex;
    gap: 60px;
}

.navLeft {
    width: 300px;
    background: #fff;
    flex-shrink: 0;
}

.navLeft h4 {
    font-weight: bold;
    font-size: 24px;
    color: #F6F6F6;
    min-height: 74px;
    display: flex;
    align-items: center;
    width: 100%;
    background: #921C12;
    padding: 10px 0 10px 20px;
    text-transform: capitalize;
}

.navList,
.stuLeft {
    width: calc(100% - 20px);
    background: url(../images/about/navBg.png) no-repeat bottom right #fff;
    min-height: 400px;
    float: right;
    position: relative;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
    padding-bottom: 180px;
}

.navList::before,
.stuLeft::before {
    content: "";
    display: block;
    width: 20px;
    height: calc(400px - 74px);
    background: #921C12;
    position: absolute;
    left: -20px;
}

.navList ul li {
    width: 100%;
}

.navList ul li a {
    border-bottom: 1px solid #ECECEC;
    font-weight: bold;
    font-size: 18px;
    color: #666666;
    display: block;
    width: 100%;
    padding: 22px;
    padding-right: 40px;
    width: 100%;
    /*text-transform: capitalize;*/
}

.navList ul li.active>a,
.navList ul li:hover>a {
    background: url(../images/about/navAct.png) no-repeat calc(100% - 20px) center rgba(146, 28, 18, 0.25);
    color: #921C12;
}

.navList ul li dl {
    display: none;
}

.navList ul li dl dd a.active {
    color: #921C12;
    font-weight: bold;
    padding-left: 30px;
}

.navList ul li dl dd a {
    background: #fff;
    padding: 20px;
    padding-left: 25px;
    font-size: 16px;
}

.navList ul li dl dd a:hover {
    color: #921C12;
    padding-left: 30px;
}

.rightCon {
    flex: 1;
    overflow: hidden;
    margin-top: 74px;
}

.boxShadow {
    /*    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);*/
    width: 100%;
    position: relative;
}


/* aboutUs */

.aboutDean {
    padding: 60px 20px;
    margin: 0 auto;
}

.boxShadow::before {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background: #921C12;
    border-radius: 0px 0px 10px 10px;
    position: absolute;
    top: 0;
    left: 0;
}

.aboutDean h6 {
    font-weight: bold;
    font-size: 24px;
    color: #921C12;
    text-align: center;
    margin-bottom: 30px;
}

.aboutDean p {
    font-size: 18px;
    color: #000000;
    margin: 10px 0;
}

.aboutDean p img {
    max-width: 100%
}

.aboutDean p a {
    color: #921C12
}

.aboutDean p a:hover {
    color: #8d1107
}

.aboutDeanBox {
    background: url(../images/about/fz.png) no-repeat left 80px, url(../images/about/fz2.png) no-repeat right bottom;
    padding-bottom: 40px;
}

.aboutContact {
    width: 100%;
    background: #921C12;
    padding: 30px;
}

.contactInfo {
    width: 100%;
    display: flex;
    overflow: hidden;
    gap: 20px;
}

.contactInfoTxt {
    padding: 0 0px;
    width: calc(44%);
}

.contactInfoTxt h6 {
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    text-transform: capitalize;
}

.contactMess p {
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    margin-bottom: 10px;
    background: url(../images/about/icon-address.png) no-repeat left center;
    padding-left: 28px;
}

.contactMess+.contactMess p {
    background-image: url(../images/about/icon-phone.png);
}

.contactMess+.contactMess+.contactMess p {
    background-image: url(../images/about/icon-mail.png);
}

.contactMess span {
    font-size: 18px;
    color: #FFFFFF;
    /* text-decoration: underline; */
}

.contactInfoTxt {
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: flex-start;
    padding-top: 20px;
    flex-shrink: 0;
}

.contactCode {
    /* width: 60%; */
    flex: 1;
    overflow: hidden;
    height: 480px;
    background: #6B0011;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    /* margin-top: -48px; */
    position: relative;
    z-index: 2;
    margin-right: 0px;
    display: flex;
    justify-content: center;
    /* align-items: unset; */
    gap: 15px;
    padding: 0px 20px;
}

.code {
    width: calc(50% - 20px);
    margin-top: 120px;
    text-align: center;
}

.code img {
    max-width: 100%;
    height: auto;
}

.code p {
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    margin-top: 10px;
    line-height: 1.4;
}

.mapImg {
    margin-top: -18px;
    position: relative;
    width: 100%;
    height: 470px;
    overflow: hidden;
}

.mapImg img {
    width: auto;
    height: auto;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.1s ease-out;
    max-width: none;
    /* 允许图片超出原始尺寸 */
}

.contactCode i {
    width: 12px;
    height: 12px;
    background: #EBEBEB;
    border-radius: 50%;
    position: absolute;
    display: block;
}

.contactCode i:first-child {
    top: 30px;
    left: 20px;
}

.contactCode i:nth-child(2) {
    top: 30px;
    right: 20px;
}

.contactCode i:nth-child(3) {
    bottom: 30px;
    left: 20px;
}

.contactCode i:nth-child(4) {
    right: 20px;
    bottom: 30px;
}

.personListItem {
    margin-bottom: 50px;
}

.personListItem h6 {
    border-bottom: 1px solid #ECECEC;
    text-align: left;
}

.personListItem h6 p {
    font-size: 20px;
    color: #921C12;
    text-transform: capitalize;
    font-weight: bold;
    border-bottom: 3px solid #921C12;
    padding: 12px 0;
    display: inline-block;
    margin: 0;
    margin-right: 20px;
}

.personListItem h6 span {
    font-size: 16px;
    color: rgba(153, 153, 153, 0.6);
    font-weight: normal;
}

.perName {
    display: flex;
    gap: 20px 24px;
    flex-wrap: wrap;
}

.perName p {
    font-size: 18px;
    color: #000000;
    flex: 0 0 calc(20% - 20px);
    margin: 0;
}


/* Faculty */

.facultyBox {
    padding: 40px 20px;
}

.laboratoryBox {
    width: 100%;
    border-top: 6px solid #9A0000;
    background: #F5F5F5;
    box-sizing: border-box;
    overflow: hidden;
}

.labTabBox {
    width: 100%;
    border-top: 10px solid #E6E6E6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    background: #E6E6E6;
}

.labTabBox a.on {
    background: #F5F5F5;
    color: #9A0000;
    border-top-right-radius: 10px;
    transform: skew(15deg);
    transform-origin: bottom left;
}

.labTabBox a:nth-child(2).on {
    transform: skew(0);
    overflow: hidden;
    background: url(../images/lab/tabBg.png) no-repeat bottom center;
}

.labTabBox a:nth-child(2).on span {
    transform: skew(0);
}

.labTabBox a:last-child.on {
    transform: skew(-15deg);
    transform-origin: bottom right;
    border-top-left-radius: 10px;
}

.labTabBox a.on span::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #9A0000;
    border-radius: 50%;
    margin-right: 10px;
}

.labTabBox a.on span {
    transform: skew(-15deg)
}

.labTabBox a:last-child.on span {
    transform: skew(15deg)
}

.teaTabBox a:nth-child(2).on {
    background: #F5F5F5;
}

.labTabBox a {
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 22px;
    color: #333333;
}

.labPellTeacher {
    padding-bottom: 30px;
    display: none;
}

.labTeacherBox {
    /* padding: 0 15px; */
    width: 100%;
    box-sizing: border-box;
}

.pellBox {
    background: #E6E6E6;
    padding: 20px;
    overflow: hidden;
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.pellBox a {
    background: #fff;
    font-weight: bold;
    font-size: 18px;
    color: #666666;
    text-align: center;
    display: block;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pellBox a:hover,
.pellBox a.on {
    background: #9A0000;
    color: #fff;
}

.pellOne {
    width: 100%;
    border-bottom: 1px solid #ECECEC;
}

.pellOne p {
    font-size: 24px;
    color: #921C12;
    padding: 15px;
    border-bottom: 3px solid #921C12;
    display: inline-block;
    text-transform: capitalize;
}

.labTeacherList {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    /* margin-top: 30px; */
}

.labTeacherList a.labTeaItem {
    flex: 0 0 calc(50% - 10px);
    border-radius: 6px;
    background: #F4F4F4;
    padding: 10px;
    box-sizing: border-box;
    height: 224px;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    border: 1px solid #EDEDED;
    transition: all ease-in-out 0.3s;
    overflow: hidden;
}

.labTeaItem i.teaImg {
    width: 140px;
    height: 194px;
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
}

.labTeaItem .teaCon {
    padding-right: 10px;
    flex: 1;
    text-align: left;
}

.labTeaItem .teaCon h6 {
    border-bottom: 1px solid #921C12;
    padding: 5px 0;
    font-weight: bold;
    font-size: 20px;
    color: #000000;
}

.labTeaItem .teaCon h6 span {
    font-size: 16px;
    color: #9A0000;
    padding-left: 16px;
    background: url(../images/lab/icon-id.png) no-repeat left center;
    margin-left: 10px;
}

.labTeaItem .teaCon .bass {
    display: flex;
    gap: 8px;
    flex-direction: column;
    margin-top: 12px;
}

.labTeaItem .teaCon .bass p {
    font-size: 14px;
    color: #000000;
    display: flex;
    text-align: left;
}

.labTeaItem .teaCon .bass p b {
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    word-break: break-word;
}

.labTeaItem .teaCon .bass p:last-child b {
    overflow: hidden;
    /* 隐藏溢出的内容 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 显示的行数 */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    /* 在溢出的地方显示省略号 */
    white-space: wrap;
}

.labTeaItem .teaCon .bass p span {
    font-size: 14px;
    color: #000000;
    flex-shrink: 0;
    /*width: 120px;*/
    margin-right: 10px;
}

.labTeaItem .teaCon .biobass p span {
    width: 50px;
}

.labTeaItem .teaCon .biobass .unit {
    display: flex;
    justify-content: flex-start;
    background: #F0F0F0;
}

.labTeaItem .teaCon .biobass .unit span {
    color: #666;
    font-size: 12px;
    flex-shrink: 0;
    width: 50px;
}

.labTeaItem .teaCon .biobass .unit {
    padding: 5px 8px;
    margin-left: -8px;
    box-sizing: border-box;
    padding-right: 0;
}

.labTeaItem .teaCon .biobass .unit .unitCon {
    height: 40px;
    overflow-y: auto;
    padding-right: 8px;
}


/* 滚动条轨道样式 */

.labTeaItem .teaCon .biobass .unit .unitCon::-webkit-scrollbar {
    width: 4px;
    /* 设置滚动条宽度 */
}


/* 滚动条滑块样式 */

.labTeaItem .teaCon .biobass .unit .unitCon::-webkit-scrollbar-thumb {
    background-color: #9A0000;
    border-radius: 4px;
}

.labTeaItem .teaCon .biobass .unit .unitCon p {
    margin-bottom: 4px;
}

.labTeaItem:hover {
    border-color: #9A0000;
    box-shadow: 0 5px 8px rgba(154, 0, 0, 0.3);
    transition: all ease-in-out 0.3s;
    transform: translateY(-2px);
}

.professSort {
    background: #E6E6E6;
    padding: 20px 10px;
    overflow: hidden;
    margin-bottom: 30px;
}

.professSort a {
    display: block;
    float: left;
    padding: 0 12px;
    margin: 5px 5px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    border-radius: 6px;
    font-weight: bold;
    font-size: 18px;
    color: #666666;
    text-transform: capitalize;
}

.professSort a.on,
.professSort a:hover {
    color: #fff;
    background: #9A0000;
}

.page_nav a.clickAll {
    background: #9A0000;
    color: #fff;
    line-height: 35px;
    padding: 0 15px;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    margin-left: 8px;
    border-radius: 6px;
}

.labListItem {
    width: 100%;
    display: flex;
    background: #fff;
    padding: 20px;
    margin-bottom: 12px;
    justify-content: flex-start;
    gap: 16px;
    box-sizing: border-box;
    transition: transform ease-in-out 0.3s;
}

.labListItem:hover {
    box-shadow: 0 5px 10px rgba(154, 0, 0, 0.3);
    transform: translateY(-1px);
    transition: transform ease-in-out 0.3s;
}

.labListItem:hover .labTeaCon .labTeaLink span {
    color: #9A0000;
}

.labListItem .labTeaImg {
    width: 90px;
    height: 90px;
    border: 1px solid #9A0000;
    border-radius: 50%;
    flex-shrink: 0;
}

.labListItem .labTeaCon {
    flex: 1;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 15px;
}

.labListItem .labTeaCon h6 {
    font-weight: bold;
    font-size: 14px;
    color: #333333;
}

.labListItem .labTeaCon .labTeaLink span {
    font-size: 14px;
    color: #333333;
    transition: all ease-in-out 0.3s;
}

.labListItem .labTeaCon .labTeaLink span+span {
    color: #9A0000;
    padding-left: 25px;
    background: url(../images/lab/icon-go.png) no-repeat 5px center;
    margin-left: 10px;
}

.labListItem .labTeaCon .labTeaLink:hover span+span {
    padding-left: 30px;
    background-position: 0px center;
    transition: all ease-in-out 0.3s;
}

.labListItem .labTeaCon p {
    font-size: 14px;
    color: #333333;
    text-align: justify;
    overflow: hidden;
    /* 隐藏溢出的内容 */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* 显示的行数 */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    /* 在溢出的地方显示省略号 */
}

.labHome {
    position: absolute;
    right: 0;
    top: 12px;
    width: 306px;
    min-height: 82px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 20px;
    box-sizing: border-box;
    gap: 5px;
    background: url(../images/lab/linkCopy.png) no-repeat center/cover;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
    z-index: 2;
}

.labHome::after {
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/lab/linkCopy2.png) no-repeat center/cover;
    position: absolute;
    right: 0;
    z-index: -1;
    transform: translateX(100%);
    transition: transform ease-in-out 0.3s;
}

.labHome:hover::after {
    transform: translateX(0);
    transition: transform ease-in-out 0.3s;
}

.labHome h6 {
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
}

.labHome p {
    overflow: hidden;
}

.labHome p a {
    font-size: 14px;
    color: #FFFFFF;
    word-break: break-all;
}

.labHome p i {
    font-size: 14px;
    color: #FFFFFF;
    padding-right: 20px;
    background: url(../images/lab/icon-text.png) no-repeat right center;
    font-style: normal;
    margin-left: 8px;
    cursor: pointer;
}

.labHome p i:active {
    color: #E6E6E6;
}

.copyMessage {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: rgba(255, 255, 255, 1);
    color: white;
    padding: 6px 10px;
    border-radius: 5px;
    display: none;
    color: #333;
    box-shadow: 0 0 10px rgba(154, 0, 0, 0.3);
    font-size: 12px;
}

.facultyDetailBox {
    padding: 0;
}

.facultyNameDetail {
    width: 100%;
    background: #F4F4F4;
    border-radius: 6px;
    border: 1px solid #EDEDED;
    padding: 25px 35px;
    display: flex;
    gap: 40px;
}

.facultyNameDetail:hover {
    box-shadow: none;
    transform: none;
    border-color: #EDEDED;
}

.facultySpeciaCon {
    margin: 30px 0;
}

.facultySpeciaCon>h4 {
    border-bottom: 1px solid #ECECEC
}

.facultySpeciaCon>h4 span {
    font-size: 24px;
    color: #921C12;
    text-transform: capitalize;
    border-bottom: 3px solid #921C12;
    padding: 10px 0;
    display: inline-block;
}

.facultySpeciaConTxt h4 {
    text-transform: capitalize;
    font-weight: bold;
    font-size: 20px;
    color: #000000;
    position: relative;
    margin-top: 40px;
    margin-bottom: 20px;
}

.facultySpeciaConTxt h4:after {
    content: "";
    display: block;
    width: 102px;
    height: 6px;
    background: #FFE9E7;
    position: absolute;
    left: 0;
    top: 16px;
    z-index: -1;
}

.facultySpeciaConTxt p {
    font-size: 16px!important;
    color: #000000!important;
    line-height: 1.8!important;
}

.facultySpeciaConTxt {
    font-size: 16px;
    color: #333;
    line-height: 1.8;
    word-break: break-word;
}

.teacherBio {
    display: block;
}

.teacherBio .labTeaItem .teaCon .bass p span {
    width: 70px;
}


/* newsAndEvents */

.newsBox {
    width: 100%;
}

.newsBox::before {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background: #921C12;
    border-radius: 0px 0px 10px 10px;
}

.newsList {
    width: 100%;
    display: flex;
    flex-direction: column;
    /* padding-top: 20px; */
    margin-top: 60px;
    padding: 0 4px;
}

.newsList a {
    width: 100%;
    display: flex;
    gap: 30px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 30px 30px 0px 0px;
    border: 1px solid #D6D6D6;
    margin-bottom: 60px;
    padding: 0 25px;
    position: relative;
}

.newsList a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    border-radius: 30px 30px 0px 0px;
    background: url(../images/listWimgBg.png) no-repeat center/cover;
    transition: 0.3s;
}

.newsList a i {
    flex-shrink: 0;
    width: 270px;
    height: 210px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    transform: translateY(-25px);
    position: relative;
    z-index: 2;
    background: #fff;
}

.newsList a i::before {
    content: "";
    position: absolute;
    right: -35px;
    top: 0;
    width: 35px;
    height: 25px;
    background: url(../images/imgWsj.png) no-repeat center/contain;
    transition: 0.3s;
}

.newsList a i img {
    transition: 0.3s;
    object-fit: fill;
    background: #fff;
}

.newsList a .newsCon {
    flex: 1;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.newsList a .newsCon h6 {
    font-size: 18px;
    color: #000000;
    overflow: hidden;
    margin-top: 40px;
    font-weight: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* 定义显示的行数 */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    line-height: 1.5;
}

.newsList a .newsCon p {
    font-size: 16px;
    color: #767676;
    margin-top: 15px;
    text-align: left;
    display: inline-block;
    border-bottom: 4px solid rgba(51, 51, 51, 0.1);
}

.newsList a .newsCon span {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/imgWmore.png) no-repeat center/contain;
    right: 0;
    bottom: -100px;
    transition: 0.3s;
}

.newsList a:hover::after {
    width: 100%;
    transition: 0.3s;
}

.newsList a:hover i img {
    transform: scale(1.05);
    transition: 0.3s
}

.newsList a:hover .newsCon h6,
.newsList a:hover .newsCon p {
    color: #fff;
    transition: 0.3s;
}

.newsList a:hover .newsCon p {
    border-color: rgba(255, 255, 255, 0.2);
    transition: 0.3s;
}

.newsList a:hover i::before {
    background-image: url(../images/imgWsjHover.png);
    transition: 0.3s;
}

.newsList a:hover .newsCon span {
    bottom: 25px;
    transition: 0.3s;
}

.newsListNoImg {
    margin-top: 30px;
}

.newsListNoImg a {
    width: 100%;
    display: flex;
    gap: 30px;
    align-items: center;
    flex-direction: row-reverse;
    padding: 25px 20px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #D6D6D6;
    margin-bottom: 0;
}

.newsListNoImg a::before,
.newsListNoImg a::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.newsListNoImg a::before {
    background: #e6c8c5;
}

.newsListNoImg a::after {
    background: url(../images/icon-clound.png) no-repeat right bottom/contain #921C12;
    background-size: 10%;
}

.newsListNoImg a:hover::before,
.newsListNoImg a:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.newsListNoImg a:hover::after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
}

.newsListNoImg a:hover {
    border-radius: 30px 0 30px 0
}

.newsListNoImg a h6 {
    font-size: 18px;
    color: #333;
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* 定义显示的行数 */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    transition: 0.3s;
    font-weight: normal;
}

.newsListNoImg a p {
    width: 120px;
    font-size: 18px;
    color: #921C12;
    flex-shrink: 0;
    text-align: left;
    font-weight: normal;
}

.newsListNoImg a:hover h6,
.newsListNoImg a:hover p {
    color: #fff;
    transition: 0.3s;
}

.newsDetailTit {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    padding: 30px 0;
}

.newsDetailTit h6 {
    /*text-transform: capitalize;*/
    font-size: 22px;
    color: #000000;
    text-align: center;
}

.newsDetailTit p {
    font-size: 18px;
    color: #767676;
}

.newsDetailCon p,
.newsDetailCon p span {
    font-size: 18px!important;
    color: #000000!important;
    margin: 15px 0!important;
    /*text-align: start!important;*/
}

.newsDetailCon p a {
    color: #921C12
}

.newsDetailCon p img {
    max-width: 80%!important;
    height: auto!important;
}

.preNext {
    width: 100%;
    display: flex;
    margin: 20px 0;
    flex-direction: column;
    gap: 15px;
}

.preNext a {
    color: #333;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #921C12;
    padding: 10px;
}

.preNext a:hover {
    color: #921C12
}


/* students */

.studentVideo h1 {
    margin-top: 0;
}

.studentVideo video {
    width: 100%;
    height: 100%;
}

.studentVideo .advCover {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.studentVideo .underSec {
    display: flex;
    gap: 30px;
    /* margin-top: 20px; */
}

.studentVideo .underSec a {
    width: 240px;
    height: 56px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    /*text-transform: capitalize;*/
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
}

.studentVideo .underSec a:hover {
    background: rgba(146, 28, 18, 0.15)
}

.playBtn {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: url(../images/student/icon-play.png) no-repeat left center/contain;
    /* margin-top: 70px; */
    cursor: pointer;
}

.videoPlay {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99994;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.videoContent {
    width: 80%;
    height: 80%;
}

.videoContent video {
    width: 100%;
    height: 100%;
    background: #000;
}

.videoPlay .closeBtn {
    background: rgba(30, 30, 30, 0.8);
    cursor: pointer;
    display: inline-block;
    height: 44px;
    padding: 10px;
    position: absolute;
    width: 44px;
    top: 0;
    right: 0;
}

.videoPlay .closeBtn svg {
    opacity: .8;
}

.videoPlay .closeBtn:hover svg {
    opacity: 1;
}

.videoContents {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.stuLeft ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    padding-right: 10px;
}

.stuLeft a {
    /*text-transform: capitalize;*/
    font-size: 20px;
    color: #921C12;
    transition: font-weight .1s;
}

.stuLeft li>a.active {
    font-weight: bold;
    /* text-decoration: underline; */
    background: url(../images/icon-lx.png) no-repeat left center;
    padding-left: 24px;
}

.stuLeft a:hover {
    font-weight: bold;
    transition: font-weight .1s;
}

.stuLeft li .dropDown {
    margin-top: 30px;
    border-left: 4px solid #921C12;
    padding-left: 30px;
    display: none;
}

.stuLeft li .dropDown a {
    font-size: 18px;
    font-weight: normal;
    display: block;
    padding: 10px 0;
}

.stuLeft li .dropDown a:hover,
.stuLeft li .dropDown a.active {
    text-decoration: underline;
}

.admisQuestion h4,
.admissionhrefBox h4 {
    font-weight: bold;
    font-size: 24px;
    color: #921C12;
    /*text-transform: capitalize;*/
}

.admisQuestion p {
    font-size: 18px;
    color: #000000;
    margin: 20px 0;
}
.admisQuestion p img{max-width:100%;}

.admisQuestion p a {
    color: #921C12
}

.admissionhrefBox {
    margin-top: 80px;
}

.admissonhref {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-top: 30px;
}

.admissonhref a {
    flex: 1;
    height: 66px;
    background: rgba(146, 28, 18, 0.06);
    border: 1px solid #921C12;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #921C12;
}

.admissonhref a:hover {
    background: #921C12;
    color: #fff;
}

.degreeAdv {
    /*height: 450px;*/
}

.degreeAdv i {
    width: 100%;
    height: 450px;
    display: block;
}

.degreeAdv h2 {
    font-weight: bold;
    font-size: 60px;
    color: #F6F6F6;
    margin-top: 50px;
}

.degreeAdv h2::after {
    content: "";
    display: block;
    width: 70px;
    height: 10px;
    background: #921C12;
}

.degreeNav {
    width: 100%;
    height: 60px;
    background: #921C12;
}

.selectList {
    width: auto;
    height: 60px;
    position: relative;
    cursor: pointer;
}

.selectList p {
    width: auto;
    display: inline-block;
    position: relative;
    line-height: 60px;
    font-size: 20px;
    color: #fff;
    padding: 0px 15px;
}

.selectList>p::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 14px solid #fff;
    top: 24px;
    right: -10%;
    position: absolute;
    transition: all .3s ease-in;
}

.selectList ul {
    width: auto;
    display: block;
    font-size: 20px;
    background: #FFFFFF;
    position: absolute;
    top: 60px;
    left: 0px;
    max-height: 0px;
    overflow: hidden;
    transition: max-height .3s ease-in;
    background: #921C12;
}

.selectList ul li {
    width: 100%;
    padding: 12px;
    list-style: none;
    color: #fff;
    font-size: 18px;
}

.selectList ul li a {
    color: #fff
}

.selectList ul li.Selected {
    background: rgba(255, 255, 255, 0.3);
}

.selectList ul li.Selected a {
    color: #921C12;
}

.selectList ul li:hover {
    background: #b3615a;
}

.selectList ul li:hover a {
    color: #921C12;
}

@-webkit-keyframes slide-down {
    0% {
        transform: scale(1, 0);
    }
    25% {
        transform: scale(1, 1.2);
    }
    50% {
        transform: scale(1, 0.85);
    }
    75% {
        transform: scale(1, 1.05);
    }
    100% {
        transform: scale(1, 1);
    }
}

.selectList.open ul {
    max-height: 250px;
    transform-origin: 50% 0;
    -webkit-animation: slide-down .5s ease-in;
    transition: max-height .2s ease-in;
}

.selectList.open>p::after {
    transform: rotate(180deg);
    transition: all .3s ease-in;
    top: 24px;
}

.bobyGary {
    background: #F6F6F6;
}

.degreeContent {
    width: 100%;
}

.degreeName {
    width: 100%;
    display: flex;
    gap: 20px;
    border-bottom: 2px solid #921c12;
}

.degreeName a {
    flex: 1;
    height: 90px;
    background: #F9ECEC;
    border-radius: 10px 10px 0px 0px;
    border: 2px solid #921C12;
    border-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #921C12;
    cursor: pointer;
    /*text-transform: capitalize;*/
}

.degreeName a.on,
.degreeName a:hover {
    background: #921C12;
    color: #fff;
    transition: 0.3s;
}

.degreeTabCon {
    background: #fff;
    border: 2px solid #921C12;
    border-top: 0;
    padding: 60px 100px 100px 100px;
}

.degreeConTxt {
    display: none;
}

.degreeConTxt p {
    font-size: 18px!important;
    color: #000000!important;
    margin: 15px 0;
}

.degreeConTxt h4 {
    color: #921C12;
    font-size: 28px;
}

.degreeConTxt h6 {
    color: #000;
    font-size: 20px;
}

.changeSeconSort {
    display: flex;
    gap: 30px;
    justify-content: center;
}

.changeSeconSort>div {
    width: 500px;
    height: 184px;
    background: #EDEDED;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.changeSeconSort>div p,
.changeSeconTit p {
    font-size: 20px;
    color: #000;
    margin: 0;
}

.changeSeconSort>div h6 {
    font-size: 26px;
    color: #921C12;
}

.changeSeconTit {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 70px;
}

.changeSeconTit h6 {
    font-size: 24px;
}

.degreeCurri h4 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.degreeCurri h6::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -3px;
}

.degreeCurri h6 {
    margin-top: 10px;
}

.degreeCurri p {
    margin: 0
}

.featureBg {
    background: url(../images/student/featureBg.png) repeat-x top center #fff;
    padding: 90px 0;
}

.featureNav {
    width: 100%;
    display: flex;
    height: 580px;
}

.posRelative {
    position: relative;
    overflow: hidden;
}

.lastTow .posRelative {
    flex: 1;
}

.featureOne {
    flex-basis: 34%;
    height: 100%;
}

.posRelative i {
    width: 100%;
    height: 100%;
    display: block;
}

.featureCover h4 p {
    font-size: 30px;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.6);
    /* font-family: math; */
    text-transform: capitalize;
    font-weight: bold;
    text-align: center;
    position: relative;
    z-index: 1;
    line-height: 1.1;
}

.featureCover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(58, 16, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.featureThree {
    flex-basis: 66%;
}

.undergraduate,
.lastTow {
    display: block;
    width: 100%;
    height: 50%;
}

.lastTow {
    display: flex;
}

.lastTow>div {
    flex: 1;
}

.posRelative.active .featureCover,
a.posRelative:hover .featureCover {
    justify-content: flex-end;
}

.posRelative.active h4,
a.posRelative:hover h4 {
    height: 80px;
    background: #921C12;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transition: 0.3s;
}

.posRelative.active h4::before,
a.posRelative:hover h4::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #921C12;
    position: absolute;
    left: 0;
    z-index: 0;
    right: 0;
    margin: 0 auto;
    top: -25px;
}

a.posRelative:hover .featureCover,
a.posRelative.active .featureCover {
    background: rgba(58, 16, 0, 0);
}

.featLabCon {
    padding-top: 0;
    background: #fff;
    padding: 50px 40px;
    box-shadow: 0px 4px 20px 10px rgba(0, 0, 0, 0.15);
}

.featureCont:target {
    margin-top: -156px;
    padding-top: 156px;
}

.featGlobal h4 {
    font-weight: bold;
    font-size: 24px;
    color: #921C12;
    margin: 40px 0;
    display: flex;
    align-items: center;
    gap: 30px;
}

.featLabCon h4 {
    margin-top: 0
}

.featGlobal h4 .returnPage {
    width: 36px;
    height: 36px;
    display: inline-block;
    background: url(../images/back.png) no-repeat center/contain
}

.featGlobal h4 .returnPage:hover {
    background-image: url(../images/backR.png)
}

.featGlobalPDF {
    width: 100%;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.featGlobalPDF a {
    flex: 0 0 calc(50% - 15px);
    margin-bottom: 20px;
}

.featGlobalPDF a:hover i {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transition: 0.3s;
}

.featGlobalPDF a:hover {
    transform: translateY(-4px);
    transition: 0.3s;
}

.featGlobalPDF a i {
    width: 100%;
    padding-bottom: 51.5%;
    overflow: hidden;
    display: block;
    position: relative;
}

.featGlobalPDF a i img {
    position: absolute;
    top: 0;
    left: 0;
}

.featGlobalPDF a h4 {
    margin: 20px 0;
    border-left: 12px solid #921C12;
    padding: 10px 18px;
}

.featGlobalPDF a h4 p {
    font-size: 20px;
    color: #000000;
    /*text-transform: capitalize;*/
}

.featGlobalPDF a:hover h4 p {
    color: #921C12;
}

.pdfBox {
    width: 100%;
    margin-bottom: 100px;
}

.pdfCon {
    width: 100%;
    height: 690px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.pdfBox .pdfTit {
    font-weight: bold;
    font-size: 24px;
    color: #921C12;
    margin-bottom: 40px;
    text-transform: capitalize;
}

.featGlobalField {
    background: url(../images/student/fieldBg.png) no-repeat center/cover;
    padding: 60px 0;
}

.featGlobalFieldCon {
    padding: 30px
}

.featGlobalField+.featGlobalField {
    margin-top: 60px;
}

.featGlobalField .container>h6 {
    color: #fff;
    font-size: 24px;
    padding: 20px 0
}

.featGlobalFieldBox {
    width: 100%;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.uhpbFieldBox .fieldItem {
    flex: 0 0 calc(50% - 15px);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);
}

.fieldItem {
    flex: 0 0 calc(33.33% - 20px);
    cursor: pointer;
}

.fieldItem>a {
    width: 100%;
    padding-bottom: 60%;
    position: relative;
    display: block;
    overflow: hidden;
}

.fieldItem>a img {
    transition: 0.3s;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fieldItem .FieldName {
    background: #fff;
    padding: 25px;
    height: 200px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.uhpbFieldBox .fieldItem .FieldName {
    height: 150px
}

.FieldName h4 {
    font-weight: bold;
    font-size: 20px;
    color: #000000;
    margin: 0;
}

.FieldName a {
    display: block;
    width: 150px;
    height: 46px;
    background: #921C12;
    border: 1px solid #921C12;
    font-size: 16px;
    color: #FFFFFF;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fieldItem:hover .FieldName a {
    color: #921C12;
    background: #fff
}

.globalbtn {
    background: #921C12;
    color: #fff;
    text-transform: capitalize;
    padding: 10px 16px;
    font-size: 18px;
}

.globalbtn:hover {
    padding: 10px 20px;
    color: #fff
}

.fieldItem:hover .FieldName h4 {
    color: #921C12;
}

.fieldItem:hover i img {
    transform: scale(1.02);
    transition: 0.3s;
}

.lifeSLS {
    width: 100%;
    display: flex;
    gap: 0 20px;
    flex-wrap: wrap;
}

.lifeItem {
    flex: 0 0 calc(50% - 10px);
    margin-bottom: 50px;
}

.lifeItem i {
    width: 100%;
    padding-bottom: 44%;
    overflow: hidden;
    display: block;
    position: relative;
}

.lifeItem i img {
    transition: 0.3s;
    position: absolute;
    top: 0;
    left: 0;
}

.lifeItem .lifeCont {
    margin: 15px 0;
    border-left: 8px solid #921C12;
    padding: 8px 15px;
}

.lifeItem .lifeCont h5 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 22px;
    color: #333;
}

.lifeItem .lifeCont p {
    font-size: 18px;
    color: #000000;
    margin-top: 5px;
}

.lifeItem:hover {
    transform: translateY(-4px);
    transition: 0.3s;
}

.lifeItem:hover h5 {
    color: #921C12;
}

.graTit {
    font-weight: bold;
    font-size: 24px;
    color: #921C12;
    /*text-transform: capitalize;*/
    margin-bottom: 30px;
}

.graduateIntroCon p {
    font-size: 18px!important;
    color: #000000!important;
    line-height: 1.8!important;
    margin-bottom: 15px;
}

.graduateIntroCon p span,
.graduateIntroCon p a {
    color: #921C12 !important;
}

.graduateIntroCon li {
    list-style: disc;
}

.graduateEmployCon p {
    line-height: 1.6!important;
}

.graduateEmployCon h6 {
    color: #000;
    font-size: 20px;
    margin: 5px 0;
}

.graduateEmployCon h6::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -3px;
}

.educationCon h6 {
    font-size: 18px;
    color: #921C12;
    display: table;
    margin-bottom: 10px;
}

.educationCon h6:after {
    content: "";
    width: 100%;
    height: 10px;
    background: #FFE9E7;
    display: flex;
    margin-top: -10px;
}

.educationCon p {
    font-size: 18px!important;
    color: #000000!important;
    line-height: 2.4!important;
    margin-bottom: 20px;
}


/* 
图片集 */

.gallery-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    overflow: auto;
}

.gallery-content {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery-box {
    width: 1000px;
    height: 580px;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.close-modal {
    position: absolute;
    width: 40px;
    height: 40px;
    border: 1px solid #921C12;
    top: 30px;
    right: 30px;
    z-index: 11;
    cursor: pointer;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.photo-gallery-items-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.photo-gallery-items-wrapper .photo-gallery-items.slider {
    width: 100%;
    height: 100%;
    background: #fff;
    overflow-y: hidden;
    padding: 0;
}

.photo-gallery-items-wrapper .photo-gallery-items {
    width: 60%;
    height: 100%;
    background: #f2f2f2;
    padding: 20px;
    overflow: hidden;
}

.photo-gallery-items-wrapper .photo-gallery-items .photo-gallery-scroller {
    position: static;
    min-width: 100%;
    height: 100%;
    overflow-y: auto;
}

.photo-gallery-items-wrapper .photo-gallery-items .photo-gallery-item {
    height: 200px;
    width: calc(50% - 30px);
    position: static;
    margin: 10px;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
}

.photo-gallery-items-wrapper .photo-gallery-items ul li img {
    display: none;
}

.photo-gallery-items-wrapper .photo-gallery-items .photo-gallery-item .gallery-image-container {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: block;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.photo-gallery-items-wrapper .photo-gallery-items.slider ul li img {
    display: block;
}

.photo-gallery-items-wrapper .photo-gallery-items.slider ul li .gallery-image-container {
    background: none;
}

.photo-gallery-items-wrapper .photo-gallery-items.slider .photo-gallery-item .gallery-image-container {
    width: calc(0.6* 61.8666666666666667rem);
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
    max-width: calc(0.6* 61.8666666666666667rem);
    border: 0;
}

.photo-gallery-items-wrapper .photo-gallery-items.slider .photo-gallery-item.active {
    display: table;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s, opacity 2s linear;
    transition: visibility 0s, opacity 2s linear;
    border: 0;
}

.photo-gallery-items-wrapper .photo-gallery-items.slider .photo-gallery-item {
    display: none;
    height: 100%;
    width: 100%;
    margin: 0;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s 2s, opacity 2s linear;
    transition: visibility 0s 2s, opacity 2s linear;
}

.photo-gallery-items-wrapper .photo-gallery-items.slider .photo-gallery-item.active .gallery-image-container {
    background-color: #f2f2f2!important;
    background-image: none !important;
}

.photo-gallery-items-wrapper .photo-gallery-items.slider .photo-gallery-item .gallery-image-container {
    width: 60%;
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
    max-width: calc(0.6* 61.8666666666666667rem);
    border: 0;
}

.photo-gallery-items-wrapper .photo-gallery-items.slider .photo-gallery-item.active .gallery-image-container img {
    border: none;
    display: block;
    width: 100%;
}

.gallery-modal-view .photo-gallery-items-wrapper .photo-gallery-items .photo-gallery-item .gallery-image-container img {
    max-width: 100%;
    height: auto;
    display: block;
    display: none;
}

.photo-gallery-items-wrapper .photo-gallery-items.slider .photo-gallery-item .gallery-item-info {
    display: inline-block;
    position: relative;
    width: auto;
}

.photo-gallery-items-wrapper .photo-gallery-items .photo-gallery-item.active .gallery-item-info {
    display: block;
}

.photo-gallery-items-wrapper .photo-gallery-items .photo-gallery-item .gallery-item-info {
    display: none;
    padding: 30px;
    position: absolute;
    top: 25%;
    right: 0;
    width: 40%;
}

.photo-gallery-items-wrapper .photo-gallery-items .photo-gallery-item.active .gallery-image-container {
    border: 2px solid #921C12
}

.photo-gallery-items-wrapper .photo-gallery-items.slider .photo-gallery-item.active .gallery-image-container {
    border: none
}

.gallery-item-description {
    color: #444;
    font-size: 18px;
}

.gallery-controls .gallery-switch-wrapper button {
    height: 50px;
    padding: 0 20px;
    border: 1px solid #921C12;
    text-transform: uppercase;
    color: #921C12;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: bold;
}

.gallery-controls .gallery-switch-wrapper button.to-single {
    display: none;
}

.gallery-switch-wrapper button {
    background: none;
}

.gallery-controls .gallery-buttons-wrapper {
    display: block;
    width: calc(100% - 60%);
    padding: 30px;
    position: absolute;
    top: 0;
    right: 0;
}

.gallery-controls .gallery-switch-wrapper {
    display: block;
    position: absolute;
    width: calc(100% - 60%);
    bottom: 0;
    right: 0;
    padding: 30px;
}

.gallery-controls .gallery-buttons-wrapper button {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #921C12;
    cursor: pointer;
    float: left;
    margin-right: 10px;
    background: #fff;
    cursor: pointer;
}

.gallery-controls .gallery-buttons-wrapper button:hover path {
    fill: #fff;
}

.gallery-controls .gallery-buttons-wrapper button:hover {
    background: #921C12;
}

.gallery-controls .gallery-buttons-wrapper .gallery-item-number div {
    display: inline-block;
    margin-right: 8px;
    font-size: 30px;
    font-family: Georgia;
}

.gallery-controls .gallery-buttons-wrapper .gallery-item-number {
    color: #333;
    display: block;
    clear: both;
    padding-top: 30px;
}

.gallery-trigger {
    width: 568px;
    margin: 20px auto;
    border: 1px solid #CDCDCD;
    cursor: pointer;
    box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.3);
}

.gallery-trigger i {
    width: 100%;
    height: 280px;
    display: block;
}

.gallery-trigger i img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-trigger .gallery-info {
    width: 100%;
    background: #fff;
    height: 70px;
}

.gallery-trigger .gallery-info p,
.gallery-trigger .gallery-info span,
.gallery-trigger .gallery-info {
    font-weight: bold;
    color: #921C12!important;
    font-size: 18px!important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 0;
}

.gallery-trigger .gallery-info span {
    font-size: 20px;
}

.boxImg {
    margin: 30px 0;
}

.featUnder p {
    font-size: 18px;
    color: #000000;
    margin-bottom: 20px;
    text-align: justify;
}

.featUnder p span {
    color: #921C12 !important;
}

.featUnder>a {
    color: #921C12;
    font-size: 18px;
}

.featUnder>a span {
    text-decoration: underline;
}

.horizonBox {
    display: flex;
    gap: 60px;
    align-items: center;
}

.horizonBox .horizonTxt h6 {
    font-weight: bold;
    font-size: 24px;
    color: #921C12;
}

.horizonBox .horizonTxt p {
    font-size: 18px!important;
    color: #4A4A4A!important;
}

.featLab .paperTit {
    font-weight: bold;
    font-size: 24px;
    color: #000000;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 20px;
}

.featLab .paperTit::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000;
    display: inline-block;
}

.paperVideo .paperTit {
    margin-bottom: 40px;
}

.paperCommon p,
.videoTxt p {
    font-size: 18px!important;
    color: #000000!important;
    margin-bottom: 20px;
}

.paperVideoBox {
    width: 100%;
    display: flex;
    gap: 30px;
    margin-bottom: 20px;
    justify-content: center;
}

.videoBox {
    width: 52%;
    position: relative;
}

.videoTxt {
    width: calc(48% - 30px);
}

.videoBox i {
    width: 100%;
    height: 450px;
}

.videoBox span {
    width: 88px;
    height: 88px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/student/icon-play.png) no-repeat;
    cursor: pointer;
}


/* join */

.joinNavBox {
    width: 100%;
    background: #463F3F;
}

.joinNav {
    display: flex;
    justify-content: center;
}

.joinNav a {
    flex: 1;
    font-weight: bold;
    font-size: 26px;
    color: #FFFFFF;
    text-align: center;
    position: relative;
    padding: 25px 0;
    overflow: hidden;
}

.joinNav a span {
    border-right: 1px solid #BDBDBD;
    display: block;
    width: 100%;
}

.joinNav a:last-child span {
    border-right: none;
}

.joinNav a::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 16px solid #fff;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
}

.joinNav a.active::after,
.joinNav a:hover::after {
    bottom: 0;
    transition: 0.3s;
}

.joinPostCon {
    margin: 60px 0;
    overflow: hidden;
}

.resloveItem {
    margin-bottom: 90px;
}

.resloveItem h6 {
    width: 100%;
    background: #F2F2F2;
    border-left: 14px solid #921C12;
    font-size: 24px;
    color: #333333;
    /*text-transform: capitalize;*/
    padding: 20px 30px;
    margin-bottom: 40px;
}

.resloveItem .resloveQue {
    width: 100%;
    display: flex;
    gap: 30px;
}

.resloveItem .resloveQue a,
.resloveItem .resloveQue p.resloveQue_p {
    flex: 1;
    height: 70px;
    border-radius: 4px;
    border: 1px solid #D2D2D2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #333333;
    gap: 10px;
    /*text-transform: capitalize;*/
}

.resloveItem .resloveQue a.national {
    flex-direction: column;
    gap: 0;
}

.resloveItem .resloveQue a.national span {
    display: flex;
    align-items: center;
    gap: 10px
}

.resloveItem .resloveQue a::before,
.resloveItem .resloveQue a.national span::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/join/icon-link.png) no-repeat center;
}

.resloveItem .resloveQue a.national::before {
    content: none;
}

.resloveItem .resloveQue a:hover {
    background: #921C12;
    color: #fff;
}

.resloveItem .resloveQue a:hover .attention,
.resloveItem .resloveQue a:hover .attention i {
    color: #fff;
}

.liListNoHref {
    padding-left: 30px;
}

.liListNoHref li {
    font-size: 16px;
    color: #333333;
    margin: 15px 0;
    list-style: inside;
}

.resloveQue p {
    flex: 1;
    font-size: 20px;
    color: #333333;
    text-align: center;
}

.resloveQue p.attention {
    font-size: 14px;
    color: #999;
    flex: none;
}

.resloveItem .onlyOne a {
    flex: 0 0 calc(50% - 30px);
}

.joinContact {
    background: url(../images/join/bioLogo.png) no-repeat right bottom #EFEFEF;
    border-top: 1px solid #C8C8C8;
    border-bottom: 10px solid #921C12;
    padding: 40px 0;
}

.joinContactBox h6 {
    text-transform: capitalize;
    font-weight: bold;
    font-size: 44px;
    color: #921C12;
}

.joinContactBox p {
    font-size: 16px;
    color: #333333;
    border-bottom: 3px solid #921C12;
    margin: 30px 0;
    display: table;
}

.attention {
    font-size: 16px;
    color: #999;
    /* margin-top: 10px; */
}

.attention i {
    font-style: normal;
    color: #921C12;
}

.joinInfo {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0 24px;
}

.joinInfo a {
    flex: 0 0 calc(33.33% - 16px);
    margin-bottom: 50px;
}

.joinInfo a i {
    height: 300px;
    width: 100%;
    display: block;
    overflow: hidden;
}

.joinInfo a h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    color: #333333;
    padding: 20px 0;
    border-left: 8px solid #921C12;
    padding-left: 20px;
    margin-top: 10px;
}

.joinInfo a:hover img {
    transform: scale(1.1);
    transition: 0.3s;
}

.joinInfo a:hover h6 {
    color: #921C12;
}

.joinPIList {
    width: 100%;
    overflow: hidden;
}

.alumni {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
}

.alumni h6 {
    font-weight: bold;
    font-size: 20px;
    color: #000;
    /*width: 80%;
    padding: 70px 80px;*/
    background: url(../images/about/fz.png) no-repeat left 60px, url(../images/about/fz2.png) no-repeat right 110px;
    text-align: center;
    position: relative;
}

.alumni h6::before {
    content: "";
    width: 240px;
    height: 10px;
    /*background: #921C12;*/
    display: block;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
}

.alumni p {
    font-size: 18px;
    color: #000;
    margin-bottom: 15px;
    text-align: left;
}

.learnMore {
    width: 346px;
    height: 70px;
    background: #921C12;
    box-shadow: 0px 4px 4px 0px rgba(146, 28, 18, 0.2);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #FFFFFF;
    margin: 38px 0;
}

.learnMore:hover {
    color: #fff;
    transform: translateY(-2px);
}

.chair_list h3 {
    line-height: 60px;
    height: 60px;
    font-size: 24px;
    color: #9a0000;
    margin: 0 0 5px;
}

.chair_list h3 p {
    float: right;
    line-height: 60px;
    color: #999;
}

.chair_list h3 p a {
    font-size: 14px;
    color: #999;
}

.chair_list h3 p a+a {
    padding-left: 32px;
    background: url(../images/ss.png) no-repeat left 12px center;
}

.chair_list>ul>li {
    /* height: 70px; */
    position: relative;
    margin-bottom: 20px;
}

.chair_list>ul>li a {
    display: block;
    height: 100%;
}

.chair_list>ul>li a span.date {
    width: 160px;
    background-color: #9a0000;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    /* line-height: 70px; */
    font-size: 20px;
    text-align: center;
    color: #fff;
    justify-content: center;
    align-items: center;
}

.chair_list>ul>li a .chair_txt {
    padding-left: 160px;
    height: 100%;
}

.chair_list>ul>li a .chair_txt>div {
    background-color: #f5f5f5;
    /* padding-left: 30px; */
    /* padding-top: 10px; */
    padding: 10px 30px;
    height: 100%;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    line-height: 27px;
    overflow: hidden;
}

.chair_list>ul>li a .chair_txt>div p {
    font-size: 18px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.chair_list>ul>li a .chair_txt>div span {
    font-size: 14px;
    color: #808080;
    padding-right: 16px;
}

.chair_list>ul.old span.date {
    background-color: #ccc;
    color: #333;
}

.formerly h3 {
    line-height: 48px;
    height: 48px;
    font-size: 24px;
    /* margin: 0 0 7px; */
    color: #9a0000;
}

.galleryList {
    flex-wrap: wrap;
    gap: 0;
}

.galleryList .boxImg {
    width: 50%;
    text-align: center;
    margin: 10px 0;
}

.galleryList .boxImg h6 {
    font-size: 18px;
}

.bioGalleryBox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    /* overflow: hidden; */
}

.bioGalleryBox .bioGalleryItem {
    width: calc(33.3333% - 20px);
    cursor: pointer;
}

.bioGalleryBox .bioGalleryItem i {
    width: 100%;
    padding-bottom: 75%;
    position: relative;
    display: block;
    box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.15);
}

.bioGalleryBox i img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.bioGalleryView {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: none;
}

.bioGalleryView .closeView {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
    color: #ccc;
}

.bioGalleryViewInner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bioGalleryViewInner img {
    max-width: 80%;
    max-height: 80%;
    width: auto;
    height: auto;
}

.annualContainer {
    width: 100%;
    display: flex;
    gap: 40px;
}

.annualLeft {
    flex-shrink: 0;
}

.annualLeft a {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 5px solid #fff;
    transition: 0.3s;
    display: block;
    margin-bottom: 40px;
}

.annualLeft a.on,
.annualLeft a:hover {
    border-color: #921C12;
    transition: 0.3s;
}

.annualRight {
    flex: 1;
}

.galleryContent {
    display: none;
}

.galleryContent:first-child {
    display: block;
}

.blockH {
    height: 60px;
    width: 100%;
    clear: both;
}

.galleryContent .bioGalleryBox i img {
    object-fit: cover
}

.listWimg {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0 6px;
}

.listWimg a {
    width: calc(33.333% - 14px);
    position: relative;
    transition: 0.3s;
    cursor: pointer;
    border-radius: 30px 0;
    overflow: hidden;
    transition: 0.3s;
}

.listWimg a i {
    width: 100%;
    padding-bottom: 71%;
    position: relative;
    display: block;
    overflow: hidden;
    transition: 0.3s;
}

.labListWimg a i {
    padding-bottom: 61%;
}

.listWimg a i img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    transition: 0.3s;
}

.listWimg a p {
    color: #fff;
    font-size: 18px;
    width: 100%;
    text-align: center;
    padding: 14px 20px;
    background: #921d11;
    line-height: 1.4;
}

.labListWimg a p {
    font-size: 16px;
    height: 100px;
    overflow: hidden;
    padding: 14px 10px;
    display: flex;
    align-items: center;
}

.listWimg a:hover {
    border-radius: 0 30px;
    transition: 0.3s;
}

.listWimg a:hover i img {
    transform: scale(1.05);
    transition: 0.3s;
}

table.doc-table {
    width: 100%;
}

table.doc-table td {
    padding: 6px 10px
}

table.doc-table td p {
    margin-bottom: 0;
    font-size: 18px;
}