@charset "utf-8";

/*-- 全局reset
-------------------------------------------*/

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
object,
code,
legend,
button,
input,
textarea,
label,
th,
td,
a,
img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

html {
    /* font-size: 192px; */
}
body {
    font-family: "Microsoft YaHei";
}
::-webkit-scrollbar {
    display: none;
}
body {
    font: 12px/1.5 'Arial', 'Helvetica Neue', 'Helvetica', '\5FAE\8F6F\96C5\9ED1', 'Microsoft YaHei', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif';
    color: #333;
    background-color: #f9f9f9;
    /* min-width: 1000px; */
    min-width: 7.5rem;
}

* {
    box-sizing: border-box;
}

/*清除内外边距*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}

/*设置默认字体*/
:focus {
    outline: 0;
}

ul,
ol {
    list-style: none;
}

/*重置列表*/
fieldset,
img {
    border: 0 none;
    vertical-align: top;
}

/*重置图片元素*/
address,
caption,
cite,
code,
dfn,
em,
i,
th,
var,
optgroup {
    font-style: normal;
    font-weight: normal;
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

code,
kbd,
samp,
tt {
    font-size: 100%;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
    *font-size: 100%;
    outline: none;
}

/*
form label {
    cursor: pointer;
}
*/

textarea {
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*重置表格*/
blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

a {
    color: #333;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;

}

a:hover {
    color: #005BAC;
    text-decoration: none;
}

a.special,
.special a {
    color: #1eb37b;
}

a.special:hover,
.special a:hover {
    color: #1eb37b;
    text-decoration: none;
}

/*--清除浮动
-------------------------------------------*/
.cf:before,
.cf:after,
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.cf:after,
.clearfix:after {
    clear: both;
}

.cf,
.clearfix {
    clear: both;
    *zoom: 1;
}

/*-- 字号、颜色、外边距、内补丁、居中、行高、显示、隐藏
--------------------------------------------------------------------------*/
.c-333 {
    color: #333;
}

.c-666 {
    color: #666;
}

.c-999 {
    color: #999;
}

.c-green {
    color: #1fb079;
}

.c-orange {
    color: #fc714c;
}

.c-reg {
    color: #d90106;
}

/* 字号 */

/* 隐藏 居中 */

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.show {
    display: block;
}

.hide {
    display: none !important;
}

/*文字隐藏,省略号*/
.ti,
.te {
    white-space: nowrap;
    overflow: hidden;
}

.ti {
    text-indent: -999em;
}

.te {
    text-overflow: ellipsis;
}


.f_50 {
    font-size: .28rem;
}

.f_blod {
    font-weight: bold;
}

.f_blue {
    color: #0055ab;
}


.f_46rem {
    font-size: .23rem;
}

.f_22 {
    font-size: .114rem;
}

.right0 {
    right: 0;
}

.w79 {
    width: 7.9rem !important
}

.transition3s {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
}

.transition5s {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
}

.transition8s {
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
}

.transitionInto {
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
}

.transitionIntoAll {
    transition: all 1s ease-out .3s;
    -webkit-transition: all 1s ease-out .3s;
    -moz-transition: all 1s ease-out .3s;
    -ms-transition: all 1s ease-out .3s;
}

/*多行省略号*/

.ellipsis3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    -ms-line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -moz-line-clamp: 5;
    -ms-line-clamp: 5;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

img {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
}

.hoverImg:hover {
    transform: scale(1.1);
}


/**/
/* transition-delay: .6s 等待*/
.hide_up {
    transform: translateY(50px);
    transition: all 1s ease-out .3s;
    opacity: 0
}

.hide_down {
    transform: translateY(-50px);
    transition: all 1s ease-out .3s;
    opacity: 0
}

.hide_left {
    transform: translateX(50px);
    transition: all 1s ease-out .3s;
    opacity: 0
}

.hide_right {
    transform: translateX(-50px);
    transition: all 1s ease-out .3s;
    opacity: 0
}

.hide_topright {
    transform: translate(-50px, 50px);
    transition: all 1s ease-out .3s;
    opacity: 0
}

.show_div {
    transform: none !important;
    opacity: 1 !important;
}


.nav.whiteNav {
    /* display: none; */
}

.mobile_none {
    display: none !important;
}

body {
    font-family: "Microsoft YaHei";
    background: #FFF;
    box-shadow: 0 0 20px 0 #cccccc;
    font-size: .24rem;
    max-width: 480px;
    margin: 0 auto;
}

.top-con {
    position: relative;
}

.top-banner {
    width: 7.5rem;
}

.page-title-con .title-text span {
    font-size: 0.62rem;
    font-weight: bold;
}

.center-con {
    width: 6.9rem;
    margin: 0 auto;
    /* overflow: hidden; */
}

.nav {
    max-width: 7.5rem;
    margin: 0 auto;
}

.top-con {
    position: relative;
    height: 7rem;
    width: 100%;
    max-width: 7.5rem;
    margin: 0 auto;
    /* overflow: hidden; */
}

.top-banner {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.nav .nav_item {
    max-width: 7.5rem;
    margin: 0 auto;
}

.page-title-con {
    /* position: absolute; */
    /* left: 50%;
    transform: translateX(-50%);
    bottom: 0; */
    /* width: 1400px; */
    /* height: 230px; */
    /* background: url(zf_Ej2024_TopTBgOrange.png) no-repeat left; */
    /* padding-left: 100px;
    padding-top: 80px;
    box-sizing: border-box; */
}

.page-title-inner {
    position: absolute;
    height: 2.1rem;
    width: 100%;
    left: 0;
    bottom: 1.06rem;
    background-size: contain;
    color: #fff;
    padding-left: 0.9rem;
    padding-top: 0.7rem;
}

.page-title-con .title-text {
    position: absolute;
    text-align: center;
}

.page-title-con .title-text span {
    position: relative;
    display: block;
    font-size: 0.62rem;
    line-height: 0.62rem;
    font-weight: bold;
    color: #fff;
}

.page-title-con .title-text span::before {
    content: "";
    position: absolute;
    width: 0.5rem;
    height: 0.4rem;
    background: url(zf_Ej2024_waveBig.png) no-repeat;
    background-size: contain;
    left: -0.6rem;
    top: -0.2rem;
}

.page-title-con .title-text span::after {
    content: "";
    position: absolute;
    width: 0.34rem;
    height: 0.27rem;
    background: url(zf_Ej2024_waveSmall.png) no-repeat;
    background-size: contain;
    right: -0.42rem;
    top: 0.27rem;
}

.page-title-con .title-text i {
    font-style: normal;
    display: block;
    font-size: 0.22rem;
    color: #fff;
    margin-top: 10px;
}

.location {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #999999;
    font-size: 0.24rem;
    line-height: 0.4rem;
    height: 1.06rem;
    width: 6.9rem;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 0.3rem;
}

.location a {
    color: #999999;
    transition: 0.1s;
}

.location a:hover {
    color: #005bac;
    transition: 0.1s;
}

.inner-con.location {
    position: relative;
    min-height: 1.06rem;
    padding: 0.3rem 0;
    height: auto;
}

.fixed-nav {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: 7rem;
    width: 6.9rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
}

.fnav-item {
    float: left;
    width: 3.3rem;
    height: 1.06rem;
    /* line-height: 1.06rem; */
    background: #e5eef7;
    text-align: center;
}

.fnav-item a {
    display: block;
    height: 100%;
    padding-top: 0.32rem;
}

.fnav-item.on {
    background: #005bac;
    border-top: 0.04rem solid #00aaa2;
    /* padding-top: 0.28rem; */
}
.fnav-item.on  a {
    padding-top: 0.28rem;
}
.fnav-item img {
    height: 0.45rem;
    /* vertical-align: middle; */
    margin-right: 0.1rem;
}

.fnav-item span {
    /* display: block; */
    font-size: 0.3rem;
    line-height: 0.4rem;
    color: #387bb7;
    text-align: center;
    margin-top: 12px;
}

.fnav-item.on span {
    color: #fff;
}

.main-slide {
    height: 8.4rem;
    margin-top: 1.65rem;
    width: 7.5rem;
    /* overflow: hidden; */
}

.main-slide .center-con {
    position: relative;
    height: 8.4rem;
    width: 7.5rem;
}

.main-slide .bg-con {
    position: absolute;
    top: 0;
    left: 0.3rem;
    width: 7.2rem;
    height: 8.4rem;
    background: url(zf_Ej2024_NewsSlideBg.jpg) no-repeat;
    background-size: cover;
}

.main-slide .slide-con .swiper-container {
    width: 7.5rem;
}

.main-slide .slide-con {
    position: relative;
    width: 7.5rem;
    height: 8.4rem;
    padding-top: 0.4rem;
    box-sizing: border-box;
}

.main-slide .swiper-slide {
    width: 7.5rem;
}

.main-slide .swiper-slide .img-con img {
    display: block;
    width: 7.5rem;
    height: 5rem;
    object-fit: cover;
}

.main-slide .swiper-slide .txt-con {
    width: 7.1rem;
    padding-left: 0.6rem;
    margin-top: 0.3rem;
}

.main-slide .swiper-slide .txt-con h3 {
    font-size: 0.32rem;
    color: #fff;
    margin-bottom: 0.2rem;
}

.main-slide .swiper-slide .txt-con .time {
    font-size: 0.24rem;
    color: #fff;
}

.right-list {
    display: none;
}

.swiper_button {
    position: absolute;
    width: 1.97rem;
    height: 0.76rem;
    bottom: 0.35rem;
    right: 2.7rem;
}

.swiper-button-next,
.swiper-button-prev {
    position: relative;
    float: left;
    margin-top: 0;
}

.swiper-button-next2 {
    width: 0.98rem;
    height: 0.76rem;
    background: url(zf_Ej2024_newsSlideRArr.jpg) no-repeat top right;
    background-size: 0.98rem 0.76rem;
;
    top: 0;
    overflow: hidden;
    right: 0;
}



.swiper-button-prev2 {
    left: 0;
    width: 0.98rem;
    height: 0.76rem;
    background: url(zf_new_img_ico2.jpg) no-repeat top right;
    background-size: 0.98rem 0.76rem;
    top: 0;
    overflow: hidden;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}


.dots-pic {
    position: absolute;
    right: 0.75rem;
    bottom: -0.35rem;
    width: 0.8rem;
    height: 0.8rem;
}

.dots-pic img {
    width: 0.8rem;
    height: 0.8rem;
}

.news-list {
    margin-top: 0.8rem;
}

.news-list li {
    height: 2.8rem;
    box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0.5rem;
    background: #f7f7f7 url(zf_Ej2024_NewsListBg.jpg) no-repeat right center;
    background-size: auto 2.8rem;
    transition: 0.3s;
}

.news-list li a {
    display: block;
    padding: 0 0.25rem;
    height: 100%;
}

.news-list li .news-title .time {
    float: left;
    color: #005bac;
    height: 1.35rem;
    border-top: 0.04rem solid #005bac;
    width: 0.9rem;
    text-align: center;
    /* margin-right: 0.3rem; */
    padding-top: 0.5rem;
}

.news-list li .news-title .time .day {
    font-size: 0.5rem;
    font-weight: bold;
}

.news-list li .news-title .time .year-month {
    font-size: 0.20rem;
}

.news-list li .news-title .title {
    float: right;
    width: 5.2rem;
    font-size: 0.26rem;
    line-height: 0.48rem;
    height: 2.52rem;
    overflow: hidden;
    color: #1a1a1a;
    padding-top: 0.6rem;
    /* text-align: justify; */
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -webkit-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.news-list li .desc {
    display: none;
}

.news-list li .with-pic a {
    padding: 0 0.2rem;
}

.news-list li .with-pic .pic-con {
    float: left;
    width: 2.8rem;
    height: 1.88rem;
    margin-right: 0.2rem;
    margin-top: 0.42rem;
    overflow: hidden;
}

.news-list li .with-pic .news-title .time {
    padding-top: 0.4rem;
}

.news-list li .with-pic .pic-con img {
    display: block;
    width: 100%;
    height: 100%;
    transition: .3s;
}

.news-list li .with-pic:hover .pic-con img {
    transform: scale(1.1);
    transition: .3s;
}

.news-list li .with-pic .right-text {
    width: 3.5rem;
    float: left;
}

.news-list li .with-pic .news-title .title {
    width: 2.4rem;
    padding-top: 0.4rem;
    height: 2.3rem;
}

.page {
    position: relative;
    padding: .40rem 0;
    /* width: 4.8rem; */
    /* left: 50%; */
    height: 1.6rem;
    text-align: center;
    margin: 0 auto;
}

.fy_mobile {
    padding-top: 0.1rem;
    display: block;
    overflow: hidden;
    clear: both;
    text-align: center;
}

.page .disabled {
    display: none;
}

.ssjgCon .pageCon {}

.pageCon {
    /* position: absolute; */
    /* transform: translateX(-50%); */
}

.page a {
    display: inline-block;
    /* float: left; */
    padding: .07rem .05rem;
    border: 0.01rem solid #dddddd;
    font-size: .2rem;
    line-height: .2rem;
    color: #333;
    margin-right: .05rem;
    border-radius: 0.03rem;
}

.page input {
    display: inline-block;
    height: .34rem;
    line-height: .34rem;
    width: .44rem;
    text-align: center;
    margin-right: .05rem;
    border-radius: .02rem;
    font-size: 0.2rem;
    /* padding: 0 .1rem; */
    -webkit-appearance: none;
}

.page input[type="text"] {
    height: .34rem;
    border: 0.01rem solid #dddddd;

}
.page .zf_submit {
    background: #1962ad;
    color: #FFFFFF;
    margin-left: .1rem;
}
.page button {
    border-radius: .02rem;
    background: #1962ad;
    color: #fff;
    cursor: pointer;
    margin-right: 0;
    display: inline-block;
    height: .34rem;
    line-height: .34rem;
    width: .40rem;
    text-align: center;
    font-size: 0.2rem;
}

.page #go {
    border-radius: .04rem;
    background: #1962ad;
    color: #fff;
    cursor: pointer;
    margin-right: 0;
    display: inline-block;
    height: .34rem;
    line-height: .34rem;
    width: .60rem;
    text-align: center;
    font-size: 0.2rem;
}

.page .page_txt {
    height: .36rem;
    line-height: .36rem;
    margin-right: .05rem;
    font-size: .2rem;
    display: inline-block;
}

.page a.current {
    color: #fff;
    background: #1962ad;
}


/* 2.学术活动 */
body img {
    max-width: 7.5rem;
}

.purple .page-title-inner {
    background: url(zf_Ej2024_TopTBgPurple.png) no-repeat;
}

.fixed-nav.purple {
    top: 9rem;
}

.page-title-con.purple .location {
    top: 11rem;
}

.no-fixed-nav .page-title-con.purple .location {
    top: 8.8rem;
}
.fixed-nav.purple .fnav-item {
    background: #e3e2ec;
    width: 1.97rem;
    height: 2rem;
}

.fixed-nav.purple .fnav-item.on {
    background: #736e9f;
    border-top-right-radius: 0.05rem solid #65bb03;
}

.fixed-nav.purple .fnav-item img {
    margin-right: 0;
    height: 0.8rem;
    width: auto;
}

.fixed-nav.purple .fnav-item span {
    color: #736e9f;
    display: block;
}

.fixed-nav.purple .fnav-item.on span {
    font-weight: bold;
    color: #fff;
}

.academicActivityNav li {
    float: left;
}

.xshd-top {
    height: 6rem;
}

.xshd-top .top-banner {
    height: 6rem;
}

.xshd-top .page-title-inner {
    bottom: 0;
}

.academicActivityNav {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    height: 2.55rem;
    border-bottom: 0.08rem solid #4a4b75;
    background: url(zf_Ej2024_xshdNavBg.jpg) no-repeat;
    background-size: 100% 2.55rem;
    margin-bottom: 3.5rem;
}
.no-fixed-nav .academicActivityNav {
    margin-bottom: 1.5rem;
}
.academicActivityNav ul {
    display: flex;
    justify-content: space-around;
    /* padding-top: 25px; */
}

.academicActivityNav ul li {
    position: relative;
    width: 1.6rem;
    height: 2.55rem;
    box-sizing: border-box;
    padding-top: 0.4rem;
    text-align: center;
}

.academicActivityNav li .right-text {
    color: #fefefe;
    font-size: 0.34rem;
    margin-left: 0;
    opacity: 0.6;
    transition: 0.3s;
    margin-top: 0.1rem;
}

.academicActivityNav li .left-pic {
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    margin: 0 auto;
    background: url(zf_Ej2024_xshdNavCircle.png) no-repeat;
    text-align: center;
    background-size: contain;
}

.academicActivityNav li .left-pic img {
    height: 0.7rem;
    vertical-align: middle;
    opacity: 0.7;
    transition: 0.3s;
}

.academicActivityNav li.on .right-text,
.academicActivityNav li.on .left-pic img {
    opacity: 1;
    font-weight: bold;
}

.academicActivityNav li.on::after {
    position: absolute;
    width: 0.5rem;
    height: 0.28rem;
    background: url(zf_Ej2024_xshdOnIconM.jpg) no-repeat;
    background-size: contain;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    bottom: 0rem;
}

.academicActivityNav li:hover .right-text,
.academicActivityNav li:hover .left-pic img {
    opacity: 1;
    transition: 0.3s;
}

.xshd-list {
    width: 7.5rem;
    margin: 0 auto;
    margin-top: 0.5rem;
    /* overflow: hidden; */
    /* padding-top: 0.3rem; */
}

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

.xshd-list li {
    width: 6.9rem;
    height: auto;
    box-sizing: border-box;
    box-shadow: 0 0 0.16rem rgba(173, 173, 173, 0.26);
    margin: 0 auto;
    margin-bottom: 0.4rem;
    transition: 0.3s;
}

.xshd-list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.32rem;
}

.xshd-list li img {
    display: block;
    width: 100%;
    height: 4.17rem;
}

.xshd-list li .title {
    font-size: 0.34rem;
    font-weight: bold;
    padding-top: 0.2rem;
    height: 1.64rem;
    line-height: 0.48rem;
    overflow: hidden;

}

.xshd-list li .time {
    font-size: 0.28rem;
    line-height: 0.45rem;
    color: #736e9f;
    margin-bottom: 0.1rem;
    margin-top: 0.2rem;
}

.xshd-list li .desc {
    display: none;
    text-align: justify;
}

.xshd-list li .see-detail {
    font-size: 0.28rem;
    color: #736e9f;
    margin-top: 0.3rem;
    background: url(zf_Ej2024_xshdListItemMore.png) no-repeat 1.3rem 0.15rem;
    background-size: 0.3rem;
    transition: 0.3s;
}





/* 3.研究成果 */
.blue .page-title-inner {
    background: url(zf_Ej2024_TopTBgBlue.png) no-repeat;
    background-size: contain;
}

.academic-achievements-nav {
    /* margin: 40px 0; */
    /* height: 142px; */
    width: 7.5rem;
    height: 3.85rem;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.academic-achievements-nav li {
    position: relative;
    float: left;
    width: 25%;
    height: 1.72rem;
    text-align: center;
    font-size: 0.3rem;
    color: #005bac;
    margin-bottom: 0.4rem;
}

.academic-achievements-nav li.on {
    background: url(zf_Ej2024_TyjcgNavOnBg.png) no-repeat top center;
    background-size: 120% 1.72rem;
    font-weight: bold;
}


.xslw-con.center-con {
    width: 7.5rem;
}

.academic-achievements-nav li::after {
    position: absolute;
    content: "";
    top: 0;
    right: -0.07rem;
    width: 0.13rem;
    height: 100%;
    background: url(zf_Ej2024_TyjcgNavBar.png) no-repeat;
    background-size: 0.13rem 100%;
}

.academic-achievements-nav li:nth-child(4n):after {
    display: none;
}

.academic-achievements-nav li p {
    color: #005bac;
    line-height: 0.34rem;
}

.academic-achievements-nav li a:hover p {
    font-weight: bold;
}

.academic-achievements-nav li a:hover img {
    transform: scale(1.1);
    transition: .3s;
}

.academic-achievements-nav li .img-con {
    height: 1.3rem;
    line-height: 1.3rem;
}

.academic-achievements-nav li img {
    vertical-align: middle;
}

.xslw-list ul {
    /* display: flex;
    justify-content: space-between;
    flex-wrap: wrap; */
}

.xslw-list li {
    position: relative;
    height: 2.66rem;
    width: 6.9rem;
    box-sizing: border-box;
    box-shadow: 0 0 0.16rem rgba(224, 224, 224, 0.65);
    margin: 0 auto;
    margin-bottom: 0.5rem;
    transition: 0.3s;
}

.xslw-list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.38rem 0.6rem;
}

.xslw-list li .left-time {
    float: left;
    position: relative;
    width: 1.16rem;
    height: 1.16rem;
    background: #005bac;
    color: #fff;
    text-align: center;
}

.xslw-list li .left-time::after {
    content: "";
    position: absolute;
    width: 1.16rem;
    height: 0.01rem;
    background: #005bac;
    left: 0;
    bottom: -0.4rem;
}

.xslw-list li .left-time .day {
    font-size: 0.7rem;
    line-height: 0.84rem;
    font-weight: bold;
}

.xslw-list li .left-time .year-month {
    font-size: 0.26rem;
    line-height: 0.26rem;
}

.xslw-list li .right-title {
    float: left;
    width: 4.2rem;
    font-size: 0.3rem;
    line-height: 0.48rem;
    color: #1c1f22;
    margin-left: 0.3rem;
}

.xslw-list li .see-more {
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
    width: 0.4rem;
    height: 0.1rem;
    background: url(zf_Ej2024_xslwListMore.png) no-repeat;
    background-size: contain;
    transition: 0.3s;
}

/* 4.研究成果-学术专著 start */
.xszz-list ul {
    margin-top: 0.6rem;
    overflow: hidden;
}

.xszz-list ul li {
    float: left;
    width: 3rem;
    text-align: center;
    margin-bottom: 0.8rem;
    font-size: 0.34rem;
    color: #1c1f22;
    /* height: 5rem; */
    margin: 0 .36rem .8rem;
}

.xszz-list ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.xszz-list ul li .book-pic {
    width: 100%;
    height: 4rem;
}

.xszz-list ul li .book-pic img {
    height: 4rem;
    width: 100%;
    max-width: 100%;
}

.xszz-list ul li:hover .book-pic img {
    transform: scale(1.1);
    transition: .3s;
}

.xszz-list ul li .book-name {
    margin-top: 0.2rem;
    transition: 0.3s;
    padding: 0 0.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -webkit-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .24rem;
    height: 0.7rem;
}

.xszz-list ul li:hover .book-name {
    font-weight: bold;
    color: #005bac;
    transition: 0.3s;
}

/* 5.中非故事 */
.page-title-con.red {
    background: url(zf_Ej2024_TopTBgRed.png) no-repeat left;
}

.ca-list {
    margin-top: 0;
}

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

.ca-list li {
    width: 6.9rem;
    height: 8.8rem;
    box-shadow: 0 0 0.16rem rgba(173, 173, 173, 0.26);
    margin-bottom: 0.4rem;
}

.ca-list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.3rem;
}

.ca-list li .with-pic .img-con {
    width: 100%;
    height: 4.2rem;
    overflow: hidden;
}

.ca-list li .with-pic .img-con img {
    display: block;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

.ca-list li .with-pic h2 {
    font-size: 0.36rem;
    color: #1c1f22;
    line-height: 0.56rem;
    margin: 0.2rem 0;
    transition: 0.3s;
    height: 1.68rem;
}

.ca-list li .with-pic .text-con .author {
    font-size: 0.3rem;
    color: #0c2d4d;
    margin-bottom: 0.2rem;

}

.ca-list li .with-pic .text-con .desc {
    display: none;
}

.ca-list li .with-pic .read_more {
    position: relative;
    font-size: 0.3rem;
    color: #1959a3;
    margin-top: 0.6rem;
    width: 2rem;
}

.ca-list li .read_more::after {
    content: "";
    width: 0.5rem;
    height: 0.15rem;
    background: url(./zf_more_ico.png) no-repeat right 0;
    background-size: 0.5rem 0.15rem;
    position: absolute;
    right: 0;
    top: 0.1rem;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.ca-list li .no-pic {
    background: url(zf_Ej2024_zfgsLiBg.png) no-repeat;
    color: #fff;
}

.ca-list li .no-pic a {
    padding: 0.2rem 0.4rem;
}

.ca-list li .no-pic .author {
    font-size: 0.3rem;
    color: #8db8ea;
    height: 1.1rem;
    line-height: 1.1rem;
    border-bottom: 0.01rem solid #76a5dc;
}

.ca-list li .no-pic h2 {
    font-size: 0.36rem;
    line-height: 0.56rem;
    color: #fff;
    margin-top: 0.3rem;
    height: 1.68rem;
    overflow: hidden;
}

.ca-list li .no-pic .text-con {
    height: 4.5rem;
}

.ca-list li .no-pic .desc {
    margin-bottom: 0.5rem;
}

.ca-list li .no-pic .desc p {
    font-size: 0.3rem;
    color: #8db8ea;
    line-height: 0.56rem;
}

.ca-list li .no-pic .read_more {
    position: relative;
    font-size: 0.3rem;
    color: #8db8ea;
    width: 2rem;
}

.ca-list li .no-pic .read_more::after {
    background: url(./zf_more_ico2.png) no-repeat right center;
    background-size: 0.5rem 0.15rem;
}


/* 6.交流合作-国际交流 */
.gjjl-nav ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    /* margin-top: 0.3rem; */
}

.gjjl-nav li {
    float: left;
    width: 2.04rem;
    height: 1.98rem;
    background: linear-gradient(to bottom, rgba(253, 241, 232, 1), rgba(255, 255, 255, 0));
    border-top: 0.06rem solid #e87522;
    margin-bottom: 0.3rem;
    margin-left: .36rem;
}
.gjjl-nav li:nth-child(1) {
    margin-left: 0;
}
.gjjl-nav li:nth-child(4) {
    margin-left: 0;
}
.gjjl-nav li a {
    display: block;
    width: 100%;
    height: 100%;
}

.gjjl-nav li.on {
    background: #005bac;
}

.gjjl-nav li.on .txt-con {
    color: #fff;
}

.gjjl-nav li .img-con {
    margin-top: 0.3rem;
    height: 0.8rem;
    line-height: 0.8rem;

}

.gjjl-nav li .img-con img {
    display: block;
    margin: 0 auto;
    transition: .3s;
}

.gjjl-nav li .txt-con {
    color: #005bac;
    font-size: 0.34rem;
    transition: .3s;
    text-align: center;
    margin-top: 0.1rem;
}

.gjjl-nav li:hover img {
    transform: scale(1.1);
    transition: .3s;
}

.gjjl-nav li:hover .txt-con {
    font-weight: bold;
    transition: .3s;
}

.gjjl-slide .right-list li.on {
    background: #e87522;
}

.gjjl-slide .swiper-button-next2 {
    right: 0;
    background: #e87522 url(zf_Ej2024_gjjlSlideRArrjpg.jpg) no-repeat;
    background-size: contain;
}

.gjjl-slide {
    margin-top: 0.6rem;
}

.gjjl-list ul {
    /* display: flex;
    justify-content: space-between;
    flex-wrap: wrap; */
}

.gjjl-list li {
    width: 6.9rem;
    height: 7.3rem;
    margin-top: 0.4rem;
    box-shadow: 0 0 0.16rem rgba(173, 173, 173, .26);
}

.gjjl-list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.4rem;
}

.gjjl-list li a .img-con {
    width: 100%;
    height: 4.05rem;
    overflow: hidden;
}

.gjjl-list li a img {
    width: 100%;
    height: 100%;
    transition: .3s;
    object-fit: cover;
}

.gjjl-list li .title {
    font-size: 0.34rem;
    line-height: 0.48rem;
    color: #1a1a1a;
    margin-top: 0.2rem;
    height: 0.96rem;
    overflow: hidden;
    transition: .3s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gjjl-list li .time {
    font-size: 0.28rem;
    color: #005bac;
    margin-top: 0.3rem;
    transition: .3s;
}

.gjjl-list li .see-detail {
    position: relative;
    font-size: 0.28rem;
    width: 2rem;
    color: #005bac;
    margin-top: 0.3rem;
    transition: .3s;

}

.gjjl-list li .see-detail::after {
    content: "";
    width: 0.5rem;
    height: 0.15rem;
    background: url(./zf_more_ico.png) no-repeat right center;
    background-size: 0.5rem 0.15rem;
    position: absolute;
    right: 0;
    top: 0.1rem;
    /* margin-top: -04px; */
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

/* 7.交流合作-视频 */
.jlhzsp-slide {
    position: relative;
    width: 7.5rem;
    margin: 0 auto;
    height: 8.4rem;
    margin-top: 0.6rem;
}

.jlhzsp-slide .center-con {
    /* width: 7.5rem; */
}

.jlhzsp-list {
    margin-top: 0.8rem;
}

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

.jlhzsp-list li {
    position: relative;
    height: 6.9rem;
    width: 6.9rem;
    background: url(zf_Ej2024_jlhzspLiBgBlue.jpg) no-repeat center bottom;
    background-size: 100% 5.28rem;
    margin-bottom: 0.5rem;
}

.jlhzsp-list li a {
    display: block;
    width: 100%;
    height: 100%;
}

.jlhzsp-list li:nth-child(2),
.jlhzsp-list li:nth-child(3) {
    background: url(zf_Ej2024_jlhzspLiBgGreen.jpg) no-repeat center bottom;
    background-size: 100% 5.28rem;

}

.jlhzsp-list li .img-con {
    width: 6.4rem;
    height: 3.5rem;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0 0.1rem 0.16rem rgba(153, 153, 153, .4);

}

.jlhzsp-list li .img-con img {
    display: block;
    width: 100%;
    height: 100%;
    transition: .3s;
}

.jlhzsp-list .play-btn {
    position: absolute;
    width: 0.75rem;
    height: 0.75rem;
    background: url(zf_Ej2024_jlhzspPlay.png) no-repeat;
    background-size: contain;
    left: 50%;
    top: 1.4rem;
    transform: translateX(-50%);
    transition: .3s;
}
.swiper-container2 .play-icon {
    position: absolute;
    width: 0.75rem;
    height: 0.75rem;
    background: url(zf_Ej2024_jlhzspPlay.png) no-repeat;
    background-size: contain;
    left: 50%;
    top: 1.4rem;
    transform: translateX(-50%);
    transition: .3s;
}
.swiper-container2 .play-icon a {
    display: block;
    width: 100%;
    height: 100%;
}
.jlhzsp-list li .txt-con {
    width: 6.5rem;
    margin: 0 auto;
}

.jlhzsp-list li .title {
    color: #feffff;
    font-size: 0.36rem;
    padding: 0.3rem 0 0.15rem 0;
}

.jlhzsp-list li .desc {
    color: #feffff;
    font-size: 0.28rem;
    line-height: 0.46rem;
    text-align: justify;
}

.jlhzsp-list li .see-complete {
    color: #feffff;
    font-size: 0.26rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-decoration: underline;
    background: url(zf_Ej2024_GjjlNav5On.png) no-repeat left center;
    background-size: auto 0.3rem;
    padding-left: 0.5rem;
    margin-top: 0.3rem;
    transition: .3s;
    position: absolute;
    left: .3rem;
    bottom: .3rem;
}

.jlhzsp-slide .swiper-container {
    width: 6.9rem;
    height: 7.4rem;
}

.jlhzsp-slide .swiper-slide {
    background: url(zf_Ej2024_jlhzspSlideBg.png) no-repeat -5rem bottom;
    background-size: 14rem 3.8rem;
}

.jlhzsp-slide .swiper-slide .img-con {
    height: 3.63rem;
    width: 6.9rem;
    overflow: hidden;
}

.jlhzsp-slide .swiper-slide .img-con img {
    /* display: block; */
    width: 100%;
    height: 100%;
    transition: .3s;
}


.jlhzsp-slide .swiper-slide .text-con {
    width: 6.3rem;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 0.3rem;
}

.jlhzsp-slide .swiper-slide .text-con .title {
    font-size: 0.36rem;
    font-weight: bold;
    color: #feffff;
}

.jlhzsp-slide .swiper-slide .text-con .desc {
    font-size: 0.28rem;
    line-height: 0.46rem;
    color: #feffff;
    margin-top: 0.3rem;
    height: 1.38rem;
}

.jlhzsp-slide .swiper-slide .text-con .see-complete {
    background: url(zf_Ej2024_GjjlNav5On.png) no-repeat left center;
    background-size: auto 0.3rem;
    padding-left: 0.5rem;
    transition: .3s;
    color: #feffff;
    font-size: 0.26rem;
    margin-top: 0.3rem;
    position: absolute;
    left: .3rem;
    bottom: .3rem;
}

.jlhzsp-slide .swiper-slide .text-con .see-complete a {
    color: #feffff;
    text-decoration: underline;
}



.jlhzsp-slide .swiper_button {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 2.5rem;
}

.jlhzsp-slide .swiper-button-prev2 {
    background: #005bac url(zf_Ej2024_gjjlSlideArr.png) no-repeat center center;
    background-size: .36rem .34rem;
}

.jlhzsp-slide .swiper-button-next2 {
    right: 0;
    float: right;
    background: #00aaa2 url(zf_Ej2024_gjjlSlideArr.png) no-repeat center center;
    background-size: .36rem .34rem;
}

/* 8.交流合作-图片 */
.ju.page-title-con {
    background: url(zf_Ej2024_TopTBgJu.png) no-repeat;
}
.jlhztp-slide {
    position: relative;
    width: 6.9rem;
    height: 5.3rem;
    background: url(zf_Ej2024_jlhztpSlideBg.png) no-repeat;
    background-size: 6.9rem 5.3rem;
    margin: 0.5rem auto 0.5rem auto;
    box-sizing: border-box;
    padding: 0.26rem 0.23rem 0 0.23rem;

}

.jlhztp-slide .left-swiper {
    position: relative;
    float: left;
    width: 6.5rem;
    height: 5.3rem;
    /* border: 1px solid #000; */
}

.jlhztp-slide .left-swiper .img-con {
    width: 6.5rem;
    height: 3.45rem;
    border-radius: 0.08rem;
    overflow: hidden;
}

.jlhztp-slide .left-swiper .img-con img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0.08rem;
    transition: .3s;
}

.jlhztp-slide .left-swiper .txt-con {
    width: 6.5rem;
    font-size: 0.28rem;
    padding-left: 0.5rem;
    background: url(zf_Ej2024_GjjlNav6.png) no-repeat 0 0.08rem;
    margin-top: 0.2rem;
    background-size: 0.4rem auto;
}

.jlhztp-slide .swiper-pagination-fraction {
    display: none;
}

.jlhztp-slide .swiper-pagination-current {
    font-size: 28px;
    color: #005bac;
}

.right-swiper-con {
    display: none;
}

.right-swiper {
    display: none;
}

.jlhztp-slide-prev,
.jlhztp-slide-next {
    width: 0.25rem;
    height: 0.5rem;
    position: absolute;
    top: 1.6rem;
    z-index: 99;
}

.jlhztp-slide-prev {
    left: 0.2rem;
    background: url(zf_Ej2024_jlhzSlideLArr.png) no-repeat;
    background-size: 0.25rem 0.5rem;
}

.jlhztp-slide-next {
    right: 0.2rem;
    background: url(zf_Ej2024_jlhzSlideRArr.png) no-repeat;
    background-size: 0.25rem 0.5rem;
}

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

.jlhtp-list li {
    width: 6.9rem;
    font-size: 0.3rem;
    line-height: 0.42rem;
    color: #1a1a1a;
    font-weight: bold;
    margin-bottom: 0.4rem;
}

.jlhtp-list li a {
    display: block;
    width: 100%;
    height: 100%;
}

.jlhtp-list li .img-con {
    padding: 0.16rem;
    width: 6.9rem;
    height: 4.78rem;
    box-sizing: border-box;
    background: url(zf_Ej2024_jlhztpListBg.png) no-repeat;
    background-size: 6.9rem 4.78rem;
    margin-bottom: 0.2rem;
    overflow: hidden;
}

.jlhtp-list li img {
    display: block;
    width: 100%;
    height: 100%;
    transition: .3s;
}

.jlhtp-list li .txt-con {
    padding: 0 0.1rem;
    height: 1.26rem;
    overflow: hidden;
}

/* 9.《中国非洲学刊》-发刊词 */
.center-con.Journal-con {
    width: 7.5rem;
}

.Journal-nav {
    height: 1.1rem;
    line-height: 1.1rem;
    width: 100%;
    margin: 0 auto;
    max-width: 7.5rem;
    box-shadow: 0 0.05rem 0.1rem rgba(173, 173, 173, .12);
}

.Journal-nav ul {
    width: 7.5rem;
    margin: 0 auto;
}

.Journal-nav li {
    float: left;
    width: 25%;
    text-align: center;
    font-size: 0.34rem;
    color: #1a1a1a;
}

.Journal-nav li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #1a1a1a;
}



.Journal-nav li.on {
    background: url(zf_Ej2024_JournalNavOnBg.jpg) no-repeat;
}

.Journal-nav li.on a {
    color: #fff;
    font-weight: bold;
}

.Journal-con .big-title {
    position: relative;
    font-size: 0.5rem;
    line-height: 0.5rem;
    color: #005bac;
    text-align: center;
    margin-top: 0.5rem;
    margin-bottom: 0.8rem;
}

.Journal-con .big-title::after {
    content: "";
    position: absolute;
    height: 0.05rem;
    width: 0.5rem;
    background: #00aaa2;
    left: 50%;
    top: 0.8rem;
    transform: translateX(-50%);
}
.Journal-alone {
    margin-bottom: .4rem;
    padding: 0 .3rem;
}
.Journal-fkc p {
    font-size: 0.34rem;
    line-height: 0.6rem;
    color: #1a1a1a;
    text-indent: 2em;
    margin-bottom: 0.2rem;
}
.Journal-alone p {
    font-size: .3rem!important;
    line-height: 2!important;
    color: #1a1a1a;
    margin-bottom: 1em;
}
.Journal-fkc {
    background: url(zf_Ej2024_fjcBBgM.jpg) no-repeat left bottom;
    background-size: contain;
    text-align: justify;
    width: 6.9rem;
    margin: 0 auto;
    margin-bottom: 0.8rem;
    padding-bottom: 0.8rem;
}

.Journal-fkc .img-txt {
    position: relative;
    /* height: 1250px; */
}

.Journal-fkc .txt1 {
    /* position: absolute; */
    left: 0;
    top: 0;
    width: 6.9rem;
    /* height: 1005px; */
    background: url(zf_Ej2024_JournalFkcBg.jpg);
    padding: 0.45rem 0.3rem;
    box-sizing: border-box;
}

.Journal-fkc .txt1 p {
    color: #fff;
}

.Journal-fkc .img1 {
    /* position: absolute; */

    width: 6.9rem;
    height: auto;
}

.Journal-fkc .img2 img,
.Journal-fkc .img1 img {
    display: block;
    width: 100%;
    height: 100%;
    transition: .3s;
}

.Journal-fkc .img2 img:hover,
.Journal-fkc .img1 img:hover {
    transform: scale(1.1);
    transition: .3s;
}

.Journal-fkc .txt2 {
    /* position: absolute; */
    width: 6.3rem;
    height: auto;
    margin: 0.7rem auto;
}

.Journal-fkc .img2 {
    /* position: absolute; */
    width: 6.9rem;
    height: 3.5rem;
}

.Journal-fkc-bottom {
    padding: 0 0.25rem;
    margin-top: 0.3rem;
}

/* 10.《中国非洲学刊》-编委会 */
.bwh-list li {
    width: 6.9rem;
    margin: 0 auto;
    position: relative;
    height: 12.5rem;
    box-shadow: 0 0 0.16rem rgba(173, 173, 173, .2);
    margin-bottom: 0.7rem;
    background: url(zf_Ej2024_JournalBwhListBg.png) no-repeat;
}
.bwh_box li {
    height: auto;
    padding: .6rem .3rem .3rem .3rem;
}
.bwh-list li::after {
    position: absolute;
    background: url(zf_new_ico.png) no-repeat;
    background-size: contain;
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    right: 0.25rem;
    top: -0.4rem;
}

.bwh-list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.6rem 0.3rem;
}

