.site_cont{
	margin-bottom: 0;
	padding-left: 13.28%;
}
@media only screen and (max-width: 1024px) {
	.site_cont{
		padding-left: 10%;
	}
}
@media only screen and (max-width: 768px) {
	.site_cont{
		padding-left: 5%;
	}
}
.site_cont h1{
	float: none;
	font-weight: normal;
	margin-top: 80px;text-transform: inherit;
}
@media only screen and (max-width: 1024px) {
	.site_cont h1{
		margin-top: 40px;
	}
}
@media only screen and (max-width: 768px) {
	.site_cont h1{
		margin-top: 20px;
	}
}
.site_cont h1 em{
	margin-top: 15px;
}
.site_text{
	margin-top: 25px;
	margin-bottom: 30px;
	font-weight: bold;    text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
	.site_text{
		margin-top: 30px;
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 768px) {
	.site_text{
		margin-top: 10px;
		margin-bottom: 10px;
	}
}
.site_text1{
	font-weight: bold;
	margin-bottom: 20px;
}
.site_text2{
	color: #666666;
}

.flow{
	overflow: hidden;
	padding-left: 13.28%;
	padding-right: 13.28%;
	margin-top: 20px;
	position: relative;
	margin-bottom: 100px;
}
@media only screen and (max-width: 1024px) {
	.flow{
		padding-left: 10%;
		padding-right: 10%;
		margin-top: 20px;
	}
}
@media only screen and (max-width: 768px) {
	.flow{
		padding-left: 5%;
		padding-right: 5%;
		margin-top: 10px;
		    margin-bottom: 30px;
	}

}
.flow-upriht{
	width: 1px;
	height: 100%;
	background: #E6E6E6;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
@media only screen and (max-width: 720px) {
	.flow-upriht{
		display: none;
	}
}
.flow-list{
	display: table;width: 100%;
	margin-bottom: 40px;
}
.flow-list ul{display: table;width: 100%;}
@media only screen and (max-width: 1024px) {
	.flow-list{
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 768px) {
	.flow-list{
		margin-bottom: 20px;
	}
}
.flow-list li{
	float: left;
	width: 38.7%;
	height: 100%;
}
@media only screen and (max-width: 720px) {
	.flow-list li{
		width: 100%;
		margin-bottom: 20px;
	}
}
.flow-list li h1{
	color: #E7E7E7;    font-weight: bold;font-family: "Arial";
}
.flow-pic{
	overflow: hidden;
	cursor: pointer;box-shadow:0 0 5px #E1E1E1;
	
	
}


.flow-list li.in{
	width: 22.6%;
	margin-top: 15%;    position: relative;
}
@media only screen and (max-width: 720px) {
	.flow-list li.in{
		width: 100%;display: none;
	}
}
.flow-list li.in img{
	display: block;
	margin: 0 auto;
	width: 90%;
}
@media only screen and (max-width: 720px) {
	.flow-list li.in img{
		width: 22.5%;
	}
}
.fnt_80{font-size: 80px;}
@media only screen and (max-width: 1520px) {
	.fnt_80{font-size: 60px;}
}
@media only screen and (max-width: 1440px) {
	.fnt_80{font-size: 40px;}
}
@media only screen and (max-width: 1204px) {
	.fnt_80{font-size: 32px;}
}
.flow-text{
	height: 170px;
	padding-top: 5.5%;
	padding-left: 5%;
	padding-right: 5%;
	border-bottom: 2px solid #6c193c;
	box-shadow:0 0 5px #E1E1E1;box-shadow:0 0 5px #E1E1E1;
}
.flow-text span{
	font-weight: bold;
	display: block;
	margin-bottom: 15px;    text-transform: uppercase;
}
.flow-text p{
	color: #686868;
}

.free{
	overflow: hidden;
	position: relative;
}
@media only screen and (max-width: 720px) {
	.free,.free img{
		height: 150px;
	}
}
.free-text{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(112,39,71,0.9);
}
.free-text a{    color: #323232;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-decoration: none;
	width: 160px;height: 38px;line-height: 38px; text-align: center;
	background: #FFFFFF;
}