* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    font-family: Arial, Helvetica, sans-serif !important;
}

a {
    transition: all 0.5s ease;
}

@font-face {
    font-family: "georgia";
    src: url(Georgia.ttf);
}

.pic {
    line-height: 0;
    overflow: hidden;
}

.pic img {
    transition: all 0.5s ease;
    width: 100%;
}

body {
    float: left;
    width: 100%;
    scroll-behavior: smooth;
}

.wapshoww {
    display: none !important;
}

.banner .pic {
    position: relative;
    width: 100%;
}

.banner .pic .top {
    position: absolute;
    width: 100%;
    top: 0;
}

.banner .pic::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 400px;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 83, 117, .9), rgba(0, 83, 117, 0));
}

.banner .slick-dots {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    right: 50px;
    bottom: 150px;
}

.banner .slick-dots li {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #fff;
    margin-left: 10px;
}

.banner .slick-dots li.slick-active {
    background: #005375;
}

.nbanner {
    width: 100%;
    position: relative;
}

.nbanner img {
    width: 100%;
}

img {
    border: 0;
}

.max-width {
    width: 1400px;
    margin: 0 auto;
}

.single-max-width {
    width: 1400px;
    margin: 0 auto;
}

html {
    scrollbar-width: thin;
    scrollbar-color: #005375 rgba(255, 255, 255, 0.75);
}

html::-webkit-scrollbar {
    width: 8px;
}

html::-webkit-scrollbar-thumb {
    background-color: #005375;
    border-radius: 8px;
}

@media screen and (max-width: 1500px) {
    .max-width {
        width: 90%;
        margin: 0 auto;
    }
    .single-max-width {
        width: 90%;
        margin: 0 auto;
    }
}

.layout37 {
    display: none;
}

.pcshow {
    display: block !important;
}

.wapshow {
    display: none !important;
}

@media screen and (max-width: 1024px) {
    .max-width {
        width: 100%;
        padding: 0 15px;
    }
    .max-width2 {
        width: 100%;
        padding: 0 15px;
    }
    .pcshow {
        display: none !important;
    }
    .wapshow {
        display: block !important;
    }
}

.wapshow {
    display: none;
}

._nav3 {
    display: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.layout37 {
    display: none;
}

.qbar {
    margin-top: -105px;
    width: 100%;
    position: relative;
    z-index: 3;
}

.qbar .qbarbox {
    display: flex;
    justify-content: space-between;
    gap: 14px;
}

.qbar .item1 {
    width: 38.8%;
    padding: 30px;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.qbar .item2 {
    width: 18.2%;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 30px;
}

.qbar .item3 {
    flex: 1;
    display: flex;
}

.qbar .item3 .pic {
    width: 33.6%;
    position: relative;
}

.qbar .item3 .pic img {
    height: 256px;
    object-fit: cover;
}

.qbar .item3 .text {
    padding: 15px;
    background: #005375;
    flex: 1;
    display: flex;
    justify-content: space-between;
}

.qbar .item3 .text .right {
    width: 42%;
    background: #bda07d;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
}

.qbar .item3 .text .right .pic {
    position: absolute;
    transform: translate(-50%, 0);
    bottom: 15px;
    width: 56%;
}

.qbar .item3 .text .right .pic img {
    height: auto;
}

.qbar .item3 .text .right p {
    color: #fff;
    font-size: 15px;
    line-height: 1.4;
}

.qbar .item3 .text .right>img {
    width: 30px;
    margin-left: auto;
    height: 30px;
}

.qbar .item3 .text .left {
    width: 58%;
}

.qbar .item3 .text .left .info {
    font-size: 16px;
    line-height: 1.4;
    color: #fff;
    padding-right: 50px;
}

.qbar .item3 .text .left .more {
    color: #bda07d;
    font-size: 14px;
    text-decoration: underline;
    margin-top: 20px;
    display: block;
    text-align: left;
}

.qbar .item {
    height: 256px;
}

.qbar .item .title {
    font-size: 40px;
   
    color: #fff;
    margin-bottom: 20px;
    font-family: "georgia" !important;
    text-transform: uppercase;
}

.qbar .item .stitle {
    font-size: 16px;
    color: #fff;
    margin-top: 10px;line-height: 1.4;
}

.qbar .item2 .title {
    font-size: 40px;padding-top: 26px;
}

.data {
    width: 100%;
    height: 677px;
    background: url(../img/databg.png) center no-repeat;
    background-size: cover;
}

.data .data-box {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 677px;
}

.data .title .time {
    display: flex;
    align-items: center;
    color: #bbb;
    font-size: 16px;
}

.data .title .time .line {
    width: 58px;
    height: 2px;
    background: #bbbbbb;
    margin: 0 10px;
}

.data .title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding-top: 120px;
}

.data .title .t1 {
    color: #bda07d;
    font-size: 74px;
}

.data .title .t2 {
    color: #005375;
    font-size: 74px;
}

.data .list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    background: #005375;
    height: 258px;
    padding-top: 58px;
    padding-left: 40px;
    padding-right: 40px;
}

.data .list .line {
    height: 200px;
    width: 1px;
    min-width: 1px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
}

.sci .scibox .left ul li a {
    height: 100px;
}

.data .list .item {
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
}

.data .list .item .tit {
    font-size: 18px;
    color: #fff;
    margin-top: 15px;
}

.data .list .item .num {
    font-family: "georgia" !important;
    margin-top: 30px;
    font-size: 60px;
    color: #bda07d;
}

.global {
    width: 100%;
    padding: 75px 0 80px 0;
}

.global .global-box {
    display: flex;
    justify-content: space-between;
}

