@font-face{font-family:'song';font-style:normal;src:url(/lib/fonts/song.woff);}
.song{font-family:'song';}

.banner-swiper{}
.banner-swiper .swiper-button-prev {top: 50%;left: 3%;}
.banner-swiper .swiper-button-next {top: 50%;right: 3%;}
.banner-swiper .swiper-button-next:after,.banner-swiper .swiper-button-prev:after {font-size: 50px;text-transform: none !important;letter-spacing: 0;text-transform: none;font-variant: initial;line-height: 1;}
.banner-swiper .swiper-button-prev,.banner-swiper .swiper-button-next{background: none;}
.banner-swiper .swiper-pagination {width: 100%;bottom: .7rem;padding-right: 10%;text-align: right;display: -webkit-box;display: -ms-flexbox;display: flex;flex-direction: column;align-items:flex-end}
.banner-swiper .swiper-pagination .swiper-pagination-bullet {background-color: #fff;opacity: 1;margin-bottom: .3rem !important;width: 0.15rem;height: 0.15rem;}
.banner-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {position: relative;background-color: transparent !important;color: #fff;width: 0.15rem;height: 0.15rem;margin-bottom: .26rem !important;}
.banner-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {content: "\e8ff";font-family: "iconfont" !important;font-size: 0.36rem !important;position: absolute;left:-.1rem;top:-.14rem;line-height: 1;}
.banner-swiper .swiper-pagination::before {content: "";width: 0.01rem;height: 1.1rem;background-color: rgba(255, 255, 255, 0.4);position: absolute;bottom: 0;transform: translate(-.11rem, .72rem);}
.banner-swiper .swiper-slide.swiper-slide-active {z-index: 10;}
.banner-swiper .swiper-touying {width: 100%;height: 20%;position: absolute;bottom: 0;z-index: 2;background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));}
.banner-swiper .swiper-button-prev,
.banner-swiper .swiper-button-next {opacity: 0;transition: opacity .5s;}
.banner-swiper:hover .swiper-button-prev,.banner-swiper:hover .swiper-button-next {opacity: 1;}
.banner-swiper .swiper-button-prev::after {content: "\e638";font-family: "iconfont" !important;color: rgba(255, 255, 255, 0.3);}
.banner-swiper .swiper-button-next::after {content: "\e778";font-family: "iconfont" !important;color: rgba(255, 255, 255, 0.3);}
.banner-swiper .swiper-button-prev:hover::after {color: rgba(255, 255, 255, 0.7);}
.banner-swiper .swiper-button-next:hover::after {color: rgba(255, 255, 255, 0.7);}
.banner-swiper .subiao {line-height: 0;}
.banner-swiper .subiao img {animation: shubiao 2s infinite linear;text-align: center;}
@keyframes shubiao {
	0% {-webkit-transform: translateY(-5px);transform: translateY(-5px);opacity: 1;}
	50% {-webkit-transform: translateY(0px);transform: translateY(0px);opacity: 1;}
	100% {-webkit-transform: translateY(-5px);transform: translateY(-5px);opacity: 1;}
}
.banner-swiper .swiper-slide .pic-cover .a{width: 100%;transition:transform 4s;transform: scale(1.1, 1.1);transform-style: preserve-3d;}
.banner-swiper .swiper-slide-active .pic-cover .a,
.swiper-slide-duplicate-active .pic-cover .a{transition:transform 4s linear;transform: scale(1, 1);}
.autoplay-progress {
	position: absolute;
	left: calc(50% - .42rem);
	bottom: 4%;
	z-index: 10;
	width: 1rem;
	height: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	color: var(--swiper-theme-color);
}
.autoplay-progress svg:nth-child(2) {
	--progress: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	stroke-width: 0.005em;
	stroke: rgba(255, 255, 255, 0.4);
	fill: none;
	stroke-dasharray: 125.6;
	transform: rotate(-90deg);
}
.autoplay-progress svg:nth-child(1) {
	--progress: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	stroke-width: 0.01rem;
	stroke: #fff;
	fill: none;
	stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
	stroke-dasharray: 125.6;
	transform: rotate(-90deg);
}


