@charset "utf-8";

.head {
    transition: all 1s;
}

html, body {
    background: #fff;
    overflow-x: hidden;
}

.banner {
    z-index: 1;
    position: relative;
}

.banner a {
    display: block;
}

.banner a img {
    display: block;
    width: 100%;
}

.banner::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1.6rem;
    top: 0;
    background: url(../images/banner-zz1.png) repeat-x;
    background-position: center top;
    background-size: auto 1.6rem;
    z-index: 9;
}



.pagination {
    text-align: center;
    font-size: 0;
    padding-top: 0.5rem;
}

.pagination a {
    display: inline-block;
    border: 0.01rem solid #dcdcdc;
    padding: 0 0.12rem;
    height: 0.35rem;
    font-size: 0.14rem;
    line-height: 0.35rem;
    text-align: center;
    color: #666;
    margin: 0 0.07rem;
}

.pagination a.active {
    background: #ED5713;
    color: #fff;
    border: 0.01rem solid #ED5713;
}

.pagination a:hover {
    background: #ED5713;
    color: #fff;
    border: 0.01rem solid #ED5713;
}

.pagination span {
    display: inline-block;
    font-size: 0.14rem;
}

.nymain {
    position: relative;
}


.ny-tit {
    display: flex;
    position: relative;
    justify-content: center;
    margin-top: .6rem;
    margin-bottom: .45rem;
}

.ny-tit-posi {
    justify-content: flex-end;
}

.ny-tit-posi h2 {
    display: none;
}

.ny-tit-posi div {
    position: static;
}

.ny-tit-fs {
    justify-content: flex-start;
}

.ny-tit h2 {
    font-size: 0.36rem;
    font-weight: normal;
    line-height: .48rem;
    color: #000000;
}

.ny-tit div {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ny-tit div img {}

.ny-tit div span {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.32rem;
    text-transform: uppercase;
    color: #666666;
    margin-left: .05rem;
}

.ny-tit div a {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.32rem;
    text-transform: uppercase;
    color: #666666;
    margin-left: .05rem;
}

.ny-tit div a:hover {
    color: #ED5713;
}


.ny-c {
    display: flex;
    justify-content: space-between;
}

.ny-l {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.ny-r {
    width: 3.6rem;
    margin-left: 4%;
}

/* 标题列表 */
.text-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.text-list ul li {
    width: 48%;
    margin-top: .48rem;
    position: relative;
    overflow: hidden;

}

.text-list ul li:nth-child(-n+2) {
    margin-top: 0;
}

.text-list ul li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #FFF8EC;
    transform: translateY(0) translateX(0);
    transition: all 0.5s;
    transition-delay: .1s;
}

.text-list ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    background: #ED5713;
    background: linear-gradient(180deg, #ED5713 21%, rgba(237, 87, 19, 0.4) 98%);
    z-index: 1;
    transform: translateY(-100%);
    transition: all 0.5s;
}

.text-list ul li a {
    display: flex;
    align-items: center;
    height: 1.2rem;
    padding: 0 .25rem 0 0;
    position: relative;
    z-index: 9;
}

.text-list ul li a .date {
    width: 1.2rem;
    margin-right: .1rem;
    text-align: center;
}

.text-list ul li a .date b {
    display: block;
    font-family: Georgia;
    font-size: 0.36rem;
    line-height: 0.4rem;
    color: #ED5713;
}

.text-list ul li a .date span {
    display: block;
    font-family: Georgia;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: rgba(237, 87, 19, 0.68);
}

.text-list ul li a .info {
    flex: 1;
    min-width: 0;
}

.text-list ul li a .info h3 {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.36rem;
    color: #2C2C2C;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .72rem;
}

.text-list ul li:hover::after {
    opacity: 1;
    transform: translateY(100%);
    transition-delay: 0s;
}

.text-list ul li:hover::before {
    opacity: 1;
    transform: translateY(0) translateX(0);
    transition-delay: .1s;
}

.text-list ul li:hover a .date b {
    color: #FFFFFF;
}

.text-list ul li:hover a .date span {
    color: rgba(255, 255, 255, 0.68);
}

.text-list ul li:hover a .info h3 {
    color: #FFFFFF;
}

/* 标题列表end */
/* 阳光人物 */

.sunpeo ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sunpeo ul li {
    width: 48%;
    border-radius: 0px 0.3rem 0rem 0;
    overflow: hidden;
    margin-top: .4rem;
    position: relative;
}

.sunpeo ul li:nth-child(-n+2) {
    margin-top: 0;
}

.sunpeo ul li a {
    display: flex;
    position: relative;
    z-index: 9;
}

.sunpeo ul li a .pics {
    width: 2.3rem;
}

.sunpeo ul li a .pics .pic {
    padding-top: 122%;
}

.sunpeo ul li a .info {
    flex: 1;
    min-width: 0;
    padding: .4rem .3rem 0 .3rem;
}

.sunpeo ul li a .info span {
    display: block;
    font-family: Arial;
    font-size: 0.2rem;
    font-weight: normal;
    color: #ED5713;
}

.sunpeo ul li a .info h3 {
    font-size: 0.18rem;
    font-weight: bold;
    line-height: 0.3rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .6rem;
    margin: .1rem 0 .15rem 0;
}

.sunpeo ul li a .info p {
    font-family: Arial;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #9E9E9E;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: .9rem;
}


.sunpeo ul li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    background: #FFF8EC;
    transform: translateY(0) translateX(0);
    transition: all 0.5s;
    transition-delay: .1s;
}

