.projectList{display: flex;flex-flow: wrap;margin:0 10%;}
	.projectList>div{width: 27%;margin: 3%;text-align: center;}
	.projectList>div>a>img{width: 100%;height: 2.5rem;object-fit: cover}
	.projectCur{flex-wrap: wrap!important;justify-content: flex-start!important;}
	.projectCur>li>a{margin:.3rem}
	.channel_content{background: #fff}
	.project-name{margin-top:.15rem;}
.xc_words .wrap{max-width:1280px;margin: 0 10%;}

	#page{ text-align: center;}
/*	#page>a{margin: 0 .1rem}
*/
#page a{margin: 0 .1rem;background-color: #0a4291;color:#fff;padding: .1rem .15rem;border-radius: .05rem}
#page text{background-color: #0a4291;color:#fff;padding: .1rem .15rem;border-radius: .05rem}
#page button{background-color: #0a4291;color:#fff;padding: .1rem .15rem;border-radius: .05rem;border: none;font-size:.16rem;}
#page button:hover{cursor: pointer;}
#page a:hover{color:#fff!important;}
#page input {margin: 0 .1rem;}
#page font{margin: 0 .1rem}
	.xc_banner .xc_nav .content{justify-content: flex-start;flex-flow: wrap}
	.xc_banner .xc_nav .content>li{margin:0 .3rem}
	@media only screen and (max-width: 740px) {
		.xc_banner{display: none}
    	.con16 {display: none;}	
		body{position: relative;padding-bottom: 2rem;min-height: calc(100vh - 2rem)}
		html{font-size:40px;}
		.projectList{margin: 0 3%; width:auto;}
		.projectList>div{width: 100%;margin: .2rem 0;text-align: center;}
		.projectList{padding: 0}
		.projectList>div>a { font-size: .45rem;line-height: .45rem;}
		.projectList>div img{width:100%;margin-bottom: .1rem}
		.project-name{font-size: .45rem;line-height: .45rem;}
}