.projectList{display: flex;flex-wrap: wrap;width: 80%;gap:3%;}
	.projectList>div{width: 31.32%;margin-top: 3%;text-align: center;}
	.projectList>div>img{width: 100%;height: 3rem;object-fit: cover}
	.projectCur{flex-wrap: wrap!important;justify-content: flex-start!important;gap:.15rem;}
	.projectCur>a{margin:.3rem}
	.channel_content{background: #fff}
	#page{padding: 0 auto;    text-align: center;width: 100%}
	#page>a{margin: 0 .1rem}
.xc_banner .xc_words{width:auto!important;left:10%!important;}
.xc_words .wrap{width:600px;}
.project-content{margin: .4rem auto;}
	.xc_banner .xc_nav .content{justify-content: flex-start;flex-flow: wrap}
	.xc_banner .xc_nav .content>li{margin:0 .3rem}
.project-content{display: flex;margin: .4rem 10%;padding: 0!important;margin-top: 0!important;}
.sidebar-content{background-color: #fff;}
.sidebar-content>li{width:2.5rem;height:.8rem;line-height: .8rem;text-align: center;color:#333;padding: 0 .2rem;display: flex;justify-content: space-between;align-items: center;}
.sidebar-content>li img{width:.2rem;hieght:.2rem;}
.sidebar-content>li:hover{cursor: pointer;background-color: #0a4291!important;}
.sidebar-content>li:hover a{color:#fff!important;}
.project-active{background-color: #0a4291!important;color:#fff!important;font-weight: 550;}
	@media only screen and (max-width: 740px) {
		.xc_words .wrap{width:100vw;margin: 0 10%;padding: 0;}
		html{font-size: 40px;}
    	.con16 {display: none;}
		.project-content{width:inherit;}
		.projectList>div{width: 100%;margin: 6% 0;text-align: center;}
		.projectList{padding: 0;width:100%;}
		    .tit42 {
        font-size: .45rem;
        line-height: .45rem;
    }
		.projectList>div>a>div{font-size:.35rem;height:.35rem;}
			body{padding-bottom:2rem;position: relative;min-height: calc(100vh - 2rem);}
			.footer-content-mobile{font-size:.3rem!important;position: absolute;bottom:0;}
			.sidebar-content{display: none!important;}
}