.topimg{position: fixed;z-index: 2;right: 2%;top: 26%;width: 265px;}
.topimg img{
display:block;
width:100%;
}

/* 大图开始 */
.banner_wrapper{

}
.banner{
  position: relative;
}
.banner img{
  width: 100%;
  height: 100%;
  object-fit: fill;
}
/* 包裹层 */
.banner_swiper{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* 分页器 */
.banner_pagination{
  position: absolute;
  left: 0;
  bottom: 15px;
  z-index: 1;
  text-align: center;
}
.banner_pagination span{
  display: inline-block;
  margin: 0 10px;
  background: #fff;
}
/* 切换按钮 */
.banner_swiper:hover .banner_prev, .banner_swiper:hover .banner_next{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0);
  -o-transform: translate(0);
  -moz-transform: translate(0);
  transform: translate(0);
}
 
.banner_prev{
  background: url(../img/prev_ico.png) no-repeat;
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -25px;
  z-index: 1;

  -webkit-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  transform: translateX(-10px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.banner_next{
  background: url(../img/next_ico.png) no-repeat;
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -25px;
  z-index: 1;

  -webkit-transform: translateX(10px);
  -o-transform: translateX(10px);
  -moz-transform: translateX(10px);
  transform: translateX(10px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

/* 大图结束 */

/* 统一标题 */
.conmon_title{
  border-bottom: 1px solid #dcdcdc;
}
.conmon_title a{
  display: block;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.conmon_title a p{
  font-size: .26rem;
  font-weight: bold;
  display: inline-block;
  position: relative;
  line-height: 0.7rem;
}
.conmon_title a p::after{
  content: '';
  width: .44rem;
  height: .07rem;
  background: #db261d;
  position: absolute;
  left: 0;
  bottom: 0;
}
.conmon_title a span{
  font-size: .14rem;
  color: #333333;
}

.section_1 {
  padding: .3rem 0 0 0;
}
.section_1 .w{
  display: flex;
  justify-content: space-between;
}
.section_1 .w>div{
  width: 32%;
}
/* 通知公告列表 */
.notic ul li{
  margin: .15rem 0;
  transition: all .3s;
}
.notic ul li a{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.notic ul li a div{
  width: .6rem;
  box-shadow: 2px 2px 5px #adadad;
  text-align: center;
  margin-right: 2%;
}
.notic ul li a div span{
  background: #db261d;
  display: block;
  font-size: 12px;
  color: #fff;
  line-height: .2rem;
}
.notic ul li a div p{
  line-height: .45rem;
  font-size: .35rem;
}
.notic ul li a>p{
  color: #0c0c0c;
  font-size: 0.18rem;
  flex: 1;
} 
.notic ul li:hover{
  transform: translateY(-5px);
}
.notic ul li:hover a>p{
  font-weight: bold;
}

/* 新闻列表 */
.news ul li{
  border-bottom: 1px solid #eeeeee;
  padding: .15rem;
  padding-left:0;
  transition: all .3s;
  position: relative;
}
.news ul li::after{
  xcontent:'';
  position:absolute;
  left:0;
  top: 0.3rem;
  width: 5px;
  height: 5px;
  background: #db261d;
}
.news ul li a p{
  font-size: 0.18rem;
  color: #0c0c0c;
  line-height: .35rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 85%;
  vertical-align: top;
}
.news ul li a span{
  font-size: .14rem;
  color: #ffffff;
  xpadding-left: 21px;
  xbackground: url(../img/clock_ico.png) no-repeat left center;
  background: #db261d;
  display: inline-block;
  padding: 0 7px;
  vertical-align: top;
  line-height: .35rem;
}
.news ul li:hover{
  transform: translateY(-5px);
}
.news ul li:hover a p{
  font-weight: 600;
}

/* 第二部分 ---------------------------*/
.section_2 .conmon_title{
  margin-bottom: 28px;
}
.section_2 {
  padding: 0 0 .3rem 0;
}
/* 服务平台 */
.section_2_3 ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section_2_3 ul li{
  margin-bottom: 0.15rem;
    width: 46.2%;
    height: 1.1rem;
}
.section_2_3 ul li a{
  display:block;
}
.section_2_3 ul li a img{
  display:block;
  width:100%;
}
/* 学子风采 */
.xzfc_swiper{
  overflow: hidden;
  height: 3.58rem;
}
.xzfc_swiper a{
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.xzfc_swiper img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s;
}
.xzfc_swiper a:hover img{
  transform: scale(1.1);
}
.xzfc_swiper a div {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: .15rem .2rem;
  background: #db261d;
  background: rgba(219,38,29,.8);
}
.xzfc_swiper a div span{
  font-size: 12px;
  color: #fefefe;
  float: right;
}
.xzfc_swiper a div p{
  margin-right: .7rem;
  font-size: .16rem;
  color: #fff;
  font-weight: 600;
}


.xzfc{
  position: relative;
}

.xzfc:hover .xzfc_prev, .xzfc:hover .xzfc_next{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0);
  -o-transform: translate(0);
  -moz-transform: translate(0);
  transform: translate(0);
}
 
.xzfc_prev{
  background: url(../img/prev_ico.png) no-repeat;
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -25px;
  z-index: 1;

  -webkit-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  transform: translateX(-10px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.xzfc_next{
  background: url(../img/next_ico.png) no-repeat;
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -25px;
  z-index: 1;

  -webkit-transform: translateX(10px);
  -o-transform: translateX(10px);
  -moz-transform: translateX(10px);
  transform: translateX(10px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}


.xs_swiper{
  position: relative;
}

.xs_swiper:hover .xs_prev, .xs_swiper:hover .xs_next{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0);
  -o-transform: translate(0);
  -moz-transform: translate(0);
  transform: translate(0);
}
 
.xs_prev{
  background: url(../img/prev_ico.png) no-repeat;
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -25px;
  z-index: 1;

  -webkit-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  transform: translateX(-10px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.xs_next{
  background: url(../img/next_ico.png) no-repeat;
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -25px;
  z-index: 1;

  -webkit-transform: translateX(10px);
  -o-transform: translateX(10px);
  -moz-transform: translateX(10px);
  transform: translateX(10px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}