.sunpeo ul li::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    background: #ED5713;
    background: linear-gradient(180deg, #ED5713 21%, rgba(237, 87, 19, 0.4) 98%);
    z-index: 1;
    transform: translateX(-100%);
    transition: all 0.5s;
    border-radius: 0px 0.3rem 0rem 0;
}

.sunpeo ul li:hover::after {
    opacity: 1;
    transform: translateX(100%);
    transition-delay: 0s;
}

.sunpeo ul li:hover::before {
    opacity: 1;
    transform: translateY(0) translateX(0);
    transition-delay: .1s;
}

.sunpeo ul li:hover a .info span {
    color: #FFFFFF;
}

.sunpeo ul li:hover a .info h3 {
    color: #FFFFFF;
}

.sunpeo ul li:hover a .info p {
    color: rgba(255, 255, 255, 0.8);
}

/* 机构设置 */
.jgsz {
    display: flex;
    justify-content: space-between;
}

.jgsz-box {
    position: relative;
    width: 48%;
    position: relative;
    padding-top: .4rem;
    background: rgba(172, 179, 243, 0.16);
    /* background: linear-gradient(180deg, rgba(172, 179, 243, 0.16) 8%, rgba(225, 225, 255, 0.16) 162%, rgba(240, 88, 58, 0) 166%); */
    background: #FFF8EC;
}

.jgsz-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-width: 1rem .6rem 0 0;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    z-index: 1;
}

.jgsz-box::after {
    content: "";
    position: absolute;
    left: 0;
    top: .4rem;
    border-width: .6rem .4rem 0 0;
    border-style: solid;
    border-color: #ED5713 transparent transparent transparent;
    z-index: 1;
}

.jgsz-tit {
    background: #ED5713;
    background: linear-gradient(180deg, #ED5713 21%, #FFF8EC 98%);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.2rem;
}

.jgsz-tit::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-width: .6rem 0 0 .6rem;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    z-index: 1;
}

.jgsz-tit::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-width: .6rem 0 0 .6rem;
    border-style: solid;
    border-color: #FFF8EC transparent transparent transparent;
    z-index: 1;
}

.jgsz-tit h3 {
    font-size: 0.32rem;
    font-weight: 500;
    line-height: .4rem;
    color: #FFFFFF;
    padding: .5rem;
    width: 100%;
}


.jgsz-list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: .25rem .4rem;
}

.jgsz-list ul li {
    width: 49%;
}

.jgsz-list ul li a {
    display: block;
    position: relative;
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.6rem;
    color: #333333;
    padding-left: .2rem;
}

