
/* mvp118 */
.mvp118 {width:100%;float:left;position:relative;box-sizing:border-box;overflow:hidden;}

.mvp118 .innerbox {text-align:center;width:100%; position:relative; padding:20px 0;float:left; box-sizing:border-box;}

.mvp118 .textbox {width:24.25%;margin-right:1%;padding:15px 0;box-sizing:border-box;float:left;text-align:left;}
.mvp118 .textbox h3 {width:100%;display:inline-block; position:relative; box-sizing:border-box;
					color:#333; font-weight:400; font-size:23px; line-height:33px; letter-spacing:-1px;
					overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all;}
					
.mvp118 .textbox p {color:#838383; font-size:14px; letter-spacing:-0.5px; line-height:22px;
					display:block; clear:both; width:100%; box-sizing:border-box;
					overflow:hidden; word-break:keep-all; text-overflow:ellipsis; white-space:nowrap;}


.mvp118 ul {width:74.45%;position:relative;box-sizing:border-box;display:inline-block;/* padding-right:15px; */}
.mvp118 ul li {width:32.333%;display:inline-block;position:relative;margin-left:-4px;margin-right:1.5%;/* padding:0 10px; */box-sizing:border-box;border:2px solid #bbbbd2;border-radius:8px;overflow:hidden;}
.mvp118 ul li:first-child {margin-left:0;}
.mvp118 ul li:nth-child(3), .mvp118 ul li:last-child {margin-right:0;}

.mvp118 ul li .imgbox {width:100%; overflow:hidden; margin-bottom:20px; position:relative;
					   /* border:2px solid rgba(255,255,255,0.9); */ box-sizing:border-box;
					   background:url(/images/wzwg/site/mngr/no-img.png);
					   background-size:contain; background-repeat:no-repeat; background-position:center;
					   -webkit-transition:background 1s, border-color 1s;
					   transition:background 1s, border-color 1s;
					   }
.mvp118 ul li .imgbox img {position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px;
   						   margin:auto; min-height:100%; width:100%; display:block; -webkit-transition:transform 1s; transition:transform 1s;}

.mvp118 ul li .top_text {font-size:14px; font-weight:600; color:#4482e8;}
.mvp118 ul li .tit {font-size:17px; color:#3c3c3c; letter-spacing:-0.5px; line-height:22px; text-align:center;
					width:100%; padding:9px 10px 21px; float:left; overflow:hidden; box-sizing:border-box;
					text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;}
.mvp118 ul li .co {width:100%; height:40px; float:left; padding:0 10px; box-sizing:border-box; overflow:hidden; margin-bottom:20px;
				    font-size:14px; line-height:20px; color:#9b9b9b; letter-spacing:-0.5px; word-break:keep-all;
				    -webkit-line-clamp:2;-webkit-box-orient:vertical; display:-webkit-box; white-space:normal;}
.mvp118 ul li .date {width:100%; color:#838383; font-size:13px; margin-bottom:20px;}

	.mvp118 ul li:hover .imgbox { background:#333 !important; border-color:#333;}
	.mvp118 ul li:hover img {opacity:0.8; transform:scale(1.1);}
	.mvp118 ul li:hover .tit {text-decoration:underline;}



/* no-data */
.mvp118 .no_data {width:100% !important; padding:0 !important; display:none;}
.mvp118 .no_data h3.tit {letter-spacing:0; font-weight:400; text-align:center; margin-top:20px;}

	
	@media (min-width:800px) and (max-width:1300px){
		.mvp118 .innerbox {padding:20px 15px;}
	}
	@media (min-width:800px){
		.mvp118 .textbox h3 {font-size:26px;line-height:130%;padding-bottom:15px;}
		.mvp118 .textbox h3.bigtit {font-size:31px;}
		.mvp118 ul li .imgbox {height:165px;}
	}
	
	@media (min-width:600px) and (max-width:799px){
		.mvp118 ul {padding:15px 15px 0 10px;}
		.mvp118 ul li .imgbox {height:130px;}
	}


	@media (max-width:799px){

	}

	@media (max-width:599px){
		.mvp118 .innerbox {padding:20px 15px;}
	
		.mvp118 .textbox {width:100%; padding:0;}
		.mvp118 .textbox h3 {font-size:20px; line-height:25px; text-align:center;}
		.mvp118 .textbox p {text-align:center;}
		.mvp118 ul {width:100%; margin-top:30px;}
		.mvp118 ul li .imgbox {height:100px;}
		.mvp118 ul li .co {font-size:13px;}

		.mvp118 .no_data h3.tit {margin-top:0; height:auto;}
	}





