.pagetit{text-align: center;}
.pagetit h3{line-height: 1.2em; }
.pagetit h4{color: #000000;text-transform: uppercase;}

.flow{}
.flow .cons{padding-top: 20px;}
.flow .cons .con{float: left; width: calc(25% - 15px); margin-left: 20px; box-shadow: 0 0 12px rgba(0,0,0,0.12); margin-top: 20px; text-align: center; padding: 35px 0; color: #000000;}
.flow .cons .con:nth-child(4n+1){margin-left: 0;}
.flow .cons .con .ico{display: inline-block; vertical-align: middle; width: 62px;}
.flow .cons .con .num{display: inline-block; vertical-align: middle;font-family:'DIN-Engschrift-Std'; line-height: 1.2em; height: 1.2em; padding-top: 0.3em; padding-left: 0.2em;}
.flow .cons .con .txt{display: inline-block; vertical-align: middle; font-size: 16px; text-align: left; font-weight: bold;}

.commitment{background: url(../images/fwbg1.jpg) no-repeat center top; background-size: auto calc(100% - 130px);}
.commitment .pagetit h3,.commitment .pagetit h4{color: #fff;}
.commitment .text{margin-top: 140px; position: relative;}
.commitment .text .txt{background: #fdd100; padding: 50px 70px 100px; color: #fff; font-size: 16px; line-height: 1.8em; position: relative; z-index: 5; }
.commitment .text .bg{position: absolute; top: -50px; width: 80%; opacity: 0.5; height: 100px;  left: 10%;}
.commitment .text .bg1{background: #000000; opacity: .1;}
.commitment .text .bg2{background: #da0100; top: -38px; width: 86%; left: 7%; opacity: .1;}
.commitment .text .bg3{background: #fece01; top: -23px; width: 92%; left: 4%;}

.knowledge{padding-top: 0;}
.knowledge .tables{margin-top: 40px;border: 1px solid #d7d8e0; }
.knowledge .tables table{line-height: 60px; font-size: 18px;}
.knowledge .tables table th{text-align: left; padding-left: 60px;  color: #000000; background: #e6e6e6;}
.knowledge .tables table td{padding-left: 60px;  color: #000000; border-bottom: 1px solid #d7d8e0;}
.knowledge .tables table tr:last-child td{border: 0;}

.zhysx{background: #f2f2f2;}
.zhysx .cons{padding-top: 30px;}
.zhysx .con{margin-top: 10px; background: #fff; border-left: 5px solid #fdd100; padding: 0 20px; height: 62px; font-size: 16px; box-shadow: 0 0 12px rgba(0,0,0,0.1);}







@media screen and (max-width:960px) {
	
	.flow .cons .con{width: calc(50% - 10px); margin-left: 0;}
	.flow .cons .con:nth-child(2n){float: right;}
}


@media screen and (max-width:768px) {

	.flow .cons{padding-top: 0;}
	
	.commitment .text{margin-top: 60px;}
	.commitment .text .txt{font-size: 14px; padding: 40px 30px;}
	.knowledge .tables{margin-top: 25px;}
	.knowledge .tables table th,.knowledge .tables table td{padding-left: 10px;}
	
	.zhysx .con{font-size: 14px;}
	.zhysx .cons{padding-top: 20px;}
}

@media screen and (max-width:640px) {

	.flow .cons .con{padding: 15px 0;}
	.flow .cons .con .ico{width: 40px;}
	.flow .cons .con .txt{font-size: 13px; width: 4em;}
	/*.flow .cons .con{width: 100%;}*/
}
@media screen and (max-width:480px) {
	.flow .cons{padding-top: 15px;}
	.flow .cons .con{width: calc(50% - 5px); margin-top: 10px;}
	
	.zhysx .con{height: 80px;}
}
@media screen and (max-width:330px) {

}