.jgsz-list ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: .26rem;
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    background: #ED5713;
    background: linear-gradient(253deg, #ED5713 14%, #FFF8EC 78%);
}

.jgsz-list ul li a:hover {
    color: #ED5713;
}


/* 学院领导 */
.ny-t {
    background: #6F90EC;
    /* background: linear-gradient(270deg, #6F90EC 7%, #ED5713 100%); */
    background: linear-gradient(270deg, #FFA15E 2%, #ED5713 97%);
}

.ny-t>div {
    display: flex;
    align-items: center;
    min-height: 1rem;
}

.lmname h3 {
    display: flex;
    align-items: center;
}

.lmname h3 span {
    font-size: 0.3rem;
    font-weight: bold;
    line-height: .3rem;
    padding-bottom: .2rem;
    color: #FFFFFF;
    position: relative;
    margin-left: .1rem;
}

.lmname h3 span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1.885rem;
    height: 1px;
    background: #FFFFFF;
    background: linear-gradient(269deg, rgba(255, 255, 255, 0) -1%, #FFFFFF 97%);
}

.ny-nav {
    flex: 1;
    min-width: 0;
}

.ny-nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-top: .1rem;
    position: relative;
}

.ny-nav ul li {}

.ny-nav ul li>a {
    display: block;
    font-size: 0.2rem;
    font-weight: normal;
    line-height: .9rem;
    color: #FFFFFF;
    padding: 0 .2rem;
    margin: 0 .1rem;
    position: relative;
}

.ny-nav ul li>a::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 0;
    transform: translateX(-50%);
    bottom: -0.02rem;
    height: 0.04rem;
    background: #FFBA56;
    transition: all 0.5s;
}

.ny-nav ul li div {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: .2rem 0;
    background: #fff;
    box-shadow: 0 0 .05rem 0 rgba(51, 51, 51, .1);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    z-index: 9;
    transform: scaleY(0);
    transition: all 0.5s;
    transform-origin: center top;
}

.ny-nav ul li div a {
    display: block;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: .3rem;
    color: #333333;
    padding-left: .2rem;
    position: relative;
    margin: 0 .3rem;
}

.ny-nav ul li div a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    background: linear-gradient(253deg, #ED5713 14%, #FFF8EC 78%);
}

.ny-nav ul li.active a::after {
    width: 100%;
}




.leader-box {
    position: relative;
    padding-top: .4rem;
    /* background: rgba(172, 179, 243, 0.16); */
    /* background: linear-gradient(180deg, rgba(255, 167, 0, 0.2) 8%, rgba(225, 225, 255, 0.2) 162%, rgba(240, 88, 58, 0) 166%); */
    background: #FFF8EC;
}

.leader-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-width: 1rem .6rem 0 0;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    z-index: 1;
}

.leader-box::after {
    content: "";
    position: absolute;
    left: 0;
    top: .4rem;
    border-width: .6rem .4rem 0 0;
    border-style: solid;
    border-color: #FFB65E transparent transparent transparent;
    z-index: 1;
}

.leader-tit {
    background: #FC7550;
background: linear-gradient(180deg, #FC7550 21%, #FFB65E 98%);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.2rem;
}

.leader-tit::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-width: .6rem 0 0 .6rem;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    z-index: 1;
}

.leader-tit::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-width: .6rem 0 0 .6rem;
    border-style: solid;
    border-color: rgba(255, 248, 236, 1) transparent transparent transparent;
    z-index: 1;
}

.leader-tit h3 {
    font-size: 0.32rem;
    font-weight: 500;
    line-height: .4rem;
    color: #FFFFFF;
    padding: .5rem;
    width: 100%;
}

.leader-c {
    padding: .7rem 5%;
    display: flex;
}

.leader-l {
    flex: 1;
    min-width: 0;
}

.leader-l ul {}

.leader-l ul li {
    display: flex;
    flex-wrap: wrap;
    padding: .3rem 5%;
    border-top: 1px dashed #A8A9C5;
    position: relative;
}

.leader-l ul li:nth-child(1) {
    padding-top: 0;
    border: none;
}