.bwh-list li .left-img {
    position: relative;
    width: 2.91rem;
    height: 3.81rem;
    margin: 0 auto;
}

.bwh-list li .left-img img {
    transition: .3s;
    width: 100%;
    height: 100%;
}

.bwh-list li .left-img::after {
    position: absolute;
    content: "";
    width: 0.13rem;
    height: 2.68rem;
    left: -0.13rem;
    top: 0.2rem;
    background: url(zf_Ej2024_JournalBwhL.png) no-repeat;
    background-size: 0.13rem 2.68rem;
}

.bwh-list li .right-txt {
    width: 100%;
}

.bwh-list li .title {
    font-size: 0.28rem;
    color: #005bac;
    margin-bottom: 0.3rem;
    padding-top: 0.3rem;
}

.bwh-list li .title .name {
    font-size: 0.38rem;
    font-weight: bold;
    margin-right: 0.1rem;
}

.bwh-list li .study-item {
    overflow: hidden;
    font-size: 0.3rem;
    line-height: 0.48rem;
    color: #707070;
    margin-bottom: 0.3rem;
}

.bwh-list li .study-item .item-left {
    width: 1.6rem;
    float: left;
}

.bwh-list li .study-item .item-right {
    width: 4.7rem;
    float: left;
}

/* 12.《中国非洲学刊》-目录 */
.xkml-main-slide {
    position: relative;
    /* height: 757px; */
    width: 7.5rem;
    margin: 0 auto;
    background: url(zf_Ej2024_NewsSlideBg.jpg) no-repeat center 9.5rem;
    background-size: 100% 100%;
    overflow: hidden;
    padding-top: 0.3rem;
    padding-bottom: 1.5rem;
}

