@charset 'utf-8';
.ftbanner{
	width: 100%;
}
.elli-s{display: block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; max-width:100%; overflow: hidden;}
.elli-m{display: -webkit-box; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden;}
.fttit{
	border-bottom:1px solid #5796D9;
}
.fttit span{
	margin-top:30px;
	position:relative;
	display:inline-block;
	padding: 0 0 14px;
	font-size: 1.5em;
	color: #1B5ABA;
	font-weight: bold;
}
.fttit span:after{content: ''; position: absolute; width:100%; bottom:-1px; left:0; height: 2px; background: #1B5ABA;transition: all .3s; -webkit-transition: all .3s; overflow: hidden;}
.zxft {
	margin-top:30px;
    /* height: 248px; */
    background: url(../../images/hdjl/zxft_bg.png) center no-repeat;
    box-shadow: 0px 2px 24px  rgba(163, 190, 240, 0.54);
	background-size:100% 100%;
}
.ft-img {
    position: relative;
    width: 50%;
}
.ft-img p {
    width: 100%;
    height: 377px;
    line-height: 377px;
    text-align: center;
    color: #fff;
    font-size: 66px;
    font-weight: 700;
    letter-spacing: 5px;
    font-family: "SourceHanSerifCN";
    background: url(../../images/hdjl/zxft_m.png) center no-repeat;
    background-size: 100% 100%;
    font-family:'宋体';
}
.ft-img a {
    display: inline-block;
    position: absolute;
    height: 27px;
    bottom: 24px;
    right: 30px;
    font-size: 18px;
    color: #fff;
}
.ft-detail {
    width: 50%;
    padding: 25px 28px;
    box-sizing: border-box;
}
.ft-detail h3 {
    text-align: left;
    margin-bottom: 20px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
}
.ft-detail .date,
.ft-detail .jiabin {
    margin-bottom: 20px;
    font-size: 18px;
    color: #000;
	line-height:30px;
}
.ft-detail div > span:first-child {
	float:left;
	display: inline-block;
	width: 45px;
	height: 30px;
	line-height: 30px;
	/* text-align: center; */
	margin-right: 15px;
	color: #1B5ABA;
	font-weight: bold;
	border-radius: 2px;
	font-size: 18px;
	/* border: 1px solid #84ADF9; */
}
.ft-detail .jiabin > span {
    float: left;
}
.ft-detail .jiabin p,.ft-detail .bg p {float: left;width: 90%;text-align: left;}
.ft-detail .bg p{max-height: 145px;overflow-y:auto;line-height: 28px;}
.ft-detail .jiabin p i{margin:0 8px;}
.ft-detail .jiabin p span {
    display: block;
}

.ft-detail .bg p::-webkit-scrollbar {
	width: 2px;
	height: 6px;
	background: transparent;
}

.ft-detail .bg p::-webkit-scrollbar-thumb {
	background: transparent;
	border-radius: 4px;
}

.ft-detail .bg p::-webkit-scrollbar-thumb {
	background: #204C9C;
}

.ft-detail .bg p::-webkit-scrollbar-track {
	background: hsla(0, 0%, 53%, 0.1);
}

.zxftlist{
	margin-left: -1.15625em;
	margin-right: -1.15625em
}
.zxftlist li{
	width: 30.7%;
	margin:2.5em 1.3%;
	float: left;
	background: #FFFFFF;
	box-shadow: 3px 5px 15px  #93B0E6;
	height: 430px;
}
.zxftlist li a{
	width: 100%;
	display: inline-block;
}
.zxftlist li a img{
	width: 100%;
	max-height: 248px;
}
.bt{
	/* width: 100%; */
	padding: 0.875em 1.375em;
	box-sizing: border-box;
}
.bt .icon{
	width:1.375em ;
	vertical-align: middle;
	margin-right: 0.5em;
}
.bt .fttime{
	line-height: 28px;
	display: inline-block;
	color: #A6A6A6;
	font-size: 1em;
}
.bt p{
	color: #383838;
	font-size: 1em;
	margin-top:0.875em;
	font-weight: bold;
}
.bt .zt{
	font-size:1.125em;
}
.bt p font{
	font-weight: bold;
	/* font-size: 1.125em; */
	color: #000000;
}
.jbcont{
	line-height: 25px;
}
.jbcont b{
	display: block;
	font-weight:normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.jbcont font{
	color: #383838;
	font-size: 1em;
	float: left;
	width: ;
}
.jbcont span{
	width: 87%;
	float: right;
	display: inline-block;
	color: #383838;
	font-size: 1em;
	font-weight: normal;
}
.jbcont span i{
	margin:0 8px;
}
@media (max-width:1480px){
	.jbcont span{
		width: 83%;
	}
	.ft-img p{
		height:310px;
		line-height:310px;
	}
	.ft-detail .jiabin p, .ft-detail .bg p{
		width:85%;
	}
	.ft-detail .bg p{
		max-height:100px;
	}
	.ft-detail .date, .ft-detail .jiabin{
		margin-bottom:10px;
	}
	.fttit span{
		font-size:1.4em;
	}
}
@media (max-width: 1280px){
	.zxftlist li{
		width: 47.4%;
	}
	.jbcont span{
		width: 88%;
	}
}
@media (max-width: 992px){
	body{
		font-size: 14px;
	}
	.jbcont span{
		width: 84%;
	}
}
@media (max-width: 750px){
	.zxftlist{
		width: 100%;
		margin: 0;
	}
	.zxftlist li{
		width: 100%;
		margin:10px 0 ;
		height: auto;
	}
	.jbcont span{
		width: 88%;
	}
	}
	@media (max-width: 450px){
		body{
		font-size: 12px;
	}
	.zxftlist{
		width: 100%;
		margin: 0;
	}
	.zxftlist li{
		height: auto;
	}
		.jbcont span{
		width: 83%;
	}
		.ft-img,.ft-detail{
			width:100%;
		}
		.ft-img p{
			height:55vw;
			line-height:55vw;
			font-size:42px;
		}
		.ft-detail div,.ft-detail .date, .ft-detail .jiabin{
			font-size:14px;
			line-height: 26px;
		}
		.ft-detail{
			padding:15px;	
		}
		.ft-detail .jiabin p, .ft-detail .bg p{
			width: 83%;
		}
		.ft-detail div > span:first-child{font-size:14px;width: 42px;line-height: 26px;margin-right: 5px;}
		.ft-detail h3{
			margin-bottom:10px;
		}
	}