.leader-l ul li:nth-child(1)::before {
    content: none;
}

.leader-l ul li:nth-child(1)::after {
    content: none;
}

.leader-l ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-50%);
    background: #ED5713;
    height: 3px;
    width: 2px;
    border-radius: 50%;
}

.leader-l ul li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-50%);
    background: #ED5713;
    height: 3px;
    width: 2px;
    border-radius: 50%;
}

.leader-l ul li a {
    min-width: 50%;
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #333333;
}

.leader-l ul li a:hover {
    color: #ED5713;
}

.leader-r {
    width: 5.56rem;
    margin-left: 3.5%;
}

.leader-r img {
    display: block;
    width: 100%;
}

/* 搜索结果页 */
.search_data .ny-tit {
    justify-content: flex-end;
}

.search_data .ny-tit div {
    position: static;
    transform: translateY(0);
}

.search-tit {
    border-top: 2px solid #ED5713;
    border-bottom: 1px solid #ED5713;
    display: flex;
    align-items: center;
    padding: .5rem 0 .2rem 0;
}

.search-tit span {
    font-size: 0.22rem;
    line-height: .3rem;
    color: #2C2C2C;
}

.search-tit b {
    font-size: 0.36rem;
    font-weight: bold;
    line-height: .4rem;
    color: #ED5713;
    font-family: "sysong";
    margin: 0 .1rem;
}


.search-list ul li a {
    display: flex;
    border-top: 1px dashed #C4D1E5;
    height: 0.9rem;
    align-items: center;
    transition: all 0.5s;
}

.search-list ul li:nth-child(1) a {
    border-top: none;
}


.search-list ul li a p {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.26rem;
    color: #333333;
    padding-left: .34rem;
    position: relative;
}

.search-list ul li a p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .3rem;
    background: url(../images/search-list-left.png) no-repeat;
    background-position: center center;
    background-size: .1rem auto;
}


.search-list ul li a span {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.26rem;
    color: #9E9E9E;
    width: 1rem;
    text-align: right;
}

.search-list ul li:hover a {
    border-color: transparent;
    background: #FFFFFF;
    box-shadow: 0px 0px 0.06rem 0px rgba(94, 100, 165, 0.6);
    padding: 0 .3rem;
}

.search-list ul li:hover+li a {
    border-color: transparent;
}

.search-list ul li:hover a p {
    color: #ED5713;
}

.search-list ul li:hover a span {
    color: #ED5713;
}


/* 新闻列表页 */

.imgtlist ul {}

.imgtlist ul li {
    overflow: hidden;
    position: relative;
    margin-left: -.4rem;
}

.imgtlist ul li a {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 9;
    padding: .4rem .2rem .4rem .4rem;
}

.imgtlist ul li a .pics {
    width: 2.3rem;
    position: relative;
}

.imgtlist ul li a .pics .pic {
    padding-top: 64%;
}

