/* project01 */
.project01 {width:100%;height:100%;background:white;float:left;box-sizing:border-box;position:relative;}

.project01 ul {width:100%;float:left;box-sizing:border-box;}
.project01 ul li {float:left;position:relative;box-sizing:border-box;}
.project01 ul li a {width:100%;float:left;position:relative;overflow:hidden;box-sizing:border-box;}
.project01 ul li .cobox {float:left;display:block;box-sizing:border-box;position:relative;padding-left: 20px;}
.project01 ul li .prjTit {width:100%; float:left; margin: 15px 0 5px; font-size:15px; color:#333; font-weight:600; letter-spacing:-1px; line-height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; box-sizing:border-box; font-size: 18px; }
.project01 ul li .prjCo {width:100%; float:left; box-sizing:border-box; font-size: 14.5px; color: #838383; letter-spacing: -0.5px; line-height: 140%; word-break:break-all; overflow:hidden; -webkit-line-clamp:4; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal; }
.project01 ul li .date {color:#070607; font-size:12px; opacity:0.8;}
.project01 ul li .date:before {content:"["; padding-right:2px; color:inherit;}
.project01 ul li .date:after {content:"]"; padding-left:2px; color:inherit;}

.project01 ul li .imgbox {height: 150px; float:left; position:relative; overflow:hidden; box-sizing:border-box; background:url(/images/wzwg/site/mngr/no-img.png); background-size:contain; background-repeat:no-repeat; background-position:center; border:1px solid rgba(0,0,0,0.1); }
.project01 ul li .imgbox img {position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px; margin:auto; min-height:100%; min-width: 100%; transition:all 0.5s;}


.project01 .listbtn {text-align:center;background: #aebece; display: inline-block;border-radius: 100%; position: absolute;bottom: 0;left: 50%;color: #fff; transition:background 0.5s;}
.project01 .listbtn:hover {background:#97aabc;;}


/* no_data */
.project01 ul li.no_data {width:100% !important;}
.project01 ul li.no_data .prjTit {font-weight:400; font-size:14px;}

/* hover */
.project01 ul li:hover .prjTit {text-decoration:underline;}
.project01 ul li:hover .imgbox img {transform:scale(1.1);}



/* cobox - ul design*/
.project01 .prjCo>b {width:100%;display:block;line-height: 150%;/* font-size: 15.5px; */}
.project01 .prjCo ul {width:100%; float:left;}
.project01 .prjCo ul li {width:100% !important;float:left;clear:both;font-size:14.5px;margin-bottom:0 !important;line-height: 130%;border-bottom: none !important;padding-bottom: 0 !important;}
.project01 .prjCo ul li:before {content:"\b7";margin: 0 3px 0 2px;font-weight: 600;font-size: 18px;display: inline-block;}
.project01 .prjCo ul li strong {font-weight:400;;}
.project01 .prjCo ul li strong:after {content:":";padding: 0 3px;font-weight: 400;}






	@media (min-width:800px){
		.project01 {padding-bottom: 27px;}
		.project01>ul {padding:40px 20px;border: 4px solid #aebece;}
		.project01 ul li {width:49%;}
		.project01 ul li:nth-child(2n+1) {clear:both;margin-right: 2%;}
		.project01 ul li:first-child, .project01 ul li:nth-child(2) {margin-bottom:45px;}

		.project01 ul li .imgbox {width:40%;}
		.project01 ul li .cobox {width:60%;}

		.project01 .listbtn {width:58px; height:58px; line-height:58px; font-size: 34px; margin-left:-29px;}
	}


	@media (max-width:799px){
		.project01 {width:98%; margin:0 1%; padding-bottom:40px;}
		.project01>ul {padding:25px 15px; border:2px solid #aebece;}
		.project01 ul li {width:100%;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dashed #ddd;}
		.project01 ul li:nth-child(4) {margin-bottom:0; padding-bottom:0; border-bottom:none;}
		
		.project01 ul li .imgbox {width:30%;}
		.project01 ul li .cobox {width:70%;}

		.project01 .listbtn {width:40px; height:40px; line-height:40px; font-size:27px; margin-left:-20px; bottom:20px;}
	}

	@media (min-width:600px) and (max-width:799px){}


	@media (max-width:599px){
		.project01 ul li .imgbox {height:115px;}
		.project01 ul li .prjTit {margin-top: 0;font-size:17px;}
	 }