* {margin:0px; padding:0px;  }
img{ border:0 none; }
input,button,select,textarea{outline:none} 
textarea{resize:none}
table{border-spacing:0;}
div,ul,li{ list-style-type:none;}
html,body{ font-size:16px; position: relative; height: 100%; min-width:1360px;}
a{	color:#000000; text-decoration:none;  font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Georgia,Helvetica,Arial,sans-serif; }
a:hover{ color:#A318B8;}
.clear{ clear:both;}

@font-face {
  font-family: "FZDBSJW";
  src: url("fonts/fzdbsjw-webfont.woff") format("woff"),
       url("fonts/FZDBSJW.ttf") format("truetype"),
	   url("fonts/fzdbsjw-webfont.eot") format("embedded-opentype"),
       url("fonts/fzdbsjw-webfont.svg") format("svg");
}

/***************************************首页*****************/
/*首页顶部*/

.header{width:100%; height:auto; z-index:10; position: fixed; top:0;}


/*顶部链接和搜索*/
.top{ height:2rem; background-color:#A318B8; }
.block1{ width:100%; max-width:1790px; min-width:1360px; margin:0 auto; height:2rem; position:relative;}
.block1 .top_link{ position:absolute; right:50px;}
.block1 .top_link a{ display:inline-block; height:2rem; line-height:2rem; color:#ffffff; font-size:13px; margin-right:20px;}
.block1 .top_link a:hover{ color:#D6B4D6;}
.block1 .top_ss{ position:absolute; right:0; line-height:2rem; }
.block1 .top_ss a{color:#ffffff;}
/*logo和导航*/
.navbg{ width:100%; background:url(nav-bg.png) repeat-x 0% 0%; height:9.5rem;}
.block2{ width:100%; max-width:1790px; min-width:1360px; margin:0 auto; height:2rem; position:relative;}
.block2 .logo{ float:left; margin-top:1rem;}
.block2 .modern-menu{ float:right; top:30px; right:0;}


/*搜索*/
.search-box{
	position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100vh;
    z-index: 1000000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease 0s;}

.search-box.on {
    opacity: 1;
    visibility: visible;}

.search-box .search-bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 0px;
    margin: 0px;
    background: 0% 0% / cover no-repeat rgba(0, 0, 0, 0.7);
    transform-origin: center center;
    transition: height 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}	
.search-box.on .search-bg {
    height: 100vh;
}
.search-dialog {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}
.search-box .wrap-inner {
    transform: translateY(100%);
    transition: all 0.6s ease 0s;
}
.search-box.on .wrap-inner {
    transform: translateY(0px);
}
.search-dialog .search-input {
    width: 50rem;
    margin: 0px auto;
    background-color: rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
    transition: all 0.3s ease 0s;
    max-width: 94%;
}
.search-dialog .search-input .s-input{ float:left; width:calc(100% - 80px); height:60px; line-height:60px; padding:0 10px;  color:#666; border:0;}
.search-dialog .search-input .s-sou{ float:right; width:60px; height:60px; line-height:60px; text-align:center; border:0; background-color:#A318B8; color:#ffffff; cursor:pointer;}
.pub-close { position: absolute; width:2rem; height: 2rem; z-index: 10; right:2rem; top: 2rem; background-color: rgba(255, 255, 255, 0.1); border-radius: 100%; }
.pub-close .bg {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background-color: #25499d;transform: scale(0);border-radius: 100%;transition: transform 0.3s ease 0s;}
.pub-close i { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: center center; background-size: 2rem; background-repeat: no-repeat; background-image: url("close-btn.png"); transition: all 0.6s ease 0s; }
.pub-close i:hover { transform: rotate(180deg); }


/*首页大图切换 swiper*/


.swiper-slide img{max-width:100%;}
.swiper-pagination1 .swiper-pagination-bullet {
	width: 15px;
	height:30px;
	display: inline-block;
	border-radius: 0;
	background:#ffffff;
	opacity:.7;
}
.swiper-pagination1 .swiper-pagination-bullet-active {
	width: 15px;
	height:40px;
	opacity: 1;
	background:#ffffff;
}

/*首页内容区开始-----------------------------------------------------------*/

.mainbox{ width:100%; max-width:1790px; min-width:1360px; margin:0 auto;  }
/*section1左侧-----------------------------*/
.s1-left{ width:67%; float:left;}

/*学院新闻栏目标题*/
.menu{ width:100%; position:relative; height:2rem; margin:2rem 0; }
.menu span{ position:absolute; left:0; bottom:0; font-size:2rem; background:url(icon1.png) no-repeat 0% 50%; padding-left:45px;}
.menu a{ display:inline-block; position:absolute; right:0;  width:3.8rem; padding-top:.3rem; font-size:1rem; background:url(icon-more1.png) no-repeat 100% 50%; transition:all 0.2s ease-out 0s;}
.menu a:hover{ color:#A318B8; transition:all 0.2s ease-out 0s;}
/*学院新闻左侧图片*/
.xw-pic{ width:51%; float:left; overflow:hidden;}



/*学院新闻右侧新闻列表*/
.xw-list{ width:48%; float:right;}

.ul-list1 li{ display:block; border-top:1px solid #dddddd;}
.ul-list1 li a{ display:block; font-size:1.125rem; height:3.2rem; line-height:1.6rem; padding:1.2rem 1%; transition:all 0.3s ease-out 0s;}
.ul-list1 li a:hover{ transition:all 0.3s ease-out 0s;}
.ul-list1 .time{ float:left; width:12%; font-family:FZDBSJW;}
.ul-list1 .time b{display:block; width:100%;  text-align:center; font-size:2rem; font-weight:normal;}
.ul-list1 .time em{display:block; width:100%; color:#666666; text-align:center; font-size:.8rem; font-style:normal;}
.ul-list1 .name{ float:right; width:84%; line-height:1.5rem; height:3.2rem; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:1.125rem;}
.ul-list1 li a:hover .name{ font-weight:700;}

/*section1右侧-----------------------------*/

.s1-right{ width:31%; float:right;}
/*通知公告*/
.ul-list2 li{ display:block; border-top:1px solid #dddddd;}
.ul-list2 li a{ display:block; height:3.2rem; padding:1.2rem 1%;}
.ul-list2 li a:hover{ transition:all 0.3s ease-out 0s;}
.ul-list2 .time{ float:left; width:12%; font-family:FZDBSJW; background:url(tz-bg.jpg) no-repeat 50% 50%; height:3.2rem;}
.ul-list2 .time b{display:block; width:100%; color:#ffffff; text-align:center; font-size:1.8rem; font-weight:normal;}
.ul-list2 .time em{display:block; width:100%; color:#ffffff; text-align:center; font-size:.8rem; font-style:normal;}
.ul-list2 .name{ float:right; width:84%; line-height:1.6rem; height:3.2rem; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:1.125rem;}
.ul-list2 li a:hover .name{ font-weight:700;}

/*宣传横幅*/
.section2{ width:100%; margin:4rem auto; height:auto;}
.section2 img{ max-width:100%;}

/*学术论坛、艺术实践、网上音乐厅-----------------------------*/
.section3{ width:100%; margin:0 auto; height:auto;}
.s3-box li{ display:inline-block; float:left; width:32%; margin-left:2%; height:430px; overflow:hidden; background:url(luntan-pic.jpg) no-repeat 50% 0%; }
.s3-box li:first-child{ margin-left:0;}
.s3-box li:nth-child(2){ background:url(shijian-pic.jpg) no-repeat 50% 0%;}
.s3-box li:nth-child(3){ background:url(yinyue-pic.jpg) no-repeat 50% 0%;}

.s3-news{ width:88%; margin:3rem auto;}
.s3-news h1{ margin:0 auto; text-align:center;  background:url(icon3.png) no-repeat 31% 50%;}
.s3-news h1 a{ color:#ffffff; font-size:2rem; border-bottom:10px solid #C926FF; padding-bottom:10px;}
.s3-news .liebiao1{ margin-top:5rem;}
.s3-news .liebiao1 a{ display:block; line-height:3rem; color:#ffffff; font-size:1.125rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.s3-news .liebiao1 a:hover{ color:#A318B8; font-weight:700;}

.s3-news h1.icon2{background:url(icon4.png) no-repeat 31% 50%;}
.s3-news h1.icon3{background:url(icon5.png) no-repeat 27% 50%;}
.s3-news h1.icon2 a{border-bottom:10px solid #00B22D;}
.s3-news h1.icon3 a{border-bottom:10px solid #F6E538;}


/*2024.5.11首页学术论坛、艺术实践、青春风采、网上音乐厅修改-----------------------------*/
.section5{ width:100%; margin:0 auto; height:auto;}
.s5-box li{ display:inline-block; float:left;  overflow:hidden; width:23.5%; margin-right:2%;}

.s5-box li:first-child{background:url(xueshu.jpg) no-repeat 50% 0%; background-size:cover;  }
.s5-box li:nth-child(2){background:url(qingchun.jpg) no-repeat 50% 0%; background-size:cover;  }
.s5-box li:nth-child(3){background:url(shijian.jpg) no-repeat 50% 0%; background-size:cover; }
.s5-box li:nth-child(4){background:url(yinyueting.jpg) no-repeat 50% 0%; background-size:cover; margin-right:0;}

.s5-news{ padding:2rem 3rem; }
.s5-news h1{ margin:0 auto; text-align:center; margin-bottom:1rem; }
.s5-news h1 a{ display:inline-block; color:#ffffff; font-size:2rem; border-bottom:.5rem solid #C926FF; padding-bottom:.5rem;}
.s5-news .liebiao1{}
.s5-news .liebiao1 a{ display:block; line-height:3rem; color:#ffffff; font-size:1.0625rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.s5-news .liebiao1 a:hover{ color:#A318B8; font-weight:700;}

.s5-news h1.icon1 a{border-bottom:.5rem solid #00B22D;}
.s5-news h1.icon2 a{border-bottom:.5rem solid #FF9900;}
.s5-news h1.icon3 a{border-bottom:.5rem solid #F6E538;}



/*首页下友情链接*/
.section4{ width:100%; margin:0 auto; height:auto;}
.s4-box{ height:auto; margin-top:3rem; margin-bottom:3rem;}
.s4-box li{ display:inline-block; float:left; width:15%; margin-left:2%; margin-bottom:15px; }

.s4-box li:nth-child(6n+1){ margin-left:0;}

.s4-box li a{ display:block; border:1px solid #A318B8; padding:1rem 0; text-align:center; font-size:1rem; transition:all 0.3s ease-out 0s}
.s4-box li a:hover{ background-color:#A318B8; color:#ffffff; transition:all 0.3s ease-out 0s}


.linebg{ height:22px; background:url(linebg1.png) repeat-x 0% 0%;}

.footer{  background:url(footbg.jpg) no-repeat 50% 0%; background-size:cover;}
.foot-box{ width:100%; max-width:1790px; min-width:1360px; margin:0 auto; height:5rem; padding-top:7rem; background:url(foot-logo.png) no-repeat 50% 2rem;  }
.foot-box .contact, .foot-box .banquan{ text-align:center; color:#ffffff; font-size:15px; line-height:1.5rem; }


/*-------------------------------------列表页开始------------------------------------*/

.listbanner img{ width:100%;}

/*列表页内容区*/
.mainbox2{ width:100%; position:relative; min-height:10rem;   overflow:hidden; padding-bottom:3rem;   }
.mainbox2 .wap{ width:96%;  min-width:1360px;  display:block; margin:0 auto; position:relative;}
/*.mainbox2 .wap:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 5rem;
    width: 100vw;
    background: #fff;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;}
*/
/*路径*/
.p-curr{ position: relative; font-size:0.875rem; color: #666;  height:1rem; padding: 2.5rem 0 1.5rem 1rem;  line-height: 1em;  width: 100%; background-color:#ffffff;}
.p-curr a{color: #666;}
.p-curr em { padding: 0 1rem;}
/*左侧导航*/
.side-nav{ width:15%; float:left; margin-right:5%;}
.side-nav .yiji{ color:#A318B8; font-size:2rem; height:5rem; line-height:5rem; padding-left:2.5rem; border-bottom:4px solid #A318B8;}
.side-nav .erji{ border-left:2px solid #eeeeee; padding-left:2rem;}
.side-nav .erji li{ border-bottom:1px solid #dddddd;}
.side-nav .erji li a{ position:relative; display:block; font-size:1.125rem; line-height:1.125rem; padding:1.5rem 0.5rem;}
.side-nav .erji li a.active{ color:#A318B8;}
.side-nav .erji li a.active:before{    
	content: "";
    display: block;
    position: absolute;
    left: -2rem;
    top: 50%;
    width: 0.5rem;
    height: 2rem;
    background: #A318B8;
    opacity:1;
    margin-top: -1rem;}
	
/*右侧导航*/
.side-right{ width:10%; float:right;}
.side-right .navr{ margin-bottom:1.5rem;}
.side-right a{ 
	display: block;
    border: 1px solid #A318B8;
    padding: 1rem 0;
    text-align: center;
    font-size: 1.125rem;
    transition: all 0.2s ease-out 0s;
}
.side-right a:hover{ background:url(tz-bg.jpg) center center; background-size:cover; color:#ffffff; font-weight:700; }
/*中间文章列表*/
.page-container{ width:65%; float:left; margin-bottom:3rem;}
.page-title{ text-align:center; font-weight:700; line-height:2.5rem; font-size:2.5rem; padding-bottom:3rem;}

.page-list li{ display:block; border-bottom:1px solid #efefef;}
.page-list li a{ display:block; height:3.2rem; padding:1.2rem 1%;}
.page-list li a:hover{ transition:all 0.3s ease-out 0s;}
.page-list .time{ float:left; width:10%; font-family:FZDBSJW; background:url(tz-bg.jpg) no-repeat 50% 50%; height:3.2rem;}
.page-list .time b{display:block; width:100%; color:#ffffff; text-align:center; font-size:1.8rem; font-weight:normal;}
.page-list .time em{display:block; width:100%; color:#ffffff; text-align:center; font-size:.8rem; font-style:normal;}
.page-list .name{ float:right; width:88%; line-height:1.6rem; height:3.2rem; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:1.125rem;}
.page-list li a:hover .name{ font-weight:700;}

/*内容页*/
.neirong_box .nr-back{ width:100%; text-align:right; height:30px; line-height:30px; margin-bottom:50px;}
.neirong_box .nr-back:after{ clear:both;}
.neirong_box .nr-back a{ font-size:16px; color:#666666; padding-left:20px; background:url(back.png) no-repeat 0 50%;;}
.neirong_box .nr-title{ font-size:2rem; color:#A318B8; font-weight:700; margin-bottom:20px; margin-top:30px;}
.neirong_box .nr-date{ font-size:14px; color:#666666; margin-bottom:50px;}
.neirong_box .nr-xiangqing{ font-family:微软雅黑; font-size:18px; line-height:2.5;}

/*三级栏目列表页*/
.san-box{ margin-bottom:30px;}
.san-title{ position:relative; height:50px; line-height:50px; margin-bottom:10px;}
.san-title span{width:5px; height:15px; position:absolute; left:0; top:19px; background-color:#A318B8;}
.san-title h3{ margin-left:10px;}
.san-title a{ position:absolute; right:0; font-size:15px; color:#666666; top:0;}
.san-box ul li{ display:block; height:40px; line-height:40px;}
.san-box ul li a{ display:block; height:40px; line-height:40px;}
.san-box .title{ float:left; width:80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:1.125rem;}
.san-box .time{ float:right; color:#666666;  font-size:15px;}

/*教师列表页*/
.teacher-list{ width:100%; margin:0 auto; height:auto; margin-top:3rem; margin-bottom:3rem;}
.teacher-list li{ display:inline-block; float:left; width:18%; margin-left:2.5%; margin-bottom:15px; }

.teacher-list li:nth-child(5n+1){ margin-left:0;}

.teacher-list li a{ display:block; border:1px solid #A318B8; padding:1rem 0; text-align:center; font-size:1.125rem; transition:all 0.3s ease-out 0s}
.teacher-list li a:hover{ background-color:#A318B8; color:#ffffff; padding-top:.8rem; padding-bottom:.8rem; transition:all 0.3s ease-out 0s}