/** 主标题 **/
.main-title {line-height: 1;padding:0 .04rem;}
.main-title .en{margin-left:.06rem;font-family: enre;color:#d6d6d6}
.main-title .title.active{color:#c02125}
.more {line-height: 1;}
.more a{position: relative;color: #000;}
.more a.on{display:inline-block !important;}
.more a::after{content: '';display: block; position: absolute;bottom:100%;left:45%;transform: translateX(-50%); width:.32rem;height:26px;bottom:0;background: url(/lib/images/index/more.png) no-repeat center top; background-size: 100% auto;}
.more a:hover{color: #c02125;}
.more a:hover::after{background: url(/lib/images/index/more-active.png) no-repeat center top; background-size: 100% auto;}

/** banner **/
.swiper .swiper-actions.default{position: absolute;width:100%;bottom:0;}
.swiper .swiper-pagination.default {display:flex;align-items:center;position:absolute;right:.1rem}
.swiper .swiper-pagination.default .swiper-pagination-bullet{background-color: #fff;opacity: 1;width: .12rem;height: .12rem;margin-left: .08rem;}
.swiper .swiper-pagination.default .swiper-pagination-bullet.swiper-pagination-bullet-active{position: relative; background-color: transparent;color:#fff;width:.12rem;height: .12rem;margin-left:.24rem;}
.swiper .swiper-pagination.default .swiper-pagination-bullet.swiper-pagination-bullet-active::before {display:block;position: absolute; content:"\e8ff";font-size:.24rem;left:-.12rem;top:-.12rem; font-family:"iconfont" !important;}


/** 南职要闻 | 要闻焦点图 | 媒体南职 **/
.news-panel .main-news-list .item{position: relative; line-height: 1.4 !important;}
.news-panel .main-news-list .item::before{content:'';display: block;position:absolute;z-index: -1; bottom:0;left:0;width:100%;border-bottom:1px solid #dcdcdc}
.news-panel .main-news-list .item:hover .title{color: #c02125;font-weight: bold;}
.news-panel .main-news-list .on .title{font-weight: bold;color:#333 !important}
.news-panel .main-news-list .on .desc{display:block !important;display:-webkit-box !important;margin:.04rem 0 .04rem 0;color:#999}


.news-panel .media-news-list .item{position: relative;}
.news-panel .media-news-list .item::before{content:'';display: block;position:absolute;z-index: -1; bottom:0;left:0;width:100%;border-bottom:1px solid #dcdcdc}
.news-panel .media-news-list .item:hover .title{color: #c02125;}
.news-panel .media-news-list .tag{background-color: #f2f2f2;border-radius: .3rem;}
.news-panel .media-news-list .item:first-child{padding-top:0 !important;}

.news-panel .news-swiper:hover .text-box{}
.news-panel .news-swiper:hover .title{color:#c02125;}
.news-panel .news-swiper .text-box{background-color: #fff;}
.news-panel .news-swiper .date{line-height: 1.2;}
.news-panel .news-swiper .swiper-pagination {display:flex;align-items:center;position:absolute;right:.1rem;top:0}


/** 综合新闻 **/
.holistic-panel{background-color: #f2f2f2;}
.holistic-news-list .box{display: flex;}
.holistic-news-list .item{position: relative;}
.holistic-news-list .item.on{position: relative;z-index: 10;background: url(/lib/images/index/box.png) no-repeat right top;background-size: 100% 100%;width:7.13rem;margin-left:-.73rem;margin-top:2%;}
.holistic-news-list .item.on .box{display: block;box-shadow: 0 .02rem .12rem rgba(0,0,0,.3);position: relative;z-index: 10; background-color: #fff;padding:3% 4%;height: 100%}
.holistic-news-list .item.on .title{font-weight: bold;color:#333; font-size: .18rem !important; height:.54rem; white-space:inherit; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.holistic-news-list .item.on .desc{display:block !important;display:-webkit-box !important;color:#b0b0b0}
.holistic-news-list .item.on .date{margin-top:3%;}
.holistic-news-list .item.on .year{display:block !important;line-height: 1.4;margin-left:3%}
.holistic-news-list .item.on .moon{font-size: .32rem;line-height:1;color:#c02125}

.holistic-panel .holistic-swiper .title{position: absolute;bottom:0;left:0;width:100%;background-color:rgba(0, 0, 0, 0.3);color:#fff;padding-right:30% !important}


/** 南职公告 **/
.notice-swiper .notice-item{background: url(/lib/images/index/notice-item-bg.jpg) no-repeat #fff;background-position: 100% 100%;background-size: auto 100%;transition: box-shadow .5s;}
.notice-swiper .notice-item:hover{box-shadow: 0 .02rem .12rem #d2d2d2;transform: translateY(-.04rem);border:1px solid transparent;}
.notice-swiper .notice-item:hover .title{font-weight: bold;}
.notice-swiper .notice-item .date{border:1px solid #c02125}

.notice-tab-panel{display: none;}
.notice-tab-panel.on{display: block;}
.notice-swiper .swiper-pagination{left:50%;transform: translateX(-50%);width:100%}
.notice-swiper .swiper-pagination .swiper-pagination-bullet{width:.46rem;border-radius:1px;height:3px;margin:0 .06rem; background-color: #666666 !important;}
.notice-swiper .swiper-pagination .swiper-pagination-bullet-active{background-color:#c02125!important;}
.notice-swiper .swiper-pagination .swiper-pagination-bullet-active::after{content:'' !important}

/** 学术科研 **/
.research-panel .research-tab .title{position: relative;}
.research-panel .research-tab .active{position: relative; color:#c02125;font-weight: bold;font-size: .22rem;}
.research-panel .research-tab .active a{color:#c02125;}
.research-panel .research-tab .active::after{display: block;content: url(/lib/images/index/jiao.png);position: absolute;left: 43%;width:1em;height:1em;bottom: -1em;transform: rotate(45deg) scale(0.5, 0.5) translateX(-50%);}

.research-panel .research-tab-panel{display: none;}
.research-panel .research-tab-panel.on{display: block;}
.research-swiper .research-item{transition:box-shadow .5s;}
.research-swiper .research-item:hover{box-shadow: 0 .02rem .12rem #d2d2d2;color:#c02125;transform: translateY(-0.04rem);border:1px solid transparent;}
.research-swiper .info{border-left:4px solid #c02125;line-height: 1;}
.research-swiper .swiper-button-prev{top: 50%;margin-top:-22px; left: 2%;background: none;}
.research-swiper .swiper-button-prev::after {content: "\e778";display: block;transform: rotate(180deg); font-family: "iconfont" !important;color: rgba(255, 255, 255, 0.5);font-size: 45px;text-transform: none !important;letter-spacing: 0;line-height: 1;}
.research-swiper .swiper-button-next{top: 50%;margin-top:-22px; right: 2%;background: none;}
.research-swiper .swiper-button-next::after {content: "\e778";display: block; font-family: "iconfont" !important;color: rgba(255, 255, 255, 0.5);font-size: 45px;text-transform: none !important;letter-spacing: 0;line-height: 1;}
/** 南职视点 **/
.video-panel{background: url(/lib/images/index/video-panel-bg.jpg) no-repeat center;background-size: cover;}
.video-panel .video-pic-box{position: relative;}
.video-panel .video-pic-box .swiper-button-prev::after{display: block;content: "\e604";font-family: "iconfont" !important;color: #c02125;font-size:.3rem;}
.video-panel .video-pic-box .swiper-button-next::after {display: block;content: "\e604";font-family: "iconfont" !important;transform:rotate(180deg);color: #c02125;font-size:.3rem;}
.video-panel .video-pic-box .swiper-button-next,.video-panel .video-pic-box .swiper-button-prev{background: none;}
.video-panel .video-pic-box .swiper-button-prev{left:-.4rem}
.video-panel .video-pic-box .swiper-button-next{right:-.4rem}
.video-panel .video-pic-box .swiper-slide{background-color: #c02125;}
.video-panel .video-pic-box .swiper-slide-active{padding:1px;background-color: #24ff00;opacity: 1;}
.video-panel .video-pic-box .swiper-slide .video-item{opacity: 0.7;}
.video-panel .video-box {position: relative;}
.video-panel .video-box:hover .title::after{width: 100%;}
.video-panel .video-box .title{position: absolute;left:4%;bottom:16%;z-index: 10;color:#fff}
.video-panel .video-box .title::after{content: "";width: .4rem;height: .04rem;background-color: #fff;display: block;transition: .5s;bottom: .1rem;transform: translateY(.05rem);transition:width .2s;}

/** 国际交流 **/
.interflow-panel .flex-sub{overflow: inherit;}
.interflow-panel .box{box-shadow: 0 .01rem .06rem #d2d2d2;padding: .2rem .24rem !important;}
.interflow-panel .box-top{background: url(/lib/images/index/box-top.jpg) no-repeat;background-size:100% 100%;}
.interflow-panel .interflow-news-list .item{width:48%;height: 1.07rem;margin-bottom:1.92%;box-shadow: 0 .01rem .06rem #d2d2d2;}
.interflow-panel .interflow-news-list .item:nth-child(7){margin-bottom:0 !important;}
.interflow-panel .interflow-news-list .item:nth-child(8){margin-bottom:0 !important;}
.interflow-panel .interflow-news-list .item:hover .title{color:#c02125;}
.interflow-panel .interflow-news-list .date{color:#c9c9c9;}
.interflow-panel .interflow-swiper .title{position: absolute;bottom:0;left:0;width:100%;background-color:rgba(0, 0, 0, 0.3);color:#fff;padding-right:30% !important}
.interflow-panel .interflow-swiper .pic-cover{ height: auto !important;}
.interflow-panel .interflow-swiper .pic-cover a{ display: block; position: relative; padding-bottom: 4.24rem}
.interflow-panel .interflow-swiper .pic-cover a img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%}

/** 校园文化 **/
.culture-panel{background: url(/lib/images/index/culture-panel-bg.jpg) no-repeat center;background-size: cover;}
.culture-panel .more a{ color:#fff}
.culture-panel .sns-list .item a{display: block;position: relative;}
.culture-panel .sns-list .item .iconfont{color: rgba(192, 33, 37, 1);border: 1px solid rgba(192, 33, 37, 1);border-radius: 50%;}
.culture-panel .sns-list .item .iconfont:hover{background-color: #c02125;color:#fff}
.culture-panel .sns-list .item .code{position: absolute;line-height: 1;z-index:8;background: #fff;left: 50%;transform: translate(-50%,.24rem);top: 100%;border-radius:.06rem;padding:.04rem;box-shadow: 0 2px 8px rgba(0, 0, 0, .3);opacity: 0;visibility: hidden;transition: .5s;}
.culture-panel .sns-list .item .code::after{content: '';border: 10px solid transparent;border-bottom-color: #fff;position: absolute;top: -18px;left: 50%;transform: translateX(-50%);}
.culture-panel .sns-list .item .code img{width:100%;height:100%;}
.culture-panel .sns-list .item a:hover .code{opacity:1;visibility:visible;transform: translate(-50%,10px);}
.culture-panel .culture-item{width:25%;position: relative;}
.culture-panel .pc-wrap1s .culture-item:nth-child(3){width:50%;}
.culture-panel .culture-item .title{position:absolute;bottom:0;left:0;width:100%;color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8));}
.culture-panel .culture-item .title .iconfont{margin-right:.06rem;}
.culture-panel .culture-item .title .txt{position: relative;}
.culture-panel .culture-item .title .txt::after{content: "";position: absolute; left: 0;bottom: -3px;width:.3rem;height: 2px;background-color: #fff; transition: .3s;}
.culture-panel .culture-item:hover .title .txt::after{width:100%}


/** 专题聚焦 **/
.special-panel .special-item{background-color: #fff;box-shadow: 0 1px 1vw #d2d2d2;}
.special-panel .special-item:hover{background-color: #ffe1c6;}
.special-panel .swiper-actions{position: relative;width: 50%;height:40px;margin: 0 auto;}
.special-panel .swiper-pagination{width: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);bottom: auto;display: flex;align-items: center;justify-content: center;}
.special-panel .swiper-pagination::before{content: "";display: block;width: 100%;height: 1px;background-color: #ccc;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.special-panel .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;transform: rotate(-45deg);opacity: 1;border-radius: 0;background-color:#c02125 !important;margin: 0 24px;}
.special-panel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:8px;height: 8px;}
.special-panel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-radius: 50%;width: 50px;height: 50px;border: 1px dashed #c02125;content: "";opacity: 1;animation: 10s linear infinite ani_turn;}
.special-panel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-radius: 50%;width: 36px;height: 36px;border: 1px dashed #c02125;content: "";opacity: 1;animation: 10s linear infinite ani_turn;}
.special-panel .swiper-button-next,.special-panel .swiper-button-prev{background: none;}
.special-panel .swiper-button-next::after {content: "\e711";position: absolute;right:-64px;top:50%;transform: translateY(-50%);font-family: "iconfont" !important;color: #c02125;font-size: 60px;line-height: 60px;}
.special-panel .swiper-button-prev::after {content: "\e714";position: absolute;left:-64px;top:50%;transform: translateY(-50%);font-family: "iconfont" !important;color: #c02125;font-size: 60px;line-height: 60px;}
@keyframes ani_turn {0% {transform: translate(-50%, -50%) rotate(0)}100% {transform: translate(-50%, -50%) rotate(360deg)}}


@media (max-width: 980px){

.news-panel .pc-wrap .left .main-title {width:100% !important;}
.banner-swiper .pic-cover{height: 52vw !important;}
.news-panel .pc-wrap{display: block !important;}
.news-panel .pc-wrap>.left{display: block;width:100% !important;overflow:inherit !important;}
.news-panel .pc-wrap>.left .left-content{display: block;width:100% !important}
.news-panel .pc-wrap>.right{display: block;width:100% !important}
.news-panel .main-news-list .item{padding:10px 0}
.news-panel .main-news-list .title{height:auto !important;}
.news-panel .main-news-list .desc{height:auto !important;}
.news-panel .news-swiper{display: block;width:100% !important}
.news-panel .news-swiper .swiper-actions{height:140px !important}
.news-panel .main-news-list{display: block;width:100% !important}
.news-panel .media-news-list{display: block;width:100% !important}
.news-panel .news-swiper .pic-cover{height: 62vw !important;}


.holistic-panel .main-content{display: block;width:100% !important}
.holistic-panel .main-content .left{display: block;width:100% !important}
.holistic-panel .main-content .right{display: block;width:100% !important}
.holistic-panel .holistic-news-list .item{margin-bottom:18px}
.holistic-panel .holistic-news-list .item:last-child{margin-bottom:0px}
.holistic-panel .holistic-news-list .item.on{width: 100%;margin-left:0;margin-top:0;padding:.10rem .09rem 0 0 !important}
.holistic-panel .holistic-news-list .item .title{}
.holistic-panel .holistic-news-list .item.on .title{font-size: .2rem !important;height: auto !important;}
.holistic-panel .holistic-swiper .pic-cover{height: 60vw !important;}

.research-panel .main-title{display:block !important;}
.research-panel .main-title .title{justify-content:left;}
.research-panel .research-tab{font-size:16px !important;margin-top:20px}
.research-panel .research-tab .title{font-size: 16px !important;}
.research-panel .research-tab .title.active{font-size: 18px !important;}
.research-panel .research-swiper{padding-top:24px !important}
.research-swiper .pic-cover{height:26vw !important}
.research-swiper .swiper-button-prev{left: .2rem;}
.research-swiper .swiper-button-next{right: .2rem;}

#nzVideo{width:100% !important;height:auto !important}
.video-panel .video-box .title{font-size: .14rem !important;}
.interflow-panel .main-content{display: block;width:100% !important}
.interflow-panel .main-content .left{display: block;width:100% !important}
.interflow-panel .main-content .right{display: block;width:100% !important}
.interflow-panel .main-content .box{display: block;width:100% !important}

.interflow-panel .interflow-swiper .pic-cover{height: 55vw !important;}

.culture-panel .culture-item{height:40vw !important; width:50% !important}
.culture-panel .pc-wrap1s .culture-item:nth-child(3){width:100% !important;}

.special-panel .special-swiper{padding:3vw !important;}
.special-panel .special-swiper .special-item{height: 55vw !important;width:100% !important;}
.special-panel .swiper-actions{position: relative;width: 90%;height:40px;margin: 0 auto;}
.special-panel .swiper-pagination .swiper-pagination-bullet{margin: 0 16px;}
.special-panel .swiper-button-next,.special-panel .swiper-button-prev{display: none;}
}

@media (max-width: 640px){

.main-title .title{font-size: .28rem !important;}
.main-title .en{font-size: .18rem !important;}
.notice-panel .tab-space{width:16px !important}

.research-swiper .pic-cover{height:57vw !important}
	.interflow-panel .interflow-swiper .pic-cover a{ position: relative; padding-bottom: 0}
	.interflow-panel .interflow-swiper .pic-cover a img{ position: relative}

.culture-header{display: block !important;}
.culture-header{display: block !important;}
.culture-panel .sns-list .item .iconfont{width: .65rem !important;height: .65rem !important;font-size: .45rem !important;}

.notice-swiper .swiper-pagination .swiper-pagination-bullet{width:.24rem;}

.video-panel .video-swiper{width:300px !important}
.interflow-panel .box{padding:.14rem !important}
.interflow-panel .interflow-news-list{height:auto !important}
.interflow-panel .interflow-news-list .item{width:100%;margin-bottom:.14rem !important;height: auto;}
.interflow-panel .interflow-news-list .item:nth-child(7){margin-bottom:.14rem !important}
.special-wrap{padding:0 !important}

.banner-swiper .swiper-pagination{display: none;}
}