.xkml-main-slide .left-img {
    /* float: left; */
    width: 6.9rem;
    height: 7.43rem;
    background: url(zf_Ej2024_fzxkSlideLBg.jpg) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    font-size: 0.36rem;
    color: #ad7c59;
    font-weight: bold;
    margin: 0 auto;

}

.xkml-main-slide .left-img .img-title {
    padding-top: 0.7rem;
    color: #ad7c59;
    line-height: 0.5rem;
    height: 1.7rem;
    font-size: .32rem;
}

.xkml-main-slide .left-img img {
    width: 3.55rem;
    height: auto;
    transition: .3s
}

.xkml-main-slide .left-img:hover img {
    transform: scale(1.1);
    transition: .3s
}

.xkml-main-slide .right-txt {
    /* float: left; */
    width: 6.9rem;
    /* height: 15.6rem; */
    height: auto;
    box-shadow: 0 0 0.16rem rgba(173, 173, 173, .2);
    background: #fff;
    padding-left: 0.3rem;
    padding-top: 0.7rem;
    font-size: 0.28rem;
    line-height: 0.46rem;
    padding-right: 0.3rem;
    margin: 0 auto;
    background: #ffffff url(zf_Ej2024_qkmlSRbg.png) no-repeat right bottom;
    background-size: 4.3rem auto;
    padding-bottom: 0.8rem;
}
.xkml-main-slide .right-txt img {
    width: 100%;
    height: auto;
}
.xkml-main-slide .right-txt .title {
    height: 0.88rem;
    line-height: 0.88rem;
    font-size: 0.34rem;
    padding-left: 0.3rem;
    font-weight: bold;
    color: #ad7c59;
    background: url(zf_Ej2024_qkmlStBg.png) no-repeat;
    background-size: auto 100%;
    margin-bottom: 0.3rem;
}