.imgtlist ul li a .date {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ED5713;
    background: linear-gradient(180deg, #ED5713 21%, #FFF8EC 97%);
    z-index: 9;
    width: 0.6rem;
    height: 0.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.imgtlist ul li a .date b {
    display: block;
    font-family: Georgia;
    font-size: 0.28rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #FFFFFF;
}

.imgtlist ul li a .date span {
    font-family: Georgia;
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.16rem;
    color: rgba(255, 255, 255, 0.68);
}

.imgtlist ul li a .info {
    flex: 1;
    min-width: 0;
    padding: 0 0 0 .3rem;
}

.imgtlist ul li a .info span {
    display: block;
    font-family: Arial;
    font-size: 0.2rem;
    font-weight: normal;
    color: #ED5713;
}

.imgtlist ul li a .info h3 {
    font-size: 0.2rem;
    font-weight: bold;
    line-height: 0.3rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 0 .15rem 0;
}

.imgtlist ul li a .info p {
    font-family: Arial;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.32rem;
    color: #9E9E9E;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .64rem;
}

.imgtlist ul li::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    background: #ED5713;
    background: linear-gradient(180deg, #ED5713 21%, rgba(237, 87, 19, 0.4) 98%);
    z-index: 1;
    transform: translateX(-100%);
    transition: all 0.5s;
}

.imgtlist ul li:hover::after {
    opacity: 1;
    transform: translateX(100%);
    transition-delay: 0s;
}

.imgtlist ul li:hover::before {
    opacity: 1;
    transform: translateY(0) translateX(0);
    transition-delay: .1s;
}

.imgtlist ul li:hover a .info span {
    color: #FFFFFF;
}

.imgtlist ul li:hover a .info h3 {
    color: #FFFFFF;
}

.imgtlist ul li:hover a .info p {
    color: rgba(255, 255, 255, 0.8);
}

.ny-other-tit {
    padding-bottom: .2rem;
    border-bottom: 1px solid #D8D8D8; line-height: 0.36rem; height:0.45rem;
}

.ny-other-tit h3 {
    border-left: 0.04rem solid rgba(237, 87, 19, 0.9);
    font-size: 0.24rem;
    font-weight: normal;
    line-height: 0.36rem;
    float: left;
    color: #000000;
    padding-left: .2rem;
}
.ny-other-tit a{ float: right;}

.ny-other-list {
    margin-top: .3rem;
    border-left: 1px solid rgba(237, 87, 19, 0.2);
}

.ny-other-list ul {
    padding-top: .2rem;
    padding-bottom: .2rem;
}

.ny-other-list ul li {
    margin-top: .3rem;
}

.ny-other-list ul li:nth-child(1) {
    margin-top: 0;
}

.ny-other-list ul li a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: .2rem;
}

.ny-other-list ul li a span {
    display: block;
    box-sizing: border-box;
    height: 0.4rem;
    padding: 0 .2rem;
    border: 1px solid rgba(237, 87, 19, 0.6);
    line-height: .38rem;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #ED5713;
    position: relative;
    border-radius: .4rem;

}

.ny-other-list ul li a span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -.2rem;
    transform: translateX(-50%) translateY(-50%);
    background: #FFFFFF;
    border: 1px solid rgba(237, 87, 19, 0.6);
    width: 0.1rem;
    height: 0.1rem;
    z-index: 9;
    border-radius: 50%;
}

.ny-other-list ul li a p {
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #333333;
    margin-top: .1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .6rem;
    width: 100%;
}

.ny-other-list ul li a:hover span {
    background: #ED5713;
    color: #fff;
}

.ny-other-list ul li a:hover span::before {
    background: rgba(237, 87, 19, 0.6);
}

.ny-other-list ul li a:hover p {
    color: #ED5713;
}


/* 内容页 */

.content-tit {
    padding-bottom: .3rem;
    border-bottom: 1px dashed #A8A9C5;
}

.content-tit h3 {
    font-size: 0.24rem;
    font-weight: normal;
    line-height: 0.36rem;
    text-align: justify;
    color: #333333;
}

.content-tit div {
    margin-top: .15rem;
    display: flex;
    flex-wrap: wrap;
}

.content-tit div span {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.3rem;
    text-align: justify;
    /* 浏览器可能不支持 */
    color: #868686;
    margin-right: .1rem;
}

.content-body p {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.4rem;
    text-align: justify;
    /* 浏览器可能不支持 */
    color: #333333;
    text-indent: 2em;
    margin-top: .35rem;
}
.content-body p video{
    text-indent:0rem;
    display: block;
    margin: 0 auto;
    max-width: 99%;
    height: auto;
}

.content-body table {
    max-width: 100%;
    color: #333;
    font-size: .18rem;
    line-height: .3rem;
    border-collapse: collapse;
}

.content-body img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    border: none!important;
}

.major {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: flex-start;
}

.major::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background: #D8D8D8;
}

.major>div {
    width: 50%;
    border-top: 1px solid #ED5713;
    /* min-height: 3.46rem; */
    position: relative;
    padding-top: .2rem;
}

.major-box ul{
    display:flex;
    flex-wrap:wrap;
    margin-top:.5rem;
    padding: .3rem .15rem;
}


.major-box li{
    /* float: left; */
    width: 33%;
}

