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

.banner{position:relative;overflow:hidden;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index:12;width: 100px;height: 100px;margin-top: -42px;border: 0;}
.banner .slick-prev {outline: none;position: absolute; top:50%; width: 37px; height: 70px; z-index: 9; text-align: center; margin-top: -40px;transition:.8s;background:url(/Skins/Default/Img/Index/prev1.png) no-repeat;left: 5%; opacity: 0;cursor: pointer;}
.banner .slick-next {outline: none;position: absolute; top:50%; width: 37px; height: 70px; z-index: 9; text-align: center; margin-top: -40px;transition:.8s;background:url(/Skins/Default/Img/Index/next1.png) no-repeat;right: 5%; opacity: 0;cursor: pointer;}
.banner:hover .slick-prev { left: 10%; opacity: 1; }
.banner:hover .slick-next { right: 10%; opacity: 1; }
.banner img {display: block;width: 100%;margin:0 auto;}
.slick-dots {position: absolute;left: 0; font-size:0;bottom: 10%;width: 100%;text-align: left;outline: none;padding-left: 18%; box-sizing: border-box;}
.slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 12px;height: 12px;color: #fff; border-radius: 50%;background-color: #FFFFFF;outline: none; transition: .5s;}
.slick-dots .slick-active button {width:40px;border-radius: 30px;}
            
            
.yz_c{height:480px;overflow: hidden;position: relative;background: url(/Skins/Default/Img/index/yz_bj.jpg) no-repeat center top;margin-top:92px;padding:8px 9px 0;}
.yz_c dl{height: 378px;overflow: hidden;}
.yz_c dt{float: right;width:600px;height: 365px;}
.yz_c dt img{width:600px;height: 365px;}
.yz_c dd{float:left;width:554px;padding:52px 0 0 0;}
.yz_c dd h3{height:50px;line-height:50px;font-size:40px;color: #333333;}
.yz_c dd h3 i{color: #009c84}
.yz_c dd em{line-height:27px;font-size:20px;color:#333333;height:50px;display:block;background:url(/Skins/Default/Img/index/yz_ico2.png) no-repeat left bottom;}
.yz_c dd p{font-size:16px;color: #666666;line-height: 26px;padding-top:24px;}
.yz_c dd a{display: block;width:128px;height: 34px;border:2px solid #b5b5b5;line-height: 34px;text-align: center;margin-top:55px;display: flex;justify-content:center;align-items:center;transition: all 0.5s}
.yz_c dd a:hover{margin-top:50px;}



.titis{overflow: hidden;text-align: center;height:126px;}
.titis h2 {height:52px;line-height:52px;font-size:40px;color: #333333;font-weight:bold;}
.titis h2 a{color: #333333}
.titis p {display:block;font-size:20px;color:#333;line-height:28px;height:28px;}



.pro_bj{background:#f2f2f2 url(/Skins/Default/Img/index/pro_bj.jpg) no-repeat center top;height: 1130px;box-sizing: border-box;padding-top:73px;}
.pro .titis h2 a,.pro .titis p{color: #fff;}
.pro_qh{height: 142px;background: #fff;box-sizing: border-box;position: relative; overflow:hidden;}
.pro_qh:after{content:"";display: block;width:100%;height: 1px;background: #e4e4e4;position: absolute;left:0;bottom: 71px;}
.pro_qh li{float:left;min-width: 7%;text-align: center;line-height: 71px;position: relative;z-index: 2;}
.pro_qh li a{font-size:18px;color: #333333;font-weight: bold;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 9px 0 9px;}
.pro_qh li a em{padding-right: 20px;background: url(/Skins/Default/Img/index/pro_ico1.png) no-repeat right;}
.pro_qh li.cur a{background:url(/Skins/Default/Img/index/pro_a1.png) no-repeat left;background-size: 100% 71px;color: #fff;}
.pro_qh li.cur a em{background: url(/Skins/Default/Img/index/pro_ico1_hv.png) no-repeat right;}
.pro_d{height: 62px;line-height: 62px;background: #fff;}
.pro_d p{padding-left:36px;}
.pro_d p a{display:block;float:left;margin-right:44px;font-size:16px;color: #666666;}
.pro_d p a:hover{color: #009c84}
.pro_nr{height: 630px;background: #fff;}
.pro_fl{float:left;width:470px;position: relative;}
.pro_t li{position: relative;width:470px;}
.pro_t li i{display: block;font-size:0;line-height: 0;width:470px;overflow: hidden;}
.pro_t li i img{width:470px;height: 630px;}
.pro_t li span{position: absolute;width:255px;left:45px;bottom:30px;height: 41px;line-height: 41px;font-size:24px;color: #fff;}
.pro_hd{position:absolute;bottom:42px;right:45px;}
.pro_hd li{float:left;width:13px;height: 13px;background: #fff;border-radius: 50%;margin-left:13px;}
.pro_hd li.on{background: #009c84}
.pro_fr{float: right;width:697px;}
.pro_fr ul{position: relative;overflow: hidden;}
.pro_fr ul:after{content: "";display: block;width:665px;height: 1px;background: #eaeaea;position: absolute;left:0;top:50%;}
.pro_fr li{float:left;width:332px;border-right:1px solid #eaeaea;text-align: center;height: 300px;}
.pro_fr li i{display: block;font-size:0;line-height: 0;width:332px;overflow: hidden;}
.pro_fr li i img{width:332px;height: 249px;transition: all 0.5s}
.pro_fr li span{display: block;font-size:14px;color: #333333;height: 24px;line-height: 24px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_fr li:hover i img{transform: scale(1.1);}
.pro_fr li:nth-child(2n){border:0;}



.pro_a{background: url(/Skins/Default/Img/index/pro_a.jpg) no-repeat center top;height: 63px;margin-top:50px;line-height: 63px;}
.pro_a em{float:left;width:199px;text-align: center;font-size:20px;color: #fff;font-weight: bold;}
.pro_a em a{color: #fff;}
.pro_a span{float: left;width:894px;padding-left:38px;}
.pro_a span a{font-size:14px;color: #333333;margin-right:52px;}
.pro_a span a:last-child{margin:0;}
.pro_a i a{float: right;width:68px;height: 28px;background: #009c84;text-align: center;line-height: 28px;font-size:14px;color: #fff;border-radius: 14px;margin-top:16px;}

.pro_adv{padding-top:93px;height: 828px;overflow: hidden;}
.pro_adv .tit{height: 85px;}
.pro_adv .tit h2{height: 53px;line-height: 53px;font-size:40px;color: #333333;}
.pro_adv .tit p{font-size:20px;color: #333333;height: 28px;line-height: 28px;}
.pro_adv .tit em a{float: right;width:77px;height: 77px;text-align: center;border:2px solid #333333;font-size:16px;color: #333333;font-weight: bold;display: flex;justify-content:center;align-items:center;border-radius: 50%;box-sizing: border-box;padding-top:5px;}
.adv_t{font-size:0;line-height: 0;}
.adv_l{background: url(/Skins/Default/Img/index/adv_a1.png) no-repeat center top;height: 346px;margin-top:-53px;position: relative;z-index: 2}
.adv_l li{float:left;width:200px;text-align: center;}
.adv_l li i{width:97px;height: 97px;overflow: hidden;font-size:0;line-height: 0;position: relative;display: block;margin:0 auto;}
.adv_l li i img{position: absolute;left:0;top:0;transition: all 0.5s}
.adv_l li i img:first-child{z-index: 2;transform: scale(1);}
.adv_l li i img:last-child{z-index:1;transform: scale(0);}
.adv_l li span{display: block;height:30px;line-height: 30px;margin-top:10px;font-size:20px;color: #333333;transition: all 0.5s}
.adv_l li p{font-size:16px;color: #333333;line-height: 24px;padding:4px 0 0;opacity: 0;transition: all 0.5s}
.adv_l li:hover i img:first-child,.adv_l li.cur i img:first-child{z-index: 1;transform: scale(0);}
.adv_l li:hover i img:last-child,.adv_l li.cur i img:last-child{z-index: 2;transform: scale(1);}
.adv_l li:hover p,.adv_l li.cur p{opacity: 1;}
.adv_l li:hover span,.adv_l li.cur span{font-weight: bold;}
.adv_l li:nth-child(2){margin-top:49px;}
.adv_l li:nth-child(3){margin-top:78px;}
.adv_l li:nth-child(4){margin-top:88px;}
.adv_l li:nth-child(5){margin-top:59px;}

.dz_bj{background: url(/Skins/Default/Img/index/dz_bj.jpg) no-repeat center top;height: 760px;padding-top:93px;box-sizing: border-box;}
.dz_c .titis{height: 137px;overflow: hidden;}
.dz_c .titis h2,.dz_c .titis p{color: #fff;}
.dz_qh{height:214px;overflow: hidden;position: relative;}
.dz_qh:after{content: "";display: block;width:100%;height: 1px;background: #474e55;position:absolute;left:0;bottom: 0;}
.dz_qh li{float:left;width:33.33%;position: relative;z-index: 2;padding-top:18px;height: 214px;box-sizing: border-box;}
.dz_qh li i{display: block;height: 77px;width: 77px;font-size:50px;color:rgba(255,255,255,0.2);line-height: 77px}
.dz_qh li span{height: 40px;line-height: 40px;font-size:26px;color:#fff;font-weight: bold;}
.dz_qh li em{display: block;font-size:16px;color: #fff;line-height: 26px;}
.dz_qh li:last-child{padding-left:134px;}
.dz_qh li:nth-child(2){padding-left:80px;}
.dz_qh li.cur{background: #009c84}
.dz_qh li.cur i{float:left;background: #fff;border-radius: 50%;color: #009c84;font-size:34px;text-align: center;font-weight: bold;margin:50px 0 0 30px;}
.dz_qh li.cur p{padding:42px 0 0 7px;display: inline-block;}
.dz_qh li:nth-child(2).cur,.dz_qh li:last-child.cur{padding:18px 0 0 0;}
.dz_nr{margin-top:45px;}
.dz_a{background: url(/Skins/Default/Img/index/dz_n.png) no-repeat center top;height: 174px;padding:18px 0 0 147px;box-sizing: border-box;}
.dz_a li{float:left;height:44px;line-height:44px;width:33.33%;box-sizing: border-box;padding-left:25px;background: url(/Skins/Default/Img/index/dz_a1.png) no-repeat left center;font-size:18px;color: #fff;}
.dz_a li a{color: #fff;}
.dz_a li a:hover{ color:#009c84}
.dz_a li i{display: inline-block;width:43px;height: 36px;overflow: hidden;position:relative;vertical-align: middle;padding-right:10px;}
.dz_a li span,.dz_a li span a{font-size:16px;color: #fff;}



.al_bj{padding-top:73px;height: 1009px;background: #f2f2f2}
.anl .titis{height: 125px;}
.al_qh{height: 135px;}
.al_qh li{float:left;height: 61px;width:322px;}
.al_qh li span{font-size:16px;color: #333333;}
.al_qh li i{display: inline-block;width:43px;height: 36px;overflow: hidden;position:relative;vertical-align: middle;padding-right:10px;}
.al_qh li i img{position: absolute;left:0;top:0;transition: all 0.5s}
.al_qh li i img:first-child{transform: scale(1);z-index: 2;opacity: 1;}
.al_qh li i img:last-child{transform: scale(0);z-index: 1;opacity:0;}
.al_qh li:nth-child(4),.al_qh li:nth-child(7){width:214px;}
.al_qh li:hover i img:first-child{transform: scale(0);z-index: 1;opacity:0;}
.al_qh li:hover i img:last-child{transform: scale(1);z-index:2;opacity:1;}
.al_nr{height: 506px;position: relative;}
.al_nr li{height: 487px;background: #fff;overflow: hidden;}
.al_nr li i{float:left;font-size: 0;line-height: 0;width:865px;overflow: hidden;display: block;position: relative;}
.al_nr li i img{height: 487px;transition: all 0.5s;padding-left:12%;}
.al_nr li .al_w{float: left;width:230px;padding:71px 0 0 0px;text-align: center;}
.al_nr li .al_w em{display: block;font-size:0;line-height: 0;width:85px;height: 85px;margin:0 auto;border:2px solid #009c84;border-radius: 50%;overflow: hidden;}
.al_nr li .al_w h4{margin-top:30px;height: 64px;line-height: 32px;font-size:20px;color: #333333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;}
.al_nr li .al_w h4 a{color: #333;}
.al_nr li .al_w p{font-size:14px;color: #666666;line-height: 24px;padding-top:4px;height: 121px;overflow: hidden;}
.al_nr li .al_w b a{width:43px;height: 19px;border:2px solid #333333;margin:0 auto;text-align: center;font-size:15px;color: #333;border-radius: 8px;display: block;line-height: 19px;transition: all 0.5s}
.al_nr li .al_w b a:hover{background: #009c84;color: #fff;border-color: #009c84;margin-top:-8px;}
.al_nr li:hover i img{transform: scale(1.1);}
.al_nr li i:before{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);z-index: 9}
.al_nr li:hover i:before{left:150%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.al_j1,.al_j2{position: absolute;top:170px;}
.al_j1{left:-108px;}
.al_j2{right:-108px;}

.al_d{overflow: hidden;}
.al_d li{float:left;width:289px;margin-right:14px;position: relative;}
.al_d li a{display: block;font-size:0;width:289px;overflow: hidden;}
.al_d li a img{width:289px;height: 216px;}
.al_d li span{position: absolute;left:0;width:100%;bottom:0;background: url(/Skins/Default/Img/index/al_a2.png) no-repeat center bottom;height: 85px;padding-top:42px;box-sizing: border-box;line-height: 28px;font-size:16px;color: #fff;text-align: center;    overflow: hidden;    text-overflow: ellipsis;  white-space: nowrap;}
.al_d li:last-child{margin:0;}

.lc_c{background: url(/Skins/Default/Img/index/lc_bj.jpg) no-repeat center top;height: 172px;margin-top:39px;}
.lc_c h4{float:left;width:177px;padding-top:64px;}
.lc_c h4 span{display: block;font-weight: bold;font-size:24px;color: #333333;height: 30px;line-height: 30px;}
.lc_c h4 em{display: block;text-transform: uppercase;font:12px arial;color:#cacaca;}
.lc_c ul{float: right;width:982px;padding-top:37px;overflow: hidden;}
.lc_c li{float:left;margin-right:54px;padding-right:54px;background: url(/Skins/Default/Img/index/lc_a1.png) no-repeat right;text-align: center;}
.lc_c li i{display: block;font-size:0;line-height: 0;}
.lc_c li span{display: block;margin-top:9px;font-size:18px;color: #333333;line-height: 24px;}
.lc_c li:last-child{margin:0;padding:0;background: none}
.lc_c li:hover i {animation-duration:3s;animation-name:flipInY;}

.yous{padding-top:4.65rem;height: 851px;overflow: hidden;}
.yous .titis{height: 138px;}
.ys_nr li{float:left;width:10.41%;height: 713px;position: relative;margin-right:0.1%;transition: all 0.5s}
.ys_nr li b{position: absolute;left:0;bottom:0;background: rgba(0,0,0,0.7);display: block;width:100%;height: 100%}
.ys_nr li .ys_bt{position: relative;z-index: 2;padding-top:156px;text-align: center;}
.ys_nr li .ys_bt i{display: block;font-size:0;line-height: 0;}
.ys_nr li .ys_bt span{display: block;font-size:30px;color: #fff;font-weight: bold;line-height: 34px;padding:47px 0 200px;background: url(/Skins/Default/Img/index/ys_x.png) no-repeat center bottom;}
.ys_nr li .ys_bt em{margin-top:66px;display: block;}
.ys_nr li.cur{width:68.43%;}
.ys_nr li.cur .ys_bt{display: none}
.ys_nr li.cur b{display: none}
.ys_nr li.cur .ys_w{display: block;}
.ys_nr li:last-child{margin:0;}
.ys_nr .ys_w{float: right;width:22.35rem;height: 100%;position: absolute;right:0;top:0;background:rgba(0,156,132,0.95);box-sizing: border-box;padding:9.35rem 2.8rem 0 2.35rem;display: none;transition: all 0.5s}
.ys_nr .ys_w i{display: block;font-size:0;line-height: 0;}
.ys_nr .ys_w i img{transform: scale(1.3);}
.ys_nr .ys_w h4{display: block;height:;margin-top:44px;height: 46px;line-height: 46px;font-size:36px;color: #fff;}
.ys_nr .ys_w span{display: block;height:26px;line-height:26px;font-size:22px;color: #fff;}
.ys_nr .ys_w p{font-size:16px;color: #fff;line-height: 28px;padding-top:42px;}

.news{height: 466px;padding-top:118px;}
.ns_qh{float:left;width:247px;border-right:1px solid #e8e8e8;height: 466px;}
.ns_qh h2 a{display: block;height: 45px;font-size:40px;color: #333333;line-height: 30px;}
.ns_qh span{font-size:16px;color: #333333;padding-left:12px;background: url(/Skins/Default/Img/index/ns_ico1.jpg) no-repeat left center;height: 28px;line-height: 28px;display: block;}
.ns_qh ul{margin-top:41px;}
.ns_qh li a{display: block;width: 135px;height: 33px;line-height: 33px;font-size:16px;color: #fff;text-align: center;background: #333333;margin-bottom:10px;border-radius: 16px;}
.ns_qh li.on a{background: #009c84}
.ns_nr{float: right;width:921px;}
.ns_fl{float:left;width:574px;}
.ns_fl dl{height: 188px;background: #f1f1f1;overflow: hidden;margin-bottom:32px;}
.ns_fl dt{float:left;font-size: 0;line-height: 0;width:241px;}
.ns_fl dt img{width:241px;height: 188px;}
.ns_fl dd{float: left;width:274px;padding:45px 0 0 27px;}
.ns_fl dd h4 a{display: block;height: 28px;line-height: 28px;font-size:16px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: bold;}
.ns_fl dd p{font-size:14px;color: #666666;line-height:20px;}
.ns_fl dd em{display: block;font-size:14px;color: #333333;margin-top:22px;}
.ns_fl li{padding-bottom:34px;overflow: hidden;}
.ns_fl li h4 a{display: block;height: 26px;line-height: 26px;font-size:16px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ns_fl li p{font-size:14px;color: #666666;line-height: 26px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.ns_fr{float: right;width:299px;}
.ns_fr li{height: 74px;border-bottom:1px solid #e1e1e1;margin-bottom:26px;}
.ns_fr li h4 a{display: block;height: 28px;line-height: 24px;font-size:16px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-left:9px;}
.ns_fr li p{font-size:14px;color: #666666;line-height: 24px;padding-left:9px;}
.ns_fr li:last-child{border:0;}

.ab_bj{background: #f2f2f2;height: 693px;overflow: hidden;}
.about dd{float:left;width:502px;padding-top:92px;}
.about dd h2 a{display: block;height: 49px;line-height: 49px;font-size:40px;color: #333333;}
.about dd span{height:65px;line-height: 33px;font-size:22px;color: #333333;background: url(/Skins/Default/Img/index/ab_ico1.png) no-repeat left bottom;display: block;}
.about dd p{font-size:14px;color: #333333;line-height: 26px;padding-top:40px;}
.about dd em a{display:inline-block;font-size:14px;color: #333333;padding-right:72px;height: 48px;line-height: 48px;background: url(/Skins/Default/Img/index/ab_a1.png) no-repeat right;margin-top:35px;}
.about dt{float: right;margin-right:-360px;font-size:0;line-height: 0;}
.about dt img{width:960px;height: 693px;}


.xc_c{height: 282px;padding:21px 22px 0;box-sizing: border-box;background: #fff;margin-top:-102px;position: relative;z-index: 2}
.xc_c li{float:left;font-size: 0;line-height: 0;width:216px;height: 161px;margin-right:19px;}
.xc_c li img{width:216px;height: 161px;}
.xc_c li:last-child{margin:0;}



@media screen and (max-width:1440px) and (min-width:1366px) {
    html {font-size:20px;}
   .content{width:1200px;}
   .pro_n2{height: 1323px}
   .pro_d li{width:285px;}

}
@media screen and (max-width:1920px) and (min-width:1600px) {
    html {font-size:20px;}
}



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