.xkml-main-slide .right-txt .desc span {
    display: block;
    font-family: "楷体";
    /* font-size: 18px; */
}

.xkml-main-slide .dots {
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    background: url(zf_new_ico.png) no-repeat;
    background-size: contain;
    right: 0.55rem;
    bottom: 1rem;
    z-index: 999;
}

.xkml-main-slide .swiper_button {
    position: absolute;
    width: 2rem;
    bottom: 0.44rem;
    left: 3rem;
    margin-top: 0;
}

.xkml-main-slide .swiper_button div {
    position: relative;
    float: left;
    margin-top: 0;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
}

.xkml-main-slide .swiper-container2 {
    overflow: visible;
    /* height: 23rem; */
    height: auto;
}

.xkml-bottom-slide {
    padding-top: 0.75rem;
    height: 14rem;
    background: url(zf_Ej2024_qkmlbSliBgM.png) no-repeat top center;
    background-size: 100% 100%;
    margin-top: 0.6rem;
    margin-bottom: .3rem;
}

.xkml-bottom-slide .time-shaft {
    width: 6.9rem;
    margin: 0 auto;
    overflow: hidden;
}

.xkml-bottom-slide .time-shaft .swiper-wrapper {
    white-space: nowrap;
    overflow-x: auto;
}

