/* CSS Document */

/* fadeInRight */
	@keyframes bannerbannerfadeInRight{
	0%{opacity:0; transform:translateX(-300px);}
	100%{opacity:1; transform:translateX(0); }
    }
	@-webkit-keyframes bannerfadeInRight{
	0%{opacity:0; transform:translateX(-300px);}
	100%{opacity:1; transform:translateX(0); }
    }
	@-moz-keyframes bannerfadeInRight{
	0%{opacity:0; transform:translateX(-300px);}
	100%{opacity:1; transform:translateX(0); }
    }
	@-ms-keyframes bannerfadeInRight{
	0%{opacity:0; transform:translateX(-300px);}
	100%{opacity:1; transform:translateX(0); }
    }
	@-o-keyframes bannerfadeInRight{
	0%{opacity:0; transform:translateX(-300px);}
	100%{opacity:1; transform:translateX(0); }
    }
	
	
/* fadeInRight2  */	
	@keyframes bannerbannerfadeInRight2{
	0%{opacity:0;s
	transform:translateX(-10%);}
	100%{opacity:1;
	transform:translateX(0);}
	}
	@-webkit-keyframes bannerfadeInRight2{
	0%{opacity:0;
	transform:translateX(-10%);}
	100%{opacity:1;
	transform:translateX(0);}
	}
	@-moz-keyframes bannerfadeInRight2{
	0%{opacity:0;
	-moz-transform:translateX(2em);}
	100%{opacity:1;
	-moz-transform:translateX(0);}
	}
	@-ms-keyframes bannerfadeInRight2{
	0%{opacity:0;
	-ms-transform:translateX(2em);}
	100%{opacity:1;
	-ms-transform:translateX(0);}
    }
	@-o-keyframes bannerfadeInRight2{
	0%{opacity:0;
	-ms-transform:translateX(2em);}
	100%{opacity:1;
	-ms-transform:translateX(0);}
    }
	



	
/* fadeInLeft  */	
	@keyframes bannerbannerfadeInLeft{
	0%{opacity:0; transform:translateX(300px);}
	100%{opacity:1; transform:translateX(0); }
    }	
	@-webkit-keyframes bannerfadeInLeft{
	0%{opacity:0; transform:translateX(300px);}
	100%{opacity:1; transform:translateX(0); }
	}
	@-moz-keyframes bannerfadeInLeft{
	0%{opacity:0; transform:translateX(300px);}
	100%{opacity:1; transform:translateX(0); }
	}
	@-ms-keyframes bannerfadeInLeft{
	0%{opacity:0; transform:translateX(300px);}
	100%{opacity:1; transform:translateX(0); }
    }
	@-o-keyframes bannerfadeInLeft{
	0%{opacity:0; transform:translateX(300px);}
	100%{opacity:1; transform:translateX(0); }
    }

/* fadeInUp  */	
		@keyframes bannerfadeInUp{
		0%{opacity:0;
		transform:skewX(-25deg);}
		100%{opacity:1;
		transform:skewX(0deg);}
		}
		@-webkit-keyframes bannerfadeInUp{
		0%{opacity:0;
		transform:skewX(-25deg);}
		100%{opacity:1;
		transform:skewX(0deg);}
		}
		@-moz-keyframes bannerfadeInUp{
		0%{opacity:0;
		transform:skewX(-25deg);}
		100%{opacity:1;
		transform:skewX(0deg);}
		}
		@-ms-keyframes bannerfadeInUp{
		0%{opacity:0;
		transform:skewX(-25deg);}
		100%{opacity:1;
		transform:skewX(0deg);}
		}
		@-o-keyframes bannerfadeInUp{
		0%{opacity:0;
		transform:skewX(-25deg);}
		100%{opacity:1;
		transform:skewX(0deg);}
		}

/* fadeInUp2  */	
		@keyframes bannerfadeInUp2{
		0%{opacity:0;
		transform:skewX(0deg);}
		100%{opacity:1;
		transform:skewX(-25deg);}
		}
		@-webkit-keyframes bannerfadeInUp2{
		0%{opacity:0;
		transform:skewX(0deg);}
		100%{opacity:1;
		transform:skewX(-25deg);}
		}
		@-moz-keyframes bannerfadeInUp2{
		0%{opacity:0;
		transform:skewX(0deg);}
		100%{opacity:1;
		transform:skewX(-25deg);}
		}
		@-ms-keyframes bannerfadeInUp2{
		0%{opacity:0;
		transform:skewX(0deg);}
		100%{opacity:1;
		transform:skewX(-25deg);}
		}
		@-o-keyframes bannerfadeInUp2{
		0%{opacity:0;
		transform:skewX(0deg);}
		100%{opacity:1;
		transform:skewX(-25deg);}
		}




