@charset "utf-8";
/*end*/
body{overflow-x:hidden;}

@charset "utf-8";

body{min-width: 1200px; width: 100%;}

.scale_img dt img, .scale_img li img { -o-transition: all 1s linear 0s; transition: all 1s linear 0s }
.scale_img dt:hover img, .scale_img li:hover img { -webkit-transform: scale(1.05) rotate(0deg) translateY(0); -ms-transform: scale(1.05) rotate(0deg) translateY(0); transform: scale(1.05) rotate(0deg) translateY(0) }
/**/
/**/
.fullSlide { position: relative; z-index: 1; clear: both; width: 100% }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden }
.fullSlide .tempWrap {margin:0 auto;}
.fullSlide .bd .li img { display: block; height: auto !important; width: 100% }
.fullSlide .hd { position: absolute; width: 100%; height: 12px; left: 0; bottom:45px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; background: #fff; margin: 0 12px; border-radius: 50%; opacity: .6; -o-transition: all .3s ease; transition: all .3s ease }
.fullSlide .hd li.on { width: 36px; height: 12px; opacity: 1; border-radius: 5px }
.fullSlide p {display: none;position: absolute;top: 42.5%;width: 80px;height: 80px;z-index: 99;opacity: 1;text-align: center;margin-top: -40px;}
.fullSlide .prev2 { left: 3% }
.fullSlide .next2 { right: 3% }


/**/
.tils{ padding-top: 119px; overflow: hidden; height: 674px; position: relative;}
.ti_l{ position: absolute; left: -26px; z-index: 5; top: 0;}
.ti_r{ padding-top: 30px; position: relative; z-index: 66;}
.ti_r h3{ margin-left: 635px; padding-top: 123px; line-height: 100%; color: #ffa200; font-size: 50px; height: 136px;background: url(/Skins/Default/images/t_h.png) no-repeat;}
.ti_r dl{ overflow: hidden; margin-left: 477px; position: relative; background: #f5f5f5; z-index: 5; height: 274px;}
.ti_r dl dt{ float: left; width: 98px; font-size: 0; line-height: 0; }
.ti_r dl dt a{ position:relative; width:98px; height:92px; display:block}
.ti_r dl dt a i{ position:absolute; left:0; top:0; display:none; width:98px; height:92px;}
.ti_r dl dt a  img{width:98px; height:92px; display:block}
.ti_r dl dt a.on i{ display:block}
.ti_r dl dd{ float: left; padding: 53px 0 0 60px; width: 490px;}
.ti_r dl dd h4 a{ display: block; font-weight: normal; line-height: 100%; font-size: 22px; color: #333;}
.ti_r dl dd p{ padding-top: 24px; font-size: 16px; color: #666; line-height: 28px;}
.ti_r dl dd h4 a:hover{ color: #ffa200;}
/**/
h2.main_title a { display: block;font-weight: normal; font-size:42px; line-height: 100%; color: #333;text-align: center; margin-bottom: 28px;}
h2.main_title span { display:block; color: #999; font-size: 16px;font-weight: normal; line-height: 100%; padding-top: 14px;}
.anli{ overflow: hidden; padding-top:77px; background: #f5f5f5; padding-bottom: 87px; margin-bottom: 62px;}
.a_nav ul{ overflow: hidden; margin: 0 106px 25px; background: #fff; box-shadow: 0 0 12px rgba(0,0,0,0.1); border-top-left-radius:26px;border-bottom-right-radius:26px; }
.a_nav ul li{ float: left; line-height: 58px;background: url(/Skins/Default/images/a_nav.jpg) no-repeat right 23px; }
.a_nav ul li:last-of-type{ background: none;}
.a_nav ul li a{ display: inline-block; line-height: 58px; font-size: 14px; color: #666; padding: 0 22px 0 17px;}
.a_nav ul li a:hover,.a_nav ul li.on a{ font-size: 14px; color: #333; font-weight: bold;background: url(/Skins/Default/images/cur.png) no-repeat center 29px;}
.a_on{ overflow: hidden;max-width: 1920px; margin: 0 auto;}
.a_on ul{float: left; width:100%; overflow:hidden}
.a_on ul li{ float:left;  width:19.6%; margin-right: 0.5%; font-size: 0; line-height: 0; margin-bottom: 24px; position: relative; overflow: hidden;}
.a_on ul li:nth-of-type(5n){ margin-right: 0;}
.a_on ul li img{ display: inline-block; max-width: 100%;}
.a_on ul li em{ position:relative; z-index:1; display: block; height: 53px; line-height: 53px; background: #fff; font-size: 16px; color: #333; text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.a_on ul li .fud{display: none;}
.a_on ul li:hover em{ background: #ffa200; color: #333;}
.a_on ul li:hover .fud{ position: absolute; left: 0; width: 100%; top:0; display: block; height:100%; background: rgba(0,0,0,0.5);animation-duration: 1s;animation-name: fadeInDown1;}
.fud b{ display: block; font-weight: normal; padding-top: 12%; color: #fff; font-size: 16px; line-height: 32px; margin: 0 9%; text-align: center; padding-bottom: 50px;background: url(/Skins/Default/images/a_mor.png) no-repeat center bottom;}
.fud b span{ padding: 0 9%; display:block}
.a_ud{ text-align: center;height: 80px;}
.a_ud a{ display: inline-block; width: 52px;}
.a_ud span{ display: inline-block; width: 52px; padding: 0 5px;}
.a_m{ text-align: center; }
.a_m a{ display: inline-block; width: 174px; height: 41px; box-sizing: border-box; padding-left: 54px; font-size: 14px; color: #fff;background: url(/Skins/Default/images/a_m2.jpg) no-repeat; line-height: 41px;}
/**/
/**/
/**/
/**/
/**/

/**/
.huh{ padding-top: 60px;background: url(/Skins/Default/images/huh.jpg) no-repeat center bottom; height: 962px;}
.huh1{ overflow: hidden; height: 608px;}
.huh1 ul li{ float: left; width: 294px; height: 532px; margin-right: 8px;background: url(/Skins/Default/images/huh.png) no-repeat; box-sizing: border-box; color: #333; font-size: 18px;}
.huh1 ul li:nth-of-type(2){background: url(/Skins/Default/images/huh2.png) no-repeat;}
.huh1 ul li:nth-of-type(3){background: url(/Skins/Default/images/huh3.png) no-repeat;}
.huh1 ul li:nth-of-type(4){background: url(/Skins/Default/images/huh4.png) no-repeat;}
.huh1 ul li:last-of-type{ margin-right: 0;}
.huh1 ul li em{ display: block; padding: 200px 0 0 44px; height:79px;background: url(/Skins/Default/images/hh_io1.png) no-repeat 44px 92px;}
.huh1 ul li em span{ display: block; line-height: 100%; font-size: 26px; padding-bottom: 9px;}
.huh1 ul li:nth-of-type(2) em{background: url(/Skins/Default/images/hh_io2.png) no-repeat 44px 92px;}
.huh1 ul li:nth-of-type(3) em{background: url(/Skins/Default/images/hh_io3.png) no-repeat 44px 92px;}
.huh1 ul li:nth-of-type(4) em{background: url(/Skins/Default/images/hh_io4.png) no-repeat 44px 92px;}
.huh1 ul li i{ display: block; margin-left: 44px; border-top: 1px solid #a17222; width: 220px; padding-top: 25px; font-size: 14px; line-height: 25px;white-space: nowrap;}
.huh1 ul li i span{ display: block;}
.huh2{ overflow: hidden;}
.huh2 h3{ float: left; width: 298px;}
.huh2 h3 i{ display: inline-block;margin: 0 0 7px 10px;font-weight: normal; width: 131px; height: 71px; line-height: 71px; text-align: center; background: #ffa200; font-size: 16px; color: #fff; float: left;}
.huh2 h3 i:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.23);}
.huh2 h3 i span{ display: block; padding: 17px 0 5px 0;}
.huh2 h3 i:nth-of-type(3){line-height: 100%;}
.huh_r{ float: right; width: 191px; height: 148px;background: url(/Skins/Default/images/huh22.jpg) no-repeat; margin-right: 10px; text-align: center;}
.huh_r a{ display: block; padding-top: 71px; line-height: 100%; font-size: 20px; color: #333;height: 77px;}
.huh_r a span{ display: block; padding-bottom: 5px;}
.huh_c{ float: left; width: 690px;}
.huh_c h4{font-weight: normal; line-height: 100%; font-size: 20px; color: #333; padding-top: 17px; height: 43px;}
.huh_c ul{ overflow: hidden; float: left; width:589px;}
.huh_c ul li{ overflow: hidden; float: left; margin: 0 17px 11px 0; height: 37px; line-height: 37px; border: 1px solid #e5e5e5; width: 275px; display:block}
.huh_c ul li input{ background: none; border: none; padding-left: 10px; outline: none; line-height: 37px; height:37px; color: #b0b0b0; width: 256px; display:block}
.huh_c h5{ float: left;}
.huh_c h5 button{background: url(/Skins/Default/images/huh21.jpg) no-repeat; width: 100px; height: 90px; border: none; cursor: pointer; font-size: 16px; color: #fff; line-height:100%; display: block; font-size: 0;}

/**/

.ys{ overflow: hidden;}
.ys .con{margin-top:0;}
.ys .con li{width:20%;overflow: hidden;float: left;position: relative;box-sizing: border-box;transition: all .25s linear;}
.ys .con li:last-of-type{ border-right: none;}
.ys .con li > em{display: block;width: 100%;overflow: hidden;}
.ys .con li > em img{opacity: 1;display: block;min-height:792px;}
.ys .con li .hov{position: absolute;top: 0;z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,0.5);box-sizing: border-box;padding:90%  0 0 0; right: 0; text-align: center;}
.ys .con li .hov p,.ys .con li .hov h4{ display: none; }
.ys .con li .hov h3{color: #fff;
    font-size: 30px;min-height: 210px;
    position: relative;
    padding-top: 20%;
    background: url(/Skins/Default/images/y_a1.png) no-repeat center 45%;
    font-weight: normal;
    box-sizing: border-box;
text-align: center;
    line-height: 135%;
    text-align: center;}
.ys .con li .hov h3 span{ display: block;}

.ys .con li .hov h3 i{ display: block; font-size: 14px; color: #fff; font-family: Arial; position: absolute; left: 30%; top: 465px;font-weight: normal; line-height: 150%;}
.ys .con li.cur{width:60%;}
.ys .con li.cur .hov{width:87.26%; background:none;padding: 0;top:28%; right: 6%;  height: inherit;overflow: hidden; text-align: left;}
.ys .con li.cur p{opacity: 1;width: auto;padding-right: 5%; font-size: 16px; line-height: 24px;}
.ys .con li.cur .hov h3{color: #fff; padding:0; background: none; line-height: 100%; padding-top: 35px; font-size: 30px; font-weight: normal;text-align: left; height: inherit;min-height: 150px;}
.ys .con li.cur .hov h3 span{ display: block;font-weight: bold; font-size: 50px; line-height: 100%; padding-bottom: 6px;}
.ys .con li.cur .hov p{ color: #fff; font-size: 16px; line-height:30px; padding:0; display: block;}
.ys .con li.cur .hov p,.ys .con li.cur .hov h4{ display: block; }
.ys .con li.cur .hov h4{ padding-top: 20px;}
/**/
.desg{ padding-top: 60px;background: url(/Skins/Default/images/desg.jpg) no-repeat center 0; height:810px;}
.desg_l{ float: left; width: 800px; height: 395px; background: #fff; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.desg_l dl dt{ overflow: hidden; height: 395px; height: 395px;float: left;}
.desg_l dl dt img{ width: 395px;}
.desg_l dl dd{ float: left; padding: 63px 0 0 57px; width: 298px;}
.desg_l dl dd h3{ height: 88px; line-height: 100%; font-size: 16px; color:#333;font-weight: normal;}
.desg_l dl dd h3 a{ color: #333; }
.desg_l dl dd h3 span{font-weight: bold; font-size: 26px; display: block;line-height: 100%; padding-bottom: 8px;}
.desg_l dl dd p{background: url(/Skins/Default/images/d_te.jpg) no-repeat; padding-top: 39px; font-size: 16px; color: #666; line-height: 32px; height: 203px;}
.desg_l dl dd p span{font-weight: bold;}

.desg_r{ float: right; width: 400px;}
.desg_r ul li{ float: left; width: 192px; height: 192px; overflow: hidden; margin: 0 0 10px 8px;}
.desg_r ul li img{ width:100%;}
.desg_r ul li.on img{ border:1px solid #ffa200;    box-sizing: border-box;}
.desg_r ul li:nth-of-type(3){ margin-left:208px;}
.desg_bom{ position: absolute; z-index: 55; top: 505px; left: 0; background: #fff; width: 808px; padding-top: 40px;}
.desg_bom p{ position: relative; padding-top: 16px; height: 95px; font-size: 14px; color: #333; line-height: 24px; width: 696px;}
.desg_bom p:before{ content: ""; top: 0; width: 14px; height: 2px; background: #333; position: absolute; left: 0;transition: all 0.3s linear 0s;}
.desg_bom p:hover:before{ width: 95px;}
.desg_bom h4 a{ display: block; width: 174px; height: 41px; line-height: 41px; text-align: center; color: #fff; font-weight: normal; background: #ffa200; border-radius: 41px; font-weight: normal;}
.de_ua{ position: absolute; left: 853px; top: 388px; cursor: pointer;}
.de_da{ position: absolute; left:935px; top: 388px; cursor: pointer;}
/**/
.koub{background: url(/Skins/Default/images/koub.jpg) no-repeat center 0; height: 918px; overflow: hidden; box-sizing: border-box; padding-top: 112px;}
.koub dl{ overflow: hidden; height: 431px; margin-bottom: 11px;}
.koub dl dt{ position: relative; float: left; width: 766px; height: 431px;}
.koub dl dt img{width: 766px; height: 431px;}
.koub dl dt span{ position: absolute; bottom: 17px; right: 15px;}
.koub dl dt span img{ width: 266px; height: 392px;}
.koub dl dd{ float: right; width: 394px; padding-top: 20px;}
.koub dl dd h4{ height: 92px;font-weight: normal; margin-right: 20px;}
.koub dl dd h4 a{ font-size: 20px; color: #333; line-height: 30px;}
.koub dl dd p{ height: 180px; font-size: 16px; color: #666; line-height: 24px;}
.koub dl dd em a{ display: inline-block; width: 174px; height: 41px; line-height: 41px; text-align: center; color: #fff; background: #ffa200; border-radius: 16px;}
.k_u{ position: absolute; left: -66px; z-index: 5; cursor: pointer; top:598px;}
.k_d{ position: absolute; right: -66px; z-index: 5; cursor: pointer; top: 598px;}
.koub ul li{ float: left; margin-right:6px; width: 295px; height: 167px; overflow: hidden;}
.koub ul li:last-child{ margin-right:0}
.koub ul li a{ display: block; position: relative;}
.koub ul li img{width: 295px; height: 167px;}
.koub ul li.on img{ box-sizing: border-box; border: 4px solid #ffaf00;}
.koub ul li.on i{ display: inline-block; width: 287px; height: 159px; position: absolute; left: 4px; top: 4px; background: rgba(0,0,0,0.5);}
.koub ul li.on  a:before{ content: ""; top: 60px;left: 108px; position: absolute;background: url(/Skins/Default/images/a_mor.png) no-repeat; width: 82px; height: 36px; z-index: 55;}
    /**/
.power_c{ padding: 97px 0 0; height: 873px; margin-bottom: 20px;}
.power2 dd p i{ display: block;}
.power3 dd{ margin-top: 118px;}
/**/
.news {padding-top: 67px; height: 866px;}
.news h3{ height: 61px; padding-left: 51px;background: url(/Skins/Default/images/n_ico1.png) no-repeat; line-height: 42px;}
.news h3 em{ display: inline-block; float: right;font-weight: normal;}
.news h3 em a{ font-size: 14px; color: #ffa200; text-transform: uppercase;}
.news h3 i{ display: inline-block; float: left;}
.news h3 i a{ font-size: 22px; color: #333;}
.news h3 i a:hover{color: #ffa200; }
.news_l{ position: relative;width: 574px;overflow: hidden;}
.wiki dl{ overflow: hidden; background: #f6f6f6; height: 603px;}
.wiki dl dt{ font-size: 0; line-height: 0; overflow: hidden;}
.wiki dl dt img{ width: 574px;}
.wiki dl dd{ padding:40px 46px 0; overflow: hidden;}
.wiki dl dd h4{  font-weight: normal; font-size: 24px; margin-bottom: 19px;}
.wiki dl dd h4 a{ font-size: 24px;line-height: 100%; color: #333; display: block; padding-right: 42px;background: url(/Skins/Default/images/n_mor.png) no-repeat right 8px;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;display: block; }
.wiki dl dd p{ font-size: 14px; color: #666; line-height: 28px;}
.wiki dl .strtime{ color: #fe0000; display:inline-block;font-weight:bold; font-size:16px;}
.wiki dl .date{ font-size: 14px;}
.wiki dl.on .strtime{ color:#333}
.n_li{ position: absolute; right: 47px; bottom: 30px;}
.n_li ul li{ float: left; width: 11px; height: 11px; background: #aaa; border-radius: 11px; margin-right: 5px; cursor: pointer;}
.n_li ul li.on{ background: #ffa200;}

.news_r{ float: right; width:604px;}
.news .news_r h3{background: url(/Skins/Default/images/n_ico2.png) no-repeat;     margin-left: 0px;    padding-left: 58px;}
.news_r ul li{overflow: hidden; height: 139px;border: 1px solid #dcdcdc; margin-bottom:16px; box-sizing: border-box; padding-top: 30px;}
.news_r ul li i{ display: inline-block; float: left; width: 139px; text-align: center; line-height: 100%; border-right: 1px solid #dcdcdc; font-size: 14px; color: #323232; letter-spacing: 2px;}
.news_r ul li i span{ display: block; line-height: 87%; font-size: 53px;padding-bottom: 11px; letter-spacing: 0;}
.news_r ul li em{ display: inline-block; float: left; width: 387px; padding: 0  36px;}
.news_r ul li em a{ display: block; line-height: 100%; font-size: 16px; color: #333; margin-bottom: 10px;font-weight: bold;}
.news_r ul li em span{ display: block; color: #666; font-size: 14px; line-height: 24px;}
.news_r ul li:hover{ border: 1px solid #ffa200; background: #ffa200;}
.news_r ul li:hover em span{ color: #333;}
.news_r ul li:hover i{border-right: 1px solid #c1800f; }
/**/
.about { height: 870px; background: url(/Skins/Default/images/a_b.jpg) no-repeat center bottom;}
.about_con { position: relative; height: 503px;}
.about_con .album li img {  width: 1200px; height: 503px;}
.album_prev { left:0;cursor: pointer; position: absolute; z-index: 3; top: 275px; z-index: 5;}
.album_next { right: 0;cursor: pointer; position: absolute; z-index: 3; top: 275px; z-index: 5;}
.about p{ overflow: hidden; background: #fff; height: 149px;}
.about p i{ display: inline-block; float: left;background: url(/Skins/Default/images/a_h21.jpg) no-repeat; width: 189px; height: 149px; text-align: center;}
.about p i a{ display: block; padding-top: 85px; line-height: 100%; color: #fff; font-size: 20px;}
.about p em{display: inline-block;float: right;width: 942px;padding: 36px 12px 0px 0;font-size: 14px;color: #666;line-height: 24px;}
.about p em a.more{display: block;    padding-right: 17px;    text-align: right;}


@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}