.xkml-bottom-slide .time-shaft .swiper-slide {
    width: 2.3rem !important;
    font-size: 0.3rem;
    color: #c9b8ad;
    font-weight: bold;
    height: 0.8rem;
    text-align: center;
    background: url(zf_Ej2024_qkmlS2TimeBg.png) no-repeat left bottom;
    background-size: 2.3rem auto;
    cursor: pointer;
    margin-bottom: 0.2rem;
}

.xkml-bottom-slide .time-shaft .swiper-slide.on {
    width: 2.3rem !important;
    color: #c28d67;
    background: url(zf_Ej2024_qkmlS2TimeBgOn.png) no-repeat left bottom;
    background-size: 2.3rem auto;
}

.xkml-bottom-slide .time-shaft .swiper-slide.on+.swiper-slide {
    background: url(zf_Ej2024_qkmlS2TimeBg.png) no-repeat center bottom;
    background-size: 2.3rem auto;
    width: 2.3rem !important;
}

.xkml-bottom-slide .time-shaft .swiper-slide:last-child {
    width: 2.3rem !important;
}

.xk-cover-slide .swiper-slide {
    width: 2.7rem;
    height: 5.2rem;
    text-align: center;
    position: relative;
    float: left;
}
.xk-cover-slide {
    display: none;
    position: relative;
    width: 6.9rem;
    margin: 0 auto;
    margin-top: 0.4rem;
    overflow: hidden;
    height: 12rem;
}
.xk-cover-slide > div {
    display: block !important;
    width: 100% !important;
}
.xk-cover-slide.show {
    display: block;
}

.xk-cover-slide .swiper-slide .cover-con {
    position: relative;
    width: 2.7rem;
    height: 3.9rem;
    margin: 0 auto;
}

.xk-cover-slide .swiper-slide .cover-con img {
    display: block;
    width: 100%;
    height: 100%;
}

.xk-cover-slide .swiper-slide .sj-con {
    position: absolute;
    width: 0.85rem;
    height: 0.85rem;
    bottom: 0;
    right: 0;
    background: url(zf_Ej2024_qkmlS2Arr.png) no-repeat;
    background-size: contain;
}

.xk-cover-slide .swiper-slide .title {
    color: #333333;
    font-weight: bold;
    text-align: center;
    font-size: 0.3rem;
    line-height: .46rem;
    height: 0.92rem;
    width: 2.7rem;
    margin: 0 auto;
    margin-top: 0.3rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xk-cover-slide .swiper-slide a:hover .title {
    color: #005bac;
}

.xk-cover-slide .swiper-slide a:hover .sj-con {
    background: url(zf_Ej2024_qkmlS2ArrOn.png) no-repeat;

}

.xk-cover-slide .swiper-pagination {
    width: 80%;
    position: absolute;
    left: 0;
    bottom: 0.2rem;
    height: 0.02rem;
    /* border: 1px solid #000; */
    top: auto;
    background: #ead6c7;
}

.xk-cover-slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #c28d67;
    height: 0.06rem;
    margin-top: -1px;
}

.xk-cover-slide .swiper-slide-btn {
    position: absolute;
    right: 0.2rem;
    bottom: 0rem;
    width: 0.55rem;
    height: 0.4rem;
}

.xk-cover-slide .swiper-slide-btn div {
    position: relative;
    float: left;
    width: 0.2rem;
    height: 0.4rem;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin-top: 0;
    background: url(zf_Ej2024_qkmlS2ALeft.png) no-repeat;
    background-size: 0.2rem 0.4rem;
}

.xk-cover-slide .swiper-slide-btn div.swiper-button-next {
    float: right;
    background: url(zf_Ej2024_qkmlS2ARight.png) no-repeat;
    background-size: 0.2rem 0.4rem;
}

/* 13.学术资源 */
.fixed-nav.xszy-fixed {
    /* top: 20.6rem; */
    position: relative;
    top: 0;
}

