
/* mvp013 */
.mvp013 {width:100%;float:left;position:relative;background:white;box-sizing:border-box;overflow:hidden;position:relative;height: 400px;}

.mvp013 .boardBgImg {width: 100%; height: 400px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0;}
.mvp013 .boardBgImg img {width: 100%; min-height: 100%;}

.mvp013 .innerbox {text-align: center;max-width:1300px;z-index: 1;position:relative; margin:0 auto;}

.mvp013 .textbox {width: 100%;padding: 30px 15px 30px;box-sizing:border-box;float:left;/* position: absolute; *//* left: 0; */}
.mvp013 .textbox h2 {color:#fff; line-height:normal; position:relative;}
.mvp013 .textbox p {color:#fff; z-index: 0;line-height:20px;font-size: 13px;-webkit-box-orient: vertical;display: -webkit-box;}

.mvp013 ul {width: 100%; position:relative; box-sizing:border-box;display: inline-block;}
.mvp013 ul li {width:24.25%;display:inline-block;position:relative;margin-left:-4px;margin-right:1%;padding: 0 10px;box-sizing: border-box;}
.mvp013 ul li:nth-child(4), .mvp013 ul li:last-child {margin-right:0;}

.mvp013 ul li .imgbox {width:100%; overflow:hidden; margin-bottom:15px; 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;}
.mvp013 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;}
.mvp013 ul li h3.tit {font-size:13px; color:#fff; letter-spacing:-1px; font-weight:400; width:100%; height:60px; float:left; line-height:20px; text-align:left; 
					white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; -webkit-line-clamp:3;
					-webkit-box-orient:vertical; display:-webkit-box; white-space:normal; word-break:keep-all;}
	.mvp013 ul li:hover .imgbox { background:#333 !important; border-color:#333;}
	.mvp013 ul li:hover img {opacity:0.8; transform:scale(1.1);}


/* no-data */
.mvp013 .no_data {width:100% !important; padding:0 !important; display:none;}
.mvp013 .no_data h3.tit {letter-spacing:0; font-weight:400; text-align:center; margin-top:20px;}

	
	@media (min-width:800px){
		.mvp013 .innerbox {}
		.mvp013 .textbox h2 {font-size: 22px;font-weight:600;padding-bottom: 15px;}
		.mvp013 ul li .imgbox {height:130px;}
	}
	@media (min-width:800px) and (max-width:1299px){
		.mvp013 ul {max-width:800px;}
	}
	@media (min-width:1300px){
		.mvp013 ul {max-width:1000px;}
	}

	
	
	@media (min-width:600px) and (max-width:799px){
		.mvp013 {height:350px;}
		.mvp013 ul li .imgbox {height:100px;}
	}


	@media (max-width:799px){
		.mvp013 ul li .imgbox {height:120px; margin-bottom:5px;}

		.mvp013 .textbox h2 {font-size: 18px; padding-bottom:20px;}
	}



	@media (max-width:599px){
		.mvp013 {height:auto;}
		.mvp013 .boardBgImg {height:100%;}
    	.mvp013 ul {max-width:80%;}
    	.mvp013 ul li {width:49%; margin-bottom:20px;}
    	.mvp013 ul li:nth-child(2n) {margin-right:0;}
    	.mvp013 ul li .imgbox {height:100px;}
    	.mvp013 .textbox {width:100%; padding:20px 15px 20px; position:relative;}
    	.mvp013 .textbox p {-webkit-line-clamp:2; max-height:38px; overflow:hidden;}
    	.mvp013 ul li h3.tit {-webkit-line-clamp:2; height:40px;}

	}
	@media (max-width:499px){
		.mvp013 ul {max-width:90%;}
		.mvp013 ul li .imgbox {height:90px;}
	}






