@charset "utf-8";
/* CSS Document */

.classTab { background-color: #f9f9f9;}
.classTab ul { padding:1.1em  0 0.85em 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.classTab li { border-right:1px solid #ebebeb ;}
.classTab li:last-child {border-right:0}
.classTab li a { display: block; padding: 0 1.05em; line-height: 2;}
.newIBox img { display: block;
    margin: 0 auto;}
.newIBox { margin-top: 2.7em; text-align: left; padding-bottom: 4.9em;}
.newIBox .tit { position: relative; z-index: 0; line-height: 1.9; border-bottom: 1px solid #809c45;}
.newIBox .tit .name {font-size:24px;}
.newIBox .tit .line { position: absolute; left: 0; bottom: 0;
 width: 2.9em; height: 0.13em;
 background-color: #75b000;}
 .newIBox .tit .line::before { display: block; width: 50%; content: "";
 height: 100%; margin: 0 auto 0 0; background-color: #707070;}
.newIBox .list { margin-top: 2.5em;}
.newIBox .list p{word-break:break-all;}
.newIBox .list img {max-width: 100%; height: auto; -webkit-max-width: 100%; /* 兼容webkit内核浏览器 */ }
.newIBox .zgwzcj img {max-width: 50%; height: auto; -webkit-max-width: 50%; /* 兼容webkit内核浏览器 */ }
section img {max-width: 100% !important; height: auto; -webkit-max-width: 100% !important; /* 兼容webkit内核浏览器 */ }
.newIBox .list ul {}
.newIBox .list li { padding: 1.5em 0 1.5em 1em; display: flex;
 justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.newIBox .list li:nth-child(2n) { background-color: #eee;
}
.newIBox .list li .date { position: relative; z-index: 0; 
margin-right: 2.8%; padding-right: 1.3%; 
height: 9.68em; border-right: 5px solid #f1f1f1; color: #b1b1b1; text-align: right;
display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}
.newIBox .list li .date .dd { color: #75b000; font-size: 1.8em; font-weight: bold;}
.newIBox .list li .date::after { content: ""; display: block;
position: absolute; top: 0; right: -5px; width:5px; height: 1.7em;
 background-color: #74b100;}
.newIBox .list li .picb { width: 15.625em;}
.newIBox .list li .pic { padding-top: 62%; position: relative; z-index: 0;}
.newIBox .list li .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;}
.newIBox .list li .txtb { flex: 1; margin:0 3.4%;}
.newIBox .list li .txtb .name { font-weight: bold; color: #212121; height: 1.5em;
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; 
}
.newIBox .list li .txtb .name a { color: #212121;}
.newIBox .list li .txtb .name a:hover { color: #84b528;}
.newIBox .list li .txtb .intro { margin-top: 0.5em; color: #707070; line-height: 1.75em; height: 3.5em;
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.newIBox .list li .txtb .btn { display: inline-block; margin-top: 2em; color: #84b528;}
.newIBox .list li .txtb .btn:hover { color: #84b528; text-decoration: underline;}

@media only screen and (max-width:828px) {
	.newIBox .list li .picb { width: 10em;}
	.newIBox .list li .date { margin-bottom: 0.7em; width: 100%;}
	.newIBox .list li .date { margin-right: auto; padding-right: 0;
	height: auto; border-right: 0; border-bottom: 3px solid #f1f1f1; text-align: left;
	display: block;}
	.newIBox .list li .date::after { 
	position: absolute; right:auto; left: 0; top: auto; bottom: -3px; width:1.7em; height: 3px;
	 background-color: #74b100;}
	 .newIBox .list li .date .dd {display: inline-block;}
	 .newIBox .list li .date .yymm { display: inline-block;}
	.newIBox .list li .txtb .btn { margin-top: 0.4em;}
	.newIBox .list li .txtb .intro { margin-top: 0.1em;  line-height: 1.4em; height: 2.8em;
	}
}


.newIBox .listRe ul { flex-wrap: wrap;
 display: flex; justify-content: flex-start; align-items: flex-start;}
.newIBox .listRe li { width:22.75%; margin-top: 3%; margin-right:3%;}
.newIBox .listRe li:nth-child(4n) { margin-right: 0;}
.newIBox .listRe li .pic { width: 100%; padding-top: 138%; position: relative; z-index: 0;}
.newIBox .listRe li .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;}
.newIBox .listRe li .txtb { width: 100%; margin-top: 0.9em;}
.newIBox .listRe li .txtb .name { font-weight: bold; color: #212121; height: 1.5em;overflow: hidden;text-overflow:ellipsis;
display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; }
.newIBox.member .listRe li .txtb .name{text-align:center;}
.newIBox .listRe li .txtb .name a { color: #212121;}
.newIBox .listRe li .txtb .name a:hover { color: #84b528;}
.newIBox .listRe li .txtb .date { margin-top:0.76em; color: #888;}
.newIBox .listRe li .txtb .btnW { width: 100%; display: flex; 
justify-content: space-between; align-items: center;}
.newIBox .listRe li .txtb .btn { display: inline-block; margin-top: 0.7em; color: #fff;
background-color: #75b000; line-height: 2.3; width: 6em; padding: 0; text-align: center;
-moz-border-radius:1.2em; -webkit-border-radius:1.2em; border-radius:1.2em;}
.newIBox .listRe li .txtb .btn:hover { background-color: #a9c2ff; }

@media only screen and (max-width:828px) {
	.newIBox .listRe li { margin-top: 3%; width: 31.3%; margin-right:3%;}
	 .newIBox .listRe li:nth-child(5n) { margin-right: 3%;}
	.newIBox .listRe li:nth-child(3n) { margin-right: 0;}
}

@media only screen and (max-width:420px) {
	.newIBox .listRe li { width: 48.5%; margin-right:3%; display: flex;
	 justify-content: flex-start; align-items: center; flex-wrap: wrap;}
	 
	 .newIBox .listRe li:nth-child(3n) { margin-right: 3%;}
	 .newIBox .listRe li:nth-child(2n) { margin-right:0;}
}