.xszy-top {
    width: 6.9rem;
    height: auto;
    background: url(zf_Ej2024_XszyTopBgM.jpg) no-repeat;
    background-size: 100% auto;
    /* margin-top: 0.5rem; */
    box-sizing: border-box;
    padding-top: 0.95rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.6rem;
}

.xszy-top .title {
    /* height: 1rem; */
    /* line-height: 1rem; */
    text-align: center;
    font-size: 0.4rem;
    color: #ffffff;
}

.xszy-top .title img {
    width: 1rem;
}

.xszy-top .title span {
    position: relative;
    display: inline-block;
    margin-left: 0.2rem;
    max-width: 4.5rem;
}

.xszy-top .title span::after {
    position: absolute;
    content: "";
    width: 0.53rem;
    height: 0.04rem;
    background: #ffffff;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.16rem;
}

.xszy-top .desc {
    font-size: 0.32rem;
    line-height: 0.56rem;
    width: 5.8rem;
    text-align: justify;
    color: #fff;
    margin: 0 auto;
    margin-top: 0.3rem;
    text-indent: 2em;
}

.xszy-top .see-detail {
    position: relative;
    width: 2.59rem;
    height: 0.68rem;
    line-height: 0.68rem;
    background: url(zf_Ej2024_YfxhseeDpng.png) no-repeat;
    background-size: 2.59rem 0.68rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.26rem;
    color: #ffffff;

    box-sizing: border-box;
    margin-top: 40px;
}

.xszy-top .see-detail a {
    display: block;
    height: 100%;
    color: #ffffff;
    padding-right: 0.6rem;
}

.xszy-top .see-detail::after {
    position: absolute;
    content: "";
    width: 0.37rem;
    height: 0.12rem;
    background: url(zf_Ej2024_YfxhRArr.png) no-repeat;
    background-size: 0.37rem 0.12rem;
    top: 50%;
    transform: translateY(-50%);
    left: 1.7rem;
    transition: .3s;
}

.xszy-top .see-detail:hover::after {
    /* left: 140px; */
    /* transition: .3s; */
}

/* 14.搜索页 */
.search-page {
    width: 7.5rem;
}

.search-con {
    height: 1.9rem;
    background: #f7f7f7;
    padding: 0.5rem 0.3rem;
    margin-top: 0;

}

.search-con input {
    display: block;
    float: left;
    height: 0.88rem;
}

.search-input {
    border-radius: 0.08rem;
    overflow: hidden;
}

.search-con input.input-text {
    width: 5.29rem;
    box-sizing: border-box;
    color: #000;
    font-size: 0.3rem;
    color: #005bac;
    line-height: 0.88rem;
    padding: 0 0.2rem;
}

.search-con input.input-submit {
    background: #005bac url(zf_Ej2024_SearchIcon.png) no-repeat 0.2rem center;
    height: 0.88rem;
    width: 1.6rem;
    font-size: 0.3rem;
    color: #fff;
    box-sizing: border-box;
    padding-left: 0.5rem;
    /* background: #00aaa2; */
    cursor: pointer;
}

.search-result-list .sum-info {
    width: 6.9rem;
    margin: 0 auto;
    overflow: hidden;
    /* height: 36px; */
    font-size: 0.28rem;
    line-height: 0.56rem;
    margin-top: 0.3rem;
}

.search-result-list .sum-info div {
    /* float: left; */
}

.search-result-list .sum-info .sort-type {
    margin-top: 0.3rem;
}

.search-result-list .sum-info span {
    color: #e84820;
}

.search-result-list .sort-type {
    width: 5.1rem;
    margin: 0 auto;
}

.search-result-list .sort-type div {
    float: left;
    background: #f7f7f7;
    width: 2.4rem;
    height: 0.78rem;
    line-height: 0.78rem;
    border: 0.01rem solid #96bee2;
    font-size: 0.3rem;
    color: #005bac;
    border-radius: 0.04rem;
    text-align: center;

    cursor: pointer;
}

.search-result-list .sort-type div:first-child {
    margin-right: 0.3rem;
}

.search-result-list .sort-type div.on {
    color: #fff;
    background: #005bac;
}

.search-result-list .result-list {
    margin-top: 0.3rem;
}

.search-result-list li {
    width: 6.9rem;
    margin: 0 auto;
    /* height: 180px; */
    border-bottom: 0.01rem solid #e0ebf5;
    padding: 0.3rem 0;
    box-sizing: border-box;
}

.search-result-list li .title {
    font-size: 0.34rem;
    font-weight: bold;
    margin-bottom: 0.2rem;
}

.search-result-list li .desc {
    font-size: 0.28rem;
    color: #707070;
    margin-bottom: 0.3rem;
    line-height: 2;
    /* height: 56px; */
    overflow: hidden;
}

.search-result-list li .pubtime {
    font-size: 0.26rem;
    color: #1a1a1a;
}

.search-result-list li .pubtime span {
    font-size: 0.26rem;
    color: #005bac;
}

/* 15.  详情页 */
.article-det {
    padding: 0 0;
    margin-top: 0;
    margin-bottom: 60px;
}

.article-det .newscontent-head {
    font-size: 0.46rem;
    line-height: 0.72rem;
    text-align: center;
    margin-bottom: 0.4rem;
}

.newscontent-info {
    /* height: 75px; */
    line-height: 0.42rem;
    font-size: 0.28rem;
    color: #070707;
    /* padding-bottom: 35px; */
    overflow: hidden;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #e0ebf5;
}

.newscontent-info img {
    display: block;
    float: left;
    margin-right: 0.1rem;
    height: 0.3rem;
}

.newscontent-info div {
    /* float: left; */
    /* margin-right: 50px; */
    margin-bottom: 0.3rem;
    line-height: 0.3rem;
    height: 0.3rem;
}

.newscontent-info div span {
    display: block;
    float: left;
}

.newscontent-info .font-size span,
.newscontent-info div.share img,
.newscontent-info div.print {
    cursor: pointer;
}

.newscontent-info .font-size,
.newscontent-info div.share,
.newscontent-info div.print {
    display: none;
}

.newscontent-info .font-size span.on {
    font-weight: bold;
    color: #005bac;
}

.newscontent-body {
    text-align: justify;
}

.newscontent-body * {
    font-size: 0.3rem;
    line-height: 2!important;
    color: #1a1a1a;
    margin-bottom: 0.4rem;
    font-family: "Microsoft YaHei"!important;
}
.newscontent-body p {
    text-indent: 2em;
}

.newscontent-body img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 0;
}

.newscontent-body p.img-desc {
    text-align: center;
    color: #005bac;
    font-size: 0.3rem;
    font-family: "宋体";
    text-indent: 0;
}
/* 视频详情 */

.center_video{
    margin: 0 auto;
}
.center_video video {
    width: 100%;
    height: auto;
}
/* 16. 关于我们 */
.lxwm-top .location {
    display: none;
}

.gywm-page .page-title-con .location {
    bottom: -1.1rem;
}

.page-title-con .blue {
    background: url(zf_Ej2024_TopTBgBlue.png) no-repeat;
}

.aboutus-center-con {
    width: 100%;
    margin: 0 auto;
    position: relative;
    /* overflow: hidden; */
}

.aboutus-center-con .aboutus_tab {
    position: absolute;
    top: -1.1rem;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 0.05rem 0.1rem rgba(173, 173, 173, .12);
    z-index: 99;
}

.aboutus-center-con .aboutus_tab ul {
    height: 1.1rem;
    width: 100%;
    margin: 0 auto;
}

.aboutus-center-con .aboutus_tab ul li {
    /* width: 25%; */
    height: 1.1rem;
    text-align: center;
    font-size: 0.34rem;
    line-height: 1.1rem;
    float: left;
    cursor: pointer;
    padding: 0 0.28rem;
}
.aboutus-center-con .aboutus_tab ul li:last-child {
    float:right;
}
.aboutus-center-con .aboutus_tab ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #1a1a1a;
}

.aboutus-center-con .aboutus_tab::after {
    clear: both;
}




.aboutus-center-con .aboutus_tab .active {
    color: #fff;
    background-image: url(zf_aboutus_tab.png);
}

.aboutus-center-con .aboutus_tab .active a {
    color: #fff;
}

.aboutus-center-con .aboutus_map {
    width: 100%;
    /* height: 5.95rem; */
    position: relative;
    background: url(zf_aboutus_mapM.jpg) no-repeat;
    background-size: contain;
    background-position: top center;
    padding-top: 5.95rem;
}

.aboutus_map .center-con {
    width: 7.5rem;
}

.aboutus-center-con .aboutus_map .abouts_map_right_bg {
    /* float: right; */
    width: 7.5rem;
    height: 7rem;
    background: #005bac;
    /* opacity: .8; */
    color: #fff;
    font-size: 0.3rem;
    padding-left: 0.3rem;
    padding-top: 0.7rem;
    line-height: 0.72rem;
}
.aboutus-center-con .aboutus_map .abouts_map_right_bg p {
    color: #fff !important;
}
.aboutus-center-con .aboutus_map .abouts_map_right_bg .h1 {
    font-size: 0.5rem;
    line-height: 0.5rem;


}

.aboutus-center-con .aboutus_map .abouts_map_right_bg .line {
    width: 0.8rem;
    height: 0.04rem;
    background-color: #00aaa2;
    margin: 0.25rem 0 0.7rem 0;
}



/* 17.关于我们- 学者介绍-科室情况 */
.department-leader {
    position: relative;
    height: 12.2rem;
    /* margin-top: 1rem; */
    /* margin-bottom: 60px; */
}

.department-leader .img-con {
    height: 4.4rem;
    width: 100%;
}

.department-leader .img-con img {
    display: block;
    width: 100%;
    /* height: 4.4rem; */
}

.department-leader .txt-con {
    /* position: absolute; */
    width: 7.5rem;
    height: 7.8rem;
    padding: 0.5rem 0.3rem 0;
    font-size: 0.32rem;
    line-height: 0.66rem;
    color: #ffffff;
    text-align: justify;
    background: url(zf_Ej2024_kxqkTtBg.jpg) no-repeat;
    background-size: 7.5rem 7.8rem;
    padding-top: 1.8rem;
}

