@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: #f2f2f2;height:584px;padding-top:95px;box-sizing:border-box;}
.yz_w{height: 166px;overflow: hidden;}
.yz_w h3{float:left;width:434px;font-size:42px;color: #333333;height: 87px;background: url(../images/yz_ico1.jpg) no-repeat left bottom;font-weight: normal;}
.yz_w p{float:right;width:820px;padding-top:6px;font-size:16px;color: #666666;line-height: 28px;}
.yz_b li{float:left;width:426px;position: relative;}
.yz_b li i{display: block;width:426px;overflow: hidden;}
.yz_b li img{width:426px;height: 217px;}
.yz_b li p{position: absolute;left:3%;width:94%;height: 76px;bottom:8px;background: rgba(255,255,255,0.9);text-align: center;box-sizing: border-box;padding-top:12px;transition:all 0.5s;}
.yz_b li p span{display: block;background: url(../images/yz_ico2.png) no-repeat center;height: 27px;line-height: 27px;font-size:20px;color: #4d4d4d;}
.yz_b li p em{display: block;font-size:16px;color: #808080;line-height: 24px;}
.yz_b li:hover p{bottom:15px;}


.pro_n1{padding-top:97px;height: 869px;}
.pro_n1 .pro_tit{height: 146px;overflow: hidden;}
.pro_n1 .pro_tit h2{height: 87px;background: url(../images/yz_ico1.jpg) no-repeat left bottom;float:left;font-size:42px;color: #333333;font-weight: normal;line-height: 57px}
.pro_n1 .pro_tit h2 a{color: #333333}
.pro_n1 .pro_tit p{float: right;margin-top:8px;}
.pro_n1 .pro_tit p a{height: 37px;line-height: 37px;padding:0 15px;float:left;display: block;margin-left:12px;border:1px solid #ef7171;border-radius: 4px;font-size:16px;color: #333333;transition: all 0.5s}
.pro_n1 .pro_tit p a.on{background: #e21313;color: #fff;border-color: #e21313;}
.pro_d{position: relative;height: 541px;}
.pro_d li{width:963px;height:541px;position: relative;}
.pro_d li i{display: block;font-size:0;line-height: 0;width:963px;overflow: hidden;}
.pro_d li i img{width:963px;height:541px;}
.pro_d li span{position: absolute;left:0;bottom:77px;height: 52px;line-height: 52px;background: rgba(0,0,0,0.4);padding:0 27px;display: block;width:100%;box-sizing: border-box;z-index: 2;opacity: 0;transition: all 0.5s;}
.pro_d li span a{display: block;}
.pro_d li span em{font-size:20px;color: #fff;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_d li span b{float: right;padding-top:18px;}
.pro_d li strong{position: absolute;width:100%;height: 100%;background: rgba(0,0,0,0.6);left:0;top:0;transition:all 0.5s}
.pro_d li.active strong{background:rgba(0,0,0,0);}
.pro_d li.active span{opacity: 1;}
.pro_d .tempWrap{margin-left:-805px;}
.pro_j1,.pro_j2{position:absolute;top:222px;width:48px;height:48px;background:rgba(220,220,220,0.6);transition:all 0.5s;cursor:pointer;opacity:0;}
.pro_j1{left:20px;}
.pro_j2{right:20px;}
.pro_j1:hover,.pro_j2:hover{background: #e21313;}
.pro_d:hover .pro_j1{left:0;opacity: 1;}
.pro_d:hover .pro_j2{right:0;opacity: 1;}
.pro_ys{height:180px;background: #fff;box-shadow: 0 0 58px rgba(68,77,89,0.14);margin-top:-77px;position: relative;z-index: 99}
.pro_ys_qh {height: 78px;background: #f2f2f2;line-height: 78px;}
.pro_ys_qh li{float:left;width:25%;text-align: center;font-size:20px;color: #333333;height: 78px}
.pro_ys_qh li img{vertical-align: middle;margin-right:10px;}
.pro_ys_qh li.on{background: #fff}
.pro_ys_nr{padding:0 20px;text-align: center;display: flex;justify-content:center;align-items:center;height: 102px}
.pro_ys_nr p{font-size:16px;color: #666666;line-height: 28px;}

.pro_n2{height: 735px;overflow: hidden;}
.pro_n2 .pro_tit2{height: 157px;overflow: hidden;}
.pro_n2 .pro_tit2 h2{height: 87px;background: url(../images/yz_ico1.jpg) no-repeat left bottom;float:left;font-size:42px;color: #333333;font-weight: normal;line-height: 57px}
.pro_n2 .pro_tit2 h2 a{color: #333333}
.pro_n2 .pro_tit2 p{float: right;margin-top:29px;}
.pro_n2 .pro_tit2 p a{height: 37px;line-height: 37px;padding:0 15px;float:left;display: block;margin-left:12px;border:1px solid #ef7171;border-radius: 4px;font-size:16px;color: #333333;transition: all 0.5s}
.pro_n2 .pro_tit2 p a.on{background: #e21313;color: #fff;border-color: #e21313;}
.pro_n2_ys{float:left;width:433px;background: #f2f2f2;height: 476px;box-sizing: border-box;padding:59px 48px 0;}
.pro_n2_ys ul{border-top:1px solid #aaaaaa;}
.pro_n2_ys li{height: 73px;border-bottom:1px solid #aaaaaa;transition: all 0.5s;overflow: hidden;}
.pro_n2_ys li h3{height: 73px;line-height: 73px;font-size:20px;color: #333333;background: url(../images/pro_ico2.png) no-repeat right;margin-right:15px;}
.pro_n2_ys li h3 img{vertical-align: middle;margin-right:10px;}
.pro_n2_ys li p{font-size:16px;color: #666666;line-height: 28px;padding-left:36px;margin-top:-10px;opacity: 0;}
.pro_n2_ys li.cur{height: 141px;}
.pro_n2_ys li.cur p{opacity: 1;}
.pro_n2_ys li.cur h3{background: none}
.pro_n2_fr{float: right;width:847px;position: relative;}
.pro_n2_fr li{height: 476px;position: relative;width:847px;}
.pro_n2_fr li i{display: block;font-size:0;line-height: 0;width:847px;overflow: hidden;}
.pro_n2_fr li i img{width:847px;height:476px;transition:all 0.5s;}
.pro_n2_fr li span{position: absolute;left:0;bottom:0;height: 52px;line-height: 52px;background: rgba(0,0,0,0.4);padding:0 27px;display: block;width:100%;box-sizing: border-box;z-index:99;}
.pro_n2_fr li span a{display: block;}
.pro_n2_fr li span em{font-size:20px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;}
.pro_n2_fr li span b{float: right;padding-top:18px;font-size:0;line-height:0;}
.pro_n2_fr li:hover i img{transform: scale(1.1);}
.pro_j3,.pro_j4{position:absolute;top:216px;width:48px;height:48px;background:rgba(38,38,38,0.3);transition:all 0.5s;cursor:pointer;opacity:0;}
.pro_j3{left:20px;}
.pro_j4{right:20px;}
.pro_j3:hover,.pro_j4:hover{background: #e21313;}
.pro_n2_fr:hover .pro_j3{left:0;opacity: 1;}
.pro_n2_fr:hover .pro_j4{right:0;opacity: 1;}


.pro_bj{background: #eee;height: 498px;box-sizing: border-box;padding-top:94px;position: relative;overflow: hidden;}
.pro_gd{position: relative;z-index: 9;height: 325px;}
.pro_a1 dl{float:left;width:413px;margin-right:20px;}
.pro_a1 dt{font-size:0;line-height: 0;position: relative;width:413px;overflow: hidden;}
.pro_a1 dt p{position: absolute;width:0%;height: 100%;right:0;top:0;background: rgba(0,0,0,0.4);font-size:16px;color: #fff;line-height: 32px;box-sizing: border-box;transition: all 0.6s}
.pro_a1 dt p span{display: block;padding:70px 0 0 60px;width:340px;opacity: 0;transition: all 0.6s}
.pro_a1 dt p span a{display: block;color:#fff;}
.pro_a1 dt img{width:413px;height: 232px;transition: all 0.5s}
.pro_a1 dd a{height: 90px;line-height: 90px;padding:0 32px 0 38px;display: block;background: #fff}
.pro_a1 dd h4 {font-size:24px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;padding-left:20px;background: url(../images/pro_ico4.png) no-repeat left  center;}
.pro_a1 dd h4 em{font-size:16px;color: #808080;}
.pro_a1 dd i{float: right;font-size:0;line-height: 0;padding-top:35px;}
.pro_a1 dl:last-child{margin:0;}
.pro_a1 dl:hover dt p{width:100%;left:0;right:auto;}
.pro_a1 dl:hover dt p span{opacity: 1;}
.pro_a1 dl:hover dt img{transform: scale(1.1);}
.gd_j1,.gd_j2{position: absolute;top:115px;width:48px;height:48px;background:rgba(38,38,38,0.3);transition:all 0.5s;cursor:pointer;opacity:0;z-index: 9;}
.gd_j1{left:0;}
.gd_j2{right:0;}
.gd_j1:hover,.gd_j2:hover{background: #e21313;}
.pro_gd:hover .gd_j1{left:-52px;opacity: 1;}
.pro_gd:hover .gd_j2{right:-52px;opacity: 1;}

.anl{height: 929px;padding-top:111px;}
.al_tit{height: 137px;overflow: hidden;}
.al_tit h2{height: 87px;background: url(../images/yz_ico1.jpg) no-repeat left bottom;float:left;font-size:42px;color: #333333;font-weight: normal;line-height: 57px}
.al_tit h2 a{color: #333333}
.al_tit p{float: right;margin-top:10px;}
.al_tit p a{height: 37px;line-height: 37px;padding:0 15px;float:left;display: block;margin-left:12px;border:1px solid #ef7171;border-radius: 4px;font-size:16px;color: #333333;transition: all 0.5s;text-transform: uppercase;}
.al_tit p a.on{background: #e21313;color: #fff;border-color: #e21313;}
.al_nr{height: 521px;overflow: hidden;}
.al_nr li{float:left;width:426px;overflow: hidden;position: relative;    margin-bottom: 19px;}
.al_nr li i{display: block;font-size:0;line-height: 0;}
.al_nr li i img{width:426px;height: 240px;transition: all 0.5s}
/*.al_nr li span{position: absolute;left:0;bottom:0;height: 52px;line-height: 52px;background: rgba(0,0,0,0.4);padding:0 27px;display: block;width:100%;box-sizing: border-box;z-index:99;}*/
body .al_nr li span {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 52px;
    line-height: 52px;
    background: rgba(0,0,0,0.4);
    padding: 0 27px;
    display: block;
    width: 95%;
    box-sizing: border-box;
    z-index: 99;
    margin-left: 2.5%;
}
.al_nr li span a{display: block;}
.al_nr li span em{font-size:20px;color: #fff;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.al_nr li span b{float: right;padding-top:18px;font-size:0;line-height:0;}
/*.al_nr li:first-child{width:854px;}*/
/*.al_nr li:first-child i img{width:854px;height: 480px;}*/
.al_nr li:hover i img{transform: scale(1.1);}
.hz_c{height: 119px;border:1px solid #e6e6e6;position: relative;}
.hz_c li{float:left;font-size:0;line-height: 0;border-right:1px solid #e6e6e6;width:212px;position: relative;margin-bottom: 20px;}
.hz_c li img{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(1);width:212px;height:119px;}
.hz_c li:last-child{border:0;}
.hz_c li:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.14)}
.hz_c li:after{content: "";display: block;width:0;height: 2px;background: #e21313;position: absolute;left:0;top:0;transition: all 0.5s;overflow: hidden;}
.hz_c li:hover:after{width:100%;}
.hz_j1,.hz_j2{position: absolute;top:33px;width:48px;height:48px;background:rgba(38,38,38,0.3);transition:all 0.5s;cursor:pointer;opacity:0;z-index: 9;}
.hz_j1{left:0;}
.hz_j2{right:0;}
.hz_j1:hover,.hz_j2:hover{background: #e21313;}
.hz_c:hover .hz_j1{left:-52px;opacity: 1;}
.hz_c:hover .hz_j2{right:-52px;opacity: 1;}

.lc_bj{background: url(../images/lc_bj.jpg) no-repeat center top;height: 645px;overflow: hidden;box-sizing: border-box;padding-top:119px;}
.lc_c h2{height: 101px;line-height: 96px;text-align: center;font-size:42px;color: #fff;font-weight: normal;background: url(../images/yz_ico1.jpg) no-repeat center bottom;}
.lc_nr {padding-top:92px;overflow: hidden;}
.lc_nr li{float:left;background: url(../images/lc_x.png) no-repeat right 4px;padding-right:80px;margin-right:80px;transition: all 0.5s}
.lc_nr li em{display: block;font-size:18px;color: #fff;height: 22px;line-height: 22px;text-align: center;}
.lc_nr li i{display: block;font-size:0;line-height: 0;margin:7px auto 0;width:61px;}
.lc_nr li span{display: block;font-size:20px;color: #fff;margin-top:26px;}
.lc_nr li:last-child{padding:0;margin-right:0;background: none}
.lc_nr li:hover{margin-top:-8px;}
.lc_nr li:hover i{animation-duration:3s;animation-name:flipInY;}


.ys_bj{background: url(../images/ys_bj.jpg) no-repeat center bottom;height: 926px;padding-top:93px;overflow: hidden;}
.yous .tit{text-align: center;height: 150px;background: url(../images/yz_ico1.jpg) no-repeat center bottom;margin-bottom: 59px}
.yous .tit h2{font-size:42px;color: #333333;line-height: 60px;}
.ys_nr dl{float:left;width:320px;box-sizing: border-box;padding:43px 32px 0;height: 421px;text-align: center;position: relative;}
.ys_nr dt{height: 178px;overflow: hidden;position: relative;z-index: 3}
.ys_nr dt i{display: block;font-size:0;line-height: 0;width:66px;margin:0 auto;position: relative;overflow: hidden;height: 69px;}
.ys_nr dt i img{position: absolute;left:0;top:0;transition: all 0.5s}
.ys_nr dt i img:first-child{z-index: 2;opacity: 1;}
.ys_nr dt i img:last-child{z-index: 1;transform: scale(0);opacity: 0;}
.ys_nr dt h4{display: block;font-size:20px;color: #333333;margin-top:16px;height: 27px;line-height: 27px;transition: all 0.5s}
.ys_nr dt em{display: block;font-size:20px;color: #333;height: 37px;line-height:37px;transition: all 0.5s}
.ys_nr dd {position: relative;z-index: 3}
.ys_nr dd p{font-size:16px;color: #333333;line-height: 28px;height:84px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;margin-bottom:26px;transition: all 0.7s}
.ys_nr dl:hover dt i img:first-child{z-index: 1;transform: scale(0);opacity: 0;}
.ys_nr dl:hover dt i img:last-child{z-index:2;transform: scale(1);opacity:1;}
.ys_nr dl:hover dt h4,.ys_nr dl:hover dt em,.ys_nr dl:hover dd p{color: #fff}
.ys_nr dl:hover dd b{display:none}
.ys_nr dl:hover dd p{height: auto;-webkit-line-clamp:auto;transition: all 0.5s}
.ys_nr dl:after{content: "";display:block;width:0;height: 100%;position: absolute;right:0;top:0;transition: all 0.5s}
.ys_nr dl:nth-child(1):after{background: url(../images/ys_img1.jpg) no-repeat center top;}
.ys_nr dl:nth-child(2):after{background: url(../images/ys_img2.png) no-repeat center top;}
.ys_nr dl:nth-child(3):after{background: url(../images/ys_img3.jpg) no-repeat center top;}
.ys_nr dl:nth-child(4):after{background: url(../images/ys_img4.jpg) no-repeat center top;}
.ys_nr dl:hover:after{width:100%;left:0;right:auto;}


.ns_bj{background: #eeeeee;height: 816px;padding-top:89px;}
.news h2{height: 95px;background: url(../images/yz_ico1.jpg) no-repeat center bottom;line-height: 69px;font-weight: normal;text-align: center;margin-bottom:42px;}
.news h2 a{font-size:42px;color: #333333;}
.news .tit{height: 42px;line-height: 42px;}
.news .tit a{font-size:18px;color: #333333;display: block;background: url(../images/pro_ico3.png) no-repeat right;}
.went{float:left;width:354px;}
.wt_nr{padding:42px 20px 0 32px;background: #fff;height: 429px;box-sizing: border-box;position: relative;}
.wt_nr:after{content: "";display: block;width:1px;height: 414px;background: #b3b3b3;position: absolute;left:40px;top:9px;}
.wt_nr li{padding-left:38px;background: url(../images/wt_ico1.jpg) no-repeat left 1px;position: relative;z-index: 2;height: 75px;}
.wt_nr li a{display: block;height:27px;line-height:27px;font-size:16px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.wt_nr li em{display: block;font-size:16px;color: #808080;line-height: 21px;height: 21px;}
.wt_nr li:hover{background: url(../images/wt_ico1_hv.jpg) no-repeat left 1px;}
.wt_nr li:hover a{font-weight: bold;}
.wt_tel{background: url(../images/wt_ico2.jpg) no-repeat;height: 81px;line-height: 81px;padding-left:39px;}
.wt_tel span{padding-left:74px;background: url(../images/tel_ico1.png) no-repeat left center;display: block;font:30px arial;color: #fff;line-height: 81px;}

.dongt{float: right;width:847px;}
.dongt .tit{border-bottom:1px solid #c9c9c9;box-sizing: border-box;}
.hdline {height: 118px;overflow: hidden;padding-top:30px;}
.hdline li{height: 118px;}
.hdline li a{display: block;height: 27px;line-height: 27px;font-size:20px;color: #4c4c4c;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.hdline li a em{width:38px;height: 23px;display: inline-block;background: #e1131e;border-radius: 3px;text-align: center;line-height: 23px;font-size:14px;color: #fff;font-weight: bold;vertical-align: top;margin:2px 10px 0 0;}
.hdline li a i{float: right;font-size:17px;color: #808080;}
.hdline li p{font-size:16px;color: #4c4c4c;line-height: 28px;padding-top:8px;}
.hdline li:hover a{color: #e1131e}
.kx_d{height: 7px;background: url(../images/dt_ico1.jpg) no-repeat left center;text-align: right;}
.kx_d li{display: inline-block;width:7px;height: 7px;background: #aaaaaa;border-radius: 50%;margin-left:6px;vertical-align: text-top;}
.kx_d li.on{background: #e61212}

.dt_n{padding-top:31px;height: 347px;overflow: hidden;}
.dt_n dl{height: 154px;background: #fff;margin-bottom:17px;overflow: hidden;}
.dt_n dt{font-size:0;line-height: 0;position: relative;width:309px;overflow: hidden;float:left;}
.dt_n dt img{width:309px;height: 154px;}
.dt_n dd{float:left;width:482px;padding:20px 0 0 40px;}
.dt_n dd em{display: block;text-align: right;height: 19px;line-height: 19px;font:17px arial;color: #808080;font-weight: bold;}
.dt_n dd h4 a{display: block;height: 27px;line-height: 27px;font-size:16px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight:normal;font-weight: bold;}
.dt_n dd p{font-size:16px;color: #333333;line-height: 28px;}
.dt_n dt i{position: absolute;left:0;top:0;width:0%;height: 100%;background: rgba(27,27,27,0.3);text-align: center;display: flex;justify-content:center;align-items:center;transition: all 0.5s;opacity:0;}
.dt_n dt i img{width:32px;height: 32px;}
.dt_n dl:hover dt i{width:100%;opacity:1;}
.dt_n dl:hover dd h4 a{color: #e1131e}

.ab_bj{background:#f2f2f2 url(../images/ab_bj.jpg) no-repeat center top;height: 1063px;box-sizing: border-box;padding-top:113px;overflow: hidden;}
.about h2{text-align: center;height: 91px;background: url(../images/yz_ico1.jpg) no-repeat center bottom;}
.about h2 a{font-size:42px;color: #fff;font-weight: normal;line-height: 63px;}
.ab_w{font-size:16px;color: #fff;line-height: 28px;height: 185px;padding:60px 133px 0;text-align: center;}
.ab_w a{color:#fff;}
.ab_d{background: #fff;height: 462px;padding:61px 37px 0;}
.ab_qh{text-align: center;height: 131px;}
.ab_qh li{display: inline-block;width:169px;height: 58px;text-align: center;background: url(../images/ab_ico1.png) no-repeat center top;margin:0 65px;box-sizing: border-box;padding-top:6px;}
.ab_qh li h4{display: block;height: 33px;line-height: 33px;font-size:24px;color: #333;}
.ab_qh li em{display: block;height: 14px;font:14px arial;color: #333;font-weight: bold;text-transform: uppercase;line-height: 14px;}
.ab_qh li i{background: url(../images/ab_ico2.png) no-repeat center;width:17px;height: 17px;display: block;margin:10px auto 0;}
.ab_qh li:hover i,.ab_qh li.on i{background: url(../images/ab_ico2_hv.png) no-repeat center;}
.ab_a li{float:left;width:389px;height: 292px;overflow: hidden;margin-right:19px;}
.ab_a li img{width:389px;height: 292px;transition: all 0.5s}
.ab_a li:hover img{transform: scale(1.1);}
.ab_a li:last-child{margin:0;}
.ab_b li{float:left;width:219px;height: 292px;overflow: hidden;margin-right:27px;}
.ab_b li img{width:219px;height: 292px;transition: all 0.5s}
.ab_b li:hover img{transform: scale(1.1);}
.ab_b li:last-child{margin:0;}





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