@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'SourceHanSerifSC';
	src: url('SourceHanSerif-Heavy.ttc') format('truetype'), /* 为现代浏览器 */
}
.swiper-slide{
	position: relative;
}
.swiper-slide img{
	height: 100vh;
	width: 100%;
	min-height: 800px;
}
.slide-ifm {
	position: absolute;
	left: 0px;
	top: 80%;
	width: 100% !important;
	background: rgba(0, 0, 0, 0.5);
	text-align: left;
}
.slide-ifm h3{
	font-size: 35px;
	color: #fff;
	line-height: 50px;
	padding: 10px 15px;
}
.slide-ifm p{
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 24px;
	margin-bottom: 40px;
}
.slide-ifm a{
	/* font-family: Arial; */
	/* font-weight: bold; */
	/* font-size: 18px; */
	/* color: #FFFFFF; */
	/* line-height: 18px; */
	/* padding: 18px 55px; */
	/* background: #3D55A7; */
	/* border-radius: 6px; */
	/* display: inline-block; */
}
.slideshow .swiper-pagination{
	bottom: 30px;
}
.swiper-pagination-bullet{
	border: 2px solid rgba(255,255,255,0);
	background: none;
	padding: 9px;
	width: auto;
	height: auto;
	opacity: 1;
}
.swiper-pagination-bullet::before{
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 50%;
	content: "";
	display: block;
	opacity: 0.5;
}
.swiper-pagination-bullet-active{
	border-radius: 50%;
	border: 2px solid #FFFFFF;
	border-top: 2px solid rgba(255,255,255,0.2);
	background: none;
	padding: 9px;
	opacity: 1;
	transition: all 1s;
	transform: rotate(315deg);
}
.swiper-pagination-bullet-active::before{
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 50%;
	content: "";
	display: block;
	opacity: 1;
}
@media(min-width:1460px){
	.slide-ifm{
		width: 60%;
	}
}
@media(max-width:1460px){
	.swiper-slide img{
		min-height: 650px;
	}
	.slide-ifm {
		position: absolute;
		left: 0;
		/* top: 25%; */
		width: 60%;
	}
	.slide-ifm h3{
		font-size: 32px;
		line-height: 38px;
	}
}
@media(max-width:991px){
	.slide-ifm{
		bottom: 15%;
		top: auto;
		left: 0;
	}
	.home-title{
		margin:30px 0px 30px;
	}
	.swiper-slide img{
		height: 300px;
		min-height: auto;
	}
	.swiper-slide h3{
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 0;
	}
	.slide-ifm p{
		display: none;
	}
	.slide-ifm a{
		/* padding: 10px 30px; */
		/* font-size: 16px; */
	}
	.slideshow .swiper-pagination{
		bottom: 5px;
	}
}
.home-chnl{
	overflow: hidden;
	margin-bottom: 80px;
}
.home-title{
	margin: 80px 0px 40px;
}
.home-title h2{
	display: inline-block;
}
.home-title h2 a{
	font-family: Arial;
	font-weight: bold;
	font-size: 36px;
	color: #010103;
	line-height: 36px;
}
.home-title h2 a:hover{
	color: #3D55A7;
}
.home-title .more{
	float: right;
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	color: #010103;
	line-height: 36px;
	padding-right: 40px;
	background: url("detail.png") no-repeat right;
}
.more:hover{
	color: #3D55A7;
}
.news-img{
	display: block;
	width: 47.1%;
	float: left;
	line-height: 0;
	position: relative;
	overflow: hidden;
}
.news-img img{
	width: 100%;
	height: 100%;
	transition: all 1s
}
.news-img:hover img{
	transform: scale(1.1);
}
.news-img h3{
	background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
	padding: 40px 30px 20px;
	font-family: Arial;
	font-weight: bold;
	font-size: 22px;
	color: #FFFFFF;
	line-height: 30px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}
.news-list{
	width: 47.1%;
	float: right;
	border-top: 1px solid #F1F3FA;
}
.news-list li{
	border-bottom: 1px solid #F1F3FA;
	padding: 24px 120px 24px 0px;
	overflow: hidden;
	position: relative;
}
.news-list li:hover{
	border-bottom: 1px solid #3D55A7;
}
@media(max-width:1460px){
	.news-img{
		width: 50%;
	}
	.news-list li{
		padding:15px 120px 15px 0px;
	}
}
.news-list li:hover a{
	color: #3D55A7;
}
.news-list li:hover span{
	color: #3D55A7;
}
.news-list li a{
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
	color: #010103;
	line-height: 30px;
	display: block;
}
.news-list li span{
	position: absolute;
	right: 0px;
	top: 43%;
	font-family: Arial;
	font-weight: 400;
	font-size: 14px;
	color: #010103;
	line-height: 14px;
}



