@charset "utf-8";
/* CSS Document */

.pad1{margin-top:60px!important;}
/* 标题 */
.title1{ display: flex; justify-content: space-between; align-items: center; margin-bottom: .3rem;}
.title1 h3{position: relative;z-index: 1;height: .3rem;display: flex;align-items: center;}
.title1 h3 big{ font-size: .30rem; color: #2461a2;}
.more1 a{font-size: 16px;color: #333;transition: .5s;display: inline-block;position: relative;z-index: 2}
.title2{ display: flex; justify-content: space-between; align-items: center; margin-bottom: .3rem;}
.title2 h3{position: relative;z-index: 1;height: .3rem;display: flex;align-items: center;}
.title2 h3 big{ font-size: .30rem; color: #fff;}
.more2 a{font-size: 16px;color: #fff;transition: .5s;display: inline-block;position: relative;z-index: 2}
/* 校园要闻 */
.container01{padding: 0.75rem 0 0.8rem 0;background: url(/static/images/box1bg.jpg) center no-repeat;background-size: cover;}
.container01 .content .left {width: 3.8rem;position: relative;z-index: 1;}
.container01 .content .center{width: 6.7rem;position: relative;z-index: 1; background: #fafafa;margin: 0 0.2999rem;}
.container01 .content .right {width: 3.8rem;position: relative;z-index: 1;}


.list1 {border-top:2px solid #eee;}
.list1 li {padding:0.20rem 0rem;transition:.5s;display:flex;position:relative;}
.list1 li:last-child {border-bottom:none}
.list1 li:hover {transform:translateX(5px);}
.list1 li:before,.list1 li:after {content:"";position:absolute;left:0;bottom:0;height:1px;width:0;transition:all .5s ease-in-out;}
.list1 li:before {background-color:#eee;width:100%;}
.list1 li:after {background-color:#2461a2;}
.list1 li:hover:after,.list1 li.on:after {width:100%;}
.list1 li>a {display:block;overflow:hidden;font-size:0.20rem;line-height:0.30rem;height:0.60rem;transition:.5s;width:calc(100% - 0.50rem);}
.list1 li span {float:left;width:0.40rem;height:0.60rem;text-align:center;margin-right:0.10rem;font-size:0.16rem;color:#aaa;transition:all .3s;position:relative;}
.list1 li span i {font-size:0.24rem;line-height:0.36rem;display:block;font-style:normal;font-weight:500;}
.list1 li span.new {color:#ff5000;}
.list1 li span::after {content:"";position:absolute;top:0.05rem;right:0;height:0.50rem;width:1px;background:#eee}

/* 融媒郑工 */
.container03{margin-top: -0.86rem;padding: 1.75rem 0;background: url(/static/images/box3bg.png) center no-repeat;background-size: cover;}
.index-video-left {width: 100%;background-size: cover;text-align: center;overflow: hidden;}
.index-video-left .index-video-left-bg {width: 100%;height: auto;object-fit: cover;}
.index-video-left-title {font-family: MicrosoftYaHei;font-size: 18px;color: #333333;letter-spacing: 0.23px;line-height: 34px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; background:#fff;padding: 20px 0; opacity:.7;}

.container03 .left{width: 7.2rem;}
.container03 .right{width: 7.2rem;margin-top: -0.36rem!important;margin-left: 0.6rem;}

.list14{display: flex;margin: 0 -.06rem;padding: 0 0 0 0.7rem;position: relative;z-index: 1;}
.list14 li{ margin:0 auto;text-align: center}
.list14 li .a{position: relative;cursor: pointer;}
.list14 li .a .ico{ width: .48rem; height: .48rem; display: flex; justify-content: center; align-items: center;}
.list14 li .a .ico img{ width: 100%; height: 100%}
.list14 li .a h5{ font-size: 12px; color: #fff; line-height: 1.25; margin:.1rem 0; opacity: 0; transition: .5s;}
.list14 li .a .ewm{position: absolute;box-shadow: 0 0 15px rgba(0,0,0,.1);left: 50%;transform: translateX(-50%) translateY(.3rem);transition: .5s;opacity: 0;visibility: hidden;width: 1.2rem;height: 1.2rem;border: rgba(255,255,255,.3) 1px solid;padding: .04rem;border-radius: 0;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.list14 li .a .ewm img{width: 100%;}
.list14 li .a .ewm h6{ font-size: .12rem; color: #a69999}
.list14 li .a .ewm:before{content: "";position: absolute;left: 50%;top: -.1rem;margin-left: -.08rem;border-bottom: rgba(255,255,255,.3) .1rem solid;border-left: transparent .08rem solid;border-right: transparent .08rem solid;}
.list14 li .a .ewm:after{content: "";position: absolute;left: 50%;top: -.04rem;margin-left: -.06rem;border-bottom: rgba(255,255,255,1) .08rem solid;border-left: transparent .06rem solid;border-right: transparent .06rem solid;}

.list14 li .a:hover .ewm{transform: translateX(-50%) translateY(.05rem);opacity: 1;visibility: visible;}


.list15 li{ width: 50%; padding:15px;}
.list15 li .a{ display: block; position: relative;}
.list15 li .img .img_hezi{ padding-bottom: 118.84% !important;}
.list15 li .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: flex-end;padding: 0 .15rem;background: url(/static/images/list15_b.png) center 101% repeat-x;z-index: 1;}
.list15 li .top .con{width: 100%;display: flex;align-items: center;margin-bottom: .12rem;}
.list15 li .top .con .ico{ width: .5rem}
.list15 li .top .con .rr{ width: calc(100% - .5rem)}
.list15 li .top .con .rr h5{font-size: 16px;color: #fff;line-height: 1.75;margin: .06rem 0 0;}
.list15 li .img .img_hezi{ padding-bottom: 63.26% !important;}


/* foot */
.footer{ padding: 1.15rem 0; background: url(/static/images/footbg.jpg) center no-repeat; background-size: cover;}
.footer .wp{ justify-content: space-between; }
.footer h3 img{ max-width:340px;}
.footer .con{ text-align: center;}
.footer .con p{ font-size: 16px; line-height: 34px; color: #fff;}

@media(max-width: 1300px){
.container03{margin-top: -1.76rem;}
}

@media(max-width: 1200px){
.container01 .content{ margin: 0;}
	.container01 .content .left{ width: 100%;}
	.container01 .content .center{ width: 100%; margin: 40px 0;}
	.container01 .content .right{ width: 100%;}
	
	
.container03 .right{ width:15rem;margin:5px;}	
.list14{margin-top:40px;}
.fix-wrap{display:none;}
}



@media(max-width: 768px){
.container03 .right .list15{ margin-left: 0;}
.container03 .right .list15 li{ width: 100%; margin-top: 25px; padding:0;}
	
	
.footer{text-align: center;padding: .4rem 0;}
.footer .left{ width: 100%;}
.footer .right{width: 100%;padding: .3rem 0 0;}
}
@media(max-width: 456px){
} 