@charset "utf-8";
/*
声明：
该样式表部分抄袭自【北京大学数学学院】网站首页（www.math.pku.edu.cn）
在此向北大数学学院及原作者致敬！
2022-3-8
*/
@font-face {
    font-family: "FZCYSJT";
    src: url("FZCYSJT.eot"); /* IE9 */
    src: url("FZCYSJT.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("FZCYSJT.woff") format("woff"), /* chrome、firefox */
    url("FZCYSJT.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("FZCYSJT.svg#FZCYSJT") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
.content{
    width:100%;
    overflow:hidden;
    margin:0px auto;
    background: url(../images/main_bg.png) no-repeat center 100%;
    /* background-size: 118%; */
    padding-bottom: 20px;
    font-family: 'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;
}


.mode01{max-width: 1200px;min-height: 500px;margin:30px auto;}
.mode01 .lf{float: left;width: 58.33%;}
.mode01 .rt{float: right;width: 38.33%;}
.articleList{}
.articleTitle {border-bottom: 1px solid #325076;padding-bottom: 6px;margin-bottom: 30px;}
.articleTitle a.more{float: right;color:#999999;font-size: 14px;text-decoration: none;padding: 0;margin: 8px 0 0 0;}
.articleTitle a.more:hover{color: #004199;}
.articleTitle h2{font-size: 20px;font-weight: normal;margin: 0;padding: 0;}

/*学院新闻*/
@keyframes slideInFromLeft {
    0% {
		opacity: 0;
        transform: translateX(-30%);
    }
    100% {
		opacity: 1;
        transform: translateX(0);
    }
}
@keyframes slideInFromRight {
    0% {
		opacity: 0;
        transform: translateX(20%);
    }
    100% {
		opacity: 1;
        transform: translateX(0);
    }
}
.newsList{/* overflow: hidden; */}
.newsList li{border-bottom: 1px dashed #ccc;padding-bottom: 10px;margin-bottom: 15px;overflow: visible;}
.newsList li a{
	display: block;
	text-decoration: none;
	color: #232323;
}
.newsList li{
	animation: 1s ease-out 0s 1 slideInFromLeft;
}
.news01{overflow: hidden;}
.news01 .dateLeft{float: left;width: 66px;height: 70px;text-align: center;}
.news01 .dateLeft i{display: block;background: #004999;height: 34px;line-height: 34px;color:#fff;font-style: normal;font-size: 24px;font-family: 'Arial';}
.news01 .dateLeft strong{display: block;border: 1px solid #8093c0;height: 34px;line-height: 34px;color: #80a0c0;font-style: normal;font-size: 16px;font-family: 'Arial';}
.news01 .news_info{margin-left: 80px;}
.news01 .news_info h3{margin: 0 0 8px 0;font-size: 14px;height: 19px;overflow: hidden;line-height: 19px;letter-spacing: 0.5px;}
.news01 .news_info p{color:#999999;font-size: 14px;margin-bottom: 5px;margin-top: 0;height: 19px;line-height: 19px;overflow: hidden;width: 100%;height: 38px;}
.news01 .news_info p.time,.news01 .news_info p.person{font-size: 12px;/* padding-left: 15px; */}
.newsList li a:hover .news01 .news_info h3{color: #004999;}
.news01 .news_info p.time{/* background: url(../images/time.png) no-repeat center left; */}
.news01 .news_info p.person{/* background: url(../images/person.png) no-repeat center left; */}


/*切换*/
.tabArticleList01{width:100%;overflow:hidden;position: relative;}
.tabMenu01{width:100%;overflow:hidden;margin:0 0 15px 0;position: relative;border-bottom: 1px solid #763237;padding-bottom: 10px;position: relative;}

.tabMenu01 li{height:20px;line-height:23px;text-align: center;font-size:20px;border-right:2px solid #999;float:left;margin-right: 20px;padding-right: 20px;margin-bottom: 3px;}
.tabMenu01 li:last-child{border-right:none;}
.tabMenu01 li a.more{color:#999999;position: absolute;top:0;right: 0;font-size: 14px;}
.tabMenu01 li a.more:hover{color:#990000;}
.tabMenu01 li h3 a{color:#999999;font-weight: normal;}
.tabMenu01 li.active h3 a,.tabMenu01 li:hover h3 a{color:#333;cursor: pointer;}
.tabList01{width:100%;/* overflow:hidden; */}
.tabList01 dd{margin: 0;}

.tabList01 dd ul{/* overflow: hidden; */margin-top: 0;}
.tabList01 dd ul li{margin-bottom: 11px;animation: 0.8s ease-out 0s 1 slideInFromRight;}
.tabList01 dd ul li a{display: block;border-left: 2px solid #8097c0;padding:12px;background: #e1eaf3;text-decoration: none;}
.tabList01 dd ul li a span{display: block;color: #004199;margin-bottom: 5px;font-size: 12px;}
.tabList01 dd ul li a p{font-size: 14px;height: 20px;overflow: hidden;line-height: 20px;margin: 0;color: #333;}
.tabList01 dd ul li a:hover p{color: #004999;}

.moreBox{overflow: hidden;position: absolute;top:0;right: 0;z-index:3;}
.moreBox a{display: none;color:#999999;font-size: 14px;}
.moreBox a:hover{color:#990000;cursor: pointer;}
.moreBox a.active{display: block;}


.mode02{max-width: 1200px;width: 100%;margin: 0 auto;padding-top: 15pt;overflow: hidden;}
.mode02 .lf{float: left;width: 58.33%;overflow: hidden;}
.mode02 .rt{float: right;width: 38.33%;overflow: hidden;}




/*学生活动*/
.activitiesList{overflow: hidden;}
.activitiesList li{margin-bottom: 19px;border-bottom: 1px dashed #ccc;padding-bottom: 15px;}
.activitiesList li .dateLeft{float: left;width: 78px;height: 24px;line-height: 24px;font-size: 12px;text-align: center;font-family: 'Arial';}
.activitiesList li .dateLeft i{float: left;width: 26px;font-style: normal;color:#fff;background: #004999;font-weight: bold;}
.activitiesList li .dateLeft strong{float: left;width: 50px;border: 1px solid #9ba9cc;height: 22px;line-height: 22px;color: #004999;border-left: none;}
.activitiesList li a{display: block;margin-left: 90px;font-size: 14px;overflow: hidden;height: 20px;text-decoration: none;color: #222;}


.news_video{ overflow: hidden; background: #f2f2f2; }
.news_video video {width: 460px;height: 170px;display: block;float:left;}
.news_video h3{ margin-left: 320px; font-size: 14px; line-height: 24px; padding: 15px 15px 15px 0; display: block; height: 133px; overflow: hidden;}



.rapidList{overflow: hidden;margin-top: 38px;}
.rapidList li{margin-bottom: 10px;/* border-right: solid 5px #e1e4f3;*/}
.rapidList li .iconBox{display: block;height: 50px;/* background: url(../images/re_bg.png) no-repeat center right; */}
.rapidList li .iconBox .icon{display: table-cell;float: left;height: 100%;width: 80px;text-align: center;line-height: 50px;background-color: #2a6db0;background-repeat: no-repeat;background-position: center center;}
.rapidList li .iconBox .icon img{vertical-align: middle;padding-top: 10px;}

.email {background-image: url('../images/mail-2544.svg');background-size: 50%;}
.thumbs {background-image: url('../images/thumbs-down.svg');background-size: 54%;}
.files {background-image: url('../images/download-899.svg');background-size: 54%;}
.contact {background-image: url('../images/phone-7146.svg');background-size: 54%;}


.rapidList li .iconBox h3{float: left;margin: 0;font-size: 17px;font-weight: normal;line-height: 50px;width: calc(100% - 100px);text-indent: 30px;}
.iconBox h3 a {
	display: block;
	width: 50%;
	height: 50px;
	/* margin-top: 1px; */
	background: linear-gradient(to right, #e1eaf3, transparent 50%);
	overflow: hidden;
}

.iconBox h3 a:hover {
    color: #1b4381;
	font-size: 20px;
	border-right: solid 5px #c1d4e9;
	width: 100%;
    background: linear-gradient(to right, #d6e3f1, transparent 100%);
	transition: width 1s, font-size 0.1s ease;
}

.iconA{float: left;margin-left: 30px;line-height: 60px;}
.iconA a{padding:3px 15px;border-radius: 15px;background: #ededed;margin-right: 20px;font-size: 14px;}
.iconA a:hover{background: #c09f80;color:#fff;}

@media screen  and (max-width:1200px) {
	.sliderContainer{max-height: auto;}
	.content{width:100%;}
	.mode01,.mode02{width:92%;}
	

}
@media screen and (max-width:1000px){
/*	.rapidList li .iconBox h3{margin-left: 18px;}*/
	.iconA{margin-left: 16px;}
	.iconA a{margin-right: 10px;}
	.iconA a:last-child{margin-right: 0;}
}

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

@media screen and (max-width: 800px) {
	
	.mode01 .lf{width: 100%; float: none;margin-bottom: 20px;}
	.mode01 .rt{width: 100%;float: none;/* margin-bottom: 50px; */}
	.mode02 .lf{width: 100%; float: none;margin-bottom: 20px;}
	.mode02 .rt{width: 100%;float: none;}
	.news01 .news_info h3{height: auto;}
	.news01 .news_info p{height: auto;}
	.tabList01 dd ul li a p{height: auto;}

	.rapidList li .iconBox{background-size: 100% 100%;}
	.activitiesList li a{height: auto;}
	.rapidList li .iconBox h3{font-size: 16px;}
	
}

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

}

@media screen and (max-width:480px){
	.news_video video{ float: none; margin: 0 auto; }
	 .news_video h3{ margin: 0; padding: 10px; height: auto; }
	.news01 .dateLeft{width: 52px;}
	.news01 .news_info{margin-left: 65px;}
}


@media screen /*and (min-width:320px)*/ and (max-width:360px) {
	
}