
/* mvp117 */
.mvp117 {width:100%;float:left;position:relative;background:#ef8500;background: #ddd;box-sizing:border-box;overflow:hidden;}

.mvp117 .innerbox {text-align: center;width: 100%; position:relative; padding:20px 0;float: left; box-sizing:border-box;}

.mvp117 .textbox {width: 32.666%;padding: 10px 15px;box-sizing:border-box;float:left;text-align: left;}
.mvp117 .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;
					}
.mvp117 .textbox .bar {width:50px;height:2px;border-bottom: 2px solid #666;display:inline-block;box-sizing: border-box;margin: 8px 0 15px;}
.mvp117 .textbox p {
					color: #838383;
					font-size: 14px;
					letter-spacing:-0.5px;
					line-height:22px;
					display:block;
					clear:both;
					width:100%;
					margin-bottom:23px;
					box-sizing:border-box;
					overflow:hidden;
					white-space:nowrap;
					text-overflow:ellipsis;
					word-break:keep-all;
					}
.mvp117 .textbox .readmore_btn {background: #1d5793;
							    height: 45px;
							    line-height: 45px;
							    float: left;
							    padding: 0 45px;
							    color: #fff;
							    font-weight: 600;
							    font-size: 14px;
							    border: 1px solid rgba(255,255,255,0.6);
							    box-sizing: border-box;
							 }


.mvp117 ul {width: 67.333%;position:relative;box-sizing:border-box;display: inline-block; padding-right:15px;}
.mvp117 ul li {width: 31.666%;display:inline-block;position:relative;margin-left:-4px;margin-right: 2.5%;/* padding: 0 10px; */box-sizing: border-box;}
.mvp117 ul li:nth-child(3), .mvp117 ul li:last-child {margin-right:0;}

.mvp117 ul li .imgbox {width:100%;
					   overflow:hidden;
					   margin-bottom: 25px;
					   /* 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;
					   position:relative;
					   background-repeat:no-repeat;
					   background-position:center;
					   -webkit-transition:background 1s, border-color 1s;
					   transition:background 1s, border-color 1s;
					   }
.mvp117 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;}
.mvp117 ul li .tit {font-size: 14px;
					color: #333;
					letter-spacing: -0.5px;
					font-weight:400;
					width:100%; padding:0 10px;
					height: 44px;
					float:left;
					line-height: 22px;
					text-align: center;
					white-space:nowrap;
					overflow:hidden;
					text-overflow:ellipsis;
					box-sizing:border-box;
					-webkit-line-clamp:2;
					-webkit-box-orient:vertical;
					display:-webkit-box;
					white-space:normal;
					word-break:keep-all;
					}
	.mvp117 ul li:hover .imgbox { background:#333 !important; border-color:#333;}
	.mvp117 ul li:hover img {opacity:0.8; transform:scale(1.1);}
	.mvp117 ul li:hover .tit {text-decoration:underline;}


/* no-data */
.mvp117 .no_data {width:100% !important; padding:0 !important; display:none;}
.mvp117 .no_data h3.tit {letter-spacing:0; font-weight:400; text-align:center; margin-top:20px;}

	


	@media (min-width:991px){
		.mvp117 ul {padding-right:40px;}
	}

	@media (min-width:800px){
		.mvp117 .textbox h3 {font-size: 26px;/* font-weight: 400; */padding-bottom: 6px;}
		.mvp117 ul li .imgbox {height:185px;}
	}
	
	@media (min-width:600px) and (max-width:799px){
		.mvp117 ul {padding:15px 15px 0 10px;}
		.mvp117 ul li .imgbox {height:130px;}
	}


	@media (max-width:799px){

	}

	@media (max-width:599px){
		.mvp117 {height:auto;}
		.mvp117 .innerbox {padding:20px 15px 100px;}
	
		.mvp117 .textbox {width:100%; padding:0;}
		.mvp117 .textbox h3 {font-size:20px; line-height:25px;}
		.mvp117 .textbox p {margin-bottom:0;}
		.mvp117 ul {width:100%; padding-right:0; margin-top:30px;}
		.mvp117 ul li {width:30.666%; margin-right:4%;}
		.mvp117 ul li .imgbox {height:100px;}

		.mvp117 .textbox .readmore_btn {position:absolute; bottom:30px; width:calc(100% - 30px); left:15px; text-align:center;}
		.mvp117 .no_data h3.tit {margin-top:0; height:auto;}
	}





