@charset "utf-8";
body{font-family:"Microsoft Yahei";overflow-x:hidden;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}
.yz_bj{background: url(../images/yz_bj.jpg) no-repeat center top;margin-top:72px;height: 548px;box-sizing: border-box;padding-top:48px;}
.yz_fl {float:left;width:460px;padding-right:60px;}
.yz_fl h2{height: 72px;font-size:36px;color: #333333;position: relative;font-weight: bold;}
.yz_fl h2:after{content: "";display: block;width:60px;height: 2px;background: #f73900;position: absolute;left:0;bottom:0;}
.yz_fl p{font-size:16px;color: #666666;line-height: 30px;padding-top:32px;height: 179px;}
.yz_fl li{float:left;margin-right:38px;padding-right:42px;position: relative;text-align: center;}
.yz_fl li span{font-size:16px;color: #11409a;display: block;}
.yz_fl li span em{height: 54px;line-height: 54px;font-size:50px;} 
.yz_fl li i{display: block;font-size:16px;color: #666666;}
.yz_fl li:after{content: "";display: block;width:1px;height: 70px;background: #e2e2e2;position: absolute;top:7px;right:0;}
.yz_fl li:last-child{margin:0;padding:0;}
.yz_fl li:last-child:after{display: none;}
.yz_fr{float:right;margin-right:-40px;width:720px;}
.yz_fr li{margin-top:54px;font-size:0;line-height: 0;float:left;width:214px;position: relative;transition: all 0.5s ease-in;overflow: hidden;}
.yz_fr li img{width:214px;height: 276px;}
.yz_fr li:nth-child(2){margin:0 25px 0 27px;padding:0;width:240px;}
.yz_fr li:nth-child(2) img{width:240px;height: 386px;}
.yz_fr li:after{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);}
.yz_fr li:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}


.titis{height:80px;overflow: hidden;text-align: center;background: url(../images/ico1.png) no-repeat center bottom;margin-bottom:38px;}
.titis h2 {height:78px;line-height:78px;font-size:42px;color: #000;font-weight: bold;letter-spacing: 2px}
.titis h2 a{color: #000}
.titis p {display:block;font-size:20px;color:#333;height:37px;line-height:37px;}

.pro_bj1{background: url(../images/pro_bj1.jpg) no-repeat center top;height: 1060px;overflow: hidden;padding-top:72px;box-sizing: border-box;}
.pro_l{width:285px;background: #11409a;height: 455px;border-radius: 8px;box-sizing: border-box;padding:47px 28px 0;}
.pro_l h3{height: 73px;overflow: hidden;padding-left:11px;}
.pro_l h3 a{font-size:24px;color: #fff;line-height:28px;font-weight: normal;}
.pro_l h3 img{vertical-align: top;padding:3px 10px 0 0;float:left;}
.pro_l li{padding:0 22px;height: 49px;line-height: 49px;border-bottom:1px solid #1a54c2;}
.pro_l li a{display: block;font-size:16px;color: #fff;background: url(../images/pro_ico1.png) no-repeat right;}
.pro_l li.cur a,.pro_l li:hover a{color: #f73900;background: url(../images/pro_hv.png) no-repeat right;font-weight: bold;}
.pro_l li:last-child{border:0;}
.pro_t{width:895px;height: 455px;position: relative;}
.pro_t i{display:block;font-size:0;line-height: 0;position: relative;width:895px;overflow: hidden;}
.pro_t i img{border-radius: 8px;width:895px;height: 455px;}
.pro_t i:after{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);}
.pro_t i:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.pro_w{position:absolute;width:300px;height: 455px;background:rgba(0,0,0,0.6);right:0;top:0;border-radius: 0 8px 8px 0;padding:70px 30px 0;box-sizing: border-box;}
.pro_w .tit{height: 90px;border-bottom:1px solid rgba(204,204,204,0.3);padding-left:10px;margin-bottom:20px;}
.pro_w .tit h4 a{display: block;height: 43px;line-height: 43px;font-size:26px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.pro_w .tit span{display:block;font-size:16px;height:27px;line-height:27px;color:rgba(255,255,255,0.8);}
.pro_w li{padding-left:29px;font-size:16px;color: #fff;line-height: 30px;background: url(../images/pro_ico3.png) no-repeat 14px center;}
.pro_w em a{display: block;width:160px;height: 42px;background: #f73900 url(../images/pro_ico2.png) no-repeat 99px center;border-radius: 21px;text-align: center;line-height: 42px;font-size:16px;color: #fff;margin-left:10px;box-sizing: border-box;padding-right:32px;margin-top:38px;transition:all 0.5s;}
.pro_w em a:hover{background: #f73900 url(../images/pro_ico2.png) no-repeat 102px center;}
.pro_c{margin-top:21px;position: relative;}
.pro_c li{float:left;width:283px;height: 283px;overflow: hidden;margin-right:22px;position: relative;border-radius: 8px}
.pro_c li i{display: block;font-size:0;width:283px;overflow: hidden;}
.pro_c li i img{width:283px;height: 283px;border-radius: 8px;transition: all 0.5s}
.pro_c li:hover i img{transform: scale(1.1);}
.pro_c li span{display: block;position: absolute;left:0;bottom:16px;width:100%;text-align: center;font-size:18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_c li:last-child{margin:0;}
.pro_j1,.pro_j2{position: absolute;top:115px;}
.pro_j1{left:-58px;}
.pro_j2{right:-58px;}

.pro_bj2{padding-top:72px;height: 988px;background: url(../images/pro_bj2.jpg) no-repeat center bottom;}
.pro_c2 li{margin-right:20px;border:1px solid #e6ece9;border-radius: 8px}
.pro_w2{left:0;border-radius: 8px 0 0 8px;}
.pro_bj3{background: url(../images/pro_bj3.jpg) no-repeat center top;height: 1060px;overflow: hidden;padding-top:72px;box-sizing: border-box;}
/*产品展示*/
.tab3{width: 1500px; margin-top:20px;}
.tab3 .tit{height: 130px;text-align: center;}
.tab3 .tit h2 {height: 65px;line-height: 65px;font-size:38px;color: #000; font-weight:normal;}
.tab3 .tit h2 a{color: #000; font-weight:normal;}
.tab3 .tit p{height: 59px;line-height: 59px;font-size:16px;color: #333333}
.tab3 .tit p a{color: #fff;margin-right: 24px;padding:8px 30px; background-color:#11409a;}
.tab3 .tit p a:hover{color: #fff;margin-right: 24px; padding:8px 30px; background-color:#f73900;}
.sec2_ul{width: 1500px; margin: 0 auto;overflow: hidden;}
.sec2_ul ul{width:1500px;}
.sec2_ul li{float: left; width: 280px; border:1px solid #ccc; display: block; margin-right: 25px; text-align: left; overflow: hidden; margin:5px;}
.sec2_ul li a{width: 280px; height: 300px; background: #eee; position: relative;}
.sec2_ul li a img{width: 280px; height:275px; transition: .9s;  line-height: 1em; overflow: hidden;}
.sec2_ul li .p{padding:0 15px;position: relative;width: 280px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:0px solid #ccc;}
.sec2_ul li .p a:hover{padding:0 15px;position: relative;width: 203px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:1px solid #ccc; color:FF9B09;}
.sec2_ul li img{width: 280px; height: 225px; overflow: hidden;display:block;}
.sec2_ul li a:hover img{transform: scale(1.2);  z-index: 1;}
.sec2_ul li a:hover{background: #0042ae; width: 280px; height: 300px; overflow: hidden;}
.sec2_ul ul .sec2_ul_r{width: 280px; border:1px solid #ccc; display: block;text-align: left; overflow: hidden;}
.p{font-size: 16px;color: #333333; line-height: 34px; height: 32px; margin-top:5px; text-align:center;}
.w1500 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}
/*产品展示*/
.anl{height:1194px;padding-top:86px;}
.anl .titis{height: 126px;}
.anl .titis h2{height: 78px;line-height: 78px;font-size:50px;}
.al_nr dl{float:left;width:386px;margin:0 21px 40px 0;}
.al_nr dt{font-size:0;line-height: 0;width:386px;overflow: hidden;border-radius: 8px 8px 0 0;}
.al_nr dt img{width:386px;height:218px;border-radius: 8px 8px 0 0;transition: all 0.5s}
.al_nr dd{height:173px;padding:9px 30px 0;border-radius:0 0 8px 8px;box-shadow:0 0 20px rgba(0,0,0,0.1)}
.al_nr dd h4 {height: 69px;overflow: hidden;position: relative;transition: all 1s}
.al_nr dd h4 a{display: block;height: 69px;line-height: 68px;font-size:24px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight:normal;transition: all 0.5s}
.al_nr dd h4:after{content: "";display: block;width:100%;height: 1px;background: #e2e2e2;position: absolute;left:0;bottom:0;}
.al_nr dd h4:before{content: "";display: block;width:0%;height: 1px;background: #11409a;position: absolute;left:0;bottom:0;z-index: 2;transition: all 0.5s}
.al_nr dd p{padding-top:15px;font-size:16px;color: #666666;line-height: 30px;transition: all 1s}
.al_nr dl:hover dt img{transform:scale(1.1);}
.al_nr dl:hover dd h4:before{width:100%;}
.al_nr dl:hover dd h4 a{transform: translateY(-3px);color: #11409a}
.al_nr dl:hover dd p{transform: translateY(5px);}
.al_nr dl:nth-child(3n){margin:0 0 40px 0;}
.al_btn1 a{width: 220px;height: 50px;margin:0 auto;background: #f73900;border-radius: 25px;text-align: center;font-size:20px;color: #fff;display: block;line-height: 50px;}
.al_btn1 a em{padding-right:56px;background: url(../images/al_ico1.png) no-repeat right;transition:all 0.5s;}
.al_btn1 a:hover em{padding-right:50px;}

.ys_bj{background: #f4faf7;padding-top:76px;height: 1024px;overflow: hidden;}
.yous{position: relative;}
.yous .titis{height:131px;margin-bottom:43px;}
.yous .titis h2{height: 78px;line-height: 78px;font-size:50px;}
.ys_nr .tempWrap{width:100%!important;}
.ys_nr{margin-left:-1165px;height: 752px}
.ys_nr dl{float:left;width:1200px;margin-right: 39px;}
.ys_nr dt{font-size:0;line-height: 0;position: relative;height: 560px;overflow: hidden;}

.ys_nr dt img{width:1200px;height: 560px;}
.ys_nr dt:after{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);}
.ys_nr dt:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.ys_nr dd{height: 135px;padding:45px 0 0 17px;background: #fff;overflow: hidden;}
.ys_nr dd span{display: block;float:left;width:274px;height: 90px;line-height: 90px;font-size:42px;color: #333333;text-align: center;position: relative;}
.ys_nr dd span:after{content:"";display: block;background: #cccccc;width:1px;height: 78px;position: absolute;right:0;top:6px;}
.ys_nr dd p{float:left;width:724px;padding-left:59px;font-size:16px;color: #666666;line-height: 28px;}
.ys_qh{background: #11409a;width:220px;height: 560px;position: absolute;left:50%;margin-left:380px;top:174px;z-index: 22}
.ys_qh li{height:140px;line-height: 140px;text-align: center;font-size:34px;color: #fff;text-align: center;position: relative;}
.ys_qh li.on:after{background: url(../images/ys_hv.png) no-repeat left center;content: "";display: block;width:17px;height: 100%;position: absolute;left:0;top:0;}
.ys_qh li:first-child{background:url(../images/ys_z1.png) no-repeat center;}
.ys_qh li:nth-child(2){background:url(../images/ys_z2.png) no-repeat center;}
.ys_qh li:nth-child(3){background:url(../images/ys_z3.png) no-repeat center;}
.ys_qh li:last-child{background:url(../images/ys_z4.png) no-repeat center;}

@media screen and (min-width:1440px) {
    .ys_nr{margin-left:-1147px;}
}
@media screen and (min-width:1600px) {
  .ys_nr{margin-left:-1047px;}
}

@media screen and (min-width:1920px) {
 .ys_nr{margin-left:-887px;}
}


.news{height:974px;padding-top:86px;}
.news .titis{height: 126px;margin-bottom: 48px;}
.news .titis h2{height: 78px;line-height: 78px;font-size:50px;}
.dongt{float:left;width:770px;height: 470px;}
.dongt .tit{height: 55px;border-bottom:2px solid #eeeeee;line-height: 36px;}
.dongt .tit a{font-size:24px;color: #333333;font-weight: bold;}
.dongt .tit img{vertical-align: top;margin-right:16px;}
.dongt dl{height: 210px;margin-top:28px;border-bottom:1px dashed #e2e2e2;overflow: hidden;margin-bottom:32px;}
.dongt dt{float:left;font-size:0;line-height: 0;width:300px;overflow: hidden;border-radius: 8px;}
.dongt dt img{width:300px;height: 162px;border-radius: 8px;transition: all 0.5s}
.dongt dd{float:right;width:440px;padding-left:30px;}
.dongt dd h4 a{display:block;height: 54px;line-height: 54px;font-size:22px;color: #333333;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.8s}
.dongt dd p{font-size:14px;color: #888888;line-height: 24px;height: 77px;}
.dongt dd em a {display: block;width:120px;height: 32px;line-height: 32px;text-align: center;font-size:14px;color: #fff;background: #11409a;border-radius: 4px;}
.dongt dl:hover dd h4 a{color: #11409a;}
.dongt dl:hover dt img{transform: scale(1.1);}
.dongt li{float:left;width:50%;box-sizing: border-box;padding:0 20px;background: url(../images/ns_ico1.jpg) no-repeat left center;height:40px;line-height: 40px;}
.dongt li a{display: block;font-size:18px;color: #333333;transition: all 0.8s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dongt li a:hover{color:#11409a}
.zh_c{float:right;width:360px;height: 420px;position: relative;overflow: hidden;}
.zh_c i{display: block;font-size:0;line-height: 0;width:360px;overflow: hidden;}
.zh_c i:after{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);}
.zh_c i:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.zh_c i img{width:360px;height: 420px;}
.zh_c p{position: absolute;left:49px;top:44px;}
.zh_c p span{display:block;height: 38px;line-height: 38px;font-size:24px;color: #fff;font-weight: bold;text-shadow:0 0 8px rgba(0,0,0,0.5);}
.zh_c p em{display: block;text-transform: uppercase;height: 24px;line-height: 24px;font-size:18px;font-weight: bold;color: #fff;text-shadow:0 0 8px rgba(0,0,0,0.5);}

.went{height: 220px;background: #f4faf7;overflow: hidden;border-radius: 8px}
.went .tit{float:left;width:180px;background: #11409a url(../images/ns_ico2.png) no-repeat 30px 142px;height: 220px;border-radius: 8px;padding:42px 0 0 30px;font-weight: bold;margin-right:60px;box-sizing: border-box;}
.went .tit h4 a{display: block;height:36px;line-height: 36px;font-size:24px;color: #fff;font-weight: bold;}
.went .tit em{height: 31px;line-height: 31px;font-size:18px;color: #fff;text-transform: uppercase;}
.wt_nr{float:left;width:934px;padding-top:52px;}
.wt_nr li{float:left;width:264px;margin-right:70px;}
.wt_nr li a{display: block;height: 33px;line-height: 33px;margin-bottom:10px;font-size:18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.5s}
.wt_nr li p{font-size:14px;color: #888888;line-height: 24px;transition: all 0.5s}
.wt_nr li:hover a{transform: translateY(-3px);color: #11409a}
.wt_nr li:hover p{transform: translateY(5px);}
.wt_nr li:last-child{margin:0;}

.ab_bj{background: url(../images/ab_bj.jpg) no-repeat center top;height: 550px;position: relative; margin-bottom:200px;}
.about{left:50%;margin-left:-600px;bottom:-140px;position: absolute;height:210px;background: url(../images/ab_a.png) no-repeat center top;width:1200px;box-sizing: border-box;padding-left:30px;}
.about i{float:left;font-size:0;line-height: 0;width:180px;padding-top:66px;text-align: center;}
.ab_w{float:left;width:880px;padding:30px 0 0 42px;}
.ab_w h2 a{display: block;height: 47px;line-height: 47px;font-size:30px;color: #333333;font-weight: normal;}
.ab_w p{font-size:14px;line-height: 24px;padding:4px 20px 0 0;height: 60px;}
.ab_w em a{display: block;text-align: right;}

.dt_bj{background: #11409a;height: 630px;box-sizing:border-box;padding-top:169px;}
.dt_n{margin-left:-123px;float:left;position: relative;}
.dt_n li{position: absolute;background: url(../images/ab_ico2.png) no-repeat;width:32px;height: 32px;-webkit-animation-name:'ripple';/*动画属性名，也就是我们前面keyframes定义的动画名*/
animation-duration:0.1s;
-webkit-animation-duration:0.1s;/*动画持续时间*/
-webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
-webkit-animation-delay: 0s;/*动画延迟时间*/
-webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
-webkit-animation-direction: alternate;/*定义动画方式*/}
.dt_n li:nth-child(1){left:146px;top:128px;}
.dt_n li:nth-child(2){left:266px;top:288px;}
.dt_n li:nth-child(3){left:366px;top:55px;}
.dt_n li:nth-child(4){left:386px;top:66px;}
.dt_n li:nth-child(5){left:406px;top:75px;}
.dt_n li:nth-child(6){left:386px;top:105px;}
.dt_n li:nth-child(7){left:436px;top:95px;}
.dt_n li:nth-child(8){left:406px;top:178px;}
.dt_n li:nth-child(9){left:616px;top:65px;}
.dt_n li:nth-child(10){left:626px;top:198px;}
.dt_n li:nth-child(11){left:776px;top:308px;}
.dt_n li:nth-child(12){left:685px;top:120px;background: url(../images/ab_ico3.png) no-repeat;width:53px;height:53px;}
/*@keyframes ripple {*/
/*0% {*/
/*opacity:0;*/
/*transform: scale(0.2);*/
/*}*/
/*100% {*/
/*opacity: 1;*/
/*transform: scale(1.2);*/

/*}*/
/*}*/
.dt_w{float:right;width:355px;padding-top:12px;}
.dt_w span{font-size:20px;color: #fff;line-height: 35px;height: 101px;display: block;}
.dt_w ul{padding-left:11px;}
.dt_w li{float:left;width:172px;box-sizing: border-box;height: 40px;line-height: 40px;font-size:18px;color: #fff;background: url(../images/dt_ico1.png) no-repeat left center;padding-left:23px;}







@-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 }