.department-leader .title {
    position: absolute;
    width: 100%;
    font-size: 0.44rem;
    color: #fff;
    text-align: center;
    top: 5rem;
    z-index: 99;
}

.department-leader .seemore {
    position: absolute;
    font-size: 0.28rem;
    line-height: 0.28rem;
    color: #fff;
    margin-left: 0.3rem;
    bottom: 0.9rem;
    z-index: 99;

}

.department-leader .seemore a {
    display: block;
    color: #fff;
    padding-right: 0.6rem;
    background: url(zf_Ej2024_YfxhRArr.png) no-repeat right 2px;
    transition: .3s;
}

/* .department-leader .seemore:hover a {
    background: url(zf_more_ico.png) no-repeat 173px 2px;
    transition: .3s;
} */

.department-list ul {
    width: 6.9rem;
    margin: 0 auto;
}

.department-list li {
    width: 6.9rem;
    height: 4.5rem;
    box-shadow: 0 0 0.16rem rgb(173, 173, 173, .2);
    margin-bottom: 0.6rem;
}

.department-list li .img-con {
    width: 100%;
    height: 3.8rem;
    overflow: hidden;
}

.department-list li .img-con img {
    display: block;
    width: 100%;
    height: 100%;
    transition: .3s;
}

.department-list li .title-con {
    position: relative;
    z-index: 9;
    height: 0.65rem;
    line-height: 0.33rem;
    text-align: center;
    font-size: 0.34rem;
}

.department-list li .title-con::before {
    position: absolute;
    content: "";
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: 5.1rem;
    height: 0.4rem;
    background: url(zf_Ej2024_kssListTBg.png) no-repeat;
}

.department-list li .title-con span {
    position: relative;
}

.department-list li .title-con span::before,
.department-list li .title-con span::after {
    position: absolute;
    content: "";
    width: 24px;
    height: 21px;
    top: 50%;
    transform: translateY(-50%);
    background: url(zf_Ej2024_kssListTitle.png) no-repeat;
}

.department-list li .title-con span::before {
    left: -55px;
}

.department-list li .title-con span::after {
    right: -55px;
}


/* 18.关于我们-学者介绍 */
.scholar-introduce {
    width: 7.5rem;
    margin: 0 auto;
    overflow: hidden;
    /* margin-top: 1rem; */
}

.department-intro {
    position: relative;
    /* margin-top: 0.6rem; */
    margin-bottom: 0.7rem;
    height: auto;
    padding-bottom: .3rem;
    overflow: hidden;
}

.department-intro::after {
    position: absolute;
    content: "";
    width: 7.5rem;
    height: 7.45rem;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: #025cac;
}

.department-intro .left-img {
    width: 7.5rem;
    height: 4.4rem;
    /* margin-top: 0.5rem; */
}

.department-intro .left-img img {
    display: block;
    width: 100%;
    /* height: 100%; */
    transition: .3s;
}

.department-intro .left-img img:hover {
    transform: scale(1.1);
    transition: .3s;
}

.department-intro .right-txt {
    float: right;
    width: 7.2rem;
    /* height: 8.6rem; */
    box-shadow: 0 0 0.16rem rgba(173, 173, 173, .18);
    background: #fff url(zf_Ej2024_gywmRBg.png) no-repeat right bottom;
    background-size: cover;
    padding: 0.6rem 0.4rem;
}

.department-intro .title {
    font-size: 0.44rem;
    color: #1a1a1a;
    margin-bottom: 0.45rem;
    text-align: center;
}

.department-intro .desc {
    font-size: 0.32rem;
    line-height: 0.66rem;
    color: #1a1a1a;
}

.department-intro .seemore {
    float: left;
    font-size: 0.32rem;
    line-height: 0.66rem;
    color: #005bac;
    margin-top: 0.4rem;

}

.department-intro .seemore a {
    display: block;
    color: #005bac;
    padding-right: 0.8rem;
    background: url(zf_more_ico.png) no-repeat 3.8rem 0.2rem;
    transition: .3s;
}


.scholar-introduce ul {
    margin-top: 0.7rem;
}

.scholar-introduce li {
    width: 6.9rem;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 0.6rem;
}
.scholar-introduce li .img-con .img-pic {

    width: 2.4rem;

    height: 3.17rem;
}
.scholar-introduce li .img-con {
    position: relative;
    float: left;
    width: 2.58rem;
    height: 3.25rem;
    padding: 0 0 .08rem .08rem;
    overflow: hidden;
}



.scholar-introduce li .img-con::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: url(zf_Ej2024_aboutUsPerBg.png) no-repeat left bottom;
    background-size: contain;
    z-index: -1;
}

.scholar-introduce li .img-con img {
    display: block;
    width: 100%;
    height: 100%;
    transition: .3s;
}

.scholar-introduce li .txt-con {
    position: relative;
    float: right;
    width: 4rem;
    min-height: 3.6rem;
    border-bottom: 0.02rem solid #005bac;
    padding-bottom: 0.4rem;
}

.scholar-introduce li .txt-con::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0.35rem;
    width: 0;
    height: 0.15rem;
    width: 0.45rem;
    background: url(zf_Ej2024_xslwListHoverMore.png) no-repeat;
    transition: .3s;
    background-size: cover;
}


.scholar-introduce li .txt-con .title {
    font-size: 0.34rem;
    color: #1a1a1a;
    font-weight: bold;
    margin-bottom: 0.2rem;
}

.scholar-introduce li:hover .txt-con .title {
    color: #005bac;
}

.scholar-introduce li .desc .style-item {
    overflow: hidden;
    font-size: 0.28rem;
    color: #707070;
    margin-bottom: 0.1rem;
    line-height: 0.4rem;
}

.scholar-introduce li .desc .style-item div {
    float: left;
}

.scholar-introduce li .desc .style-item div.item-left {
    width: 1.46rem;
    /* text-align-last: justify; */
}

.scholar-introduce li .desc .style-item div.item-right {
    width: 2.5rem;
    /* text-align-last: justify; */
}

.swiper-button-next:after, .swiper-button-prev:after {
    content: "";
}





.nav {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999;
    overflow: hidden;
    padding: .2rem 0 0 .12rem;
    box-sizing: border-box;
    max-width: 7.5rem;
    margin: 0 auto;
}

.nav .logo {
    margin-left: .1rem;
    float: left;
}

.logo .link {
    display: block;
    width: 5.24rem;
    height: .85rem;
    float: left;
    font-size: .24rem;
    padding-top: .02rem;
    box-sizing: border-box;
}

.logo .link span {
    display: inline-block;
    transform: scale(.8);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    margin-left: .3rem;
}

.nav_list {
    display: none;
}

.nav_item {
    display: none;
}


/* 侧边导航 */

.nav_content {
    width: 100%;
    height: 120%;
    max-width: 480px;
    background: url(./zf_m_navbg.jpg) no-repeat;
    background-size: 100% 100%;
    position: fixed;
    /* left: 100%; */
    top: 0;
    z-index: 99999;
    padding: .2rem .3rem 0 .3rem;
    box-sizing: border-box;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    opacity: 0;
}

.nav_content.active {
    /* left: 0; */
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    opacity: 1;
}

.nav_content_top {
    width: 100%;
    /* overflow: hidden; */
    position: relative;
}

.nav_content_top_logo {
    background: url("zf_logo_1.png") no-repeat;
    background-size: 2.79rem;
    float: left;
    width: 5.24rem;
    height: .85rem;
    position: relative;
}
.nav_content_top_logo::after {
    content: "";
    background: url("zf_logo_1r.png") no-repeat;
    background-size: 2.2rem;
    width: 2.2rem;
    height: .75rem;
    position: absolute;
    top: 0;
    right: 0;
}
.nav_content_close_btn {
    width: 1rem;
    height: .8rem;
    background: url("zf_top_navbg.png") no-repeat center;
    background-size: 1rem .8rem;
    /* float: right; */
    margin-top: 0;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    position: absolute;
    top: -.2rem !important;
    right: -.3rem !important;
}

.nav_content_close_btn:hover {
    /*transform: rotate(180deg);*/
    /*-webkit-transform: rotate(180deg);*/
    /*-moz-transform: rotate(180deg);*/
    /*-ms-transform: rotate(180deg);*/
    /*-o-transform: rotate(180deg);*/
}

.nav_content_search {
    width: 100%;
    height: 1rem;
    background: url(./zf_enIndex_slideBox_icon_search.png) no-repeat left center;
    background-size: .34rem;
    margin-top: 1.1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.nav_content_search input {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    background: none;
    font-size: .3rem;
    padding-left: .68rem;
    box-sizing: border-box;
    color: #FFF;
}

.search input.notxt1 {
    position: absolute;
    width: 12%;
    right: 0;
    cursor: pointer;
    overflow: hidden;
    padding-right: 0;
    font-size: .36rem;
    color: #fff;
    /* background-color: #5496d1; */
    /* border: 1px solid #005BAC; */
    height: 1rem;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-radius: 19px;
    padding: 0;
    left: 0;
}

/* 头部-白 */
.whiteNav .logo .link {
    background: url("zf_logo_1.png") no-repeat;
    background-size: 2.79rem;
    color: #FFF;
    position: relative;
}
.whiteNav .logo .link::after {
    content: "";
    background: url("zf_logo_1r.png") no-repeat;
    background-size: 2.2rem;
    width: 2.2rem;
    height: .75rem;
    position: absolute;
    top: 0;
    right: 0;
}
.whiteNav .nav_top_right {
    position: relative;
    float: right;
    height: .4rem;
    margin-right: .93rem;
    margin-top: .09rem;
    z-index: 2;
}

.navShow .nav_top_right {
    display: none;
}

.whiteNav .nav_top_right div {
    width: 0.5rem;
    height: .4rem;
    line-height: .4rem;
    float: left;
    text-align: center;
    color: #FFF;
    font-size: .26rem;
    cursor: pointer;
}

/*.whiteNav .nav_top_right .cn_btn {*/
/*    width: .7rem;*/
/*    background: url("zf_en_topico.png") 0 center no-repeat;*/
/*    background-size: .23rem;*/
/*    padding-left: .2rem;*/
/*}*/
.whiteNav .nav_top_right div a {
    color: #FFF;
}

.whiteNav .seach_btn {
    background: url(./zf_search.png) no-repeat center;
    background-size: .3rem;
}

.topNavMore_btn {
    background: url(zf_top_navbg.png) no-repeat center;
    background-size: .85rem .9rem;
    width: .85rem;
    height: .9rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding-left: .1rem;
    cursor: pointer;
}


.topNavMore_btn i {
    width: 47%;
    height: 2px;
    background: #fff;
    display: block;
    margin: 0.3rem auto 0;
    position: relative;
    border-radius: 10px;
}

.topNavMore_btn i:before, .topNavMore_btn i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    border-radius: 10px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.nav_content.active .topNavMore_btn i:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin: 0;
}