.major>div:nth-child(2n) {
    margin-top: 0.7rem;
}

.major>div:nth-child(2n)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #ED5713;
    width: 0.1rem;
    height: 0.1rem;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
}

.major>div:nth-child(2n+1)::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: #ED5713;
    width: 0.1rem;
    height: 0.1rem;
    transform: translateX(50%) translateY(-50%);
    border-radius: 50%;
}

.major>div:nth-child(1) {
    margin-top: 0;
}

.major>div:nth-child(2) {
    margin-top: 0.7rem;
    min-height: 2rem;
}

.major>div h3 {
    position: absolute;
    right: 0.2rem;
    top: .25rem;
    font-size: 0.22rem;
    font-weight: bold;
    line-height: normal;
    color: #ED5713;
}

.major>div:nth-child(2n) ul li a {
    text-align: center;
}

.major>div:nth-child(2n) h3 {
    left: .2rem;
    right: auto;
}

.major>div ul li a {
    display: block;
    font-size: 0.16rem;
    line-height: 0.48rem;
    color: #333333;
    text-align: center;
}

.major>div ul li a.on {
    color: #ED5713;
    font-weight: 700;
}

.major>div ul li div {
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #ED5713;
    display: none;
}

.major>div:nth-child(2n) ul li div {
    padding-left: .2rem;
}

.major>div:nth-child(2n+1) ul li div {
    padding-right: .2rem;
}

/* 学院概况 */
.college1 {
    display: flex;
    align-items: flex-start;
}

.college1 .tit{
    text-align: center;
    line-height: 50px;
    font-size: .4rem;
    margin-bottom: 50px;
    display: block;
}

.college1-l {
    width: 6.14rem;
    padding-right: .37rem;
    padding-bottom: .44rem;
    position: relative;
    margin-right: 5%;
}

.college1-l img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 9;
}

.college1-l::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/college1-picbg.png) no-repeat;
    background-position: right bottom;
    background-size: 3.8rem;
    z-index: 1;
}

.college1-l.choll-logo::after{
   content: "";
    position: absolute;
    left: 0;
    top: .3rem;
    right: 0;
    bottom: 0;
    background: url(../images/college3-picbg.png) no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    z-index: 1;
}
.college1-l.choll-logo{
 padding:0 .35rem .33rem .35rem;
}

.college1-r {
    flex: 1;
    min-width: 0;
}
.college1-r img{/* display:block; */margin:0 auto;max-width:100%;height: auto!important;}
.college-text p {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: .3rem;
    color: #333333;
    margin-top: .3rem;
   
}
.college-text p{
 text-indent: 2em;
}
.college-text p:nth-child(1) {
    margin-top: 0;
}

.college-tit {
    padding-bottom: .2rem;
    border-bottom: 1px solid #DCDCDC;
    margin-top: .65rem;
    margin-bottom: .35rem;
}

.college-tit h3 {
    display: flex;
    align-items: center;
    font-size: 0.24rem;
    font-weight: bold;
    line-height: normal;
    color: #333333;
}

.college-tit h3 img {
    margin-right: .1rem;
}


.college3-list ul {
    display: flex;
    justify-content: space-between;
    margin: .7rem 0 .5rem 0;
    min-height: 4rem;
}

.college3-list ul li {
    width: 1.48rem;
    transition: all 0.5s;
}

.college3-list ul li:nth-child(2n) {
    margin-top: 1.2rem;
}


@keyframes _nums {
    0% {
        /* transform: translateY(0); */
        margin-top: 0;
    }

    50% {
        /* transform: translateY(-0.25rem); */
        margin-top: -.25rem;
    }

    100% {
        /* transform: translateY(0); */
        margin-top: 0;
    }
}

.college3-list ul li:nth-child(1) a {
    animation: _nums 5s -1s infinite;
}

.college3-list ul li:nth-child(2) a {
    animation: _nums 4.5s -2s infinite;
}

.college3-list ul li:nth-child(3) a {
    animation: _nums 5.5s infinite;
}

.college3-list ul li:nth-child(4) a {
    animation: _nums 4.8s -3s infinite;
}

