@charset "utf-8";
/* czz */
/*********base tyle begin************************/
html{ overflow-x:hidden; font-family:Arial, Helvetica, sans-serif; color:#333;}
body{
	background:#fff; color:#3f3f3f; font-family:"微软雅黑"; font-size:12px; text-align:left;
	overflow:hidden;
}
.layout { margin:0 auto; width:1000px; zoom:1; overflow:hidden;}
body, div, dl, dt, dd, ul, ul li, pre, form, fieldset, input, textarea, p, blockquote, th, td, a{ margin:0; padding:0;/* overflow:hidden;*/}
body{overflow:hidden;}
div,table{ margin:0 auto;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset, img{ border:0;}
address, caption, cite, code, dfn, em, th, var{ font-style:normal; font-weight:normal;}
ul{ list-style:none;}
input{ vertical-align:middle;}
caption{ text-align:left;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:bold;}
q:before, q:after{ content:'';}
abbr, acronym{ border:0;}
/**** clear ****/
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
* html .clearfix{ zoom:1;} /* IE6 */
*:first-child+html .clearfix{ zoom:1;} /* IE7 */
.clear{ clear:both; font-size:0; height:0; overflow:hidden;}
a{ text-decoration:none; outline:none;}
a:hover{ text-decoration:underline;}
a:active {outline: none;star:expression_r(this.onFocus=this.blur());}
a.empty:hover{ text-decoration:none;}
/*public start*/
.font_arial{ font-family:Arial, Helvetica, sans-serif;}
.font_heiti{ font-family:"黑体";}
.font-italic{ font-style:italic;}
.bold{ font-weight:bold;}
.float_l{ float:left;}
.float_r{ float:right;}
.text-center{ text-align:center; /*padding:15px 0;*/}
.text-right{ text-align:right;}
/*public end*/
@font-face {
font-family: 'font1';
src: url('font.eot'); /* IE9 Compat Modes */
src: url('font.eot?#iefix') format('embedded-opentype'), url('font.ttf') format('truetype'),url("font.woff") format("woff");
/* Safari, Android, iOS */
}
.OverflowHide{ overflow:hidden;}
.layout {margin:0 auto; zoom:1; width:1000px;}
.setMarginTop{ margin-top:30px;}
.floatLeft{ float:left;}
/********base tyle end************************/

/*product item public style begin*/
.setMargin{width:1000px; float:left;}
.pBox{ width:1100px; float:left;}
*+html .pBox{ margin-bottom:15px;}
/*底部通用样式*/
#aPublic{ background:#fff;  padding-bottom:30px;}
#aPublic .listItems{ padding-bottom:30px;}
#aPublic .go1{ display:block; float:left; margin-right:35px; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;}
#aPublic .go1:hover{-moz-transform:scale(1.03);-ms-transform:scale(1.03);-webkit-transform:scale(1.03); transform:scale(1.03);}
#aPublic .listItems{ width:1000px;}
/*product item public style end*/



/************本地头部*扩展*********begin*****/
.acctacImg {background-attachment: fixed;}
.navBoxMain li a{ text-decoration:none;}
.contact *{ vertical-align:middle;}
.header{ height:auto;}
.wrapper{ width:1000px}
.examples{ width:auto}
/***********本地头部********end**********/

/*top rum time style begin*/
.runTimer{ height:64px; width:100%; background-color:#d6142d;}
.runTimer .runTimeBox{ margin:0 auto; width:1000px; overflow:hidden;}
.runTimer .runTimeBox .setColor{ color:#fff601;}
.runTimer .runTimeBox .msCont{ color:#FFF;}
.nav_top{ width:100%; height:64px; line-height:64px; position:relative; background-color:#d6142d; z-index:10;}
.fix{ position:fixed; top:0; z-index:9999;}
#countDown_panel,#countDown_panel2{ font-size:20px; color:#fff601;}
#countDown_panel span,#countDown_panel2 span{ font-size:45px; vertical-align:middle;}
#countDown_panel2{display:none;}
#countDown_panel i{ font-style:normal;}
/*top rum time style end*/

/*sidreBar style type1  begin******************/
#top{right:-118px; background:url(../Images/siderBarbg.png) repeat-y;width:108px; position:fixed;_position:absolute; height:auto; top:0; height:100%; /*filter:alpha(opacity=60);opacity:0.6;*/ z-index:9999;}
#top span{ display:block; height:97px;}
#top a{width:108px; padding:8px 0; display:block; margin-bottom:1px; overflow:hidden; background-color:#04aac7; text-align:center; font:16px/20px "微软雅黑" ; color:#fff;}
#top .currA{ background:#25347d;}
#top a.tp1{ position:absolute; bottom:93px; background-color:transparent; border-bottom:1px solid #333;}
#top a.tp{ position:absolute; bottom:56px; text-decoration:none;background-color:transparent; border-bottom:1px solid #333;}
#top a.flight:hover,#top a.on{ text-decoration:none; background-color:#ff8a00; color:#fff;}
#top a.tp2 {border-bottom:1px solid #333;background-color:transparent; height: 34px; position:absolute; bottom:0px;}
.tp3 { background:url(../Images/zk.png) no-repeat center; bottom: 30px; height: 84px;opacity: 0.8; position: fixed; right:-108px; width: 68px; z-index:11;}
/*sidreBar style  end******************/

.main{ 
    width:1000px;    
    position: relative;
    z-index: 8;
	background:#eae9e9;
}

/* 尾部 begin************** */
.foot{ background-color:#fff; font-size:18px; float:left; width:100%;}
.footcontent{ /*float:left;*/ width:100%; padding-top:125px; width:1000px; background:url(../images/fbbg.jpg) no-repeat center top; color:#c9c9c9; line-height:30px; text-align:center; margin:0 auto}
.footcontent a,.footcontent span{ color:#333;}
.serch{ margin:10px auto 15px auto; padding:0 5px 0 22px; width:464px; height:45px; background:url(../images/searchbg.jpg) no-repeat left top;}
.serchkeyword{ margin:11px 0; width:342px; height:23px; line-height:23px; border:0; font-size:14px; color:#999;}
.seobottom span{ display:block; color:#999; line-height:26px; font-size:14px}
.seobottom a{ margin-right:20px;color:#666; line-height:22px}
.relatelink{ padding-bottom:15px; background-color:#fff; width:100%;}
/*尾部 end ********************************/
.boxMain{ overflow:hidden;}

/*banner  style*/
.banner {
	background:url(../Images/banner.jpg) no-repeat scroll center top;
    height:625px;
  /*  overflow: hidden;*/
    position: relative;
    width: 100%;
    z-index: 2;
}

.bimg1{
	/*left: 470px;*/
    position: absolute;
	z-index:8;
	}
.bimg2{
  position: absolute;
  z-index: 8;
  top:-460px;/*-24px;*/
  left: -224px;
}

.sanim{
-moz-animation:anim 1.5s infinite;
  -moz-animation-timing-function:linear;
  -ms-animation:anim 1.5s infinite;
  -o-animation:anim 1.5s infinite;
  -o-animation-timing-function:linear;
  -webkit-animation:anim 1.5s infinite;
  -ms-animation:anim 1.5s infinite;
  -o-animation:anim 1.5s infinite;
  animation:anim 1.5s infinite;
  -webkit-animation-timing-function:linear;
  -moz-animation-timing-function:linear;
  -o-animation-timing-function:linear;
  animation-timing-function:linear;	
}
	
/*other styel*/

.bannerPoImg
{
	position:relative;
	height:625px;
	overflow:visible;
}

.bannerCont{
	font-size:18px;
	color:#FFF;
	z-index:9;
	height:auto;
	margin:0 auto;
	width:1000px;
	overflow:visible;
}

.consultTit
{
	padding:15px;
}

.consultItems
{
	padding-bottom:30px;
}

.bgimg{
	position:absolute;
	top:468px;
	z-index:-1;
	left:-200px;;
}



/*this is row One product type Block   style begin*/
.productsBox{ width:100%; height:auto;}
.productsBox .blockTit{ height:auto; margin:0 auto; width:1000px; position:relative; text-align:center;}
.productsBox .listItems{ padding:15px 22px 0 22px; width:956px;}
.productsBox .buybtnBox{-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;  transition:all 0.3s ease-in-out; transform-style:preserve-3d; transform-origin: center center;}
.productsBox .buybtnBox:hover{
	-moz-transform:scale(0.9);
	-ms-transform:scale(0.9);
	-o-transform:scale(0.9);
	-webkit-transform:scale(0.9);
	 transform:scale(0.9);
	  -moz-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 20%,rgba(255,255,255,.3));
	   -ms-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 20%,rgba(255,255,255,.3));
	    -o-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 20%,rgba(255,255,255,.3));
	 -webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 20%,rgba(255,255,255,.3));
	  box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 20%,rgba(255,255,255,.3));}

/*this is row three product type Block   style begin*/
.pListType3{ border:1px solid #ddd; width:308px; height:auto; /*margin-right:10px;*/margin-right:13px; margin-bottom:15px; border-radius:5px; overflow:hidden;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.pListType3:hover{border:1px solid #999; box-shadow:0 0 8px #999;
-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);-webkit-transform:translateY(-2px);transform:translateY(-2px);}
.pListType3 .pListItemBox{ width:300px; overflow:hidden; padding:4px; background-color:#fff}
.pListType3 .imgBox{ width:300px; height:210px; overflow:hidden;}
.pListType3 .imgInfo{ position:relative; width:300px; height:210px; overflow:hidden; background-color:#FFF;}
.pListType3 .imgLog{ position:absolute; top:0; right:0px; z-index:2; background:url(../Images/tj.png) no-repeat; width:50px; height:25px; text-align:center;font-size:16px; color:#fffc00; padding-top:25px;}
.pListType3 .imgLog .imgLogBox{left:2px; bottom:3px;height:50px; width:50px; line-height:34px; }
.pListType3 .imgLog .Nub{ font-style:normal;  text-align:center; height:25px; line-height:25px; text-align:center;}
.pListType3 .proLink{ border:0; text-decoration:none;}
.pListType3 .otherInfobg{ background-color:#333;position:absolute; left:0px; top:220px; width:300px; height:210px;z-index:8; overflow:hidden;filter:alpha(opacity=50); /*IE滤镜，透明度50%*/-moz-opacity:0.5; /*Firefox私有，透明度50%*/opacity:0.5;/*其他，透明度50%*/ /*display:none*/}
.pListType3 .otherInfo{font-size:15px; color:#FFF; position:absolute;z-index:4; right:-330px; top:10px;width:303px; height:210px; overflow:hidden;display:none}
.pListType3 .otherInfo2{font-size:13px; color:#FFF; position:absolute;z-index:4; right:0px; bottom:0px;width:300px; height:20px; overflow:hidden; padding-top:80px; background:url(../Images/300.png)}
.pListType3 .xiane{z-index:4; font-size:14px; color:#FFF; position:absolute; left:10px; top:10px; float:left; height:20px; overflow:hidden; background-color:#000; border-radius:10px; padding:0 10px;opacity:0.7;}
.pListType3 .proInfoBox{background-color:#FFF; width:300px; height:auto;overflow:hidden;}
.pListType3 .willShop { height:386px; overflow:hidden;}
.pListType3 a.proTitle{ display:block; font-size:16px; line-height:20px;text-align:left; width:290px; margin:10px 0; padding:0 5px;  color:#333; height:45px; line-height:21px; overflow:hidden;}
.pListType3 .PriceBuyBox{ width:300px; height:auto;}
.pListType3 .PriceBuyBox .priceBuy{ position:relative; height:67px; width:300px; margin-bottom:10px;}
.pListType3 .PriceBuyBox .priceBuy i{ font-style:normal;}.pListType3 .PriceBuyBox .priceBuy i.money{font-size:30px;line-height:36px; font-weight:bold; letter-spacing:-1px}
.pListType3 .PriceBuyBox .priceBuy .price{ position: absolute; color:#f63459; font-size:17px;top:-12px; left:5px}
.pListType3 .odp{ font-size:15px; color:#666; text-decoration:line-through;}
.pListType3 .buybtnBox{ position:absolute; right:5px; top:34px;}
.pListType3 .buybtnBox .buyBtn{ display:block; width:265px; font-size:18px; text-align:center; line-height:40px; height:40px; color:#FFF; text-decoration:none; background:#f63459 url(../Images/arr.gif) no-repeat 178px 11px; border-radius:8px;padding-right:20px}
.pListType3 .moreCom{width:323px; text-align:center; overflow:hidden; margin:5px 0 10px 0; display:none}
.pListType3 .moreCom .moreBtn{ text-align:center; margin:0 auto; background:url(../Images/morejx.png) no-repeat; display:block; width:115px; height:20px; line-height:20px; color:#FFF; font-size:12px;}
/*待售商品板块样式 begin*/
.pListType3 .willBegin .buybtnBox .buyBtn{display:block; width:265px; font-size:17px; text-align:center; line-height:34px; height:34px; color:#FFF; text-decoration:none;background:#078057 url(../Images/arr.gif) no-repeat 178px 11px;}
.pListType3 .noBuy .buybtnBox .buyBtn{display:block; width:265px; font-size:18px; text-align:center; line-height:40px; height:40px; color:#FFF; text-decoration:none; background:#777777 url(../Images/arr.gif) no-repeat 178px 11px;}
/*待售商品板块样式 end*/
/*this is row three product type Block  end*/

/*product anim style*/
.itemTag{/*-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);-webkit-transform:rotateX(90deg); transform:rotateX(90deg);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;-webkit-transform-style:preserve-3d; transform-style:preserve-3d;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;-webkit-transform-origin:center center; transform-origin:center center;*/}
.animGo{/*-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);-webkit-transform:rotateX(0deg); transform:rotateX(0deg);*/}

#a1{ background:#f0951e; padding-bottom:50px;}
#a2{ background:#face50; padding-bottom:50px;}
#a3{ background:#f0951e; padding-bottom:50px;}
#a4{ background:#face50; padding-bottom:50px;}

.erBg{ margin-top:6px; border-radius:3px; background:#fff; padding:5px 10px 10px 10px; height:127px; width:110px;}
.erBg i{ display:inline; font-style:normal; color:#666; font-size:13px; text-align:center; width:100%; margin:0 auto;}

#a1 .moreLink{ display:block; font-size:16px; width:964px; border-radius:5px; text-align:center; padding:6px 0; background:#ffe8e8; margin-top:15px; color:#e5547d;}

#a3 .moreLink{ display:block; font-size:16px; width:964px; border-radius:5px; text-align:center; padding:6px 0; background:#b2bff6; margin-top:15px; color:#fff;}

#a4 .moreLink{ display:block; font-size:16px; width:956px; border-radius:5px; text-align:center; padding:6px 0; background:#ffe8e8;margin-top:15px; color:#e5547d;}





.tabs{height:60px; margin-bottom:25px; background:#788dde; }
.tabs a{ color:#fff; background:url(../Images/fg.png) no-repeat center right; font-size:20px;float:left; display:block; text-align:center;width:239px; height:60px; line-height:60px;}
.tabs a:nth-last-child(1){background:none;}
.tabs a:hover{background:#fff;font-weight:bold; color:#ff9797;font-size:24px; text-decoration:none;}
.tabs a.on{background:#fff;font-weight:bold; color:#ff9797;font-size:24px; text-decoration:none;}

.tabs2 a{color:#fff; font-size:20px;float:left; display:block; text-align:center;width:478px; height:60px; line-height:60px;}
.tabs a img{ margin:0 auto;}





@-webkit-keyframes anim{
 0%{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
 25%{-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);-webkit-transform:translateY(-3px); transform:translateY(-3px);}
 50%{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
 75%{-moz-transform:translateY(3px);-ms-transform:translateY(3px);-o-transform:translateY(3px);-webkit-transform:translateY(3px); transform:translateY(3px);}
 100%{ -moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
}
@-moz-keyframes anim{
0%{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
 25%{-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);-webkit-transform:translateY(-3px); transform:translateY(-3px);}
 50%{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
 75%{-moz-transform:translateY(3px);-ms-transform:translateY(3px);-o-transform:translateY(3px);-webkit-transform:translateY(3px); transform:translateY(3px);}
 100%{ -moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
}
@-ms-keyframes anim{
0%{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
 25%{-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);-webkit-transform:translateY(-3px); transform:translateY(-3px);}
 50%{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
 75%{-moz-transform:translateY(3px);-ms-transform:translateY(3px);-o-transform:translateY(3px);-webkit-transform:translateY(3px); transform:translateY(3px);}
 100%{ -moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
}
@-o-keyframes anim{
0%{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
 25%{-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);-webkit-transform:translateY(-3px); transform:translateY(-3px);}
 50%{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
 75%{-moz-transform:translateY(3px);-ms-transform:translateY(3px);-o-transform:translateY(3px);-webkit-transform:translateY(3px); transform:translateY(3px);}
 100%{ -moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
}
@keyframes anim{
 0%{ transform:translateY(0px);}
 25%{ transform:translateY(-3px);}
 50%{ transform:translateY(0px);}
 75%{ transform:translateY(3px);}
 100%{ transform:translateY(0px);}
}


@-webkit-keyframes anim2{
 0%{top:}
 25%{-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);-webkit-transform:translateY(-3px); transform:translateY(-3px);}
 50%{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
 75%{-moz-transform:translateY(3px);-ms-transform:translateY(3px);-o-transform:translateY(3px);-webkit-transform:translateY(3px); transform:translateY(3px);}
 100%{ -moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
}
@-moz-keyframes anim2{
0%{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
 25%{-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);-webkit-transform:translateY(-3px); transform:translateY(-3px);}
 50%{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
 75%{-moz-transform:translateY(3px);-ms-transform:translateY(3px);-o-transform:translateY(3px);-webkit-transform:translateY(3px); transform:translateY(3px);}
 100%{ -moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
}
@-ms-keyframes anim2{
0%{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
 25%{-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);-webkit-transform:translateY(-3px); transform:translateY(-3px);}
 50%{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
 75%{-moz-transform:translateY(3px);-ms-transform:translateY(3px);-o-transform:translateY(3px);-webkit-transform:translateY(3px); transform:translateY(3px);}
 100%{ -moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
}
@-o-keyframes anim2{
0%{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
 25%{-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);-webkit-transform:translateY(-3px); transform:translateY(-3px);}
 50%{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
 75%{-moz-transform:translateY(3px);-ms-transform:translateY(3px);-o-transform:translateY(3px);-webkit-transform:translateY(3px); transform:translateY(3px);}
 100%{ -moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px); transform:translateY(0px);}
}
@keyframes anim2{
 0%{ transform:translateY(0px);}
 25%{ transform:translateY(-3px);}
 50%{ transform:translateY(0px);}
 75%{ transform:translateY(3px);}
 100%{ transform:translateY(0px);}
}