/* CSS Document */
.flow-1{width:100%; box-sizing: border-box; position:relative; padding:100px 20px 100px 20px; text-align:center; color:#FFFFFF; background-image:url(../images/flow.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover;}
.flow-1 .layer{padding:50px; background-image:url(../images/f-bg.png); width:auto; max-width:1400px; min-width:200px; display:inline-block; margin:auto; border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px; border:1px solid #666666;}
.flow-1 .layer .ico{width:52px; height:52px; line-height:52px; padding:30px; margin:auto; color:#444444; border-radius:50%; -moz-border-radius:50%;  -webkit-border-radius:50%; text-align:center; cursor:pointer; background-color:#FFFFFF;
	transition: all 0.6s;
	-moz-transition: all 0.6s; /* Firefox 4 */
	-webkit-transition: all 0.6s; /* Safari �� Chrome */
	-o-transition: all 0.6s; /* Opera */
	display: flex;
    align-items: center;
    justify-content: center;
}
.flow-1 .layer .ico i{	font-size:52px; }
.flow-1 .layer .ico:hover{background-color:#000000; color:#FFFFFF;
	-webkit-transform: rotate(360deg);	-moz-transform: rotate(360deg);	transform: rotate(360deg);	
}

.flow-1 .layer .flow-title{line-height:50px; font-size:18px; padding:30px 0 20px 0;}
.flow-1 .layer .flow-title h2{font-size:34px; font-weight:bold;}
.flow-1 .layer .flow-text{ line-height:38px; font-size:18px; text-align:left;}
.flow-1 .layer .flow-text span{color:#FFFF00; font-weight:bold; font-size:26px;}
.flow-1 .layer .flow-text i{font-style:normal; color:#FFFF00; font-weight:bold; font-size:20px;}
.flow-1 .layer .text-center{text-align:center;}
.flow-1 .layer .more{ padding:40px 0 4px 0; text-align:center; cursor:pointer;
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari �� Chrome */
	-o-transition: all 1s; /* Opera */
}
.flow-1 .layer .more i{font-size:50px;}
.flow-1 .layer .more:hover{-webkit-transform: rotate(360deg);	-moz-transform: rotate(360deg);	transform: rotate(360deg);}

.flow-2{background-image:url(../images/flow2.jpg);}
.flow-3{background-image:url(../images/flow3.jpg);}
.flow-4{background-image:url(../images/flow4.jpg);}
.flow-5{background-image:url(../images/flow5.jpg);}


@media screen and (max-width:1800px){
.flow-1 .layer{padding:30px;}

.flow-1 .layer .flow-title{line-height:30px; font-size:14px; padding:20px 0 20px 0;}
.flow-1 .layer .flow-title h2{font-size:24px; font-weight:bold;}
.flow-1 .layer .flow-text{ line-height:30px; font-size:14px;}
.flow-1 .layer .flow-text span{font-size:24px;}
.flow-1 .layer .flow-text i{font-size:16px;}
}

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

@media screen and (max-width:780px){
.flow-1{padding:40px 20px 40px 20px;}
.flow-1 .layer .ico i{	font-size:30px; }

}

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