.bg-light-grey{background-color: #fafafa;}
    .bg-grey{background-color: #f0f0f0;}
    .bg-black{background-color: #323232; color: #fff;}
    .bg-black a{color: #fafafa;}

    .title-group{text-align: center; padding-top: 20px;}
    .title-group h3{font-size: 18px;  line-height: 24px; margin-bottom: 15px;}
    .title-group h4{font-size: 14px; font-weight: 300; line-height: 20px; margin-bottom: 15px;}
    .title-group p{font-size: 12px; font-weight: 300; line-height: 20px;}
    .titlenum{margin-bottom: 6px; line-height: 0;}
    .titlenum img{width: 40px; height: 25px;}
    .warp-con{padding: 10px 10px 20px;}
    .warp-con-tip{font-size: 12px; line-height: 20px; margin-bottom: 6px;}
    .warp-list-plan{overflow: hidden;font-size: 12px; }
    .warp-list-plan h4{padding: 4px 0; margin-top: 10px;}
    .warp-list-plan h4,.warp-list-plan p{line-height: 18px;}
    .warp-list-plan p{text-indent: 1em; font-weight: 300; font-size: 12px;}
    .bg-square{display: inline-block; width: 6px; height: 10px; background-color: #969696; vertical-align: middle;}
    .warp-list-plan span{display: inline-block; vertical-align: middle;}
    
  .summary-basic h3{margin-top: 30px;}
    .tc{text-align: center;}
    .summary-concept,.summary-demand,.summary-material,.gygs-421,.gygs-422{display: -webkit-flex; display: -moz-flex; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; padding-bottom: 20px;}
    .summary-concept li{flex: 28%; margin-top: 30px;}
    .summary-demand{margin-top: 30px;}
    .summary-demand li{flex: 30%;}
    .summary-demand li:nth-child(2){flex: 34%;}
    .summary-demand li img{height: 50px;}
    .summary-material li{flex:50%;margin-top:25px;}
    .summary-material li img{width:150px;height:100px;}
    .summary-concept li img{width: 60px;}
    .summary-concept li,.summary-demand li,.summary-material li,.gygs-421 li,.gygs-422 li{ text-align: center;}
    .summary-concept li h3{font-size: 14px; font-weight: normal; line-height: 30px; margin-top: 6px;}
    .summary-material h3{font-size: 14px; font-weight: normal; line-height: 30px;}
    .summary-concept li p,.summary-material li p{font-size: 14px; font-weight: 300; line-height: 24px;}
    .summary-material li p{font-size: 12px;}
    .summary-demand li p{font-size: 12px; font-weight: 300; line-height: 24px; margin-top: 6px; margin-bottom: 10px;}
    .summary-more{text-align: center; line-height: 80px; padding-bottom: 10px;}
    .summary-more a{color: #fbc815; font-weight: bold; font-size: 12px;}
    .summary-more a:hover{color: #fbc815; text-decoration: underline;}
        


    .case-others{padding-right: 10px; margin-top: 40px;}
    .case-others ul{display: -webkit-flex; display: -moz-flex; display: flex;  -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between;}
    .case-others ul li{flex: 20%; height: 68px; border: 1px solid #969696; text-align: center; margin-left: 8px; border-radius: 5px; margin-bottom: 20px;display: flex;justify-content: center; align-items: center;}
    .case-others ul li:nth-child(1), .case-others ul li:nth-child(10){}
    .case-others li a{display: inline-block; font-size: 12px;}
    .plan-pic{line-height: 0; margin-top: 10px;}
    .plan-pic img{width: 120px;}
    .plan-more{color: #fbc815; margin-right: 10px; font-weight: bold;}
    .plan-more:hover{color: #fbc815; text-decoration: underline;}
    .mlem{margin-left: 1em;}
    .ml10{margin-left: 10px;}
    .mt10{margin-top: 10px;}
	.mwarp img{width: 100%; display: block;}
	
	.bgf0{background-color: #F0F0F0;}
	.bgff{background-color: #FFFFFF;}
	.gygs-21 li:nth-child(2){flex: 38%;}
	.gygs-421 li{flex: 35%;}
	.gygs-422{margin-top: 0;}
	.gygs-421 li img,.gygs-422 li img{height: 62px;}
	.gygs-421 li p,.gygs-422 li p{font-size: 12px; font-weight: 300; line-height: 24px; margin-top: 6px; margin-bottom: 10px;}