.global .global-box .main {
    width: 28.28%;
    height: 615px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.global .global-box .main .tt {
    color: #fff;
    font-size: 60px;
}

.global .global-box .main .linklist {
    display: flex;
    flex-direction: column;
}

.global .global-box .main .linklist a {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 50px;
    text-decoration: underline;
}

.global .global-box .list {
    width: calc(100% - 28.28% - 30px);
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.global .global-box .list .top {
    display: flex;
    justify-content: space-between;
}

.global .global-box .list .top .w2 {
    width: calc(40% - 30px);
    height: 308px;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-end;
    padding: 40px 20px;
    font-size: 16px;
    color: #fff;
}

.global .global-box .list .top .w1 {
    display: flex;
    align-items: flex-end;
    width: 60%;
    height: 308px;
    font-size: 21px;
    line-height: 30px;
    color: #fff;
    padding: 20px;
}

.global .global-box .list .top .tit {
    font-size: 60px;
    color: #fff;
}

.global .global-box .list .down {
    justify-content: space-between;
    display: flex;
    width: 100%;
}

.global .global-box .list .down .w2 {
    width: calc(40% - 30px);
    height: 278px;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-end;
    padding: 40px 20px;
    font-size: 16px;
    color: #fff;
}

.global .global-box .list .down .w2 .tit {
    font-size: 60px;
    color: #fff;
}

.global .global-box .list .down .w3 {
    width: calc(30% - 15px);
    display: flex;
    align-items: flex-end;
    padding: 30px 15px;
    height: 278px;
    font-size: 21px;
    line-height: 30px;
    color: #fff;
    padding: 20px;
    flex-direction: column;
    justify-content: flex-end;
}

.global .global-box .list .down .w3 .tit {
    font-size: 50px;
    color: #fff;
    margin-bottom: 10px;
}

.global .global-box .list .item {
    width: calc(50% - 16px);
    height: 296px;
    position: relative;
}

.global .global-box .list .item .linklist {
    margin-top: 70px;
    padding-left: 30px;
}

.global .global-box .list .item .linklist a {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 45px;
    text-decoration: underline;
}

.global .global-box .list .item .tit {
    position: absolute;
    color: #fff;
    font-size: 40px;
    left: 30px;
    bottom: 20px;
}

.characteristiclist {
    padding-bottom: 100px;
    width: 100%;
}

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

.characteristiclist ul li .icon {
    height: 115px;
    width: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    line-height: 0;
    margin: 0 auto;
}

.characteristiclist ul li .title {
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
}

.footer {
    width: 100%;
    padding: 75px 0 40px 0;
    background: #242424;
}

.footer .nav {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.footer .nav .school {
    line-height: 0;
}

.footer .nav ul {
    display: flex;
    padding-bottom: 20px;
}

.footer .nav ul li {
    margin-left: 45px;
}

.footer .nav ul li a {
    color: #fff;
    font-size: 21px;
}

.footer .nav ul li a:hover {
    color: #005375;
}

.footer .content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 55px;
}

.footer .content .logo {
    display: block;
    line-height: 0;
}

.footer .content .copyright {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.2);
    margin-top: 10px;
}

.footer .content .right {
    display: flex;
    align-items: flex-end;
}

.footer .content .right p {
    font-size: 14px;
    color: #fff;
    text-align: right;
    margin-right: 10px;
}

.footer .content .right .ewm {
    line-height: 0;
}

.ACADEMICS {
    width: 100%;
    height: 700px;
    background: url(../img/acadbg.png) center no-repeat;
    background-size: cover;
}

.ACADEMICS .box {
    display: flex;
    flex-direction: column;
    height: 700px;
    align-items: center;
}

.ACADEMICS .title {
    text-align: center;
    color: #bda07d;
    font-size: 60px;
    margin-top: 130px;
}

.ACADEMICS .info {
    font-size: var(--font18);
    line-height: 30px;
    color: #fff;
    text-align: center;
}

.ACADEMICS .more {
    width: 325px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    background: #fff;
    font-size: 18px;
    margin: 35px auto 0 auto;
    text-transform: uppercase;
    transition: all 0.5s ease;
}

.ACADEMICS .more:hover {
    background: #005375;
    color: #fff;
}

.teacher {
    width: 100%;
    height: 400px;
    background: #025172;
    display: flex;
    position: relative;
    z-index: 3;
    align-items: flex-end;
}

.teacher .max-width {
    position: relative;
}

.teacher .arrow {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    opacity: 0.3;
    transition: all 0.5s ease;
    cursor: pointer;
}

.teacher .arrow:hover {
    opacity: 1;
}

.teacher .arrow.prev {
    left: 100px;
}

.teacher .arrow.next {
    right: 100px;
}

.teacher .teacherlist {
    position: relative;
}

.teacher .teacherlist ul {
    width: calc(100% + 40px);
    margin: -60px -20px;
    display: flex;
}

.teacher .teacherlist ul li {
    width: 25%;
    padding: 60px 20px;
}

.teacher .teacherlist ul li .box {
    width: 100%;
    position: relative;
}

.teacher .teacherlist ul li .box:hover .pic img {
    transform: scale(1.1);
}

.teacher .teacherlist ul li .box:hover .text {
    background: #ba9d7b;
}

.teacher .teacherlist ul li .box:hover .text .more {
    display: block;
}

.teacher .teacherlist ul li .box .pic {
    width: 100%;
}

.teacher .teacherlist ul li .box .text {
    position: absolute;
    min-width: 80%;
    bottom: 0;
    left: 0;
    padding: 30px 15px;
    transition: all 0.5s ease;
}

.teacher .teacherlist ul li .box .text .name {
    font-size: 38px;
    color: #fff;
    white-space: nowrap;
}

.teacher .teacherlist ul li .box .text .position {
    font-size: 16px;
    color: #fff;
    margin-top: 12px;
}

.teacher .teacherlist ul li .box .text .more {
    margin-top: 25px;
    display: none;
}

.ustitlayout {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ustitlayout .more {
    color: #005375;
    text-decoration: underline;
    font-size: 14px;
}

.ustitlayout .ustit {
    display: flex;
    flex-direction: column;
}

.ustitlayout .ustit .t1 {
    font-size: var(--font32);
    color: #005375;
}

.ustitlayout .ustit .fh {
    font-size: var(--font16);
    color: #a2b5bc;
}

.ustitlayout .ustit .t2 {
    font-size: var(--font32);
    color: #bda07d;
}

.labs {
    width: 100%;
    padding: 80px 0 110px 0;
}

.labs .lablist {
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
}

.labs .lablist .line {
    height: 185px;
    width: 1px;
    background: #dfe7f6;
}

.labs .lablist .item {
    position: relative;
}

.labs .lablist .item:hover .tit {
    color: #bda07d;
}

.labs .lablist .item:hover .icon2 {
    display: block;
}

.labs .lablist .item:hover .icon1 {
    display: none;
}

.labs .lablist .item:hover .arrow {
    background: #bda07d;
    padding: 0 15px;
}

.labs .lablist .item .tit {
    color: #005375;
    font-size: 16px;
    line-height: 25px;
    margin: 20px 0 15px 0;
}

.labs .lablist .item .icon {
    line-height: 0;
}

.labs .lablist .item .icon2 {
    display: none;
}

.labs .lablist .item .arrow {
    height: 30px;
    width: 120px;
    display: flex;
    align-items: center;
    transition: all 0.5s ease;
}

.labs .lablist .item .arrow span {
    font-size: 16px;
    color: #fff;
    margin-left: 5px;
}

.lastest {
    width: 100%;
    padding-bottom: 90px;
}

.lastest .lastestbox ul {
    width: calc(100% + 50px);
    margin: 0 -25px;
    display: flex;
}

.lastest .lastestbox ul li {
    width: 25%;
    padding: 25px;
}

.lastest .lastestbox ul li a {
    display: flex;
    align-items: flex-start;
}

.lastest .lastestbox ul li a .info {
    width: calc(100% - 66px);
    font-size: 18px;
    line-height: 25px;
    color: #343434;
    padding-left: 6px;
}

.lastest .lastestbox ul li a .time {
    margin-top: 5px;
    width: 66px;
    display: flex;
    align-items: center;
}

.lastest .lastestbox ul li a .time .mouth {
    color: #005375;
    font-size: 24px;
    margin-right: 5px;
}

.lastest .lastestbox ul li a .time .day {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: #bda07d;
}

.sci {
    width: 100%;
    background: url(../img/scibg.png) center no-repeat;
    background-size: cover;
    padding: 85px 0 110px 0;
    box-sizing: border-box;
    min-height: 682px;
}

.sci .scibox {
    display: flex;
    margin-top: 20px;
    position: relative;
}

.sci .scibox .right {
    width: 60%;
    line-height: 0;
    position: absolute;
    right: 0;
}

.sci .scibox .left {
    width: 40%;
}

.sci .scibox .left ul li a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 25px 0;
    padding-left: 20px;
}

.sci .scibox .left ul li a:hover:after {
    display: block;
}

.sci .scibox .left ul li a:hover .info {
    color: #005375;
}

.sci .scibox .left ul li a .pic {
    margin-right: 15px;
    width: 140px;
    min-width: 140px;
    position: relative;
    z-index: 2;
}

.sci .scibox .left ul li a:after {
    content: "";
    height: calc(100% + 7px);
    width: calc(100% + 7px);
    left: -7px;
    top: -7px;
    position: absolute;
    background: url(../img/newbg.png) center no-repeat;
    background-size: 100% 100%;
    display: none;
}

.sci .scibox .left ul li a .info {
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    position: relative;
    z-index: 2;
}

.News {
    width: 100%;
    padding: 100px 0;
    background: url(../img/newbg2.png) center no-repeat;
    background-size: cover;
}

.News .ustitlayout {
    margin-bottom: 30px;
}

.News .News-box {
    display: flex;
    justify-content: space-between;
}

.News .News-box .main {
    width: 38.8%;
    height: 540px;
}

.News .News-box .main .img .slick-dots {
    display: flex;
    bottom: 170px;
    left: 25px;
    display: none !important;
}

.News .News-box .main .img .slick-dots li {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    border: 1px solid #005375;
    background: #fff;
    margin-right: 13px;
}

.News .News-box .main .img .slick-dots li.slick-active {
    background: #005375;
}

.News .News-box .main .img .pic img {
    height: 397px;
    object-fit: cover;
}

.News .News-box .main .img .text {
    height: 143px;
    background: #f2f6fe;
    padding: 20px 25px;
}

.News .News-box .main .img .text .time {
    font-size: 16px;
    color: #ff8400;
}

.News .News-box .main .img .text .tit {
    font-size: 24px;
    line-height: 32px;
    color: #343434;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.News .News-box .list {
    width: calc(100% - 38.8% - 35px);
}

.News .News-box .list .top {
    display: flex;
    justify-content: space-between;
}

.News .News-box .list .top .item {
    width: calc(50% - 17.5px);
    position: relative;
}

.News .News-box .list .top .item .pic {
    width: 100%;
    position: relative;
}

.News .News-box .list .top .item .pic img {
    height: 250px;
    object-fit: cover;
}

.News .News-box .list .top .item .tit {
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    position: absolute;
    bottom: 15px;
    left: 20px;
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.News .News-box .list .down {
    background: rgba(0, 83, 117, 0.1);
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.News .News-box .list .down .text {
    height: 250px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.News .News-box .list .down .text .content {
    width: 75%;
    font-size: 18px;
    line-height: 22px;
    color: #005375;
    padding-left: 14px;
    border-left: 2px solid #005375;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.News .News-box .list .down .pic {
    width: calc(50% - 15px);
    height: 250px;
    min-width: calc(50% - 15px);
}

.News .News-box .list .down .pic img {
    object-fit: cover;
    height: 100%;
}

.topfunction {
    width: 100%;
    background: rgba(0, 83, 117, 0.87);
    padding: 0 50px;
}

.topfunction .box {
    height: 40px;
    display: flex;
    justify-content: space-between;
}

.topfunction .box .left {
    font-size: 15px;
    color: #fff;
    line-height: 40px;
}

.topfunction .box .right .lang {
    font-size: 12px;
    color: #fff;
    line-height: 40px;
}

.topfunction .box .right .link {
    text-decoration: underline;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    margin-right: 12px;
    padding-right: 12px;
    position: relative;
}

.topfunction .box .right .link:after {
    content: "";
    height: 13px;
    width: 1px;
    background: #fff;

    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.topnav .topnavbox .nav>ul>li {
    position: relative;
}

.topnav .topnavbox .nav>ul>li:hover .ul2 {
    display: block;
}

.topnav {
    position: absolute;
    width: 100%;
    top: 40;
    left: 0;
    z-index: 9;
    padding: 0 50px;
}

.topnav .topnavbox {
    height: 100px;
    display: flex;
    justify-content: space-between;
}

.topnav .topnavbox .logo {
    line-height: 0;
    display: flex;
    align-items: center;
}

.topnav .topnavbox .nav .ul2 {
    position: absolute;
    display: flex;
    flex-direction: column;
    display: none;
    padding: 20px 0;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    background: #fff;
    border-top: 2px solid #e4893a;
}

.topnav .topnavbox .nav .ul2 li {
    margin-right: 0;
}

.topnav .topnavbox .nav .ul2 li a {
    display: block;
    white-space: nowrap;
    color: #005375;
    font-size: 16px;
    text-align: center;
    min-width: 120px;
    line-height: 40px;
}

.topnav .topnavbox .nav .ul2 li a:hover {
    color: #e4893a;
    background: url(../img/topnav.png) left center no-repeat;
    background-size: cover;
}

.topnav .topnavbox .nav>ul {
    display: flex;
    align-items: center;
}

.topnav .topnavbox .nav>ul>li {
    margin-right: 35px;
}

.topnav .topnavbox .nav>ul>li a {
    display: flex;
    align-items: center;
    line-height: 100px;
    color: #fff;
    font-size: 21px;
    font-family: "georgia" !important;
}

.topnav .topnavbox .nav>ul>li a img {
    margin-left: 7px;
}

.topnav .topnavbox .search {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin-right: 0px;
    cursor: pointer;
}

.search_box {
    width: 100vw;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    transition: all 0.5s ease-in-out 0s;
    height: 0;
    overflow: hidden;
}

.search_box.on {
    height: 100vh;
    opacity: 1;
}

.search_box.on .search_box_layout {
    opacity: 1;
    transform: translateY(0);
}

.search_box .search_box_layout {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    height: 100%;
    align-items: flex-end;
    margin-left: 25%;
    transform: translateY(30px);
    transition: all 0.5s ease-in-out 0s;
    transition-delay: 0.25s;
}

.search_box .search_box_layout .close {
    position: relative;
    height: 50px;
    width: 50px;
    cursor: pointer;
}

.search_box .search_box_layout .close:after {
    content: "";
    height: 50px;
    width: 2px;
    position: absolute;
    background: #fff;
    transform: rotate(45deg);
}

.search_box .search_box_layout .close::before {
    content: "";
    height: 50px;
    width: 2px;
    position: absolute;
    background: #fff;
    transform: rotate(-45deg);
}

.search_box .search_box_layout form {
    width: 100%;
    margin-top: 30px;
}

.search_box .search_box_layout form .layout {
    position: relative;
}

.search_box .search_box_layout form .text {
    width: 100%;
    background: transparent;
    line-height: 60px;
    padding: 0 20px;
    font-size: var(--font24);
    border-bottom: 1px solid #fff;
    color: #fff;
}

.search_box .search_box_layout form .text::placeholder {
    color: rgba(255, 255, 255, 0.8);
    font-size: var(--font24);
}

.search_box .search_box_layout form .submit {
    height: 60px;
    width: 60px;
    position: absolute;
    background: url(../img/search2.png) center no-repeat;
    background-size: 25px;
    right: 0px;
    top: 5px;
}

.qwe {
    font-size: var(--font16);
    line-height: 30px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.lastest .lastestbox ul li:hover .info {
    color: #B8A182;
}

.News .News-box .main li:hover .pic img {
    transform: scale(1.1);
}

.News .News-box .main .img:hover .text .tit {
    color: #005375;
}

.News .News-box .list .top .item .tit {
    transition: all 0.5s ease;
}

.News .News-box .list .top .item:hover .tit {
    color: rgba(255, 255, 255, 0.5);
}

.global .global-box .main .linklist a:hover {
    color: rgba(255, 255, 255, 0.5);
}

.characteristiclist ul li .icon img {
    transition: all 0.5s ease;
}

.characteristiclist ul li:hover .icon img {
    transform: rotateY(180deg);
}

.characteristiclist ul li .icon img {
    max-width: 50%;
}

.teacher .teacherlist ul li:nth-child(2n) {
    transform: translate(0, 60px);
}

.labs .lablist .item {
    /* padding-right: 60px; */
}

.data .list .item .tit {
    text-align: center;
}

.sci .scibox .right img {
    width: 100%;
    height: 561px;
    object-fit: cover;
}

.single .single_box .leftnav .science .pic {
    position: relative;
}

.single .single_box .leftnav .science .pic .img {
    width: 33%;
    line-height: 0;
    position: absolute;
    left: 40%;
    bottom: 6px;
}

.single .single_box .leftnav .science .pic .img img {
    width: 100%;
}

.single {
    width: 100%;
    padding-bottom: 30px;
    background: url(../img/sinmainbg.png) top center no-repeat;
    background-size: 100%;
}

.single .single_box {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.single .single_box .leftnav {
    width: 280px;
    position: relative;
    padding-top: 40px;
}

.single .single_box .leftnav .ust {
    color: #bda07d;
    font-size: 26px;
    position: relative;
    padding-bottom: 7px;
    margin-bottom: 20px;
}

.single .single_box .leftnav .ust p {
    color: #005375;
}

.single .single_box .leftnav .ust:after {
    content: "";
    height: 2px;
    width: 104px;
    position: absolute;
    background: #065778;
    bottom: -10px;
    left: 0;
}

.single .single_box .leftnav .follow .contact {
    margin-top: 15px;
    color: #3d3d3d;
    font-size: 12px;
    line-height: 20px;
}

.single .single_box .leftnav .follow .contact p {
    color: #bda07d;
}

.single .single_box .leftnav .follow .contact a {
    text-decoration: underline;
    color: #3d3d3d;
    font-size: 12px;
    line-height: 20px;
}

.single .single_box .leftnav .follow .ewm {
    display: flex;
    align-items: center;
}

.single .single_box .leftnav .follow .ewm .text {
    margin-left: 16px;
}

.single .single_box .leftnav .follow .ewm .text span {
    color: #4d4d4d;
    font-size: 12px;
    line-height: 17px;
}

.single .single_box .leftnav .follow .ewm .text .fus {
    background: #f8f5f2;
    line-height: 32px;
    color: #065778;
    padding: 0 8px;
    text-transform: uppercase;
    margin-top: 8px;
}

.single .single_box .leftnav .science {
    padding-bottom: 45px;display: none;
}

.single .single_box .leftnav .science .info {
    color: #4d4d4d;
    font-size: 12px;
    line-height: 1.6;
    margin-top: 30px;
}

.single .single_box .leftnav .science .pic {
    height: 215px;
    width: 100%;
    padding: 20px 0 0 20px;
    margin-top: 30px;
}

.single .single_box .leftnav .science .pic p {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    margin-bottom: 40px;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.single .single_box .leftnav .science .pic a {
    text-decoration: underline;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    display: block;
}

.single .single_box .leftnav .science .pic .more {
    width: 28px;
    margin-top: 55px;
}

.single .single_box .leftnav .admiss {
    width: 100%;
    height: 142px;
    margin-bottom: 35px; display: none;
}

.single .single_box .leftnav .admiss .ul {
    margin-top: 35px;
}

.single .single_box .leftnav .admiss .ul .li {
    color: #005375;
    font-size: 16px;
    margin-bottom: 8px;
    padding-left: 25px;
    position: relative;
}

.single .single_box .leftnav .admiss .ul .li:after {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #005375;
    position: absolute;
    left: 12px;
    top: 5px;
}

.single .single_box .leftnav ul {
    margin-bottom: 30px;
    width: 100%;
    padding: 20px 12px 100px 0;
    background: #065778;
    clip-path: polygon(0 0, 100% 0, 100% 87%, 0% 100%);
}

.single .single_box .leftnav ul li.on a {
    background: #bda07d;
}

.single .single_box .leftnav ul li a {
    width: 100%;
    display: block;
    padding: 15px 0;
    padding-left: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    border-bottom: 1px solid #bda07d;
    text-transform: capitalize;
}

.single .single_box .leftnav ul li a:hover {
    background: #bda07d;
}

.single .single_box .leftnav .title {
    color: #005375;
    font-size: 32px;
    margin-bottom: 20px;
}

.single .single_box .leftnav:after {
    width: 100%;
    height: 20px;
    background: #bda07d;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}

.single .single_box .singlecontent {
    width: calc(100% - 340px);
    padding-top: 40px;
}

.single .single_box .singlecontent .imglist ul {
    width: calc(100% + 44px);
    margin: -25px -22px;
    display: flex;
    flex-wrap: wrap;
}

.single .single_box .singlecontent .imglist ul li {
    width: 50%;
    padding: 25px 22px;
}

.single .single_box .singlecontent .imglist ul li a {
    display: block;
    width: 100%;
}

.single .single_box .singlecontent .imglist ul li a:hover .pic img {
    transform: scale(1.1);
}

.single .single_box .singlecontent .imglist ul li a:hover .content {
    color: #005375;
}

.single .single_box .singlecontent .imglist ul li a .pic {
    width: 100%;
}

.single .single_box .singlecontent .imglist ul li a .time {
    margin: 20px 0 12px 0;
    display: flex;
}

.single .single_box .singlecontent .imglist ul li a .time .day {
    width: 23px;
    height: 15px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background: #005375;
}

.single .single_box .singlecontent .imglist ul li a .time .year {
    width: 23px;
    height: 15px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background: #bda07d;
}

.single .single_box .singlecontent .imglist ul li a .time .eye {
    color: #9f9f9f;
    font-size: 12px;
    margin-left: 12px;
}

.single .single_box .singlecontent .imglist ul li a .time .eye img {
    width: 13px;
    margin-right: 4px;
}

.single .single_box .singlecontent .imglist ul li a .content {
    font-size: 18px;
    color: #333333;
    line-height: 22px;
}

.single .single_box .singlecontent .textlist ul li {
    width: 100%;
}

.single .single_box .singlecontent .textlist ul li a {
    display: block;
    padding: 24px 0;
    border-bottom: 1px dashed #e6e2e0;
}

.single .single_box .singlecontent .textlist ul li a:hover .content {
    color: #005375;
}

.single .single_box .singlecontent .textlist ul li a .content {
    color: #333;
    font-size: 18px;
    line-height: 1.8;
}

.single .single_box .singlecontent .textlist ul li a .time {
    margin: 0px 0 12px 0;
    display: flex;
}

.single .single_box .singlecontent .textlist ul li a .time .day {
    width: 23px;
    height: 15px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background: #005375;
}

.single .single_box .singlecontent .textlist ul li a .time .year {
    width: 23px;
    height: 15px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background: #bda07d;
}

.single .single_box .singlecontent .textlist ul li a .time .eye {
    color: #9f9f9f;
    font-size: 12px;
    margin-left: 12px;
}

.single .single_box .singlecontent .textlist ul li a .time .eye img {
    width: 13px;
    margin-right: 4px;
}

.single .single_box .singlecontent .maintext .content {
    padding-top: 50px;
    border-top: 1px dashed #e6e2e0;
    font-size: 16px;
    line-height: 30px;
    color: #171717;
}

.single .single_box .singlecontent .maintext .sutit {
    color: #005375;
    font-size: 27px;
    line-height: 40px;
    margin: 40px 0;
    padding-left: 17px;
    border-left: 2px solid #bda07d;
}

.single .single_box .singlecontent .maintext h1 {
    text-align: center;
    color: #0f0f0f;
    font-size: 27px;
}

.single .single_box .singlecontent .maintext .time {
    margin: 20px 0 32px 0;
    display: flex;
    justify-content: center;
}

.single .single_box .singlecontent .maintext .time .day {
    width: 23px;
    height: 15px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background: #005375;
}

.single .single_box .singlecontent .maintext .time .year {
    width: 23px;
    height: 15px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background: #bda07d;
}

.single .single_box .singlecontent .maintext .time .eye {
    color: #9f9f9f;
    font-size: 12px;
    margin-left: 12px;
}

.single .single_box .singlecontent .maintext .time .eye img {
    width: 13px;
    margin-right: 4px;
}

.single .single_box .singlecontent .maintext table {
    width: 100%;
    margin: 45px 0;
}

.single .single_box .singlecontent .maintext table tr:nth-child(odd) {
   
}

.single .single_box .singlecontent .maintext table tr td {
    height: 60px;
    color: #545454;
    font-size: 16px;
    text-align: left;
    padding-left: 22px;
    border-bottom: 1px solid #f1ebe4;
}

.single .single_box .singlecontent .maintext table tr th {
    height: 60px;
    color: #bda07d;
    font-size: 16px;
    border-top: 3px solid #005375;
    text-align: left;
    padding-left: 22px;
    border-bottom: 1px solid #bda07d;
    background: linear-gradient(to bottom, #ffffff, rgba(189, 160, 125, 0.5));
}

.single .single_box .singlecontent .mbx {
    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
    border-bottom: 2px solid #cddde4;
    margin-bottom: 20px;
}

.single .single_box .singlecontent .mbx .position {
    color: #005375;
    font-size: 28px;
}

.single .single_box .singlecontent .mbx .list {
    display: flex;
    align-items: center;
    color: #777777;
    font-size: 14px;
}

.single .single_box .singlecontent .mbx .list a {
    display: block;
    font-size: 14px;
}

.single .single_box .singlecontent .mbx .list .home {
    color: #005375;
}

.single .single_box .singlecontent .mbx .list .parent {
    color: #777777;
}

.single .single_box .singlecontent .mbx .list .current {
    color: #bda07d;
}

.single .single_box .singlecontent .editor {
    color: #171717;
    font-size: 16px;
    line-height: 30px;
}

.single .single_box .singlecontent .editor img {
    max-width: 100%;
}

.fy {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

.fy a {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    margin: 6px;
    background: #065778;
}

.fy a:hover {
    background: #bda07d;
}

.fy a.on {
    background: #bda07d;
}

.topnav .topnavbox .nav .ul2 li a {
    padding: 0 15px;
}

.ustitlayout .ustit .t1 {
    font-family: "georgia" !important;
}

.ustitlayout .ustit .t2 {
    font-family: "georgia" !important;
}

.lastest .lastestbox ul li a .info {
    font-family: "georgia" !important;
}

.banner .pic {
    display: block;
}

.sci .scibox .right .pic {
    padding-right: 23px;
    padding-bottom: 23px;
}

.sci .scibox .right .pic {
    position: relative;
    width: 100%;
}

.sci .scibox .right .pic:after {
    content: "";
    position: absolute;
    width: 855px;
    background: #005375;
    right: -916px;
    height: 90px;
    bottom: 5px;
    z-index: -1;
}

.News .News-box .list .top .item .tit,
.News .News-box .list .down .text .content,
.News .News-box .main .img .text .tit,
.sci .scibox .left ul li a .info,
.labs .lablist .item .tit,
.ACADEMICS .title,
.ACADEMICS .info,
.teacher .teacherlist ul li .box .text .name,
.teacher .teacherlist ul li .box .text .position,
.data .title .t1,
.data .title .t2,
.data .list .item .tit,
.global .global-box .main .tt,
.global .global-box .list .top .w1,
.global .global-box .list .top .tit,
.global .global-box .list .down .w3 .tit,
.global .global-box .list .down .w2 .tit,
.global .global-box .main .linklist a,
.global .global-box .list .down .w2,
.characteristiclist ul li .title,
.footer .nav ul li a,
.footer .content .right p {
    font-family: "georgia" !important;
}

@media screen and (max-width: 1700px) {
    .topnav .topnavbox .nav>ul>li a {
        font-size: 16px;
    }
    .topnav .topnavbox .logo img {
        height: 40px;
    }
}

@media screen and (max-width: 1500px) {
    .data .data-box,
    .data {
        height: 550px;
    }
    .data .list .item .num {
        font-size: 40px;
        margin-top: 15px;
    }
    .data .title .t1 {
        font-size: 50px;
    }
    .data .title .t2 {
        font-size: 50px;
    }
    .ACADEMICS .title {
        font-size: 40px;
    }
    .labs .lablist .item .icon img {
        height: 35px;
    }
    .global .global-box .main .tt,
    .global .global-box .main .tt,
    .global .global-box .list .down .w2 .tit,
    .global .global-box .list .top .tit {
        font-size: 40px;
    }
    .ACADEMICS,
    .ACADEMICS .box {
        height: 500px;
    }
    .teacher .teacherlist ul li .box .text .name {
        font-size: 24px;
    }
    .global .global-box .list .down .w3 {
        font-size: 18px;
    }
    .global .global-box .list .down .w3 .tit {
        font-size: 30px;
    }
    .topnav .topnavbox .nav>ul>li {
        margin-right: 20px;
    }
    .topnav .topnavbox .nav>ul>li a {
        font-size: 16px;
    }
    .qbar .item .title {
        font-size: 30px;
    }
    .qbar .item .stitle {
        font-size: 14px;
    }
    .News .News-box .list .top .item .tit {
        font-size: 16px;
    }
    .characteristiclist ul li .icon {
        height: 80px;
        width: 80px;
    }
}

@media screen and (max-width: 1300px) {
    .topnav .topnavbox .nav>ul>li a {
        font-size: 13px;
    }
    .topnav {
        padding: 0 30px;
    }
    .topfunction {
        padding: 0 30px;
    }
    .qbar .item .title {
        font-size: 20px;
    }
    .topnav .topnavbox .logo img {
        height: 25px;
    }
    .data .list {
        height: 200px;
    }
    .ACADEMICS,
    .ACADEMICS .box {
        height: 400px;
    }
    .data .list .item {
        height: 150px;
    }
    .data .list .line {
        height: 130px;
    }
    .ACADEMICS .more {
        width: 240px;
        height: 40px;
        font-size: 16px;
        margin: 25px auto 0 auto;
    }
    .labs .lablist .line {
        margin-right: 20px;
    }
    .qbar .item .title {
        margin-bottom: 10px;
    }
    .labs .lablist .item .tit {


        font-size: 13px;
    }
    .News .News-box .main .img .text .tit {

        font-size: 20px;
    }
    .lastest .lastestbox ul {
        width: calc(100% + 20px);
        margin: 0 -10px;
    }
    .lastest .lastestbox ul li {
        padding: 0 10px;
    }
    .sci .scibox .left ul li a {
        padding: 15px 0;
        padding-left: 10px;
    }
    .sci .scibox .left ul li a .info {
        font-size: 16px;
        line-height: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .labs .lablist .item {
        margin-bottom: 10px;
    }
    .qbar {
        margin-top: 30px !important;
    }
    ._nav2 .ctext .xialaph .ul1 {
        display: flex;
        flex-direction: column;
    }
    .characteristiclist ul li .title {
        margin-top: 10px;
    }
    .data .title {
        margin-bottom: 30px;
    }
    .characteristiclist ul li {
        margin-bottom: 15px;
    }
    .layout37 .function {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .layout37 .function a {
        font-size: 12px;
        color: #666;
        line-height: 30px;
        display: block;
        text-decoration: underline;
        padding-right: 15px;
        margin-right: 15px;
        border-right: 1px solid rgba(255, 255, 255, 0.5);
    }
    .layout37 .function a.noneborder {
        border: 0;
    }
    .layout37 .function .lang {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }
    .layout37 .function .lang a {
        margin-left: 14px;
        height: 24px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #333;
        border: 1px solid #333;
        font-size: 12px;
        text-align: center;
        text-decoration: none;
        margin-right: 0;
        padding-right: 0;
    }
    .topnav {
        display: none;
    }
    .topfunction {
        display: none;
    }
    .banner {
        margin-top: 50px;
    }
    .footer .content .right {
        margin-top: 20px;
    }
    .footer .content {
        flex-direction: column;
    }
    .global .global-box {
        flex-direction: column;
    }
    .global .global-box .list .down {
        flex-direction: column;
    }
    .global .global-box .list .down>div {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .footer .content {
        margin-top: 30px;
    }
    .global .global-box .main {
        width: 100%;
        margin-bottom: 20px;
    }
    .global .global-box .list {
        width: 100%;
    }
    .global .global-box .list .top {
        flex-direction: column;
    }
    .global .global-box .list .top>div {
        height: 200px;
        width: 100% !important;
    }
    .characteristiclist ul {
        flex-wrap: wrap;
    }
    .characteristiclist ul li {
        width: 50%;
    }
    .footer {
        padding: 30px 0 30px 0;
    }
    .footer .nav ul {
        display: none;
    }
    .characteristiclist {
        padding-bottom: 50px;
    }
    .global .global-box .list {
        gap: 20px;
    }
    .global {
        padding: 50px 0;
    }
    .global .global-box .list .down .w3 {
        flex-direction: column;
    }
    .global .global-box .list .down .w3>div {
        width: 100% !important;
        margin-top: 20px;
        height: 200px;
    }
    .global .global-box .list .top .w2 {
        margin-top: 20px;
    }
    .global .global-box .main {
        height: 300px;
        padding: 20px;
    }
    .global .global-box .main .linklist a {
        font-size: 14px;
        line-height: 30px;
    }
    .data .list {
        height: auto;
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
        flex-wrap: wrap;
        padding-bottom: 20px;
    }
    .data .title {
        padding-top: 80px;
    }
    .data .list .lineP .data .list .line {
        display: none;
    }
    .data .list .item {
        height: auto;
        width: 50%;
    }
    .data .list .line {
        display: none;
    }
    .data .data-box,
    .data {
        height: auto;
    }
    .teacher .arrow.prev {
        left: 15px;
    }
    .teacher .arrow.next {
        right: 15px;
    }
    .teacher .teacherlist {
        padding: 0 30px;
    }
    .teacher {
        height: 250px;
    }
    .teacher .teacherlist ul li:nth-child(2n) {
        transform: translate(0, 0px);
    }
    .teacher .teacherlist ul li .box .text {
        padding: 15px 10px;
    }
    .teacher .teacherlist ul li .box .text .name {
        font-size: 16px;
    }
    .data .title .t1 {
        font-size: 30px;
    }
    .data .title .t2 {
        font-size: 30px;
    }
    .teacher .teacherlist ul li .box .text .more {
        margin-top: 15px;
    }
    .teacher .teacherlist ul li .box .text .position {
        font-size: 14px;
    }
    .labs {
        padding: 50px 0;
    }
    .labs .lablist .line {
        display: none;
    }
    .sci {
        padding: 50px 0;
    }
    .labs .lablist .item {
        width: 50%;
    }
    .labs .lablist {
        flex-wrap: wrap;
    }
    .sci .scibox .right {
        width: 100%;
        position: relative;
    }
    .sci .scibox {
        flex-direction: column;
    }
    .sci .scibox .left {
        width: 100%;
    }
    .lastest {
        padding-bottom: 50px;
    }
    .News .News-box .main .img .pic img,
    .News .News-box .main {
        height: auto;
    }
    .News .News-box .main {
        margin-bottom: 20px;
    }
    .lastest .lastestbox ul li {
        width: 100%;
        margin-bottom: 15px;
    }
    .lastest .lastestbox ul {
        flex-direction: column;
        margin-top: 20px;
    }
    .News {
        padding: 50px 0;
    }
    .News .News-box .list .top {
        flex-direction: column;
    }
    .News .News-box .list .down {
        margin-top: 20px;
    }
    .News .News-box .list .down .text {
        height: auto;
        padding: 20px 0;
        padding-left: 20px;
    }
    .News .News-box .list .down .pic {
        height: auto;
    }
    .News .News-box .list .down .text .content {
        width: 100%;
        font-size: 16px;
    }
    .qbar .qbarbox {
        flex-direction: column;
    }
    .News .News-box .list .down {
        flex-direction: column-reverse;
    }
    .News .News-box .list .down>div {
        width: 100% !important;
    }
    .News .News-box .list .top .item {
        width: 100%;
        margin-bottom: 20px;
    }
    .News .News-box {
        flex-direction: column;
    }
    .News .News-box .main {
        width: 100%;
    }
    .News .News-box .list {
        width: 100%;
    }
    .qbar .item {
        width: 100%;
        height: 200px;
    }
    .qbar .item3 .pic img {
        height: 200px;
    }
    .qbar {
        margin-top: 0;
    }
    .layout37 {
        display: block;
        position: fixed !important;
        z-index: 16;
        top: 0px;
    }
    .top_nav {
        display: none;
    }
    ._nav2 {
        width: 100%;
        float: left;
    }
    ._nav2-1_bg {
        width: 100%;
    }
    ._nav2 .ctext {
        width: 100%;
        float: left;
    }
    ._nav2 .ctext .top {
        position: relative;
        z-index: 5;
    }
    ._nav2 .ctext .menuph {
        display: block;
    }
    ._nav2 .ctext .menuph {
        float: right;
        width: 28px;
        height: 28px;
        cursor: pointer;
        text-align: center;
        margin: 12px 0px 12px 0;
    }
    ._nav2 .ctext .menuph .point {
        display: inline-block;
        width: 28px;
        height: 28px;
        position: relative;
    }
    ._nav2 .ctext .menuph .point:hover .navbtn,
    ._nav2 .ctext .menuph .point:hover .navbtn::after,
    ._nav2 .ctext .menuph .point:hover .navbtn::before {
        width: 28px;
    }
    ._nav2 .ctext .menuph .navbtn {
        position: absolute;
        top: 14px;
        right: 0;
        display: inline-block;
        height: 2px;
        background: #005375;
        width: 28px;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }
    ._nav2 .ctext .menuph .navbtn::after,
    ._nav2 .ctext .menuph .navbtn::before {
        position: absolute;
        right: 0;
        display: inline-block;
        width: 28px;
        height: 2px;
        content: "";
        background: #005375;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }
    ._nav2 .ctext .menuph .navbtn::after {
        top: -10px;
    }
    ._nav2 .ctext .menuph .navbtn::before {
        top: 10px;
    }
    ._nav2 .ctext .menuph .point.active .navbtn {
        background: transparent;
    }
    ._nav2 .ctext .menuph .point.active .navbtn::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0px;
    }
    ._nav2 .ctext .menuph .point.active .navbtn::before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 0px;
    }
    ._nav2 .ctext .xialaph {
        top: 0;
        float: left;
        width: 100%;
        height: 100vh;
        overflow: auto;
        padding: 0 15px;
        z-index: 999999999999;
        background: #fff;
        display: none;
        left: 0;
        top: 50px;
    }
    ._nav2 .ctext .xialaph .ul2,
    ._nav2 .ctext .xialaph .ul3 {
        display: none;
    }
    ._nav2 .ctext .xialaph h4 a {
        float: left;
        width: 60%;
        font-size: 16px;
        line-height: 50px;
    }
    ._nav2 .ctext .xialaph h4 a span {
        padding-left: 6px;
        color: #ccc;
        font-size: 14px;
    }
    ._nav2 .ctext .xialaph h4 {
        float: left;
        width: 100%;
        position: relative;
    }
    ._nav2 .ctext .xialaph li:last-child h4::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #e5e5e5;
    }
    ._nav2 .ctext .xialaph h4:hover a,
    ._nav2 .ctext .xialaph h5:hover a {
        color: #005375;
    }
    ._nav2 .ctext .xialaph h4::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #e5e5e5;
    }
    ._nav2 .ctext .xialaph h5 a {
        float: left;
        width: 100%;
        color: #1f1f1f;
        font-size: 14px;
        line-height: 40px;
        text-transform: uppercase;
    }
    ._nav2 .ctext .xialaph h5 {
        float: left;
        width: 100%;
        position: relative;
    }
    ._nav2 .ctext .xialaph h5::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #e5e5e5;
    }
    ._nav2 .ctext .xialaph li:last-child h5::after {
        display: none;
    }
    ._nav2 .ctext .xialaph h4 img {
        width: 15px;
        height: 8px;
        float: right;
        margin-top: 24px;
        cursor: pointer;
    }
    ._nav2 .ctext .xialaph h5 img {
        width: 11px;
        height: 6px;
        float: right;
        margin-top: 26px;
        margin-right: 18px;
        cursor: pointer;
    }
    ._nav2 .ctext .xialaph h4.active img.img_s,
    ._nav2 .ctext .xialaph h5.active img.img_s {
        display: none;
    }
    ._nav2 .ctext .xialaph h4.active img.img_d,
    ._nav2 .ctext .xialaph h5.active img.img_d {
        display: block;
    }
    ._nav2 .ctext .xialaph .ul2 {
        float: left;
        width: 100%;
        padding: 0 10px;

    }
    ._nav2 .ctext .xialaph .phsou {

        position: relative;
        margin-top: 34px;
    }
    ._nav2 .ctext .xialaph .phsou input {
        width: 100%;
        height: 56px;
        background-color: #fff;
        color: #aaa;
        font-size: 14px;
        padding-left: 20px;
        border: 1px solid #e5e5e5;
    }
    ._nav2 .ctext .xialaph .phsou img {
        cursor: pointer;
        width: 21px;
        height: 22px;
        position: absolute;
        top: 17px;
        right: 29px;
    }
    ._nav2 .ctext .img_d,
    ._nav2 .ctext .disno {
        display: none;
    }
    ._nav2 .box {
        display: flex;
        height: 50px;
        padding: 0 15px;
        width: 100%;
        justify-content: space-between;
    }
    ._nav2 .box .bg {
        height: 50px;
        background: #fff;
        width: 100%;
        left: 0;
        position: absolute;
        z-index: 5;
        float: left;
        opacity: 1;
    }
    ._nav2 .ctext.sub .box .bg {
        opacity: 1;
    }
    ._nav2 .box .logo {
        float: left;
        position: relative;
        z-index: 6;
    }
    ._nav2 .box .logo img {
        height: 30px;
        margin-top: 10px;
        display: block;
    }
    ._nav2 .soph {
        margin-top: 15px;
        width: 100%;
        float: left;
    }
    ._nav2 .soph .so {
        float: left;
        width: 100%;
        background: #fff;
        position: relative;
        z-index: 6;
        border: 1px solid #005375;
    }
    ._nav2 .ctext .top .right {
        display: flex;
        align-items: center;
    }
    ._nav2 .ctext .top .right .search {
        margin-right: 10px;
        line-height: 0;
    }
    /* ._nav2 .soph .search {
    float: left;
    width: 100%;
    height: 36px;
    background: none;
    border: none;
    line-height: 36px;
    padding: 0 56px 0 10px;
    color: #414141;
    font-size: 14px;
  }

  ._nav2 .soph .searsub {
    float: right;
    width: 50px;
    height: 100%;
    border: none;
    background: url(../img/search2.png) center no-repeat @c;
    position: absolute;
    right: 0;
    top: 0;
  } */
    .nbanner {
        margin-top: 50px;
    }
    .single .single_box {
        flex-direction: column;
    }
    .single .single_box .leftnav {
        width: 100%;
    }
    .single .single_box .leftnav .title {
        font-size: 24px;
    }
    .single .single_box .leftnav ul li a {
        padding-left: 20px;
        line-height: 40px;
        font-size: 14px;
    }
    .single .single_box .leftnav ul {
        padding: 20px 12px 60px 0;
    }
    .single .single_box .leftnav .science .pic {
        height: 250px;
    }
    .single .single_box .singlecontent {
        width: 100%;
    }
    .single .single_box .singlecontent .mbx .position {
        font-size: 20px;
    }
    .single .single_box .singlecontent .mbx .list a {
        white-space: nowrap;
    }
    .single .single_box .singlecontent .imglist ul li {
        width: 100%;
    }
    .single .single_box .singlecontent .maintext h1 {
        font-size: 20px;
    }
    .single .single_box .singlecontent .maintext .content {
        padding-top: 30px;
        font-size: 14px;
        line-height: 26px;
    }
    .single {
        padding-bottom: 50px;
    }
    .single .single_box .singlecontent .maintext .sutit {
        font-size: 20px;
        line-height: 30px;
        margin: 20px 0;
    }
    .single .single_box .singlecontent .textlist ul li a .content {
        font-size: 16px;
    }
    .fy {
        margin-top: 30px;
    }
    .single .single_box .leftnav .admiss {
        display: none;
    }
    .single .single_box .leftnav .science {
        display: none;
    }
    .follow {
        display: none;
    }
    .single .single_box .singlecontent {
        padding-top: 20px;
    }
    .footer .content .logo img {
        width: 100%;
    }
    .footer .content .right .ewm img {
        width: 100px;
        height: 100px;
    }
    .global .global-box .list .top>a {
        width: 100% !important;
    }
    .global .global-box .list .down>a {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .sci {
        background-position: left !important;
    }
}

.single .single_box .singlecontent .maintext .content img {
    max-width: 100%;
}

.single .single_box .leftnav .admiss .ul .li {
    display: block;
}

.lmmc-1 {display: flex;
    justify-content: space-between;
    flex-wrap: wrap; width:100%;}


@media screen and (max-width: 999px) {
.banner .slick-dots { bottom:10px; right:10px;}
}


.labs .lablist {display: grid;grid-template-columns: repeat(5, 1fr); gap:30px 120px; }
.labs .lablist .item:before { content:''; width:1px; height:185px; background:#dfe7f6; position:absolute; right:-60px; top:0;}
.labs .lablist .item:last-child:before { display:none;}
@media screen and (max-width: 1260px) {
.labs .lablist {gap: 30px 60px;}	
.labs .lablist .item:before {right:-30px; top:0;}

}
@media screen and (max-width: 1024px) {
.labs .lablist {grid-template-columns: repeat(2, 1fr); gap:10px 20px; }
.labs .lablist .item:before { display:none;}
.sci .scibox .right img { height: auto;}


}
.hhh:last-child { display:none;}
.w03 {
    display: flex;
    align-items: flex-end;
    color: #fff;
    flex-direction: column;
    justify-content: flex-end;
}
.kstd li:nth-child(2) .icon {background: #EF801A !important;}
.kstd li:nth-child(3) .icon {background: #C7965A !important;}
.kstd li:nth-child(4) .icon {background: #3E939D !important;}
.kstd li:nth-child(5) .icon {background: #2D76A1 !important;}
.kstd li:nth-child(6) .icon {background: #7E65AA !important;}
.kstd li:nth-child(7) .icon {background: #87A966 !important;}
.kstd li:nth-child(8) .icon {background: #C07EB2 !important;}

.kstd li:nth-child(2) .title {color: #EF801A !important;}
.kstd li:nth-child(3) .title {color: #C7965A !important;}
.kstd li:nth-child(4) .title {color: #3E939D !important;}
.kstd li:nth-child(5) .title {color: #2D76A1 !important;}
.kstd li:nth-child(6) .title {color: #7E65AA !important;}
.kstd li:nth-child(7) .title {color: #87A966 !important;}
.kstd li:nth-child(8) .title {color: #C07EB2 !important;}
.selected1,.parent1 {
    background: #bda07d !important;
}
.possplit {background: none; width: auto;text-align: center;text-indent: 0px;padding:0 3px;}
.dqwz a { color: #777777;}
.dqwz a:nth-child(1) {color: #005375;}
.dqwz a:last-child {color: #bda07d;}
.News .News-box .list .time {
    color: #ff8400;
    font-size: 16px;
}


.textlist,.imglist { min-height:750px; padding-bottom:50px;}
.wp_articlecontent,.wp_articlecontent p,.wp_articlecontent span {
    font-size: 16px !important;
    line-height: 30px !important;
    color: #171717 ;margin-bottom: 30px;text-align: justify;
}
.wp_articlecontent img { margin:auto;}

.wp_articlecontent .sutit {
    color: #005375;
    font-size: 27px;
    line-height: 40px;
    margin: 40px 0;
    padding-left: 17px;
    border-left: 2px solid #bda07d;}

.tpp {overflow:hidden;position: relative;}
.tpsx1 { width:100%; display:block; height:100%;transition: all 0.6s ease-in-out;}
.tpsx1::before {  content: '';  padding-top:65.79724%;  float: left;}
.tpsx1::after {  content: '';  display: block;  clear: both;}
.single .single_box .singlecontent .imglist ul li a:hover .tpsx1 {transform: scale(1.1);}

.News .News-box .list .top .item .pic:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 120px;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, rgba(0, 83, 117, .9), rgba(0, 83, 117, 0));
}
.global .global-box .list .top .w1 { position:relative;}
.global .global-box .list .top .w1:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 110px;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, rgba(0, 83, 117, .9), rgba(0, 83, 117, 0));
}
.WP_VisitCount {

    display: inline-block !important;
}
.global .global-box .list .top .w1 span {position: relative;
    z-index: 1;
    font-family: "georgia" !important;
    width: 658px;
    font-size: 60px;
    margin-bottom: 38px;}
.wp_listVisitCount {
    visibility: inherit;
}
#wp_paging_w36 { display:none;}

.sci .scibox .left .time {
    font-size: 14px;
    color: #ff8400;
}
.btt-2 {overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
    
    font-family: "georgia" !important;
}


.wp_articlecontent .maintext20 table {
    
    width: 100%;
    margin: 45px 0;
}

.wp_articlecontent .maintext20 table tr:nth-child(odd) {
    background: #fcfbfa;
}

.wp_articlecontent .maintext20 table tr td {
   
    color: #545454;
    font-size: 16px;
    text-align: left;
    padding: 8px;
    border-bottom: 1px solid #f1ebe4;
    border-left: 1px solid #f1ebe4;
    border-right: 1px solid #f1ebe4; line-height: 1.4;
}

.wp_articlecontent .maintext20 table tr th {
   height: 60px;
    color: #bda07d;
    font-size: 16px;
    border-top: 3px solid #005375;
    text-align: left;
    padding: 10px 0px 9px 10px;
    border-bottom: 1px solid #bda07d;
    background: linear-gradient(to bottom, #ffffff, rgba(189, 160, 125, 0.5));
    font-weight: bold;
    line-height: 1.6;
}