.college3-list ul li:nth-child(5) a {
    animation: _nums 5.2s -3.5s infinite;
}

.college3-list ul li:nth-child(6) a {
    animation: _nums 5.8s -2.5s infinite;
}

.college3-list ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;

}

.college3-list ul li a .nums {
    background: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
    border: 1px dashed #F0583A;
    height: 1.48rem;
    width: 1.48rem;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    transition: all 0.5s;
}

.college3-list ul li.on a .nums::before {
    content: "";
    position: absolute;
    left: .05rem;
    right: 0.05rem;
    top: 0.05rem;
    bottom: 0.05rem;
    background: url(../images/college3-list-actvg.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    opacity: 0;
    z-index: 2;
}

.college3-list ul li.on a .nums::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0);
    width: 200%;
    height: 200%;
    background: url(../images/college3-list-actvg-line.png) no-repeat;
    background-position: center center;
    background-size: 100%;
    z-index: 1;
    transition: all 0.5s;
}

.college3-list ul li a .nums b {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.4rem;
    font-weight: bold;
    line-height: normal;
    color: #F0583A;
    z-index: 9;
}

.college3-list ul li a .info {
    margin-top: .15rem;
    position: relative;
    z-index: 9;
    transition: all 0.5s;
}

.college3-list ul li a .info p {
    font-size: 0.2rem;
    font-weight: normal;
    line-height: 0.24rem;
    color: #373737;
}


.college4 {
    display: flex;
    align-items: flex-end;
}

.college4-l {
    flex: 1;
    min-width: 0;
}

.college4-r {
    width: 5.37rem;
    padding: 0 .35rem .33rem .35rem;
    position: relative;
    margin-left: 5%;
}

.college4-r::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/college3-picbg.png) no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    z-index: 1;
}

.college4-r img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 9;
}

/* 校园多彩生活 */
.caml1 {
    position: relative;
    background: #F4F4F6;
    padding-top: 1px;
    padding-bottom: .95rem;
}

.caml1-c {
    position: relative;
}

.caml1-l {
    position: absolute;
    right: 0;
    top: 0.2rem;
}

.caml1-l h3 {
    font-size: 0.36rem;
    font-weight: normal;
    line-height: normal;
    color: #0E0E0E;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    letter-spacing: .1rem;
}

.caml1-r {
    display: flex;
    align-items: flex-end;
}

.caml1-rl {
    width: 57%;
}

.caml1-rl>div a {
    display: block;
}

.caml1-rl>div a .pic {
    padding-top: 59%;
}

.caml1-rl>ul {
    display: flex;
    justify-content: flex-end;
}

.caml1-rl>ul li {
    width: 43.5%;
}

.caml1-rl>ul li a {
    display: block;
}

.caml1-rl>ul li a .pic {
    padding-top: 68.5%;
}

.caml1-rr {
    width: 43%;
}

.caml1-rr ul li:nth-child(1) {
    width: 75%;
}

.caml1-rr ul li a {
    display: block;
}

.caml1-rr ul li:nth-child(1) a .pic {
    padding-top: 61%;
}

.caml1-rr ul li:nth-child(2) a .pic {
    padding-top: 57.5%;
}

.caml-tit {
    margin-top: 0;
    padding-top: .65rem;
    padding-bottom: .48rem;
}

.caml-tit h3 {
    font-size: 0.36rem;
    font-weight: normal;
    line-height: .48rem;
    color: #000000;
    text-align: center;
}

.caml2 .slick-list {
    padding: 4.2% 0 !important;
}

.caml2 .slick-list li {
    position: relative;
    z-index: 1;
    transform-style: preserve-3d;
    perspective: 3000px;
}

.caml2 .slick-list li a {
    display: block;
    overflow: hidden;
    transition: all 0.5s;
}

.caml2 .slick-list li.slick-active a {
    transform-origin: left center;
    transform: rotateY(20deg);
    /* clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%); */
}

.caml2 .slick-list li.slick-center a {
    transform-origin: center center;
    /* clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%); */
}