.greybg{
	background: #F1F3FA;
}
.Announcement{
	width: 31.9%;
	margin-bottom: 80px;
	float: left;
}
.notice-list{
	border-top: 1px solid #C9C9C9;
}
.notice-list li{
	position: relative;
	padding: 24px 0px 24px 77px;
	border-bottom: 1px solid #C9C9C9;
}
.notice-date{
	position: absolute;
	left: 0px;
	top: 25px;
}
@media(max-width:1460px){
	.notice-list li{
		padding: 15px 0px 15px 77px;
	}
	.notice-date{
		top: 10px;
	}
}
.notice-date span{
	display: block;
	font-family: Arial;
	font-weight: 400;
	font-size: 14px;
	color: #003382;
	line-height: 26px;
}
.notice-date p{
	font-family: SourceHanSerifSC;
	font-weight: 800;
	font-size: 46px;
	color: #003382;
	line-height: 50px;
}
.notice-title{
	position: relative;
}

.notice-title a:first-child{
	font-family: Arial;
font-weight: 400;
font-size: 20px;
color: #010103;
line-height: 28px;
	min-height: 56px;
	display: block;
}
.notice-title a:hover{
	color: #3D55A7;
}
.notice-title .more{
	font-family: Arial;
font-weight: 400;
font-size: 14px;
color: #6D747F;
line-height: 19px;
	display: inline-block;
}

.notice-title .point{
	position: absolute;
	right: 0px;
	bottom: 0px;
	display: block;
	width: 19px;
	height: 19px;
	background: url("detail.png") no-repeat;
	background-size: 100% 100%;
}
.notice-title .point:hover{
	opacity: 0.6;
}
.Missions{
	width: 62.5%;
	margin-bottom: 80px;
	float: right;
}
.mis-img{
	width: 100%;
	overflow: hidden;
	line-height: 0;
	display: block;
	border-radius: 4px;
}
.mis-img img{
	width: 100%;
	height: 100%;
	transition: all 1s;
}
.mis-img img:hover{
	transform: scale(1.1);
}

.research-list{
	overflow: hidden;
	margin: 0px -15px;
}
.research-list li{
	width: 33.33%;
	float: left;
	padding: 0px 15px;
}
.res-img{
	width: 100%;
	overflow: hidden;
	display: block;
	line-height: 0;
	
}
.res-img img{
	width: 100%;
	height: 100%;
	transition: all 1s;
}
.res-img img:hover{
	transform: scale(1.1);
}

.res-title{
	display: block;
	font-family: Arial;
	font-weight: bold;
	font-size: 22px;
	color: #010103;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis; 
	display: -webkit-box ; 
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 3;
	margin-top: 25px
}
.research-list li span{
	font-family: Arial;
	font-weight: 400;
	font-size: 14px;
	color: #010103;
	line-height: 26px;
	margin-top: 15px;
	display:block; 
}



.link-list{
	overflow: hidden;
	margin: 80px -15px;
}
.link-list li{
	width: 20%;
	padding: 0px 15px;
	float: left;
}
.link-list li a{
	width: 100%;
	overflow: hidden;
	line-height: 0;
	display: block;
	border-radius: 4px;
}
.link-list li a img{
	width: 100%;
	height: 100%;
	transition: all 1s;
}
.link-list li a img:hover{
	transform: scale(1.1);
}
@media(min-width:1200px){
	.res-img img{
		height: 260px;
		object-fit: cover;
	}
}
@media(max-width:1200px){
	.news-img,.news-list,.Announcement,.Missions{
		float: none;
    	width: 100%;
	}
}
@media(max-width:991px){
	.news-img,.Announcement,.Missions{
		float: none;
		width: 100%;
	}
	.news-img h3{
		font-size: 18px;
		line-height: 24px;
		padding: 15px;
	}
	.news-list{
		float: none;
		width: 100%;
	}
	.news-list li{
		padding: 24px 0px;
	}
	.news-list li span{
		position: relative;
		margin-top: 10px;
		display: block;
	}
	.link-list li{
		width: 50%;
		margin-bottom: 20px;
	}
}
@media(max-width:768px){
	.research-list li{
		float: none;
		width: 100%;
	}
	.link-list li{
		width: 100%;
	}
}

/* zxx新增样式 */
@media(min-width:1200px){
	.overfloat-dot {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
	}
	.overfloat-dot-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	}
	.overfloat-dot-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	}
	.overfloat-dot-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	}
	.overfloat-dot-5 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	}
	.overfloat-dot-6 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	}
	.overfloat-dot-7 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	}
}