/* fadeInRightBig */	
    @keyframes bannerbannerfadeInRightBig{
	0%{opacity:0;
	transform:scale(0,0);}
	100%{opacity:1;
	transform:scale(1,1);}
	}
	@-webkit-keyframes bannerfadeInRightBig{
	0%{opacity:0;
	transform:scale(0,0);}
	100%{opacity:1;
	transform:scale(1,1);}
	}
	@-moz-keyframes bannerfadeInRightBig{
	0%{opacity:0;
	-moz-transform:scale(0,0);}
	100%{opacity:1;
	-moz-transform:scale(1,1);}
    }
	@-ms-keyframes bannerfadeInRightBig{
		0%{opacity:0;
		-ms-transform:scale(0,0);}
		100%{opacity:1;
		-ms-transform:scale(1,1);}
	}
	@-o-keyframes bannerfadeInRightBig{
		0%{opacity:0;
		-ms-transform:scale(0,0);}
		100%{opacity:1;
		-ms-transform:scale(1,1);}
	}


/* fadeInDown */	
    @keyframes bannerfadeInDown{
	0%{opacity:0; transform:translateY(-20em);}
	100%{opacity:1; transform:translateY(0);}
	}	
	@-webkit-keyframes bannerfadeInDown{
	0%{opacity:0; transform:translateY(-20em);}
	100%{opacity:1; transform:translateY(0);}
	}
	@-moz-keyframes bannerfadeInDown{
	0%{opacity:0; transform:translateY(-20em);}
	100%{opacity:1; transform:translateY(0);}
	}
	@-ms-keyframes bannerfadeInDown{
	0%{opacity:0; transform:translateY(-20em);}
	100%{opacity:1; transform:translateY(0);}
	}
	@-ms-keyframes bannerfadeInDown{
	0%{opacity:0; transform:translateY(-20em);}
	100%{opacity:1; transform:translateY(0);}
	}
	@-o-keyframes bannerfadeInDown{
	0%{opacity:0; transform:translateY(-20em);}
	100%{opacity:1; transform:translateY(0);}
	}


