.contnet{
  width: 16rem;
  margin: 0.605rem auto 0;
}
.introduce {
  overflow: hidden;
  height: 4.66rem;
}
.introduce_left{
  float: left;
  width: 11.33rem;
  height: 100%;
}
.activity{
  overflow: hidden;
  height: 100%;
}
.activity_img{
  width: 5.66rem;
  height: 100%;
  background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
  background: url('../img/gdtp.jpg') no-repeat;
  float: left;
}
.activity_notice{
  float: left;
  height: 100%;
  width: 5.66rem;
  background: url('../img/hdgg.jpg') no-repeat;
  background-size:100%;
}
.activity_notice_title{
  padding: 0.26rem 0.26rem 0.06rem;
  overflow: hidden;
}
.title_name{
  color: #fff;
  font-size: 0.26rem;
  font-weight: 600;
  float: left;
  position: relative;
}
.icon{
  position: absolute;
  width: 0.33rem;
}
.icon img{
  width: 100%;
}
.title_Copywriting{
  margin-left: 0.44rem;
}
.title_name1{
  color: #fff;
  font-size: 0.26rem;
  font-weight: 600;
  position: relative;
}
.control_right{
  float: right;
  width: 0.36rem;
  height: 0.33rem;
  border: 0.01rem solid #fff;
  text-align: center;
  line-height: 0.33rem;
  border-radius: 0.05rem;
}
.control_right i{
  color:#fff;
}
.activity_notice_Article{
  padding: 0.26rem;
}
.activity_notice_Article ul li{
  line-height: 0.53rem;
  border-bottom: #fff 0.013rem dashed;
  padding: 0.06rem 0;
  position: relative;
}
.activity_notice_Article ul li a{
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
}
.introduce_right{
  float: right;
  width: 4.26rem;
  height: 100%; 
}
.time{
  height: 2.66rem;
  background-image: linear-gradient(to top, #fad0c4 0%, #fad0c4 1%, #ffd1ff 100%);
  margin-bottom: 0.4rem;
  background: url('../img/kgsj.jpg') no-repeat;
  background-size:100% 100%;
}
.time_slot{
  overflow: hidden;
  margin: 0.26rem 0 0.06rem;
}
.time_slot div{
  float: left;
}
.time_start,.time_end{
  width: 0.9rem;
  text-align: center;
  border: 0.02rem solid #fff;
  padding: 0.05rem;
  border-radius: 0.06rem;
}
.time_start span,.time_end span{
  font-size: 0.16rem;
  color: #fff;
}

.time_start .time_title,.time_end .time_title{
  color: #fff;
  font-size: 0.21rem;
  font-weight: 600;
}
.time_notice{
  margin-top: 0.22rem;
  color: #fff;
  font-size: 0.21rem;
}
.Online_booking{
  height: 1.6rem;
  background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);
  background: url('../img/zxyy.jpg') no-repeat;
  background-size:100% 100%;
}
.Online_booking_content{
  line-height: 0.4rem;
  font-size:0.16rem;
  margin-left:0.3rem;
  color: #fff;
}
.clearance{
  padding: 0.26rem;
}
.Classroom{
  margin-top: 0.4rem;
}
.Classroom_content{
  height: 4.66rem;
}
.Classroom_notice{
  float: left;
  height: 100%;
  width: 7.8rem;
  background: url('../img/zmkt.jpg') no-repeat;
  background-size: 100% 100%;
}
.Classroom_notice_title{
  padding: 0.26rem 0.26rem 0.06rem 0.26rem;
  overflow: hidden;
}
.Classroom_notice_Article{
padding:0.26rem;
}
.Classroom_notice_Article ul li{
  line-height: 0.53rem;
  border-bottom: #fff 0.01rem dashed;
  padding: 0.06rem 0;
}
.Classroom_img{
  width:7.8rem;
  float: right;
  height: 100%;

  background-size: 100% 100%;
}
.Classroom_notice_Article ul li a{
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
}
.exhibition{
  margin-top: 0.4rem;
  height: 2rem;
}
.exhibition_more{
  float: left;
  width: 2.77rem;
  height: 100%;
  background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
  background: url('../img/ztzl.jpg') no-repeat;
  background-size:100% 100%;
  text-align: center;
}
.exhibition_title{
  color: #fff;
  font-size: 0.26rem;
  font-weight: 600;
  margin: 0.48rem 0 0.13rem;
}
.more{
  display: inline-block;
  line-height: 0.53rem;
  width: 1.53rem;
  border-radius: 0.05rem;
  border: 0.02rem solid #fff;
  color: #fff;
  font-size: 0.18rem;
  font-weight: 500;
}
#slider{
  float: right;
  width: 12.83rem !important;
  height: 100% !important;
}
.slider_item{
  background-color: #fff !important;
}
.slider_item div{
  float: left;
  width: 4.1rem;
  height: 100%;
  margin-right: 0.4rem;
  position: relative;
}
#slider .slider_item{
  width: 1000000px;
  display: block;
}
.slider_item div img{
  width: 100%;
  height: 100%;
}

