body{font-family:"Microsoft Yahei";overflow-x:hidden;background: #fdfefe}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}


.titis{height:111px;overflow: hidden;text-align: center;box-sizing: border-box;background: url(../image/7939bcec0b4d49a78071993d4afa0e28_2.png) no-repeat center bottom;}
.titis h2 {height:60px;line-height:60px;font-size:48px;color: #333333;font-weight: normal;}
.titis h2 a{color: #333333}
.titis h2 i{margin:0 20px;display: inline-block;width:13px;height: 13px;background: #333333;border-radius: 50%;vertical-align: middle;}
.titis p{font-size:22px;color: #333333;height:30px;line-height:30px;}

.yz_bj{height:673px;overflow: hidden;position: relative;background: url(../image/yz_bj.jpg) no-repeat center top;box-sizing: border-box;padding-top:85px;}
.yz_w{font-size:16px;color: #666666;line-height: 30px;padding:42px 50px 0;height: 160px;text-align: center;}
.yz_c li{float:left;width:20.6%;}
.yz_c li p{height:61px;font-size:68px;color: #1b1b1b;line-height:61px;}
.yz_c li p em{font-size:68px;color: #1b1b1b;display: inline-block;height:61px;font-weight: bold;vertical-align: top;}
.yz_c li p i{width:29px;height: 29px;background: #fed700;text-align: center;line-height: 30px;font-size:18px;color: #001a51;border-radius: 50%;display: inline-block;vertical-align: top;}
.yz_c li span{font-size:18px;color: #333333;line-height:29px;height:29px;display: block;}
.yz_c li strong{display: block;width:54px;height: 47px;overflow: hidden;margin-top:46px;}
.yz_c li strong img{display:block;}
.yz_c li:hover p em,.yz_c li:hover p{color: #001a51}
.yz_c li:hover strong img{margin-top:-47px;animation-duration:3s;animation-name:flipInY;}
.yz_c li:hover strong{}
.yz_c li:last-child{background: none;width:auto;}


.pro{padding-top:116px;overflow: hidden;}
.pro .titis{margin-bottom:50px;}
.pro_a1{background: url(../image/pro_bj1.jpg) no-repeat center top;height: 740px;}
.pro_a1 dd{float:left;width:541px;padding-top:106px;}
.pro_a1 dd h4{height: 56px;line-height: 56px;font-size:40px;color: #002965;}
.pro_a1 dd h4 a{display: inline-block;position: relative;color: #002965}
.pro_a1 dd h4 a i{position:relative;z-index: 2}
.pro_a1 dd h4 a:after{content: "";display: block;width:100%;height: 14px;background: #fed700;position: absolute;left:0;bottom:0;}
.pro_a1 dd p{font-size:16px;color: #666666;line-height: 32px;padding-top:28px;height: 186px;}
.pro_a1 dd em a{display: block;width:164px;height: 42px;border:1px dashed #002965;line-height: 42px;font-size:18px;color: #002965;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center;transition: all 0.5s;position: relative;}
.pro_a1 dd em a i{padding-right:33px;background: url(../image/pro_ico1.png) no-repeat center right;position: relative;z-index: 2}
.pro_a1 dd em a:after{content: "";display: block;width:0;height: 42px;background: #fed700;position: absolute;right:0;top:0;transition: all 0.5s;}
.pro_a1 dd em a:hover:after{width:100%;left:0;}
.pro_a1 dd em a:hover{border:1px solid #fed700}
.pro_a1 dd li{float:left;width:99px;height: 99px;border:2px solid #333333;text-align: center;margin:96px 18px 0 0;transition: all 0.5s}
.pro_a1 dd li i{display: block;font-size:0;line-height: 0;margin:0 auto;width:55px;padding-top:8px;}
.pro_a1 dd li span{display: block;font-size:22px;color: #333333;font-weight: bold;margin-top:5px;}
.pro_a1 dd li:hover{margin-top:90px;box-shadow: 0 0 15px rgba(0,0,0,0.3)}
/*.pro_a1 dd li:hover:last-child{margin:90px 0 0;}*/
.pro_a1 dd li:hover i{animation-duration:3s;animation-name:flipInY;}
/*.pro_a1 dd li:last-child{margin:96px 0 0;}*/
.pro_a1 dt{font-size:0;line-height: 0;float: right;margin-right:-27px;width:729px;}
.pro_a1 dt img{width:729px;height: 740px;}

.pro_a1 dd .pro_cs li{float:left;margin:115px 20px 0 0;border:0;width:auto;height: 68px;text-align: left;font-size:18px;color: #333333;line-height: 28px;border:2px solid #333333;padding: 18px 12px 12px;transition:all 0.5s;}
.pro_a1 dd .pro_cs li em{display: block;font-size:22px;height: 32px;line-height: 32px;font-weight: bold;}
.pro_a1 dd .pro_cs li:hover{box-shadow:none;margin:110px 20px 0 0;}

.pro_a2{background: url(../image/pro_bj2.jpg) no-repeat center top;height: 740px;}
.pro_a2 dt{float:left;font-size:0;line-height: 0;margin-left:-83px;width:792px;}
.pro_a2 dt img{width:792px;height: 740px;}
.pro_a2 dd{float: right;width:517px;padding-top:132px;}
.pro_a2 dd h4{height: 56px;line-height: 56px;font-size:40px;color: #fff;}
.pro_a2 dd h4 a{display: inline-block;position: relative;color: #fff}
.pro_a2 dd h4 a i{position:relative;z-index: 2}
.pro_a2 dd h4 a:after{content: "";display: block;width:100%;height: 14px;background: #fed700;position: absolute;left:0;bottom:0;}
.pro_a2 dd ul{margin-top:57px;}
.pro_a2 dd li{float:left;width:151px;height: 151px;margin:0 24px 30px 0;border:2px solid rgba(255,255,255,0.5);text-align: center;transition: all 0.5s;position: relative;top:0;}
.pro_a2 dd li i{display: block;font-size:0;line-height: 0;width:61px;margin:0 auto;padding-top:27px;}
.pro_a2 dd li span{display: block;font-size:22px;color: #fff;font-weight: bold;margin-top:18px;}
.pro_a2 dd li:nth-child(3n){margin:0 0 30px 0;}
.pro_a2 dd li:last-child{line-height: 151px;}
.pro_a2 dd li:last-child a{display: block;font-size:22px;color: #fff;position: relative;}
.pro_a2 dd li:last-child a:after{content: "";display: block;width:0%;height: 100%;background: #fed700;position:absolute;left:0;top:0;transition: all 0.5s;overflow: hidden;}
.pro_a2 dd li:last-child a em{padding-bottom:21px;background: url(../image/pro_ico2.png) no-repeat center bottom;position: relative;z-index: 2}
.pro_a2 dd li:last-child a:hover:after{width:100%;}
.pro_a2 dd li:last-child a:hover{color: #001a51}
.pro_a2 dd li:last-child:hover{border-color: #fed700;}
.pro_a2 dd li:last-child a:hover em{background: url(../image/pro_ico2_hv.png) no-repeat center bottom;}
.pro_a2 dd li:hover{top:-6px;}
.pro_a2 dd li:hover i{animation-duration:3s;animation-name:flipInY;}

.pro_a3{background: url(../image/pro_bj3.jpg) no-repeat center top;height: 734px;}
.pro_a3 dt{font-size:0;line-height: 0;float: right;margin-right:-52px;width:743px;}
.pro_a3 dt img{width:743px;height: 734px;}

.pro_a4{background: url(../image/pro_bj4.jpg) no-repeat center top;height: 740px;}
.pro_a4 dt{float:left;width:656px;margin-left:-20px;margin-right:0;}
.pro_a4 dt img{width:656px;height: 740px;}
.pro_a4 dd{float:right;width:515px;}
.pro_a4 dd p{height:230px;}

.fenl{margin-top:37px;height: 258px;background: url(../image/fl_ico1.jpg) no-repeat left 41px;}
.fenl li{float:left;width:20%;text-align: center;height: 221px;padding-top:50px;box-sizing: border-box;position: relative;}
.fenl li:before{content:"";display:block;width:2px;height:258px;background: url(../image/fl_ico1.jpg) no-repeat right 41px;position:absolute;right:0px;top:0;}
.fenl li a{position: relative;z-index: 2;display: block;}
.fenl li:after{content: "";display: block;width:101%;height: 0;position: absolute;background: #002965;left:-1%;bottom:0;transition: all 0.3s;}
.fenl li i{display: block;width:48px;height: 47px;overflow: hidden;font-size:0;line-height: 0;margin:0 auto;}
.fenl li i img{display: block;}
.fenl li h4{font-size:20px;color: #333333;line-height: 30px;padding-top:26px;font-weight: normal;}
.fenl li.on:after{height: 100%}
.fenl li.on h4{color: #fff;}
.fenl li.on i img{margin-top:-47px;animation-duration:3s;animation-name:flipInY;}

.bd_c{height: 475px;overflow: hidden;}
.bd_n{float:left;background: url(../image/bd_n1.jpg) no-repeat;width:478px;height: 386px;box-sizing: border-box;padding:55px 0 0 60px;}
.bd_n h4{height: 88px;font-size:24px;color: #333333;line-height: 32px;}
.bd_n h4 span{font-size:36px;display: block;line-height: 42px;}
/*.bd_n li{margin-bottom:10px;width:361px;height:54px;line-height: 54px;background: #fff;}*/
/*.bd_n li label{padding-left:23px;color: #333333;font-size:16px;width:103px;height: 54px;float:left;box-sizing: border-box;vertical-align:top;line-height:54px;}*/
/*.bd_n li input[type="text"]{border:0;width:258px;height: 54px;float:left;color: #333333;font-size:16px;vertical-align:top;}*/
.bd_n li{margin-bottom:10px;}
.bd_n li input[type="text"]{width:361px;height:54px;line-height: 54px;background: #fff;border:0;padding-left:23px;color: #333333;font-size:16px;}
.bd_n li input[type="button"]{width:187px;height: 51px;background: #a6a6a6;border:0;font-size:20px;color: #fff;}
.bd_n li input[type="button"]{width:187px;height: 51px;background: #a6a6a6;border:0;font-size:20px;color: #fff;}
.bd_n li input[type="button"]:active{margin-top:1px;}
.bd_n li.lis3{background:none;}
.bd_fr{background: url(../image/bd_n2.jpg) no-repeat left top;width:802px;height: 386px;float:left;box-sizing: border-box;padding:55px 0 0 78px;}
.bd_fr .tit{height: 88px;}
.bd_fr .tit h4{height: 41px;line-height: 41px;font-size:32px;color: #fff;}
.bd_fr .tit em{display: block;height: 21px;font:14px arial;color:rgba(255,255,255,0.3)}
.bd_nr{border:1px solid rgba(255,255,255,0.3);width:644px;height: 176px;position: relative;}
.bd_nr li{float:left;width:20%;box-sizing: border-box;border-right:1px solid rgba(255,255,255,0.3);height:88px;display: flex;justify-content:center;align-items:center;font-size:18px;color: #fff;line-height: 26px;}
.bd_nr:after{content: "";display: block;width:100%;height: 1px;background:rgba(255,255,255,0.3);position: absolute;left:0;top:50%;}
.bd_nr li:nth-child(5n){border:0;}

.ry_bj{background: url(../image/zs_bj.jpg) no-repeat center top;height:40.75rem;background-size:100% 40.75rem;box-sizing: border-box;padding-top:5.7rem;}
.ry_c .titis{height:5.55rem;overflow: hidden;text-align: center;box-sizing: border-box;background: url(../image/7939bcec0b4d49a78071993d4afa0e28_2.png) no-repeat center bottom;}
.ry_c .titis h2 {height:3.0rem;line-height:3.0rem;font-size:2.4rem;color: #333333;font-weight: normal;}
.ry_c .titis h2 a{color: #333333}
.ry_c .titis p{font-size:1.1rem;color: #333333;height:1.5rem;line-height:1.5rem;}
.ry_nr{margin-top:2.9rem;}
.ry_nr li{float:left;width:20%;text-align: center;height: 24px;line-height: 24px;font-size:16px;color:#333333;margin-bottom: 13px}
.ry_nr li i{padding:3px 5px 0 0;vertical-align: top;display: inline-block;}
.ry_nr li i:last-child{padding:3px 0 0 5px;}

.yous{margin:111px 0 0 ;height: 980px;position: relative;}
.ys_qh{position:absolute;left:0;top:161px;z-index: 9;width:100%;}
.ys_qh li{float:left;width:19.0625%;height: 820px;}
.ys_nr{margin-top:50px;}
.ys_nr li{float:left;width:19.0625%;margin-right:0.1%;height: 820px;position: relative;transition: all 0.8s;}
.ys_nr li:last-child{margin:0;}
.ys_nr li:after{content: "";display: block;width:100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;left:0;top:0;}
.ys_n1{position:absolute;padding:4.7rem 0 0 18%;left:0;top:0;z-index: 9}
.ys_n1 h4{font-size:1.5rem; color: #fff;font-weight: normal;}
.ys_n1 em{font-size:0.8rem;color: #fff;padding-top:1rem;display: block;height: 2.6rem}
.ys_n1 i{display: block;font-size: 0;line-height: 0;margin-top:2.8rem;padding-top:16.7rem;background: url(../image/ys_a2.png) no-repeat left top;}
.ys_n2{position: absolute;left:0;bottom:0px;background: #fff;height: 231px;box-shadow: 0 10px 20px rgba(0,0,0,0.1);width:100%;box-sizing: border-box;padding-top:38px;display:none;overflow: hidden;}
.ys_n2 dt{width:22.88%;box-sizing: border-box;background: url(../image/ys_a1.png) no-repeat right 6px;font-size:1.2rem;color: #002965;padding-right: 2.6rem;text-align: right;height: 170px;float:left;line-height: 1.6rem;font-weight: bold;}
.ys_n2 dd{float:left;width:63.76%;padding-left:3.04%;}
.ys_n2 dd h4{font-size:1.5rem;color: #333333;height: 2rem;line-height: 2rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ys_n2 dd p{font-size:0.8rem;color: #666666;line-height: 1.5rem;padding-top:1rem;}
.ys_nr li.on{width:61.66%;}
.ys_nr li.on .ys_n1,.ys_nr li.on:after{display: none}
.ys_nr li.on .ys_n2{display: block;}


.anl{padding-top:113px;height: 1172px;}
.al_nr{margin-top:50px;}
.al_nr dl{float:left;width:410px;margin:0 25px 29px 0;position: relative;}
.al_nr dt{font-size:0;line-height: 0;width:410px;overflow: hidden;height: 308px;box-sizing: border-box;transition: all 0.5s}
.al_nr dt img{width:410px;height: 308px;transition: all 0.5s}
.al_nr dd{height: 136px;border:1px solid #e5e5e5;padding:18px 31px 0;box-sizing: border-box;border-top:0;}
.al_nr dd h4 a{display: block;height:30px;line-height:30px;font-size: 20px;color: #333333;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.al_nr dd span{display:block;height: 23px;line-height: 23px;font-size:16px;color: #999999;}
.al_nr dd em a{display: block;margin-top:12px;border-top:1px solid #e5e5e5;height: 49px;font:14px arial;color: #999999;padding-right:34px;background: url(../image/al_ico1.png) no-repeat right;line-height: 49px;}
.al_nr dl:nth-child(3n){margin:0 0 29px 0;}
.al_nr dl:hover dt{padding:10px 10px 0px;}
.al_nr dl:hover dt img{width:390px;height: 293px}
.al_nr dl:hover dd em a{background: url(../image/al_ico2.png) no-repeat right;color: #002965;}
.al_nr dl:hover dd h4 a{color: #002965;}
.al_nr dl:hover dd span{color: #73809c}
.al_nr dl:after{display: block;content: "";width:0%;height: 2px;background: #002965;position: absolute;left:0;top:0;transition: all 0.3s;z-index:9}
.al_nr dl:before{display: block;content: "";width:2px;height: 0%;background: #002965;position: absolute;right:0;bottom:0;transition: all 0.3s;z-index:9}
.al_nr dl dt:after{display: block;content: "";width:0%;height: 2px;background:#002965;position: absolute;right:0;bottom:0;transition: all 0.3s;z-index:9}
.al_nr dl dt:before{display: block;content: "";width:2px;height:0%;background:#002965;position: absolute;left:0;top:0px;transition: all 0.3s;z-index:9}
.al_nr dl:hover:after,.al_nr dl:hover dt:after{width:100%;}
.al_nr dl:hover:before,.al_nr dl:hover dt:before{height:100%;}


.hz_bj{background: url(../image/hz_bj.jpg) no-repeat center top;height: 524px;box-sizing: border-box;padding-top:110px;}
.hz_c .tit{height: 124px;text-align: center;}
.hz_c .tit h2 a{display:block;height: 50px;line-height: 50px;font-size:40px;color: #333333;font-weight: normal;}
.hz_c .tit em{text-transform: uppercase;font:14px arial;color: #333333;height: 20px;line-height: 20px;}
.hz_nr li{float:left;width:128px;overflow: hidden;margin:0 64px;}
.hz_nr li img{width:128px;height: 96px;}
.hz_d{text-align: center;margin-top:70px;}
.hz_d li{display: inline-block;width:9px;height: 9px;border:3px solid #002965;border-radius: 50%;margin:0 6px;}
.hz_d li.on{border-color: #fed700}


.news{height:876px;padding-top:112px;overflow: hidden;}
.news .titis{margin-bottom:50px;}
.ns_fl{float:left;width:580px;}
.ns_fl dl{height: 418px;border-bottom:1px solid #e5e5e5;}
.ns_fl dt{font-size:0;line-height: 0;width:580px;overflow: hidden;}
.ns_fl dt img{width:580px;height: 290px;}
.ns_fl dd{padding-top:16px;}
.ns_fl dd h4 a{display: block;height: 32px;line-height: 32px;font-size: 18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ns_fl dd p{font-size:15px;color: #999999;line-height: 28px;padding-top:10px;}
.ns_fl ul{margin-top:16px;height: 158px;border-bottom:1px solid #e5e5e5;}
.ns_fl li a{display: block;height: 47px;line-height: 47px;font-size:18px;color: #333333;padding-left:21px;background: url(../image/ns_ico1.png) no-repeat left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ns_fl li a:hover,.ns_fl dl:hover dd h4 a{color: #001a51;}

.ns_fr{float: right;width:630px;}
.ns_fr li{height: 129px;margin-bottom:22px;}
.ns_fr li .ns_w{float:left;width:470px;padding-top:16px;}
.ns_fr li .ns_w h4 a{display: block;height: 36px;line-height: 36px;font-size:18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ns_fr li .ns_w p{font-size:15px;color: #999999;line-height: 28px;padding-top:8px;}
.ns_fr li span{float: right;width:132px;height: 129px;background:#f5f5f5;text-align: center;padding-top:27px;box-sizing: border-box;font-size:14px;color: #999999;line-height: 26px;transition: all 0.5s}
.ns_fr li span em{display: block;height: 51px;line-height: 51px;font-size:54px;color: #999999;}
.ns_fr li:hover span{background: url(../image/ns_ico2.png) no-repeat;color: #fed700}
.ns_fr li:hover span em{color: #fed700}

.ab_bj{background: url(../image/ab_bj.jpg) no-repeat center top;height: 603px;box-sizing: border-box;padding-top:112px;}
.about .tit{height: 122px;text-align: center;}
.about .tit h2 a{display: block;height: 60px;line-height: 60px;font-size:48px;color: #fff;font-weight: normal;}
.about .tit p{font-size:22px;color: #fff;line-height: 38px;height: 38px;}
.ab_w{text-align: center;font-size:16px;color: #fff;line-height: 30px;height: 142px;padding:0 110px;}
.about em a{display: block;width:166px;height: 44px;line-height: 44px;text-align: center;background: #fed700;font-size:18px;color: #002965;margin:0 auto;transition: all 0.5s}
.about em i{padding-right:37px;background: url(../image/al_ico2.png) no-repeat right;}
.about em a:hover{width:176px;}

.zt_c{width:1280px;margin:-111px auto 0;padding:0 60px;height: 508px;background: #fff;position: relative;z-index: 2}
.zt_qh{height:77px;padding-top:34px;}
.zt_qh li{float:left;margin-right:74px;transition:all 0.5s;}
.zt_qh li span{display: block;font-size:24px;color: #999999;height: 34px;line-height: 34px;}
.zt_qh li em{display: block;font-size:12px;color: #999999;height: 14px;line-height: 14px;}
.zt_qh li.cur,.zt_qh li:hover{padding-left:16px;background: url(../image/fc_ico1.jpg) no-repeat left 5px;}
.zt_qh li.cur span,.zt_qh li:hover span{font-weight:bold;color: #333333}
.zt_qh li.cur span em,.zt_qh li:hover span em{color: #333}
.zt_qh i a{float:right;margin-top:21px;width:68px;height: 19px;border:2px solid #002965;text-align: center;font:14px arial;color: #002965;display: block;transition: all 0.5s;line-height: 19px;}
.zt_qh i a:hover{background: #002965;color: #fff;}
.zt_a li{float:left;width:306px;margin-right:18px;margin-bottom: 20px;}
.zt_a li i{display: block;font-size:0;line-height: 0;width:306px;overflow: hidden;}
.zt_a li i img{width:306px;height: 230px;transition: all 0.5s}
.zt_a li span{display: block;height: 56px;line-height: 56px;font-size:16px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center;transition: all 0.5s}
.zt_a li:hover i img{transform: scale(1.1);}
.zt_a li:hover span{box-shadow: 0 5px 15px rgba(0,0,0,0.1)}
.zt_a li:last-child{margin:0;}

.zt_b li{float:left;width:240px;margin-right:18px;margin-bottom: 20px;}
.zt_b li i{display: block;font-size:0;line-height: 0;width:100%;overflow: hidden;border:1px solid #eeeeee;}
.zt_b li i img{width:100%;height:auto;transition: all 0.5s}
.zt_b li span{display: block;height: 56px;line-height: 56px;font-size:16px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center;transition: all 0.5s}
.zt_b li:hover i img{transform: scale(1.1);}
.zt_b li:hover span{box-shadow: 0 5px 15px rgba(0,0,0,0.1)}
.zt_b li:last-child{margin:0;}



@media screen and (max-width:1440px) and (min-width:1366px) {
    html {font-size:14px;}
}
@media screen and (max-width:1600px) and (min-width:1441px){
    html {font-size:16px;}
}
@media screen and (max-width:1920px) and (min-width:1601px)  {
    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 }