*{
	padding:0;
	margin:0;
}
body{
	width:100%;
	margin:0 auto;
	background:#ededeb;
}
img{
	border:0;
}
.clear{
	clear:both;
}
.menu{
	position: relative;
	z-index: 900;	
	height: 66px;
	padding: 0 4%;
	/*width: 92%;*/
	text-align: center;
	background:#fff;
	box-shadow:0px 1px 4px #666;		
}
.menu img{
	vertical-align:middle;
	margin-top:4px;
	cursor:pointer;
}
.homeicon{
	float:left;
	width:20%;
	text-align:left;	
	display:block;
	vertical-align:middle;	
	margin-top:14px;	
}
.menuicon{
	float:right;
	width:20%;
	text-align:right;
	display:block;
	vertical-align:middle;
	margin-top:14px;
}
.navtitle{
	background:#2bab58;
	height:100px;
	padding:0 4%;
	color:#fff;		
}
.titlename{
	float: left;
	width: 50%;
	line-height: 100px;
	font-size: 1.2em;	
}
.titlename img{
	vertical-align:middle;
}
.titlenav{
	float:right;
	width:44%;
	line-height:100px;
	font-size:0.9em;
	text-align:right;
}
@keyframes optitle
{
	0% { opacity: 0; }
	100% { opacity: 1; }
	from{transform: translate(0, 50px);}
	to{transform: translate(0, 0);}
}
.content{
	margin:0 4%;	
}
.title{
	text-align: center;
	margin-bottom:5%;
	width:100%;
	animation: optitle 2s;
	transition:all .5s linear;
	height:3em;
}
.entitle{
	color:#575757;
	padding:1%;
	font-size:0.9em;
	text-transform: uppercase;
	display:inline-block;	
	background:#ededeb;	
	position: relative;
	z-index:2;
}
.chtitle{
	color:#000;
	font-size:0.87em;
	font-weight:bold;
	display:block;
	background:#ededeb;	
}
.titleline{
	position: relative;
	height:1px;
	width:100%;
	background:#ccc;
	margin-top:-1.4em;	
}
.margintop{
	margin-top:5%;
}
.contact{
	animation: optitle 2s;
	transition:all .5s linear;
}
.contactlist{
	border-bottom:1px solid #ddd;
	margin-bottom:5%;
	padding-bottom:5%;
}
.contactname{
	font-weight:bold;	
	font-size:0.87em;
	line-height:30px;
}
.contactnames{
	font-weight:bold;	
	font-size:1em;
	line-height:36px;
}
.contactnames img{
	width:24px;
	height:auto;
	margin:0 2%;
	vertical-align:middle;
}
.contacttxt{
	color:#575757;
	font-size:0.8em;
	line-height:26px;
}
.contacttxt img{
	width:16px;
	height:auto;
	margin:0 2%;
	vertical-align:middle;
}
.trainingpic{
	font-size:1em;
	padding-bottom:2%;
}
.folio-item{
	width:50%;
	padding:2%;
	float: left;
}
.trainingpics img{
	width:100%;
}
.cdtitlehz{
	font-size:0.87em;
	font-weight:bold;
	padding:0 0 2% 2%;	
	clear:both;
	display:block;		
}
.cdtitle{
	font-size:0.87em;
	font-weight:bold;
	padding:5% 0 2% 2%;	
	clear:both;
	display:block;	
}



.close{
	background:rgba(0,0,0,.4);
	width:40px;
	height:40px;
	position: fixed;
	z-index:200;
	top:0;
	right:0;
	cursor:pointer;
}
.close img{
	width:100%;
}
.txtblack{
	color:#000;
}
.textlist{	
	text-indent:0em;
}
.footcopyright{
	padding:5% 0;
	background:#272727;
	text-align:center;
	color:#707070;
	font-size:0.87em;	
	margin-top:10%;
}
.hotline{	
	color:#ebebeb;
	margin-bottom:3%;
}
.hotline img{
	vertical-align:middle;
	margin-right:5px;
}
.phonenum{
	font-size:1.2em;
	font-style:italic;
	font-weight:bold;
}