/*要闻速览*/
.news-content{
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.swiper_container{
    height: 380px;
    width: 570px;
}
.swiper_1{
    width: 570px;
    height: 380px;
}
.news-list{
    margin-left: 23px;
}
.news-title{ background-color:#C00; height:20px; line-height:20px; color:#fff; font-size:24px; font-weight:bold;
   
    padding: 10px;
    margin-bottom: 20px;
}
.news-title .biaot{ font-size: 24px;
    color: #e73b4b; float:left}
	.news-title .more a{ float:right; font-size:14px; color:#999; padding-top:10px;}
	.morecontent{ margin:0 auto; width:100%;}
	.morecontent a{font-size:14px; color:#999; padding-top:10px; text-align:center; display:block}
.news-list li{
    margin-bottom: 8px;
}
.news-list li h4{font-size: 18px;
    color: #333333; margin-top:14px;
    margin-bottom: 10px ; font-weight:normal;
    
}
.news-list li p{
    line-height: 22px;
    font-size: 14px;
    color: #666666;
}
/*名师风采*/
.teacher-content{
    background: #e73b4b;
    padding:80px 0 50px 0; height:400px;
}
.teacher-tit{ text-align:center; width:100%; margin-top:50px;}
.teacher-list{
    position: relative;
    --swiper-navigation-color: #ffd283;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 50px;/* 设置按钮大小 */
}
.teacher-swiper{
    width: 1000px;
    height: 300px;
    overflow: hidden; margin-top:50px;
}
.swiper-slide{
    text-align: center;
}
.swiper-slide img{
    width: 320px;
    height: 180px;
    vertical-align: bottom;
}
.swiper-slide h4{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    line-height: 35px; margin-top:10px;
}
.swiper-slide p{ padding:0px 8px;
    font-size: 14px;
    color: #fff;
    line-height:24px;
}
.teacher-list .swiper-button-prev{
    left: -50px;top:100px;
}
.teacher-list .swiper-button-next{
    right: -50px;top:100px;
}
/*创新成果*/
.creation-content{
    background: #fff;
   
    padding:  17px 0;
}
.creation-list{
    display: flex;
    justify-content: space-between;
    align-items: start;
}

/*特色职教*/
.views-content{
    background: #eaf4ff;
    margin-top: 95px;
    padding:  17px 0;
}
.views-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.views-list .module{
    width: 49%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 66px;
}
.views-list .module img{
    width: 200px;
    height: 137px;
}
.views-list .module ul li{
    list-style-type: square;
    margin-left: 20px;
    font-size: 14px;
    line-height: 32px;
}
/*思政教育*/
.education-content{
    background: #ffffff;
    margin-top: 95px;
    padding:  17px 0;
}
.jujiao{
    height: 392px;
    border: 1px solid #e6c786;
    position: relative;
    padding: 20px 10px;
    box-sizing: border-box;
}
.jujiao div{
    display: none;
    width: 570px;
    height: 380px;
    background: url("education-bg.png") top left no-repeat;
    position: absolute;
    top: -20px;
    right: 0;
    padding: 20px;
    box-sizing: border-box;
    margin-right: 10px;
}
.jujiao li{
    width: 380px;
    height: 50px;
    line-height: 50px;
    padding: 0 14px;
    box-sizing: border-box;
    cursor: pointer;
}
.jujiao li.on{
    background: #cb241e;
    color: #ffffff;
}
.jujiao li.on div{
    display: block;
}
.jujiao li div h3{
    font-size: 18px;
    color: #fff;
    line-height: 24px;
}
.jujiao li div p{
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    padding: 20px 0;
}
.jujiao li div a{
    color: #fff;
    text-align: center;
    display: block;
}


/*foote*/
.footer{ background-color:#e73b4b; width:100%;
    height: 130px;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 60px 0;
}

/*公共*/
.banner{
    margin-bottom: 60px;
}
.content{
    width: 1000px;
    margin: 0 auto; 
}
.title{
    width: 100%;
    height: 75px;
    text-align: center;
    margin-bottom: 60px;
}
/*轮播图*/
.j-lbt{position: relative;height: 100%;width: 100%;}
.j-lbt-tp, .j-lbt-tp1, .j-lbt-tp-2{width: 100%;height: 100%}
.j-lbt-tp ul, .j-lbt-tp1 ul, .j-lbt-tp-2 ul{ width: 100%;height: 100%;position: absolute;}
.j-lbt-tp ul li, .j-lbt-tp1 ul li, .j-lbt-tp-2 ul li {position: absolute;float: left;z-index: 100;height: 100%;width: 100%}
.j-lbt-tp ul li img, .j-lbt-tp1 ul li img, .j-lbt-tp-2 ul li img{display: block;width: 100%;height: 100%;}
.j-lbt-w {bottom: 0;*bottom: 0;width: 100%;height: 50px;background: url("bg_swiper.png");position: absolute;z-index: 150;left: 0;}
.j-lbt-w a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;width: 80%;font-size: 19px;line-height: 50px;margin-left: 10px;font-weight: normal;color: white;}
.j-lbt-btn{top: 40%;padding: 0 0;position: absolute;width: 100%;z-index: 300;}
.j-lbt-btn-prev{cursor: pointer;display: block;float: left;}
.j-lbt-btn-next{cursor: pointer;display: block;float: right;}
.j-lbt-point{bottom: 22px;height: 6px;width: 100%;position: absolute;z-index: 300;}
.j-lbt-point ul{margin-right: 20px;float: right;}
.j-lbt-point ul li{margin-left: 6px;float: left;width: 11px;height: 11px;background: #ffffff;border-radius: 50px;}
.j-lbt-point ul li.on{background-color: #ff0000;}
.j-lbtNum{float: right}
.j-lbtNum h4{font-size: 30px;color: #f18202;font-weight: normal;float: left;margin-top: 25px;margin-right: 10px}
.j-lbtNum h5{font-size: 30px;color: #fff;font-weight: normal;float: left;margin-top: 25px;margin-right: 6px}
.j-lbtNum h6{font-size: 18px;color: #fff;font-weight: normal;float: left;margin-top: 36px;margin-right: 30px}
.swiper-2 .j-lbt-tp-2 .j-lbt-w a{
    font-size: 14px;
}
.sfyx .btn{
    width: 28px;
    height: 14px;
    display: block;
    position: absolute;
}
.sfyx .btn.prev{transform:translateX(-50%);left: 50%;bottom:auto;top: 25px;background: url("prev3.png") center center no-repeat;background-size: 100% 100%;}
.sfyx .btn.next{transform:translateX(-50%);left: 50%;top:auto; bottom: 25px;background: url("next3.png") center center no-repeat;background-size: 100% 100%;}
.sfyx .swiper ul{height: 10000%;display: block;padding: 0 0;width: 100%;}
.swiper{overflow: hidden;position: relative;}
.swiper ul{width: 10000%;display: flex;justify-content: flex-start;padding: 0 24px;}
.swiper ul li{width: 144px;margin-right: 24px;}
.swiper ul li img{width: 144px;}
.swiper_main{width:480px;overflow:hidden;margin:0 auto;}

/* 特刊图片om */
#container {
	width:1200px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:1200px;
	height:560px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:0px;
	left:-1px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:1020px;
	height:600px;
	top:-6px;
	left:-20px;
}

#slides {
	position:absolute;
	top:15px;
	left:90px;
	z-index:100;
}

#slides .next,#slides .prev {
	position:absolute;
	top:230px;
	left:-30px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

.slides_container {
	width:800px;
	height:500px;
	overflow:hidden;
	position:relative;
}

#slides .next {
	left:800px;
}

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*视频*/
.vioboxj{ width: 100%;
  
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding: 5px 0 60px 0;}
.box3{width: 100%; background:url(zwbj.png) no-repeat; height:502px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding: 5px 0 60px 0;}
.box3_content {
  width: 1000px;
  margin: 0 auto;
}
.box3_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.vioboxj_title {
  width: 607px;
  height:92px;
 
  background-repeat: no-repeat;
  background-size:607px 92px;
  margin: 35px auto;
  margin-top: 40px;
}
.vioboxj_content {
  width: 1100px;
  margin:0px auto; 
}
.third_video_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.t_v_item {
  width: 320px;
  height: 252px;
  float:left; margin:30px 20px;
}
.t_v_item > video {
  width: 320px;
  height: 180px;
  display: block;
}
.t_v_item_info {
  width: 320px;
  height: 54px;
  background-image: linear-gradient(#e73b4b, #e73b4b),
    linear-gradient(#cd3333, #cd3333);
  background-blend-mode: normal, normal;
  padding: 9px 0;
}
.t_v_i_title { 
  color: #fff;
  font-size: 16px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 280px;
  padding-left: 18px;
  display: block;
}
.t_v_i_title a{ color: #fff;}
.more a{ text-align:center; display:block}

.tab3{  width:1000px; margin-top:20px; }
.tab3 li{position: relative; margin:10px 8px;
	width:183px;
	height:293px;
	float:left;
	 text-align:center; 
	
}
.tab3 li img{border-radius: 50%; width:162px; height:162px;}
.tab3 li.active{ background:url(../images/act.png) no-repeat;width:183px; height:293px; padding-top:10px; }
.tab3 li.active a{font-size:16px; color:#fff;}
.tab3 li.normal{ background:url(../images/nomal.png) no-repeat; width:183px; height:293px;padding-top:10px;  }
.tab3 li.normal a{ font-size:16px; color:#666;}
.tab3 li a .wz{
	width:183px;
	position:absolute;
	top:220px;
	left:0px
}
.tab3 li a .wz .nm{ font-size:20px; height:30px;}
.tab3 li a .wz .bt{ font-size:14px; }
