img{/* width: 100%; */float: initial;}
/* banner */
.banner{position: relative;}
.banner img{display: block;width: 100%;}
.banner-info{position:absolute;bottom:0;text-align:right;width:100%;}
.banner-info .info{width: 98%;max-width:1200px;margin: 0 auto;font-size: 14px;color: #fff;line-height: 44px;}
.banner-info .info a,.banner-info .info a.active:hover{margin: 0 2px;font-size: 14px;color: #1555AC;}
.banner-info .info a.active{color: #fff;}
.banner .des{
	position:absolute;top:52%;left:50%;width:80%;text-align:center;transform:translate(-50%,-50%);
	font-size:20px;
	font-size: calc(8px + 0.58vw);
	color:#fff;
	max-width: 760px;
}
#category a{-webkit-text-size-adjust: none;}
/* .nav-x{background:#f1f2f3;height:65px;}
.nav-x .info{background: #f1f2f3;width:100%;max-width:1200px;margin:0 auto;display: flex;justify-content: center;}
.nav-x .info a{font-size:16px;color:#666;display:inline-block;width:200px;line-height:65px;text-align:center;box-sizing:border-box;position:relative;transition:0.2s}
.nav-x .info a i:before{content:"";width:7px;height:7px;display:inline-block;background:#fff;border-radius:50%;transition:0.6s;margin-right:0px;opacity:0;transform:scale(0) translateY(-2px)}
.nav-x .info a.active,.nav-x .info a:hover{color:#fff;background: linear-gradient(90deg, #00A1E2 0%, #0460AD 100%);}
.nav-x .info a.active i:before,.nav-x .info a:hover i:before{opacity:1;transform:scale(1) translateY(-2px);margin-right:8px}
.nav-x .nav-x-fixed{position: fixed;top: 0;left: 0;width: 100%;max-width: 100%;z-index: 10;box-shadow: 0 6px 40px rgba(128, 128, 128, 0.25);}
 */

#mproject.npagePage #projectlist{
	background: #fff;
	margin: 0;
	width: 100%;
}
#mproject.npagePage #projectlist .wrapper {
	width: 92%;
	max-width: 1500px;
	padding: 60px 0 0 0;
	margin: auto;
}
.npagePage #projectlist .projectitem, #projectlist .projectitem {
	width: calc(25% - 10px);
	float: none;
	margin: 0 5px;
}


#projectlist .projectitem a .project_info p.title{
	margin-top: 0px;
}
.npagePage #projectlist .content_list{
	display: flex;
	flex-wrap: wrap;
	/* min-height: 200px; */
}
.npagePage #projectlist .projectitem .project_img{
	height: auto;
}

@media screen and (max-width: 1200px) {
	.npagePage #projectlist .projectitem, #projectlist .projectitem{
		width: calc(33% - 10px);
	}
}


.header{
	width: 92%;
	margin: 0 auto;
	position: relative;
	padding-top: 40px;
	padding-bottom: 25px;
	color: #8F8F8F;
	max-width: 1500px;
}
.header p.title {font-size: 18px;color: #444;}
.header p.subtitle {font-size: 12px;}
#category{
	display: block;
	width: max-content;
	text-align: right;
	margin-top: -50px;
	float: right;
	margin-right: 0px;
}
#category a {
	display: inline;
	color: #6a6a6a;
	padding: 9px 12px;
	font-size: 14px;
}
#category a:hover,#category a.active{
	background-color: #00ccdf;
	color: #fff;
	margin-left: 0;
}
@media screen and (min-width:1000px) and (max-width:1200px) {
	#category a {padding: 9px 12px;margin: 0;}
}
@media (max-width: 1000px) {
	.banner img{height: 200px;object-fit: cover;}
	#category{float: none;display: flex;margin: 0;flex-wrap: wrap;width: 100%;padding: 10px 0}
	#category a{
		width:calc(50% - 6px);background:#fff;text-align:center;margin:0;padding:12px 0;
		margin:2px;border:1px solid #888;
	}
	#category a:hover,#category a#active,#category a.active{margin:2px;}
	#projectlist .content_list{margin-right:0;}
	.npagePage #projectlist .projectitem, #projectlist .projectitem{width:48%;margin: 1%;}
	#projectlist .projectitem:hover a .project_info::after {opacity: 0;}
	#projectlist .projectitem:hover .project_info p.title{margin-left: 0;}
}