@charset "utf-8";


/* 机构列表 */
.org-sec{padding:0.3rem 0 0;}
.org-sec .mod{margin-top: 0.3rem;}
.org-sec .tit{margin-bottom: 0.3rem;font-size: 0.24rem;color:#fff;font-weight: bold;min-width: 1.3rem;padding:0 0.18rem;display: inline-block;vertical-align: middle;position: relative;background-color: #1e52ca;line-height: 0.42rem;}
.org-sec .tit::after{content:'';width: 0.32rem;height: 100%;
position: absolute;right: -0.32rem;
top: 0;
}
.org-sec .lks{display: flex;flex-wrap: wrap;margin-left: -2%;}
.org-sec .lk{font-size: 0.18rem;color:#333333;display: flex;align-items: center;height: 0.6rem;background-color: #F7F7F7;padding:0 0.25rem 0 0.2rem;width: 31.3%;margin:0 0 2% 2%;position: relative;transition: all .3s;}
.org-sec .lk span{position: relative;z-index:2;flex:1;overflow: hidden;}
.org-sec .lk::before{content:'';position: absolute;z-index:1;left: 0;top: 0;bottom: 0;width: 2px;background-color: #1e52ca;transition: all .3s;}
.org-sec .lk::after{content:'';width: 0.3rem;height: 0.1rem;background:url(../images/ico_01.png) no-repeat center;background-size:contain;position: relative;z-index:2;}
.org-sec .lk:hover{color:#fff;background-color: #1e52ca;}
.org-sec .lk:hover::before{width: 100%;}
.org-sec .lk:hover::after{background-image:url(../images/ico_01-1.png);}


/* 学院沿革 */
.yg-list{position: relative;margin-top: 0.8rem;padding-top: 0.45rem;}
.yg-list::before{content:'';position: absolute;left: 50%;width: 2px;top: 0;bottom: 0;background-color: #1e52ca;margin-left: -1px;}
.yg-list .tb{height: 0.64rem;width: auto;position: absolute;left: 50%;top: -0.55rem;transform: translate(-50%,0);z-index:5;}
.yg-list .row{display: flex;margin-bottom: 0.05rem;position: relative;}
.yg-list .grp{width: 50%;}
.yg-list .date{font-size: 0.2rem;color:#1E52CB;font-weight: bold;margin-bottom: 0.06rem;position: relative;}
.yg-list .txt{font-size: 0.16rem;color:#666666;line-height: 2;}

.yg-list .row:nth-child(odd){justify-content: flex-end;}
.yg-list .row:nth-child(odd) .grp{padding-left: 1.4rem;}
.yg-list .row:nth-child(even){text-align: right;}
.yg-list .row:nth-child(even) .grp{padding-right: 1.4rem;}
.yg-list .row::before{content:'';position: absolute;left: 50%;width: 0.18rem;height: 0.18rem;background-color: #1e52ca;border-radius:50%;transform: translate(-50%,0);top: 0.02rem;border:.03rem solid #fff;}

.yg-list .date::before{content:'';width: 1.16rem;height: 1px;background-color: #1e52ca;position: absolute;top: 50%;}
.yg-list .row:nth-child(odd) .date::before{left: -1.32rem;}
.yg-list .row:nth-child(even) .date::before{right: -1.32rem;}



/* 现任领导 */
.leader-sec{background:url(../images/ico_04.jpg) no-repeat center;background-size:cover;display: flex;align-items: center;padding:0.25rem 0 0;margin-top: 0.4rem;}
.leader-sec .lbox{width: 2.5rem;}
.leader-sec .lbox .icon{width: 0.8rem;display: block;margin:0 auto;}
.leader-sec .lbox .title{font-size: 0.2rem;color:#fff;margin-top: 0.15rem;text-align: center;}
.leader-sec .rbox{flex:1;overflow: hidden;height: 4.4rem;background:url(../images/ico_06.jpg) no-repeat center;background-size:cover;padding:0.3rem 0.7rem;display: flex;align-items: center;box-shadow:0.06rem 0 .1rem #ddd;}
.leader-sec .list{}
.leader-sec .list li{font-size: 0.2rem;color:#333333;line-height: 0.6rem;}
.leader-sec .list span{color:#1E52CB;margin-right: 0.1rem;}
.leader-sec .list li::before{content:'';width: 0.19rem;height: 0.05rem;background:url(../images/ico_07.png) no-repeat center;background-size:contain;display: inline-block;vertical-align: middle;margin-right: 0.12rem;}

/* 影像机电 */
.yx-list{display: flex;flex-wrap: wrap;margin-left: -2%;margin-top: 0.65rem;}
.yx-list .item{background-color: #f2f7fd;width: 31.3%;margin:0 0 2% 2%;}
.yx-list .imgbox{height: 2.5rem;display: block;overflow: hidden;position: relative;}
.yx-list .imgbox::before{content:'';position: absolute;left: 50%;top: 50%;width: 0.46rem;height: 0.46rem;background:url(../images/ico_08.png) no-repeat center;background-size:contain;transform: translate(-50%,-50%);z-index:10;}
.yx-list .img{width: 100%;height: 100%;object-fit: cover;}
.yx-list .title{line-height: 0.4rem;height: 0.4rem;text-align: center;padding:0 0.1rem;transition: all 0s;}
.yx-list .item:hover .img{transform: scale(1.1,1.1);}
.yx-list .item:hover .title{color: #1E52CB;}

.listtpzg .yx-list .imgbox::before{
  display:none;
}

@media screen and (min-width:992px) and (max-width:1199px){
	/* 影像机电 */
	.yx-list .title{font-size: 16px;line-height: 40px;height: 40px;}
	
	
}

@media screen and (min-width:768px) and (max-width:991px){
	
	/* 机构列表 */
	.org-sec .tit{font-size: 16px;line-height: 34px;padding:0 15px;}
	.org-sec .lk{font-size: 14px;width: 48%;}

	/* 学院沿革 */
	.yg-list .date{font-size: 16px;}
	.yg-list .txt{font-size: 14px;}
	
	.yg-list .row::before{top: 0.15rem;}
	.yg-list .row:nth-child(odd) .grp{padding-left: 1rem;}
	.yg-list .row:nth-child(even) .grp{padding-right: 1rem;}
	.yg-list .row:nth-child(odd) .date::before{left: -0.8rem;}
	.yg-list .row:nth-child(even) .date::before{right: -0.8rem;}
	.yg-list .date::before{width: 0.8rem;}
	
	/* 现任领导 */
	.leader-sec .lbox .icon{width: 44px;}
	.leader-sec .lbox .title{font-size: 16px;margin-top: 10px;}
	.leader-sec .list li{font-size: 15px;}
	
	
	/* 影像机电 */
	.yx-list{margin-left: 0;justify-content: space-between;}
	.yx-list .item{width: 48%;margin:0 0 4%;}
	.yx-list .imgbox{height: 170px;}
	.yx-list .imgbox::before{width: 30px;height: 30px;}
	.yx-list .title{font-size: 16px;line-height: 40px;height: 40px;}
	
}

@media screen and (min-width:320px) and (max-width:767px){
	
	/* 机构列表 */
	.org-sec .tit{font-size: 18px;line-height: 36px;padding:0 15px;}
	.org-sec .lks{justify-content: space-between;margin: 0;}
	.org-sec .lk{font-size: 16px;width: 100%;margin:0 0 4%;height: 42px;}

	/* 学院沿革 */
	.yg-list .tb{left: 0;transform: translate(0,0);}
	.yg-list::before{left: 0.33rem;width: 1px;}
	.yg-list .date{font-size: 16px;}
	.yg-list .txt{font-size: 14px;}
	
	.yg-list .row{justify-content: flex-start!important;text-align: left!important;margin-left: 0.3rem;margin-bottom: 0.2rem;}
	.yg-list .row::before{left: 0;}
	.yg-list .grp{width: 100%;}
	
	
	.yg-list .row::before{top: 0.11rem;}
	.yg-list .row .grp{padding: 0 0 0 0.8rem!important;}
	.yg-list .row .date::before{left: -0.8rem!important;right: auto;}
	.yg-list .date::before{width: 0.6rem;}
	
	
	/* 现任领导 */
	.leader-sec{display: block;padding: 0;}
	.leader-sec .lbox{width: 100%;padding:25px 0;}
	.leader-sec .lbox .icon{width: 54px;}
	.leader-sec .lbox .title{font-size: 16px;margin-top: 10px;}
	.leader-sec .rbox{height: auto;min-height: 240px;padding:35px 30px;}
	.leader-sec .list li{font-size: 16px;line-height: 2.5;}
	.leader-sec .list li::before{width: 19px;height: 5px;}
	
	
	/* 影像机电 */
	.yx-list{margin-left: 0;justify-content: space-between;}
	.yx-list .item{width: 100%;margin:0 0 4%;}
	.yx-list .item:last-child{margin-bottom: 0;}
	.yx-list .imgbox{height: 170px;}
	.yx-list .imgbox::before{width: 34px;height: 34px;}
	.yx-list .title{font-size: 16px;line-height: 46px;height: 46px;}
	
	
	
}