.slider_left{
  position: absolute !important;
  width: 0.53rem !important;
  height: 0.53rem !important;
  top: 50% !important;
  left: 0.13rem !important;
  margin-top: -0.26rem;
  background: #333 !important;
  border-radius: 50%;
  line-height: 0.53rem;
  text-align: center;
  color: #fff;
  display: block !important;
  z-index: 10;
  opacity:0.4;
}
.slider_right{
  position: absolute !important;
  width: 0.53rem !important;
  height: 0.53rem !important;
  top: 50% !important;
  right: 0.13rem !important;
  margin-top: -0.26rem;
  background: #333 !important;
  border-radius: 50%;
  line-height: 0.53rem;
  text-align: center;
  color: #fff;
  display: block !important;
  z-index: 10;
  opacity:0.4;
}

.Text_introduction{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  max-width: 4.66rem;
  float: left;
}
.Text_introduction1{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  max-width: 6.9rem;
  float: left;
}
.item_name{
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0;
  line-height: 0.66rem;
  color: #fff;
  z-index: 1;
  left: 0;
}

/*动画开始*/
.fast {
  animation-duration: 1s;
  animation-delay: 0s;
}

.slow {
  animation-duration: 2s;
  animation-delay: 0.5s;
}

.reallyslow {
  animation-duration: 3s;
  animation-delay: 1s;
}
/*动画结束*/

/*hot动画*/

@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0%{
    transform: scale(1);  /*开始为原始大小*/
  }
  25%{
    transform: scale(1.2); /*放大1.2倍*/
  }
  50%{
    transform: scale(1);
  }
  75%{
    transform: scale(1.2);
  }
}
.hot{
  width:0.26rem;
  height: 0.25rem;
  background: url('../img/hot.png') no-repeat;
  background-size: 100% 100%;
  float: left;
  margin-left: 0.06rem;
  margin-top: 0.02rem;
  -webkit-animation-name: scaleDraw; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
  -webkit-animation-duration: 5s; /*动画所花费的时间*/
}

.yhy{
   -webkit-animation-name: scaleDraw; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
  -webkit-animation-duration: 8s; /*动画所花费的时间*/
}
/*hot动画*/


.zxzx {
    position: fixed;
    background-color: #a0a0a0;
    top: 4rem;
    right: 0.4rem;
    width: 0.53rem;
    height: 0.53rem;
}
.zxzx .xs {
    display: block;
    position: relative;
    height: 0.46rem;
    line-height: 0.46rem;
}
.xs img {
    width: 78%;
    vertical-align: middle;
    padding: 0 0.06rem;
}
.xs_zx i img {
    width: 0.3rem;
}
.xs_zx {
    position: absolute;
    top: 0.04rem;
    left: -1.86rem;
    width: 1.6rem;
    background-color: skyblue;
    line-height: 0.46rem;
    color: #fff;
    display: none;
}
.xs_zx i {
    display: block;
    line-height: 0.46rem;
    vertical-align: middle;
    position: relative;
    font-style: normal;
}

.jt {
    width: 0;
    height: 0;
    border-width: 0.13rem;
    border-style: solid;
    border-color: transparent transparent transparent skyblue;
    position: absolute;
    top: 0.1rem;
    right: -0.26rem;
}

#Mask{
      width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000;
    top: 0;
    left: 0;
    opacity: 0.6;
}
marquee{
  width:3.33rem !important;
  height:0.26rem !important;
}
.layui-carousel-arrow{
  width:50px;
  height:50px;
  line-height:50px;
}