/* 2015-10-13卢大伟新加 */

/********css 重置********/
body,h1,h2,h3,h4,h5,h6,b,p,em,i,span,a,ol,ul,li,table,tr,td,dl,dt,dd,input,textarea,button{margin:0;padding:0;}
body{font:12px Arial,microsoft yahei,"\5b8b\4f53";} 
ul,ol{list-style: none;} 
ul,ol,li{list-style:none;} 
.clearfix:after{content: "";display: table;clear: both;}
.clearfix{*zoom:1;}
.fl{float: left;}
.fr{float: right;}  
.clear{clear:both;}
img{border: none;} 

/* 功能 */ 
.weepr12{width: 1200px;margin: 0 auto;}
.ss_topnav{width: 100%;min-width: 1200px; background-color: #fafafa; border-bottom: 1px solid #e0e0e2; height: 36px; line-height: 36px;} 
.ss_topnavtab{overflow: hidden;}  
.ss_mymptx{ width:110px; display:block; margin-right:26px; height:36px;line-height: 36px; position:relative;z-index: 99}
.ss_mymptx:hover{background: #fff;}
.ss_mymptx  a{text-decoration: none;}
.ss_mymptx:hover i{background: #fff; border-left: 1px solid  #e0e0e2;border-right: 1px solid  #e0e0e2;}
.ss_mymptx b{ display:block; width:7px; height:4px; position:absolute; top:16px; right:-6px; background:url(../images/arrow_d.png) no-repeat }
.ss_mymptx i{font-style: normal;color: #666; width: 108px; border-left: 1px solid  #fafafa;border-right: 1px solid  #fafafa; display:block;   height:35px; line-height:36px; text-align:center;padding-right: 10px;  }
.ss_mymptx i a{display: block; color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ss_mymptx ul{ width:118px; position:absolute; top:35px; background:#fff;border-left: 1px solid #e0e0e2;border-right: 1px solid #e0e0e2; border-bottom: 1px solid #e0e0e2; text-align:center; display:none; z-index:99}
.ss_mymptx ul li{ height:27px; line-height:27px;}
.ss_mymptx ul li a{ display:block; color:#666}
.ss_mymptx ul li a:hover{ color: #dc1e23}
.ss_mymptx b.active{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.ss_topnavtab a{text-decoration: none;}
.ss_topnavtab li{width: 120px; float: left;} 
.ss_topnavtab li a{display: block; text-align: center;width: 100%; height: 100%; text-indent: -99999px;}
.ss_topnavtab li a.active{background:url(../images/toptabbg.png) no-repeat bottom center;}
.ss_topnavtab li a:hover{background:url(../images/toptabbg.png) no-repeat bottom center;}
.ss_topnavtab li.mptxlogo{background: url(../images/mptxlogo.png) no-repeat center center;}
.ss_topnavtab li.zgelogo{background: url(../images/zgelogo.png) no-repeat center center;}
.ss_topnavr{color: #333;}
.ss_topnavr a{color: #333;padding: 0 5px;text-decoration: none;}
.ss_topnavr i{padding:1px; background: url(../images/topline.png) no-repeat left 1px;}

/* 搜索 */
.ss_sheacbox{padding: 20px; overflow: hidden;}
.ss_mptxlogo{height: 40px; width: 230px; background: url(../images/ss_logo.png) no-repeat center center;}
.ss_mptxlogo a{display: block; width: 100%; height: 100%;}
.ss_retunbtn{width: 80px; height: 26px; padding: 7px 0; margin-left: 20px;}
.ss_retunbtn a{display: block; width: 100%; height: 100%; background: url(../images/ss_retunbtn.png) no-repeat center center;}
.ss_shopbox{ height: 40px;}
.ss_phonenum{height: 40px; line-height: 40px; color: #e10f1e; font-size: 24px; background: url(../images/phoneicon.png) no-repeat left center; padding-left: 40px;}
.ss_shopcar{width: 118px;height: 38px; background-color:#f6f6f6; border: 1px solid #dcdcdc;  margin-left: 40px;}
.ss_shopcar:hover{background-color: #eeeeee}
.ss_shopcar a{display: block; width: 100%; height: 100%;position: relative;overflow: hidden;}
.ss_shopcar b{height: 38px;line-height: 39px; padding: 0 10px; font-size: 16px; color: #646464; font-weight: normal;}
.ss_shopicon{position: relative; height: 40px;min-width: 40px; background: url(../images/shopcaricon.png) no-repeat center top; margin-left: 4px;}
.ss_numbox{ color: #fff; font-size: 12px; font-weight: bold; font-style: normal; position: absolute;left: 24px;top: 2px;  height: 19px;display: block;width: 100%; overflow: hidden;min-width: 160px;}
.numboxl{float: left;background: url(../images/numboxl.png) no-repeat left top;width: 4px; height: 19px;}
.numboxc{float: left; background: url(../images/numbox.png) repeat-x; line-height: 17px;padding: 0 2px;}
.numboxr{float: left;background: url(../images/numboxr.png) no-repeat left center;width: 4px; height: 19px;}


/* 导航 */
.ss_nav{margin-bottom: -2px; width: 100%;min-width: 1200px; height: 52px;background: url(../images/ss_navbg.png) repeat-x;position:relative; z-index: 40}
.ss_navbox{position: relative;z-index: 30;}
.ss_navlis{width: 972px; margin-left: 228px;} 
.ss_navlis li{height: 50px; line-height: 50px;float: left; margin: 0 8px}
.ss_navlis li a{display: block;padding: 0 24px; height: 50px; line-height: 50px;  font-size: 16px; color: #fff; text-decoration: none;}
.ss_navlis li a:hover{background-color: #c81419;}

/* 次导航 */
.ss_navdbox{position: relative;z-index: 60;}
.ss_navdh{width: 228px; position: absolute;z-index: 60;top: -50px;}
.ss_navdhtop{height: 50px;line-height: 50px; text-align: center; font-size: 16px; font-weight: normal; color: #fff; background-color: #c81419;}
.ss_navdhtop span{padding-right: 36px; background: url(../images/toparobg.png) no-repeat right center;}
.ss_navdhtopbox{ height: 603px; width: 226px;background: #fff; border: 1px solid #dc1e23; border-top: none;}
.ss_navdhtopbox>li{*margin-bottom: -3px;position: relative; padding: 0px 20px 0px 20px;border-bottom: 1px solid #fff; border-top: 1px solid #f0f0f0;*padding-bottom: -3px!important;}
.ss_navdhtophea{padding-bottom: 8px; padding-top: 12px; font-size: 16px; color: #fa722b; font-weight: normal;}
.navxbq>li{float: left; padding-right: 18px;*padding-right: 16px;height: 16px; *padding-bottom: 2px;  *word-break:keep-all;margin-bottom: 4px;}
.navxbq>li a{font-size: 12px;color: #333333; text-decoration: none;}
.navxbq>li a:hover{  color: #fa6405}
.ss_navdhtopbox>li:hover .ss_navxqlist{display: block;}  
.ss_navxqlist{padding:20px 20px 20px 20px; width: 280px; display: none;min-height:40px; background: #fff9f0;position: absolute; left: 227px; top:-1px;border: 1px solid #dc1e23; border-left: none;}
.ss_navxqlist>h4{font-size: 14px; color: #fd6703;}
.ss_navpbq{height: 40px;line-height: 40px; border-bottom: 1px #eee solid;}
.ss_navkblist{overflow: hidden; padding-top: 10px;}
.ss_navkblist li{padding: 5px 0; width: 50%; float: left; height: 18px; background: url(../images/kblczr.png) no-repeat -6px 3px;text-indent: 16px; }
.ss_navkblist li a{text-decoration: none; color: #666}
.ss_navkblist li a:hover{color: #fa6405}
.ss_navkblist li:hover{background-position: -6px -17px;}
.ss_navxqlistlatst{top: -52px!important;*top: -52px!important; height: 97px!important;}
.ss_navxqdse{ height: 136px!important;*height: 135px!important;} 
.ss_navsmall{height: 64px;*height: 69px;} 
.ss_navdhtopbox>li:hover { background: #fff9f0; width: 187px; border-top: 1px solid #dc1e23!important; border-bottom: 1px solid #dc1e23!important; border-right:1px solid #fff9f0;}
.ss_navsbig{height: 88px;*height: 87px;  } 
.zuihosd{border-bottom: none!important;}
.ss_navdhtophea a {color: #fa722b; text-decoration:none; }
.ss_navsbigmm{height: 86px!important;}

/* banner */
.ss_banner{height: 420px; width: 100%;min-width: 1200px; background: #eee;  }

/* 广告 */
.ss_notiboxwb{width: 1200px;position: relative;z-index: 40;}
.ss_notibox{position: absolute;top: 0px;right: 0;}
.ss_notice{overflow: hidden; width: 191px; height: 418px;border: 1px solid #e6e6e6; background: #fff; position: relative; z-index: 40}
.ss_noticehao{height: 38px;line-height: 38px; padding-left: 12px; font-size: 12px; color: #333;font-weight: normal; border-bottom: 1px solid #e6e6e6;}
.ss_adulis{padding: 8px 16px; border-bottom: 1px solid #e6e6e6; overflow: hidden; height: 172px; *height: 164px;}
.ss_aduliimg>li{padding: 8px 20px 0 20px;   overflow: hidden; text-align: center;}
.ss_aduliimg>li a{display: table-cell;vertical-align: middle; overflow: hidden; color: #666; text-decoration: none; text-align: center;}
.ss_aduliimg>li a img{height: 30px;} 
.ss_adulis>li{padding: 7px 0 5px 0px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ss_adulis>li a{color: #666; font-size: 12px; text-decoration: none;}
.ss_adulis>li a:hover{color: #dc1e23}
.bbnone{border-bottom: none!important}
.ss_noticesline{width: 1px; height: 40px; float: left; background: #e6e6e6!important; border: none;}
.ss_noticehetab{background: none;  width: 192px; height: 38px; line-height: 38px; overflow: hidden;}
.ss_noticehetab li{ margin-top: -1px; border: 1px solid #e6e6e6;border-left: none; border-right: none; height: 37px;  float: left; text-align: center; background: #f0f0f0;}
.ss_noticehetab li a{ display: block; width: 95px; height:100%; color: #999; font-size: 12px;text-decoration: none;}
.ss_noticehetab li.cur{background: #fff; border-bottom: none; border-left: none; border-right: none;}
.ss_noticehetab li.cur a{border: none; color: #333;}
.ss_admore{color: #999; font-size: 12px; text-decoration: none; margin-right: 12px;padding-right: 12px; background: url(../images/admoreicon.png) no-repeat right 11px;}
.ss_admore:hover{color: #dc1e23;}
.scrollText{height: 144px;overflow: hidden;} 
.scrollImg{max-height: 148px;overflow: hidden;} 

/* a { blr: expression(this.onFocus=this.blur()); outline: none; } */
.ss_caroubox {width: 100%; z-index: 10; height: 420px; position: relative; overflow:hidden; }
.ss_caroulist{width: 100%!important;}
.ss_caroulist li{width: 100%!important;}
.ss_caroulist li a{ width: 1200px;display: block; margin: 0 auto}
.ss_caroulist li a img{width: 1200px;margin: 0 auto}
.caronumbox{position: relative;}
.ss_caroubox .caronum { overflow:hidden; height: 20px; position: absolute;z-index: 40; bottom:20px;right: 220px;  zoom:1; }
.ss_caroubox .caronum li { width: 20px; height: 20px; line-height: 20px; text-align: center; color: #FFFFFF; background: url(../images/caronumbg.png) no-repeat top center; margin-right: 0px;cursor:pointer; float: left; text-indent: 99999px;}
.ss_caroubox .caronum li.on { background-position: left -20px; } 
.ss_caroubox .ss_prev,
.ss_caroubox .ss_next {z-index: 40; display: none; width: 26px; height: 60px; background: url(../images/btn.png) no-repeat; position: absolute; top: -20px;}
.ss_caroubox .ss_prev { left: 236px; }
.ss_caroubox .ss_next { right: 201px;; background-position: right } 
.ss_pnbtn{background: #eee; margin: 0 auto;position: absolute;  top: 200px; z-index: 10;left: 50%;margin-left: -600px;}

/* 次banner */
.ss_trbanner{padding-top: 14px; }
.ss_trbannerul{overflow: hidden;width: 972px;}
.ss_trbannerul li{margin-left: 14px;width: 310px;height: 170px; float: left;}
.ss_trbannerul li a{background: #fff;}
.ss_trbannerul li img{width: 310px;height: 170px;}
.ss_trbannerul li:hover{opacity: 0.8;filter:alpha(opacity=80)}

/* 1楼 */
.oneFbox{margin-top: 24px; margin-bottom: 40px;}
.floohea{height: 60px;line-height: 61px;}
.floohea b{font-weight: normal; font-size: 21px; color: #333333;}
.floohea b span{padding-left: 12px;}
.flooheaul li.flooheanm{float: left; padding: 0 10px;}
.flooheaul li a{font-size: 16px; text-decoration: none; font-weight: normal; color: #333;}
.flooheaul li a:hover{color: #dc1e23;}
.flooheasg{width: 2px; float: left; overflow: hidden; padding: 0 1px; height: 60px; background:url(../images/flooheasg.png) no-repeat center center;}
.oneFconl{width: 250px; height: 458px; background: #46afc8;}
.oneFconl img{width: 250px; height: 458px; }
.oneFconc{width: 680px; height: 456px; border-top: 1px solid #74c3d6; border-bottom: 1px solid #eeeeee;}
.oneFconuls{padding: 7px; overflow: hidden;}
.oneFconuls li:hover{background: url(../images/onelisthover.png) no-repeat center center;}
.oneFconuls li{position: relative;   padding: 7px; float: left; }
.oneFconuls li a{display: block;height: 208px; width: 208px; }
.oneFconuls li a img{height: 208px; width: 208px;}
.oneFconr{height: 456px;width: 270px;  border-top: 1px solid #74c3d6; border-bottom: 1px solid #eeeeee;  background-color: #f5f5fa;}
.oneFconrhea{height: 76px;line-height: 76px; text-align: center; font-size: 18px;color: #666; font-weight: normal;}
.oneFconruls{border-top: 1px solid #e6e6eb; overflow: hidden;}
.oneFconruls li{float: left; height: 39px; line-height: 39px;width: 134px; border-bottom: 1px solid #e6e6eb; border-right: 1px solid #e6e6eb;}
.oneFconruls li a{font-size: 12px; display: block; height: 100%; width: 100%; text-align: center; color: #333; text-decoration: none;}
.oneFconruls li a:hover{color: #dc1e23;}
.r_border{border-right: none!important;}
.oneFconr p{padding:12px 20px; color: #666;}

/* 2楼 3楼 4楼*/
.bottmFbox{background-color: #f5f5f5;padding-top: 20px;  }
.towFbox{padding-top: 40px!important;}
.bottmFcon{height: 472px;}
.bottmFconl{position: relative; margin-left: -7px; margin-top: -7px;  }
.bottmFconl:hover{background: url(../images/bottmFconlhover.png) no-repeat 0px -2px;}
.bottmFconl li{ position: relative;width: 226px;height: 472px; padding: 7px;}
.bottmFconl a{display: block;}
.bottmFconl a img{width: 226px;height: 472px;}    
.Fconulimg img{height: 162px; width: 230px;}
.bottmFconc{margin-left: -7px;}
.bottmFconuls{padding:7px 7px 0px 7px;  width: 732px; margin-top: -14px;}
.bottmFconuls li{ padding: 7px 7px 7px 7px; float: left;position: relative; }
.bottmFconuls li img{width: 230px;height: 162px;}
.bottmFconuls li a{display: block;width: 230px;height: 229px;background-color: #fff; text-decoration: none; overflow: hidden;}
.bottmFconuls li:hover{background:url(../images/botlisthover.png) no-repeat center 0px!important;}
.bottmFconuls li a h3{font-weight: normal; color: #333;padding: 12px 10px 6px 10px; font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bottmFconuls li a b{ font-size: 14px; padding: 0 10px; color: #dc1e23; font-weight: normal;}
.bottmFconr{width: 228px;height: 472px; background-color: #fff;}
.bottmFconuruls li{height: 116px; border-top: 1px solid #eee;border-bottom: 1px solid #fff; border-left: 1px solid #fff;border-right: 1px solid #fff;}
.bottmFconuruls li:first-child{border-top: 1px solid #fff;}
.bottmFconuruls li a{display: block; padding: 24px 10px; overflow: hidden; text-decoration: none;}
.bottmFconuruls img{float: left; height: 70px;width: 100px;margin-right: 8px;}
.bottmFconuruls li:hover{border: 1px solid #ff9696;}
.bottmFconuruls li a{overflow: hidden;}
.bottmFconuruls li a h3{line-height: 130%; padding-top: 2px; font-weight: normal; color: #333; font-size: 14px; height: 36px;overflow: hidden;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.bottmFconuruls li a b{display: block;font-size: 14px; padding: 0 10px; color: #dc1e23; font-weight: normal; padding-top: 12px;}
.bottmFconuls li img { width: 230px;height: 162px;}
/* 5楼 */
.fiveFcon{height: 320px; background: #fff;}
.fiveFconl{width: 260px;height: 320px;}
.fiveFconl h4{font-weight: normal; font-size: 14px;color: #999; height: 60px;line-height: 64px; text-align: center;}
.fiveFconlul{width: 200px; margin:0 auto;}
.fiveFconlul li{width: 200px;}
.fiveFconlul li p{width: 198px;height: 38px;line-height: 38px; background-color: #fffefc; color: #333;font-size: 12px; text-indent: 50px; border: 1px solid #ffe9be; border-radius: 2px;}
.fiveFconlul li em{display: block; height: 24px; background: url(../images/fiveFcobarr.png) no-repeat center center;}
.ss_step01{background: url(../images/ss_step01.png) no-repeat 14px center!important;}
.ss_step02{background: url(../images/ss_step02.png) no-repeat 14px center!important;}
.ss_step03{background: url(../images/ss_step03.png) no-repeat 14px center!important;}
.ss_step04{background: url(../images/ss_step04.png) no-repeat 14px center!important;}
.fiveFconr{height: 320px;width: 940px;overflow: hidden;}
.fiveFconrlis li{height: 160px; float: left; cursor: pointer;}
.fiveFconrlis li a{ }
.fiveFconrlis li a{   text-align: center; display: block; height:160px;width: 187px; border-bottom: 1px solid #e6e6eb;border-left: 1px solid #e6e6eb}
.fiveFconrlis li a  img{width: 162px; height: 135px; margin-top: 10px;}
.fiveFconrlis li:hover a  img{opacity: 0.8;filter:alpha(opacity=80)}
.H40p{width: 100%;height: 40px;background: #f5f5f5;}

/* 保证 */
.ss_guarantee{background: #fafafa;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.ss_guaranteeul {width: 1200px; overflow: hidden;}
.ss_guaranteeul li{width: 300px; float: left;}
.ss_guaranteeul li a{color: #666; font-size: 18px; text-decoration: none; padding-left: 94px; display: block; height: 34px;line-height: 34px; margin: 24px 0; border-left: 1px solid #e6e6e6;}
.ss_guaranteeul li:hover a{ color: #dc1e23; background-position:52px -34px; }
.ss_guaranteeul li:first-child a{border-left: none!important;}
.ss_bzdesi{background: url(../images/ss_bzdesi.png) no-repeat 52px 0px;}
.ss_bzdtf{background: url(../images/ss_bzdtf.png) no-repeat 52px 0px;}
.ss_bzzs{background: url(../images/ss_bzzs.png) no-repeat 52px 0px;}
.ss_bzsh{background: url(../images/ss_bzsh.png) no-repeat 52px 0px;}

/* 底部 */
.ss_footerb{width: 100%;}
.ss_footerbcon{height: 156px; padding: 40px 0 32px 0; border-bottom: 1px solid #e6e6e6;}
.ss_footerbuls{ }
.ss_footerbuls>li{float: left; width: 220px;  }
.ss_footerbuls>li:first-child dl{border-left: none!important; }
.ss_footerbuls>li dl{border-left: 1px solid #ececec; padding-left: 30px;height: 136px; }
.ss_footerbuls>li dl dt{font-size: 16px; color: #494949; padding-bottom: 22px;}
.ss_footerbuls>li dl dd{font-size: 12px;  padding-bottom: 12px}
.ss_footerbuls>li dl dd a{color: #666;text-decoration: none;}
.ss_footerbuls>li dl dd a:hover{color: #dc1e23;}
.ss_xlicon{background: url(../images/ss_xlicon.png) no-repeat left 4px; padding-top: 6px; padding-left: 28px;}
.ss_txicon{background: url(../images/ss_txicon.png) no-repeat left 4px; padding-top: 6px; padding-left: 28px;}
.ss_footrbox{text-align: center; width: 239px; border-left: 1px solid #ececec; height: 136px;}
.ss_footrbox h2{font-size: 24px; text-align: center; color: #dc1e23; font-weight: normal;height: 24px;}
.ss_footrbox p{font-size: 12px; color: #666; text-align: center; padding-bottom: 6px;}
.ss_footrbox em{font-size: 12px; color: #666; display: block; font-style: normal;padding-top: 2px; text-align: center;}
.ss_bquanbox {padding: 12px 0 20px 0; text-align: center;}
.ss_bquanbox p{text-align: center;font-size: 12px; color: #999; padding: 3px 0;}
.ss_bquanbox img{padding-top: 4px;}

/* 回到顶部 */ 
.side_pannel{position: fixed;right: 10px; z-index: 99;bottom: 120px;}
.side_pannel li{ margin-top: 6px;width: 40px; height: 40px;  border: 1px solid #cdcdd2; text-align: center; line-height: 48px; }
.side_pannel li a{display: block; font-size: 14px; padding: 4px;height: 32px; line-height: 1.2;color: #333; text-decoration: none; text-indent: -999999px;}
.side_pannel li a:hover{text-indent: 0;background-color: #efefef;}
.ss_picbox{display: none;}
.ss_btnewm{position: relative;}
.ss_picbox{width: 258px;height: 138px;}
.ss_picbox{position: absolute;top: -49px;left: -260px;}
.jgjsicon{background:#fff url(../images/jgjsicon.png) no-repeat center center;}
.sqqicon{background:#fff url(../images/sqqicon.png) no-repeat center center;}
.sewmicon{background:#fff url(../images/sewmicon.png) no-repeat center center;}
.sfhicon{background:#fff url(../images/sfhicon.png) no-repeat center center;}
/*无产品提示*/
.gray_bg{ background:url(/mininamex/images/gray_bj.png); position:fixed; width:100%; height:100%; z-index:32; top:0; left:0; z-index:999999; display:none}
.closednew{ width:43px; height:44px; background:url(/images/new_index/closed.png) no-repeat; z-index:9999; position:fixed; top:20px; right:26px; display:none;-webkit-transition:all 300ms ease-out; -mozilla-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; cursor:pointer}
.closednew:hover{-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);  transform:rotate(90deg);  }
.newproduct{ width:578px; height:218px; padding:13px; background:rgba(225,225,225,0.7); display:none; position:fixed; top:50%; left:50%; margin-top:-109px; margin-left:-289px; z-index:999999}
.clmain{ width:576px; height:216px; border:1px solid #908b8b; background:#f6f5ec}
.clmain .pic{ width:190px; height:215px;}
.clmain .cont{ width:370px; height:215px; padding-left:16px}
.clmain .cont h1{ display:block; font-size:15px; color:#ab7c0f; padding:50px 0 10px }
.clmain .cont span{ display:block; height:102px; padding-top:8px}
.clmain .cont span a{ margin-right:10px}
.clmain .cont span img{ width:99px; height:99px; border:1px solid #e0e0e0}
@-webkit-keyframes dn51{0%{opacity:0;-webkit-transform:translateY(-150px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes dn51{0%{opacity:0;-moz-transform:translateY(-150px);}100%{opacity:1;-moz-transform:translateY(0);}}
@keyframes dn51{0%{opacity:0;transform:translateY(-150px);}100%{opacity:1;transform:translateY(0);}}
.dn51{-webkit-animation:dn51 1s .5s ease both;-moz-animation:dn51 1s .5s ease both;animation:dn51 1s .5s ease both;}