body{
  background-image: url(../images/background.png);
  background-repeat: round;
  position: relative;
}

.wrapper{
  width: 100%;
}

.container{
  position: relative;
}

.banner{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 0;
}

.banner .word{
  width: 40%;
  position: absolute;
  top: 16rem;
  right:10%;
}

.ntc_pic_choice{
  text-align: center;
}

.ntc_pic_choice img{
  cursor: pointer;
}

.jijie_pic{
  display: none;
}

.notice{
   padding-top: 38rem ;
   margin:0 auto;
   width: 70%;
   z-index: 2;
}

.notice_main{
  margin-top: 20px;
  height: 22.1rem;
}
.notice .notice_carousel{
  width: 60%;
  height: 100%;
  display: inline-block;
}

.notice_list_wrap{
  display: inline-block;
  width: 38%;
  margin-left: 5px;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
}

.notice_list_wrap .list_top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 14%;
}

.notice_list_wrap .content{
  height: 86%;
  display: flex;
  flex-direction: column;
}

#noticeMore{
  width: 4.1rem;
  height: fit-content;
}

.notice_list_type{
  width: 70%;
}

.top_news{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tio_news_title{
  color: rgb(105,245,94);
  margin-bottom: 0.8rem;
  font-size: 1.3rem;
}

.tio_news_desc .intro{
  color: gray;
  font-size: 0.8rem;
}

.notice_list{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 1rem;
}

.notice_list a{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  text-underline-position: under;
  color: #fff;
}

.notice_title{
  font-size: 0.9rem;
}

.feature{
  margin: 4rem auto 0;
  width: 70%;
}

.feature .content{
  width: 100%;
  height: 18rem;
}
.m_swiper2{
  height: 100%;
}

.feature .swiper-slide-active{
  /* width: 50% !important; */
}

.module_title{
  text-align: center;
  margin-bottom: 30px;
}

.module_title img{
  width: 20rem;
}

.feature .swiper-slide {
  transform: scale(0.8);
  opacity: 0.3;

  display: flex;
  align-items: center;
  justify-content: center;
}

.feature .swiper-slide-active{
  opacity: 1;
}

.feature .swiper-slide-active,.feature .swiper-slide-duplicate-active{
  transform: scale(1.5);
  z-index: 2;
}

.audioVisual{
  width: 70%;
  margin:4rem auto 0;
  padding-bottom: 20rem;
}

.audioVisual .meum{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.meum img{
  margin: 0 5px;
}

.audioVisual .content{
  margin-top: 10px;
  height:33rem;
}

.audioVisual .content .left{
  width: 55%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}

.audioVisual .content .left .main{
  width: 100%;
  height: 60%;
}

.source_content{
  display: none;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  align-items: center;
}

.source_wrap{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.source_wrap .source_img{
  height: 100%;
  object-fit: cover;
}


.source_wrap .source_img:hover{
  animation: sourceImgScale 0.5s;
  transform: scale(1.2)
}

@keyframes sourceImgScale
{
    from {transform: scale(1);}
    to {transform: scale(1.2);}
}

.source_wrap .source_img:hover{
  animation: sourceImgHover 0.5s;
  transform: scale(1.2)
}

.source_wrap .source_img:not(:hover) {
  animation: sourceImgLeave 0.5s;
  transform: scale(1)
}
@keyframes sourceImgHover
{
    from {transform: scale(1);}
    to {transform: scale(1.2);}
}

@keyframes sourceImgLeave
{
    from {transform: scale(1.2);}
    to {transform: scale(1);}
}

.source_wrap img{
  width: 100%;
}

.main .source_wrap{
  width: 100%;
}

.source_title{
  background-color: rgb(60,51,51);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0rem;
  height: 3rem;
  line-height: 3rem;
  color: #fff;
}

.sub{
  margin-top: 5px;
  width: 100%;
  height: 39%;
  display: flex;
  justify-content: space-between;
}

.sub .source_wrap{
  width: 49%;
  display: inline-block;
}

.audioVisual .content .right{
  width:44.2%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}



.audioVisual .content .right img{

}

.audioVisual .content .right .source_wrap{
  height: 49.5%;
  overflow: hidden;
}

.audioVisual .content .right .source_wrap:first-child{
  margin-bottom: 5px;
}

.image_dialog{
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
  background-color: rgba(0,0,0,0.5);
}

.dialog_container{
  width: 60%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border: #fff solid 2px;
}

#dialogImage{
  width: 100%;
}

#dialogVideo{
  width: 100%;
}

.close_btn{
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  bottom: -40px;
  background-image: url(../images/close.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.video_dialog{
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
  background-color: rgba(0,0,0,0.5);
}

.swiper-button-prev{
  left: 40px;
  width: 100px;
  height: 100px;
  background: url(../images/prev.png) no-repeat;
  background-position: 0 0;
  background-size: 100%;
}

.swiper-button-next{
  right: 40px;
  width: 100px;
  height: 100px;
  background: url(../images/next.png) no-repeat;
  background-position: 0 0;
  background-size: 100%;
}

.swiper-button-prev:after,  .swiper-button-next:after{
  content: unset !important;
}

.yxgl_content{
  display: none;
}

.zixun_pic{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

a{
  text-decoration: none;
}


.zixun_pic a{
  color: #fff;
}

.zixun_pic .zixun_pic_wrap{
  /* margin-right: 0.2rem; */
}

.zixun_pic_wrap{
  width:18%;
  position:relative
}

.zixun_pic_wrap a{
  color: #fff;
  text-decoration: none;
}

.zixun_pic_wrap img{
  width: 100%;
  height: 100%;
}

.zixun_title{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20%;
  background-color: rgb(125,125,125);
  display: flex;
  align-items: center;
}

.zixun_title span{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 5px;
}


.m_swiper1{
  height: 100%;
}

#dialogImageDom{
  width:100%
}