@charset "utf-8";


.board128 {width:100%;float:left;clear:both;height: 100%;padding: 15px;box-sizing: border-box;position: relative;}
.board128 .boardtit {width:100%;font-size: 21px;color: #3b568d;line-height: 150%;letter-spacing:-0.5px;margin: 0 0 14px 0;/* text-align: left; */white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.board128 ul {width:100%;float:left;border-top: 2px solid #3b568d;}
.board128 ul li {width:100%;text-align:left;float:left;height: 43px;line-height: 43px;border-bottom: 1px solid #eaeaea;box-sizing: border-box;}
.board128 ul li .tit {width:70%;float:left;font-size: 15px;color:#000;text-overflow: ellipsis;overflow: hidden;font-weight: 400;white-space: nowrap;letter-spacing: -0.5px;}
.board128 ul li .date {width: 30%;float:right;text-align: right;font-size:13px;color: #838383;letter-spacing: -0.5px;}

.board128 .more_btnbox {width:100%;position: absolute; bottom: 15px; left: 0; text-align:center;}
.board128 .more_btnbox .more_btn {font-size:14px;
									font-weight:400;
									background: #3b568d;
									color: #fff;
									height: 35px;
									line-height: 35px;
									padding: 0 30px;
									border-radius: 30px;
									margin:0 auto;
									text-align:center;
									display:inline-block;
									box-sizing: border-box;
									white-space: nowrap;
									text-overflow: ellipsis;
								    vertical-align: middle;
								    -webkit-transform: perspective(1px) translateZ(0);
								    transform: perspective(1px) translateZ(0);
								    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
								    -webkit-transition-property: color;
								    transition-property: color;
								    -webkit-transition-duration: 0.3s;
								    transition-duration: 0.3s;}
.board128 .more_btnbox .more_btn:before {content: "";
									    position: absolute;
									    z-index: -1;
									    top: 0;
									    left: 0;
									    right: 0;
									    bottom: 0;
									    background: #fff;
									    -webkit-transform: scaleY(0);
									    transform: scaleY(0);
									    -webkit-transform-origin: 50% 0;
									    transform-origin: 50% 0;
									    -webkit-transition-property: transform;
									    transition-property: transform;
									    -webkit-transition-duration: 0.3s;
									    transition-duration: 0.3s;
									    -webkit-transition-timing-function: ease-out;
									    transition-timing-function: ease-out;}

/* no-data */
.board128 ul li.no_data {height:70px; line-height:70px; border-bottom:none;}
.board128 ul li.no_data .tit {font-size:15px;}
.board128 ul li.no_data .tit:hover {text-decoration:none;}


/* hover */
.board128 ul li .tit:hover {text-decoration:underline;}
.board128 .more_btnbox .more_btn:hover {color:#3b568d; font-weight:600;}
.board128 .more_btnbox .more_btn:hover:before {-webkit-transform: scaleY(1); transform: scaleY(1);
											   width: calc(100% - 2px); height: calc(100% - 2px); margin-left: 1px; margin-top: 1px; border-radius: 30px;}



.layout_height_H .board128 ul li:nth-child(5) {border-bottom:none;}
.layout_height_M .board128 ul li:nth-child(3) {border-bottom:none;}
.layout_height_M .board128 ul li:nth-child(3) ~ li {display:none;}


	@media (min-width:800px){ 
	}


	@media (max-width:799px){ 
		.board128 {padding:20px 15px;}
		.board128 .more_btnbox {position:relative; width: 100%; float: left; margin-top: 20px; bottom:0;}
		
	}

	@media (min-width:600px) and (max-width:799px){
		.board128 .boardtit {font-size:19px;}
		.layout_block4 .board128 .more_btnbox {width:100%;position: absolute; bottom: 15px; left: 0; text-align:center;}
	}
		
	@media (max-width:599px){
		.board128 .boardtit {font-size:18px;}
		.board128 ul li .tit {font-size:14px;}
	}