*{margin:0;padding:0;}
html,body{width: 100%;height:100%;background-color: #E6F4FA;color:#333;}
a:link,
a:visited {
  text-decoration: none;
}
header{
	position:fixed;
	top:0;
	width:100%;
	height:40px;
	/* text-align:center; */
	background:#576596;
	padding-top:5px;
	padding-left:10px;
	box-sizing: border-box;
	z-index:989;
}
header img{
	width:auto !important;
	height:30px;
}
.search{width:100%;height:50px;background-color: #E6F4FA;padding-top:1px;margin:5px 0;}
  .search-wrap{width:90%;height:36px;background:#fff;border-radius:20px;margin:7px auto;border:1px solid #dcdfe6;
  display:flex;flex-direction:row;justify-content: center;align-items: center;
  overflow:hidden;}  
  .search-input{width:calc(100% - 60px);height:100%; margin-left:10px;}
  .search-wrap input{width: 100%; height:100%; border:none;outline:none;}
  .search-button{width:50px;height:36px;background-color:#576596;color:#fff;font-size:15px;line-height:35px;text-align:center;}
.ico-wrap{width:100%;height:calc(20vmin + 20px); 
    display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	/* grid-template-columns:repeat(5, calc(20vmin - 20px)); */
	grid-template-rows:1fr;
	grid-gap:20px;
	padding:10px;
	box-sizing: border-box;
}
.item{
   display:flex;flex-direction: column;justify-content: center;align-items: center;
}
.item-row{display:flex;flex-direction: row;justify-content: center;align-items: center;}
.item-column{display:flex;flex-direction: column;justify-content: center;align-items: center;}
   .item img{width:100%;height:auto !important;}
   .ico-title{width:100%;height:20px;font-size:12px;text-align:center;line-height:20px;}
.section-wrap{width:100%;height:960px;background:#fff;}
.section-dj-wrap{width:100%;height:960px;background:#fff;}
	.section-title{width:100%;height:40px;font-size:18px;text-align:center;line-height:50px;}
	.section-more,.section-img{width:100%;height:35px;display:flex;flex-direction: row;
	justify-content: center;align-items: center;font-size:14px;color:#94070a;}
	.section-more a{color:#94070a;}
	    .section-more img{width:30px;height:30px;margin-right:10px;}		
	.news-wraper{width:calc(100% - 30px);height:820px;margin:10px auto;}	
	   .news-item{width:100%;height:120px;border-bottom: 1px dashed #6f6f6f;margin-bottom:15px;}
	   .news-img{width:120px;height:120px;border-radius:15px;overflow:hidden;display:flex;flex-direction: column;justify-content: center;align-items: center;}
	   .news-img img{width:120px;height:auto !important;}
	   .news-text{flex:1;height:120px;padding-left:5px;}
	.news-title{width:100%;height:40px;border-bottom: 1px dashed #6f6f6f;
	display:flex;flex-direction: row;justify-content: space-between;align-items: center;}
	   .news-title-text{flex:1;height:40px;overflow:hidden;line-height:20px;font-weight: 700;
	   font-size:14px;text-overflow: ellipsis;}
	   .times{width:60px;height:40px;font-size:12px;border-left:1px dashed #6f6f6f;
	   display: flex;flex-direction: column;justify-content: center;align-items: center;}
	   .year{font-size:16px;}
	.news-content{width:100%;height:80px;font-size:12px;padding-left:5px;line-height:20px;overflow:hidden;
	text-overflow: ellipsis;}
	.ad-wrap{margin: 10px auto 20px;width:calc(100% - 30px);
		background: #fff;
		padding: 10px 20px;
		border-bottom: 4px solid #94070a;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
		border-radius:10px 10px 0 0;
		height: 360px;
		box-sizing: border-box;
	}
	.dangjian-wrap{
		margin: 10px auto 20px;width:calc(100% - 30px);
			background: #fff;
			padding: 10px 20px;
			/* border-bottom: 4px solid #94070a; */
			box-shadow: 0 0 20px rgba(255, 0, 0, 0.5);
			border-radius:10px 10px 0 0;
			height: auto;
			box-sizing: border-box;
			padding-bottom:60px;
	}
	.ad-items{width:100%;height:70px;}
	.ad-title{width:100%;height:30px;font-size:14px;color: inherit;line-height:30px;overflow:hidden;
	text-overflow: ellipsis;white-space: nowrap;}
	.ad-title a,.news-title-text a{color:inherit;}
	.ad-time{position:relative;width:100%;height:30px;font-size:14px;font-style: italic; color: #9c888a;line-height:30px;}
	.ad-time::before{
		content: "";
		    position: absolute;
		    left: 90px;
		    top: 50%;
		    right:0;
		    border-top: 1px dashed #d1d1d1;
		    transition: all 0.3s ease-out 0s;
	}
	/* 底部导航栏核心样式 */
	.bottom-nav {
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    height: 56px;
	    background-color: #fff;
	    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
	    display: flex;
	    justify-content: space-around;
	    align-items: center;
	    /* 适配iPhone底部安全区域 */
	    padding-bottom: env(safe-area-inset-bottom);
	}
	/* 导航项样式 */
	.nav-item {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	    width: 20%;
	    height: 100%;
	    color: #999;
	    text-decoration: none;
	    transition: color 0.2s ease;
	}
	
	/* 导航图标样式 */
	.nav-item i {
	    font-size: 20px;
	    margin-bottom: 4px;
	}
	
	/* 导航文字样式 */
	.nav-item span {
	    font-size: 12px;
	}
	
	/* 选中状态样式 */
	.nav-item.active {
	    color: #1677ff; /* 高亮颜色（可自定义） */
	}
	/* 美院简介 */
	.section-content{
		width:100%;height:auto;background:#fff;padding-bottom:60px;margin-top:15px;
	}	
	.ld-content{width:100%;height:auto;background:#fff;margin-top:15px;padding-bottom:10px;}
	.ld-picture{width:100%; height:auto; padding-bottom:60px;margin-top:20px;}
	.news-content{width:calc(100% - 30px);height:auto;margin:10px auto;}
	.news-content-wrap{width:calc(100% - 30px);height:auto;margin:0 auto;padding-bottom:10px;}
	.news-content p,.news-content-wrap p{
		    font-size: 14px;
		    line-height: 30px;
		    text-indent: 2em;
		    /* margin-bottom: 20px; */
			text-align: justify;
			/* text-align-last: justify; */
	}
	/* 学院领导 */
	.content-left{width:47%; height:auto;float:left;}
	.content-right{width:47%;height:auto;float:right;}
	.name-content{width:100%;height:auto;}
	.title-list{width:calc(100% - 30px);height:auto;margin:0 auto;padding-bottom:10px;}
	.title-list ul{width:100%;height:auto;
	display:flex;flex-direction: row;justify-content: space-between;align-items: flex-start;
	flex-wrap: wrap;
	}
	.teacher-item{
		width:100%;height:auto;
		display:flex;flex-direction: row;justify-content: space-between;align-items: flex-start;
		flex-wrap: wrap;margin-bottom:20px;
	}
	.teacher{
		position:relative;
		width:47%;
		height:50px;
		text-align:center;
		line-height:50px;
		font-size:18px;
		border-bottom: 1px solid #e5e5e5;
	}
	.teacher a{color:#000;}
	.title-list ul li{
		position:relative;
		    width:47%;
		    display: flex;
			flex-direction: column;
		    justify-content: start;		    
		    border-top: 1px solid #e5e5e5;
		    padding: 15px 0;
	}
	.title-list ul li h3 {
		font-size: 18px;
		color: #791cb5;
		line-height: 20px;
		padding-left: 15px;
		display: inline-block;
		position: relative;
	}
	.title-list ul li h3 a{color: #791cb5;}
	.title-list ul li h3::after {
	    content: "";
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 1px;
	    height: 20px;
	    background: #791cb5;
	}	
		
		
	.name-content li{
		position:relative;
		    width: 100%;
		    display: flex;
			flex-direction: column;
		    justify-content: start;		    
		    border-top: 1px solid #e5e5e5;
		    padding: 15px 0;
	}
	.name-content li h3 {
		font-size: 18px;
		color: #791cb5;
		line-height: 20px;
		padding-left: 15px;
		display: inline-block;
		position: relative;
	}
	.name-content li h3 a{color: #791cb5;}
	.name-content li h3::after {
	    content: "";
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 1px;
	    height: 20px;
	    background: #791cb5;
	}
	.name-content li span{margin-left:15px;font-size:15px;margin-top:15px;}
	.pic-wrap{
		width:100%;height:auto;
		border-radius:20px;
		overflow:hidden;
		background:#fff;
		margin-bottom:20px;
		padding-bottom:8px;
	}
	.pic-wrap img{width:100%; height:auto !important;}
	.ld-name{width:100%;height:auto;font-size:15px;text-align:center;line-height:25px;}
	/* 机构设置 */
	.jigou-wrap{width:100%;height:50px;border-bottom: 1px solid #576596;}
	.jigou-title{
		width: 150px;
		    height: 50px;
		    background: #576596;
		    border-radius: 20px 20px 0 0;
		    text-align: center;
		    line-height: 50px;
		    font-size: 20px;
		    color: #fff;
		    font-weight: 700;
	}
	.jigou-title-gl{
		width: 100%;
		    height: 50px;
		    background: #576596;
		    text-align: center;
		    line-height: 50px;
		    font-size: 15px;
		    color: #fff;
		    font-weight: 700;
	}
	.jigou-title-big{
		width: 200px;
		    height: 50px;
		    background: #576596;
		    border-radius: 20px 20px 0 0;
		    text-align: center;
		    line-height: 50px;
		    font-size: 20px;
		    color: #fff;
		    font-weight: 700;
	}
	.jigou-content{
		width: 100%;
		    height: auto;
		    padding: 30px 0;
		    display: flex;
		    flex-direction: row;
		    justify-content: space-between;
		    align-items: flex-start;
		    align-content: center;
	}
	.jigou-content-one{
		width: 100%;
		    height: auto;
		    padding: 30px 0;
		    display: flex;
		    flex-direction: row;
		    justify-content: center;
		    align-items: center;
		    align-content: center;
	}
	.pic-xibu{
		width: 46%;
		height: auto;
	}
	.pic-xibu img{
		width:100%; height:auto !important;
	}
	/* 专业设置 */
	.zy-title{width:100%;height:40px;line-height:40px;text-align:center;color: #791cb5;
	border-bottom:1px solid #576596;}
	.zysz-content{width:100%;height:auto;position:relative;}
	.one{background:#fff;}
	.two{background:#eeebea;}
	.three{background:#fff;padding-bottom:60px;}
	.djcolor{color:#8f1513;}
	.page-button{width:100%;height:50px;text-align:center;margin-bottom:20px;line-height:50px;}
.news-show-content{width:100%;min-height:600px;background:#fff;}
.news-title-info{width:100%;min-height:50px;text-align:center;font-size:16px;font-weight:bold;}
.news-info{width:100%;height:30px;border-top:1px dashed #d1d1d1;border-bottom:1px dashed #d1d1d1;
font-size:12px;}
.news-info-wraper{width:calc(100% - 40px);height:auto;margin:10px auto;}
.news-info-wraper p{text-indent: 2em;line-height:30px;font-size:14px;text-align: justify;}
.news-info-wraper img{max-width: 100%; height: auto !important;}
.blank-div{widht:100%;height:50px;}