.nav_content.active .topNavMore_btn i:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin: 0;
}

.nav_content.active .topNavMore_btn i {
    background: none;
}

.topNavMore_btn i:before {
    margin-top: -.1rem;
}

.topNavMore_btn i:after {
    margin-top: .1rem;
}

.topNavMore_btn p {
    margin-top: .15rem;
    text-align: center;
    font-size: .2rem;
    color: #83B1F3;
}

/* 菜单 */

.nav_content_menu {
    margin-top: .3rem;
    overflow-x: auto;
    height: 58%;
    padding-right: .2rem;
}

.level1 {
    width: 100%;
    /* line-height: 1.03rem; */
    font-size: .36rem;
    color: #FFF;
    /* padding-left: .12rem; */
    box-sizing: border-box;
}

.level1 .level1_title {
    width: 100%;
    height: .9rem;
    position: relative;
    display: block;
    color: #FFF;
    line-height: .9rem;
}


.level1 .level1_title span {
    width: .15rem;
    height: .28rem;
    background: url(./zf_enIndex_arrow_right.png) no-repeat;
    background-size: .15rem;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.14rem;
    display: block;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.level1 .level1_title span.active {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    /* right: 0; */
}

.level1 ul {
    margin-left: .3rem;
    line-height: .6rem;
    font-size: .18rem;
    display: none;
}

.level1 ul li {}

.level1 ul li a {
    color: #ffffff;
    font-size: .3rem;
}

.level1 ul li a:hover {
    color: #FFF;
}


/* footer */
.footer {
    width: 100%;
    height: 6.1rem;
    background-color: #F2F5F8;
    position: relative;
    bottom: 0;
    z-index: 1;
    padding: 0 .3rem;
}

.footerIn {
    /* width: 14rem; */
    margin: 0 auto;
    /* position: relative; */
}


.footer_copyright {
    text-align: left;
    padding-top: .15rem;
    padding-bottom: .1rem;
    /* line-height: .3rem; */
}

.footer .line {
    width: 100%;
    border-top: 1px #D5DDE6 solid;
    margin-top: 2rem;
}

.footer_copyright span {
    display: block;
    font-size: .34rem;
    color: #084077;
    margin-bottom: .1rem;
    margin-top: .1rem;
}

.footer_copyright p {
    font-size: .26rem;
    color: #0C2D4D;
    /* margin-bottom: .1rem; */
    line-height: .56rem;
}

.footer_down {
    font-size: .16rem;
    color: #0C2D4D;
    height: .55rem;
    line-height: 55rem;
}

.footer_right {
    position: absolute;
    left: .3rem;
    bottom: 1.2rem;
}

.footer_right p {
    font-size: .34rem;
    color: #084077;
    text-align: left;
    padding-left: 0rem;
}

.footer_right a {
    background: #CEDAEA;
    display: block;
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    float: left;
    margin: .2rem .1rem;
    position: relative;
    cursor: pointer;
}
.footer_right a.wx {
    margin-left: 0;
}
.footer_right a:hover {
    background: #AFC2DD;
}

.footer_right i {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

.footer_right i {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

.footer_right .wx i {
    background: url("zf_ico_wx.png") center no-repeat;
    background-size: .27rem .22rem;
}

.footer_right .wx .ewm {
    position: absolute;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    top: 56%;
    right: -2.35rem;
    transform: translateY(-50%)translateX(-1.65rem)scale(.1);
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    width: 5rem;
    height: 2rem;
    background: #fff;
    border-radius: 4px;
    padding: 5px;
    transform-origin: right;
    z-index: 10
}

.footer_right .wx .ewm:before {
    content: "";
    position: absolute;
    top: 50%;
    border-top: transparent 10px solid;
    border-bottom: transparent 10px solid;
    border-right: #F1F4F7 10px solid;
    left: -.1rem;
    margin-top: -.25rem;
}

.footer_right .wx .ewm img {
    width: 100%;
    height: 100%
}

.footer_right .wx:hover .ewm {
    transform: translateX(57%)translateY(-1rem)scale(1);
    opacity: 1;
    visibility: visible;
    z-index: 1;
    background: #F1F4F7;
}

.footer_right .wx .ewm .title {
    width: .24rem;
    padding: 0;
    font-size: .14rem;
    color: #0A4076;
    float: left;
    line-height: .16rem;
    margin-left: .2rem;
    margin-top: .15rem;
    position: relative;
    padding-top: .24rem;
    text-align: center;
}

.footer_right .wx .ewm .title::after {
    content: "";
    background: url("zf_ico_wx2.png") no-repeat;
    background-size: .2rem .16rem;
    width: .2rem;
    height: .16rem;
    position: absolute;
    top: 0;
    left: .03rem;
}

.footer_right .wx .ewm .ewm_list {
    /* float: left; */
    padding: .1rem;
    padding-left: .2rem;
    padding-right: 0;
}

.footer_right .wx .ewm .ewm_list ul li {
    float: left;
    text-align: center;
    margin: 0 .36rem 0 0;
}

.footer_right .wx .ewm .ewm_list ul li:last-child {
    margin-right: 0;
}

.footer_right .wx .ewm .ewm_list img {
    width: 1.2rem;
    height: 1.2rem;
    border: .07rem #FFFFFF solid;
}

.footer_right .wx .ewm .ewm_list p {
    font-size: .14rem;
    color: #0A4076;
    margin-top: .1rem;
    padding: 0;
    text-align: center;
}

.footer_right .sina i {
    background: url("zf_ico_sina.png") center no-repeat;
    background-size: .27rem .23rem;
}

/* 翻页显示 */
.page {
    display: none;
}
#pages {
    display: block;
}
.mobile_more {
    text-align: center;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    width: 4rem;
    height: 0.86rem;
    line-height: 0.86rem;
    font-size: 0.32rem;
    color: #999999;
    display: block;
    border-radius: 1rem;
    margin: .4rem auto .7rem;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
}
/* 12 学术资源 */
.listen_academicResourse{
    margin-top: 0.5rem;
}
.listen_academicResourse ul{
    margin-top: 0;
}
.listen_academicResourse ul li{
    padding: 0.62rem 0.62rem 0.68rem;
    background-color: #f3f8fc;
    margin-bottom: 0.39rem;
}
.listen_academicResourse ul li .imgs{
    width: auto;
    height: 1.17rem;
    display: block;
    margin: 0 auto;
}
.listen_academicResourse ul li .doce{
    display: none;
}
.listen_academicResourse li .titles{
    font-size: 0.42rem;
    font-weight: bold;
    color: #005bac;
    font-family: "Times New Roman";
    line-height: 0.56rem;
    display: block;
    margin-top: 0.14rem;
    text-align: center;
}
.listen_academicResourse li .mores{
    width: 3rem;
    height: 0.78rem;
    line-height: 0.78rem;
    position: relative;
    background-color: #005bac;
    border-radius: 0.04rem;
    font-size: 0.28rem;
    color: #ffffff;
    margin-top: 0.58rem;
    /* text-indent: 0.56rem; */
    display: inline-block;
    text-align: center;
}
.listen_academicResourse li .mores::after{
    content: " ";
    position: absolute;
    top: 50%;
    right: 0.40rem;
    width: 0.34rem;
    height: 0.11rem;
    margin-top: -0.05rem;
    background-size: 100% 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
/* .listen_academicResourse li .mores:hover{
	background-color: #00aaa2;
} */
.listen_academicResourse li .mores:hover::after{
    right: 0.34rem;
}
.listen_academicResourse li .mores.mores_s{
    background-color: #00aaa2;
    margin-left: 0.32rem;
    /* text-indent: 0.4rem; */
}
.listen_academicResourse li .mores.mores_s::after{
    right: 0.25rem;
}
.listen_academicResourse li .mores.mores_s:hover::after{
    right: 0.2rem;
}
.listen_academicResourse li .mores_w{
    text-align: center;
    font-size: 0;
    margin-left:-0.62rem;
    margin-right:-0.62rem;
}

.page-title-con.purple .page-title-inner {
    background: url(zf_Ej2024_TopTBgPurple.png) no-repeat;
    background-size: 80%;
}
.page-title-con.blue .page-title-inner {
    background: url(zf_Ej2024_TopTBgBlue.png) no-repeat;
    background-size: 80%;
}
.page-title-con.red .page-title-inner {
    background: url(zf_Ej2024_TopTBgRed.png) no-repeat left;
    background-size: 80%;
}
.page-title-con.ju .page-title-inner {
    background: url(zf_Ej2024_TopTBgJu.png) no-repeat;
    background-size: 80%;
}
.page-title-con.orange .page-title-inner {
    background: url(zf_Ej2024_TopTBgOrange.png) no-repeat left;
    background-size: 80%;
}

.article-det-top .page-title-con .location {
    top: auto;
}

.top-con-zt {
    height: 6.5rem;
}
.main-slide-zt {
    margin-top: 0;
}