.caml2 .slick-list li.slick-center+li a {
    transform-origin: right center;
    transform: rotateY(-20deg);
    /* clip-path: polygon(0 5%, 100% 0%, 100% 100%, 0% 95%); */
}

.caml2 .slick-list li a .pic {
    border-radius: 0.2rem;
    padding-top: 62%;
}

.caml2 .slick-list li.slick-center {
    z-index: 9;
}

.caml2 .slick-list li.slick-center a {
    transform: scale(1.4);
}

.caml2 .slick-dots {
    position: static;
    font-size: 0;
    text-align: center;
    margin-top: .48rem;
}

.caml2 .slick-dots li {
    width: 0.16rem;
    height: 0.16rem;
    border-radius: 50%;
    background: #D8D8D8;
    margin: 0 .3rem;
}

.caml2 .slick-dots li.slick-active {
    background: #ED5713;
}


.caml3 {
    margin-top: .8rem;
    padding-bottom: .85rem;
    background: rgba(255, 241, 222, 0.68);
    border-image: linear-gradient(242deg, rgba(240, 88, 58, 0) -12%, #F0583A 89%) 1;
}

.caml3-c {
    display: flex;
    justify-content: space-between;
}

.caml3-c a {
    display: block;
    border-radius: .1rem;
    overflow: hidden;
}

.caml3-l {
    width: 66%;
}

.caml3-r {
    width: 31.2%;
}

.caml3-lt a .pic {
    padding-top: 47%;
}

.caml3-lb ul {
    display: flex;
    justify-content: space-between;
    margin-top: 4%;
}

.caml3-lb ul li {
    width: 48%;
}

.caml3-lb ul a .pic {
    padding-top: 57%;
}

.caml3-r a .pic {
    padding-top: 166%;
}

.caml4-c ul {
    display: flex;
    justify-content: space-between;
}

.caml4-c ul li {
    width: 32%;
}

.caml4-c ul li a {
    display: block;
}

.caml4-c ul li a .pic {
    padding-top: 60%;
}


@media screen and (min-width:1025px) {

    .ny-nav ul li div a:hover {
        color: #ED5713;
    }

    .ny-nav ul li:hover a::after {
        width: 100%;
    }

    .ny-nav ul li:hover div {
        transform: scale(1);
    }


    .college3-list ul li.on {
        width: 4.26rem;
    }

    .college3-list ul li.on .nums {
        width: 2.11rem;
        height: 2.12rem;
    }

    .college3-list ul li.on a .nums::before {
        opacity: 1;
    }

    .college3-list ul li.on a .nums::after {
        transform: translateX(-50%) translateY(-50%) scale(1);
    }

    .college3-list ul li.on .nums b {
        font-size: 0.48rem;
        font-weight: bold;
        color: #FFFFFF;
    }

    .college3-list ul li.on a .info {
        margin-top: .4rem;
    }
}

/* 图片列表 */

.img-lists ul {
    overflow: hidden;
    margin: 0 -1.6%;
}

.img-lists ul li {
    float: left;
    width: 30%;
    margin-top: .35rem;
    margin: 0 1.6%;
    transition: all 0.3s;
    position: relative;
    top: 0;
}



.img-lists ul li:hover {
    /* box-shadow: 0 0 10px rgba(51, 51, 51, 0.16); */
    top: -10px;
}

.img-lists ul li:hover .info p {
    color: #ED5713;
    font-weight: 600;
}

.img-lists ul li a {
    display: block;
    width: 100%;
}

.img-lists ul li a .pic {
    padding-top: 65%;
}

.img-lists ul li a>img {
    display: block;
    width: 100%;
    height: 196px;
}

.img-lists ul li a>div.info {
    padding: .1rem;
    font-size: 0;
    background-position: left center;
}

.img-lists ul li a>div.info p {
    color: #333333;
    font-size: .16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: .2rem;
    text-align: center;
}

.img-lists ul li a>div.info img {
    height: 14px;
    vertical-align: middle;
}

.img-lists ul li a>div.info span {
    font-size: 14px;
    display: inline-block;
    margin-left: 5px;
    color: #999;
    vertical-align: middle;
}