@charset "utf-8";
.tb{
	display:block;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
	margin-top:60px;
	margin-bottom:60px;
	max-width:var(--max_width);
}
@media (max-width:767px){
	.tb{
		margin: auto;
		padding: 10px;
	}
}
.tb *{
	max-width:100%;
	clear:both;
	height:auto;
	overflow:hidden;
}
.thead{
	display:block;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 20px;
}
@media (max-width:480px){
	.thead{
		font-size:20px;
	}
}
.thead:after{
	content:"";
	border-bottom: 1px solid #000;
	display:block;
	overflow:hidden;
	width:80px;
	height:auto;
	margin-top: 20px;
}
.about_content{
	display:block;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
	color: #666;
}
.com_list{
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content:center;
	column-gap: 20px;
	row-gap: 20px;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
	max-width:var(--max_width);
	margin-top: 80px;
	margin-bottom: 80px;
}
@media (max-width:767px){
	.com_list{
		display: grid;
		grid-template-columns: auto auto auto;
		column-gap: 10px;
		row-gap: 10px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}
.com_tb{
	display:block;
	overflow:hidden;
	width:calc(20% - 80px/5);
	height:auto;
	flex-shrink: 0;
}
@media (max-width:767px){
	.com_tb{
		width: auto;
	}
}
.com_thead{
	display:flex;
	display: -webkit-flex;
	column-gap: 10px;
	align-items:baseline;
	width: auto;
	height: auto;
	overflow: hidden;
	justify-content: center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
}
.com_name{
	display:block;
	overflow:hidden;
	width:auto;
	height:auto;
	font-size: 50px;	
}

.com_ext{
	display:block;
	overflow:hidden;
	width:auto;
	height:auto;
	font-size: 25px;
}

.com_miaoshu{
	display:block;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
	font-size: 15px;
	line-height: 1.5;
	color: #666;
	text-align: center;
}
@media (max-width:480px){
	.com_name{
		font-size: 30px;
	}
	.com_ext{
		font-size: 12px;
	}
	.com_miaoshu{
		font-size: 10px;
	}
}
.about_pic{
	display:block;
	overflow:hidden;
	margin:auto;
	width:100%;
	height:auto;
}
.idea_title{
	display:block;
	overflow:hidden;
	width:auto;
	height:auto;
	font-size: 40px;
	margin-top: 80px;
	text-align: center;
}
@media (max-width:480px){
	.idea_title{
		font-size:30px;
	}
}
.idea_list{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	row-gap: 10px;
	column-gap: 10px;
	width: auto;
	height: auto;
	overflow: hidden;
	margin-bottom: 80px;
	margin-top: 40px;
}
@media (max-width:480px){
	.idea_list{
		margin-bottom: 20px;
		margin-top: 20px;
	}
}
.idea_tb{
	background-color: #fff;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: center;
	overflow:hidden;
	width:calc(25% - 30px/4);
	height:auto;
	padding:30px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	box-sizing: border-box;
}

.idea_name{
	display:block;
	overflow:hidden;
	width:auto;
	height:auto;
	font-size: 24px;
	margin-top: 10px;
}
@media (max-width:480px){
	.idea_name{
		font-size: 16px;
	}
}
.idea_miaoshu{
	color: #5a5a5a;
}
.idea_pic{
	width:68px;
	height: 68px;
	display: block;
	overflow: hidden;
	position: relative;
	margin: auto;
}
@media (max-width:767px){
	.idea_pic{
		width:50px;
		height: 50px;
	}
}
.idea_tb:nth-child(n+5){
	flex-direction: row;
	column-gap: 10px;
	align-items: center;
	width:calc(50% - 10px/2 );
	text-align: left;
}
@media (max-width:767px){
	.idea_tb{
		width:calc(50% - 10px/2 );
		padding: 20px;
	}
	.idea_tb:nth-child(n+5){
		flex-direction: column;
		align-items:unset;
		text-align: center;
	}
}
@media (max-width:480px){
	.idea_tb{
		width:100%;
	}
}