/* button for all banner */
.banner-btn{ display:block; width:160px; height:56px; line-height:48px; text-align:center; font-size:16px; color:#fff; border-radius:8px; border:3px solid #fff; background:rgba(0,0,0,0.2); overflow:hidden; position:relative;}
.banner-btn div{ width:inherit; height:inherit; position:absolute; left:0; top:0; z-index:10;}
.banner-btn:hover div{ color:#fff;}
.banner-btn em{ width:inherit; height:0; background:#143770; position:absolute; left:0px; top:0px; z-index:9; transition:height 0.35s; }
.banner-btn:hover em{ height:inherit;}


.header-toheight{ width:100%; height:109px; background:#1c1c1c;}

/* banner1 */ 
.active .animation11{
	 width:200px; height:72px; padding:13px 25px; line-height:22px; font-size:16px; color:#fff; font-family:Arial, Helvetica, sans-serif; background:#cb1f1f; box-shadow:4px 2px 0px rgba(0,0,0,0.1); position:absolute; left:50%; margin-left:-260px; top:46%; margin-top:-130px; z-index:12;}
	

.active .animation11{
	animation:bannerfadeInRight .75s .5s ease both;
	-webkit-animation:bannerfadeInRight .75s .5s ease both;
	-moz-animation:bannerfadeInRight .75s .5s ease both;
	-ms-animation:bannerfadeInRight .75s .5s ease both;
	-o-animation:bannerfadeInRight .75s .5s ease both;}


.active .animation12{
	 width:480px; height:480px; padding-top:140px; padding-left:100px; border-radius:50%; border:3px solid rgba(255,255,255,0.02); background:rgba(255,255,255,0.25); position:absolute; position:absolute; left:50%; margin-left:-240px; top:46%; margin-top:-190px; z-index:10; transition:border 0.25s;
	animation:bannerfadeInRight2 1.5s  ease both;	
	-webkit-animation:bannerfadeInRight2 1.5s  ease both;
	-moz-animation:bannerfadeInRight2 1.5s  ease both;
	-ms-animation:bannerfadeInRight2 1.5s  ease both;
	-o-animation:bannerfadeInRight2 1.5s  ease both;
	}
	
.active .animation12:hover{ border:3px solid rgba(255,255,255,0.25);}
.active .animation12 p{ display:inline-block; margin-left:38px; margin-bottom:16px; font-size:26px; line-height:42px; letter-spacing:2px; color:#fff; border-bottom:2px solid #fff; position:relative;}
.active .animation12 p em{ display:inline-block; font-size:24px; position:absolute; left:-38px; top:5px;}
.animation13{
	position: absolute; top:46%; margin-top:220px; left:50%; margin-left:80px; z-index:11; 
	}

.active .animation13{
	animation:bannerfadeInLeft 1.25s .75s ease both;
	-webkit-animation:bannerfadeInLeft 1.25s .75s ease both;
	-moz-animation:bannerfadeInLeft 1.25s .75s ease both;
	-ms-animation:bannerfadeInLeft 1.25s .75s ease both;
    -o-animation:bannerfadeInLeft 1.25s .75s ease both;
	}


/* banner2 */
.animation21{
 	 width:1200px; height:500px; text-align:center; position:relative; left:50%; margin-left:-600px; top:46%; margin-top:-140px;}

.active .animation21{
	animation:bannerfadeInDown 1.2s .5s ease both;
	-webkit-animation:bannerfadeInDown 1.2s .5s ease both;
	-moz-animation:bannerfadeInDown 1.2s .5s ease both;
	-ms-animation:bannerfadeInDown 1.2s .5s ease both;
	-o-animation:bannerfadeInDown 1.2s .5s ease both;
}

.animation21 h1{ font-size:42px; letter-spacing:6px; color: #fff;  text-align:center; text-shadow:2px 1px 0 rgba(0,0,0,0.15);}



.banner2-box2 dd{ width:150px; height:150px; margin:15px; float:left; position:relative;}
.banner2-box2 dd h1{ display:block; width:140px; height:110px; font-weight:normal; letter-spacing:1px;  color:#fff; font-size:21px; line-height:32px; text-align:center; position:absolute; left:0; top:45px; transition:all 0.25s;}
.banner2-box2 dd:hover h1{ font-weight:bold; text-shadow:5px 3px 3px rgba(0,0,0,0.15); }
.banner2-box2 dd em{ display:block; width:140px; height:140px; border:5px solid rgba(255,255,255,0.5); border-radius:50%; left:0; top:0; opacity:0.75; transition:all 0.35s;}
.banner2-box2 dd:hover em{ opacity:0.85; transform:rotate(309deg);}



.animation22{
	width:760px; color:#fff;  position: absolute; top:46%; margin-top:-55px; left:50%; margin-left:-360px;

}

.active .animation22{
	animation:bannerfadeInRightBig 2s .5s ease both;
	-webkit-animation:bannerfadeInRightBig 2s .5s ease both;
	-moz-animation:bannerfadeInRightBig 2s .5s ease both; 
	-ms-animation:bannerfadeInRightBig 2s .5s ease both;
	-o-animation:bannerfadeInRightBig 2s .5s ease both;
}


.animation23{ position:absolute; left:50%; margin-left:-80px; top:46%; margin-top:175px; }
.active .animation23{ 
    animation:fadeInDown 1.2s .5s ease both;
	-webkit-animation:bannerfadeInDown 1.2s .75s ease both;
	-moz-animation:bannerfadeInDown 1.2s .75s ease both;
	-ms-animation:bannerfadeInDown 1.2s .75s ease both;
	-o-animation:bannerfadeInDown 1.2s .75s ease both;
	}




/* banner3 */
.animation31{
	width:1200px; text-align:left; font-size:36px; font-weight:bold; letter-spacing:3px; color:#feba46; text-shadow:3px 2px 3px rgba(0,0,0,0.15); position:absolute; top:46%; margin-top:-130px; left:50%; margin-left:-600px;
	}

.active .animation31{
	animation:bannerfadeInLeft 1.2s .2s ease both;
	-webkit-animation:bannerfadeInLeft 1.2s .2s ease both;
	-moz-animation:bannerfadeInLeft 1.2s .2s ease both;
	-ms-animation:bannerfadeInLeft 1.2s .2s ease both;
	-o-animation:bannerfadeInLeft 1.2s .2s ease both;
	}

	
.animation32{
	width:1200px; text-align:left; font-size:36px; font-weight:bold; letter-spacing:3px; color:#feba46; text-shadow:3px 2px 3px rgba(0,0,0,0.15); position:absolute; top:46%; margin-top:-80px; left:50%; margin-left:-600px;
	}	

.active .animation32{
	animation:bannerfadeInLeft 1.2s .5s ease both;
	-webkit-animation:bannerfadeInLeft 1.2s .5s ease both;
	-moz-animation:bannerfadeInLeft 1.2s .5s ease both;
	-ms-animation:bannerfadeInLeft 1.2s .5s ease both;
	-o-animation:bannerfadeInLeft 1.2s .5s ease both;
	}	


.animation33{
	width:820px; text-align:left; font-size:21px; line-height:32px; letter-spacing:1px; color:#fff; text-shadow:2px 1px 2px rgba(0,0,0,0.25); position:absolute; top:46%; margin-top:0px; left:50%; margin-left:-595px;
	animation:fadeInUp 2s .2s ease both;
	}

.active .animation33{
	animation:bannerfadeInUp 2s .2s ease both;
	-webkit-animation:bannerfadeInUp 2s .2s ease both;
	-moz-animation:bannerfadeInUp 2s .2s ease both;
	-ms-animation:bannerfadeInUp 2s .2s ease both;
	-o-animation:bannerfadeInUp 2s .2s ease both;
	}


.animation34{
	width:166px; height:60px; position:absolute; top:46%; margin-top:130px; left:50%; margin-left:-592px;
	animation:fadeInLeft 1s .75s ease both;
	}

.active .animation34{
	-webkit-animation:bannerfadeInLeft 1s .75s ease both;
		-moz-animation:bannerfadeInLeft 1s .75s ease both;
	-ms-animation:bannerfadeInLeft 1s .75s ease both;
	-o-animation:bannerfadeInLeft 1s .75s ease both;
	}




/* banner4 */
.animation41{ width:1120px; height:135px; letter-spacing:8px; position:absolute; top:46%; margin-top:-140px; left:50%; margin-left:-560px; background:url(../image/banner4bg.png) center center no-repeat;
}
.animation41 h1{ font-size:48px; text-align:center; line-height:135px; color:#fff;}

.active .animation41 h1{ 
    animation:bannerfadeInRightBig 1.2s .5s ease both;
	-webkit-animation:bannerfadeInRightBig 1.2s .5s ease both;
	-moz-animation:bannerfadeInRightBig 1.2s .5s ease both;
	-ms-animation:bannerfadeInRightBig 1.2s .5s ease both;
	-o-animation:bannerfadeInRightBig 1.2s .5s ease both;
}


.animation42{ 
width:1120px; font-size:18px; color:#143770; text-align:center; color:#fff; position:absolute; top:46%; margin-top:-20px; left:50%; margin-left:-560px;
}

.active .animation42{ 
	animation:bannerfadeInUp 2s .2s ease both;
	-webkit-animation:bannerfadeInUp 2s .2s ease both;
	-moz-animation:bannerfadeInUp 2s .2s ease both;
	-ms-animation:bannerfadeInUp 2s .2s ease both;
	-o-animation:bannerfadeInUp 2s .2s ease both;
}



.animation43{width:166px; height:66px; position:absolute; left:50%; margin-left:-280px; top:46%; margin-top:70px; }
	
	
.active .animation43{ 
	animation:fadeInLeft 2s .2s ease both;
	-webkit-animation:bannerfadeInLeft 2s .2s ease both;
	-moz-animation:bannerfadeInLeft 1s .2s ease both;
	-ms-animation:bannerfadeInLeft 1s .2s ease both;
	-o-animation:bannerfadeInLeft 1s .2s ease both;}	
	

.animation44{ width:166px; height:66px; position:absolute; left:50%; margin-left:-83px; top:46%; margin-top:70px; left:50%; }

.active .animation44{ 
	animation:bannerfadeInLeft 2s .5s ease both;
	-webkit-animation:bannerfadeInLeft 2s .5s ease both;
	-moz-animation:bannerfadeInLeft 1s .5s ease both;
	-ms-animation:bannerfadeInLeft 1s .55s ease both;
	-o-animation:bannerfadeInLeft 1s .5s ease both;}

		
	
.animation45{ width:166px; height:66px; position:absolute; right:50%; margin-right:-280px; top:46%; margin-top:70px;}	

.active .animation45{
	animation:bannerfadeInLeft 2s 0.75s ease both;
	-webkit-animation:bannerfadeInLeft 2s 0.75s ease both;
	-moz-animation:bannerfadeInLeft 1s 0.75s ease both;
	-ms-animation:bannerfadeInLeft 1s 0.75s ease both;
	-o-animation:bannerfadeInLeft 1s 0.75s ease both;}	




/* banner5 */
.animation51{ width:1024px; height:166px; letter-spacing:8px; position:absolute; left:50%; margin-left:-512px; top:46%; margin-top:-140px; }

.active .animation51{
	animation:bannerfadeInDown 1.2s .5s ease both;
	-webkit-animation:bannerfadeInDown 1.2s .5s ease both;
	-moz-animation:bannerfadeInDown 1.2s .5s ease both;
	-ms-animation:bannerfadeInDown 1.2s .5s ease both;
	-o-animation:bannerfadeInDown 1.2s .5s ease both;
}


.animation52{ width:980px; padding:18px; position:absolute; text-align:center; left:50%; margin-left:-490px; top:46%; margin-top:0px; position:relative;}




.animation52 h1{ padding-bottom:3px; font-size:42px; letter-spacing:5px; line-height:60px; color:#fff; text-shadow:1px 2px 3px rgba(0,0,0,0.25); text-align:center; transform:skewX(60deg);}
.active .animation52 h1{
	animation:bannerfadeInRight .75s .5s ease both;
	-webkit-animation:bannerfadeInRight .75s .5s ease both;
	-moz-animation:bannerfadeInRight .75s .5s ease both;
	-ms-animation:bannerfadeInRight .75s .5s ease both;
	-o-animation:bannerfadeInRight .75s .5s ease both;}

.animation52 h1 b{ font-weight:normal; color:#fb9e53;}

.animation52 p{ font-size:18px; line-height:36px; color:#fff; text-align:center;}
.active .animation52 p{
	animation:bannerfadeInRight .75s .5s ease both;
	-webkit-animation:bannerfadeInRight .75s .5s ease both;
	-moz-animation:bannerfadeInRight .75s .5s ease both;
	-ms-animation:bannerfadeInRight .75s .5s ease both;
	-o-animation:bannerfadeInRight .75s .5s ease both;}



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

/* button for all banner */
.banner-btn{width:120px; height:46px; line-height:40px; text-align:center; font-size:16px; border-radius:6px; border:3px solid #fff;}

        
/* banner1 */ 
.active .animation11{
	 width:180px; height:60px; padding:10px 0 0 20px; line-height:20px; font-size:15px; margin-left:-200px; margin-top:-160px;}

	 
.active .animation12{
	 width:340px; height:340px; padding-top:92px; padding-left:40px; border-radius:50%; border:3px solid rgba(255,255,255,0.02); position:absolute; left:50%; margin-left:-170px; top:46%; margin-top:-180px;
	}

.active .animation12 p{ margin-left:38px; margin-bottom:16px; font-size:21px; line-height:28px;}
.active .animation12 p em{ display:inline-block; font-size:18px; position:absolute; left:-38px; top:5px;}
.animation13{margin-top:113px; margin-left:40px; }


/* banner2 */
.animation21{ width:600px; height:320px; margin-left:-300px; margin-top:-160px;}

.animation21 h1{ font-size:30px; letter-spacing:6px; }

.banner2-box2 dd{ width:120px; height:120px; margin:15px; float:left; position:relative;}
.banner2-box2 dd h1{width:120px; height:100px; font-size:18px; line-height:28px; left:0; top:30px;}

.banner2-box2 dd em{ display:block; width:120px; height:120px; border:3px solid rgba(255,255,255,0.5); border-radius:50%; left:0; top:0;}

.animation22{width:600px; margin-top:-100px; margin-left:-300px;}

.animation23{ margin-left:-80px; margin-top:85px; }



/* banner3 */
.animation31{width:660px; font-size:28px; letter-spacing:3px; margin-top:-150px; margin-left:-330px;}
	
.animation32{width:660px; font-size:28px;letter-spacing:3px; margin-top:-100px; margin-left:-330px;}	

.animation33{width:660px; font-size:18px; line-height:28px; margin-top:-40px; margin-left:-330px;}

.animation34{width:166px; height:60px; position:absolute; top:46%; margin-top:50px; margin-left:-330px;

	}






/* banner4 */
.animation41{ width:660px; height:135px; letter-spacing:8px; margin-top:-120px; margin-left:-330px; background:url(http://www.enpyh.com/skin/images/banner4bgmd.png) center center no-repeat;}
.animation41 h1{ font-size:36px; text-align:center; line-height:80px;}

.animation42{ width:660px; font-size:18px; margin-top:-40px; margin-left:-330px;}

.animation43{width:166px; height:66px; margin-left:-240px; margin-top:30px; }
	
.animation44{ width:166px; height:66px; margin-left:-83px; margin-top:30px; }

.animation45{ width:166px; height:66px; margin-right:-240px; margin-top:30px;}	





/* banner5 */
.animation51{ width:660px; height:166px; letter-spacing:8px; margin-left:-330px; margin-top:-120px; }
.animation51 img{ width:100%;}

.animation52{ width:660px; padding:18px; margin-left:-330px; margin-top:-30px;}

.animation52 h1{ padding-bottom:3px; font-size:32px; letter-spacing:5px; line-height:56px;}

.animation52 p{ font-size:15px; line-height:28px; }
}

@media screen and (max-width:1026px){.header-toheight{ display:none;}}

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

/* button for all banner */
.banner-btn{width:108px; height:42px; line-height:38px; font-size:16px; border-radius:5px; border:2px solid #fff;}

        
/* banner1 */ 
.active .animation11{ width:172px; height:50px; padding:10px 0 0 20px; line-height:16px; font-size:14px; margin-left:-150px; margin-top:-160px;}

	 
.active .animation12{ width:300px; height:300px; padding-top:85px; padding-left:50px;  border:3px solid rgba(255,255,255,0.02); margin-left:-150px; margin-top:-180px;}

.active .animation12 p{ margin-left:25px; margin-bottom:12px; font-size:18px; line-height:24px;}
.active .animation12 p em{ font-size:14px; position:absolute; left:-25px; top:5px;}
.animation13{margin-top:75px; margin-left:30px; }


/* banner2 */
.animation21{ width:240px; height:360px; margin-left:-120px; margin-top:-195px;}

.animation21 h1{ font-size:21px; letter-spacing:6px; }

.banner2-box2 dd{ width:100px; height:100px; margin:8px; float:left; position:relative;}
.banner2-box2 dd h1{width:100px; height:100px; font-size:16px; line-height:24px; left:0; top:26px;}

.banner2-box2 dd em{ display:block; width:100px; height:100px; border:2px solid rgba(255,255,255,0.5); border-radius:50%; left:0; top:0;}

.animation22{width:236px; margin-top:-140px; margin-left:-118px;}

.animation23{ margin-left:-60px; margin-top:105px; }



/* banner3 */
.animation31{width:300px; font-size:21px; letter-spacing:1px; margin-top:-190px; margin-left:-150px;}
	
.animation32{width:300px; font-size:21px;letter-spacing:1px; margin-top:-150px; margin-left:-150px;}	

.animation33{width:300px; font-size:16px; line-height:22px; margin-top:-60px; margin-left:-150px;}

.animation34{width:166px; height:60px; margin-top:60px; margin-left:-150px;

}






/* banner4 */
.animation41{ width:220px; height:135px; letter-spacing:8px; margin-top:-190px; margin-left:-150px; background:none;}
.animation41 h1{ font-size:24px; text-align:left; line-height:30px;}

.animation42{ width:300px; font-size:16px; text-align:left; margin-top:-102px; margin-left:-150px;}

.animation43{width:166px; height:66px; margin-left:-150px; margin-top:0px; }
	
.animation44{ width:166px; height:66px; margin-left:-150px; margin-top:50px; }

.animation45{ width:166px; height:66px; right:auto; left:50%; margin-right:0; margin-left:-150px; margin-top:100px;}	





/* banner5 */
.animation51{ width:300px; height:166px; letter-spacing:8px; margin-left:-160px; margin-top:-170px; }
.animation51 img{ width:100%;}

.animation52{ width:220px; padding:18px; margin-left:-140px; margin-top:-120px;}

.animation52 h1{ padding-bottom:3px; text-align:left; font-size:24px; font-weight:bold; letter-spacing:5px; line-height:32px;}

.animation52 p{ font-size:13px; text-align:left; line-height:22px; }

		 
		 
}