@charset "utf-8";
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:121px;overflow: hidden;text-align: center;box-sizing: border-box;background: url(../images/ico1.png) no-repeat center bottom;}
.titis h2 {height:57px;line-height:57px;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{overflow: hidden;position: relative;box-sizing: border-box;margin:100px 0;width:100%;}
.yz_c{position: relative;overflow: hidden;width:100%;box-sizing:border-box;padding-left:16.66%;}
.yz_fl{float:left;width:35.125%;}
.yz_fl h3{height:7.1rem;font-weight:normal;}
.yz_fl h3 span{display: block;height:2.8rem;line-height: 2.8rem;font-size:2.4rem;color: #333333;}
.yz_fl h3 em{font-size:2.4rem;color: #333333;height:2.6rem;line-height:2.6rem;font-weight: bold;}
.yz_fl p{font-size:0.8rem;color: #666666;line-height:1.5rem;height:11.6rem;}
.yz_fl li{float:left;padding-right:13.14%;}
.yz_fl li span{display: block;height: 2.75rem;line-height: 2.75rem;font-size:2.9rem;color: #333333;}
.yz_fl li em{display:block;font-size:0.9rem;color: #333333;height: 1.25rem;line-height: 1.25rem;}
.yz_fl li i{display: block;font-size:0;line-height: 0;margin-top:1rem;width:2.8rem;height: 2.6rem;overflow: hidden;}
.yz_fl li i img{width:100%;}
.yz_fl li:hover i img{margin-top:-2.6rem;animation-duration:3s;animation-name:flipInY;}
.yz_fl li:hover span,.yz_fl li:hover em{color:#0357d4;}
.yz_fl li:last-child{padding:0;}

.yz_fr{float:right;width:59.46%;}
.yz_fr li{float:left;width:32.5%;margin-left:0.75%;position: relative;overflow: hidden;}
.yz_fr li i{display: block;font-size:0;line-height: 0;}
.yz_fr li p{width:100%;height: 100%;background: rgba(0,0,0,0.5);left:0;top:0;position:absolute;box-sizing: border-box;padding-top:8.5rem;}
.yz_fr li p span{display: block;height:11.05rem;line-height:1.8rem;font-size:1.5rem;color: rgb(74, 121, 202);width:9.5rem;background: url(../images/yz_a1.png) no-repeat center top;display: flex;justify-content:center;align-items:center;margin:0 auto;font-weight: bold;text-align: center;background-size: 100% 11.05rem;}
.yz_fr li p em{font-size:0.8rem;color: #fff;line-height: 1.2rem;padding-top:0.5rem;display: block;height: 3.6rem;position: relative;}
.yz_fr li p em:after{content:"";display: block;width:1.5rem;height: 2px;background: #fff;position: absolute;left:0;bottom:0;}
.yz_fr li img{width:100%;}
.yz_fr li .yz_w{position: absolute;left:0;bottom:0;background: url(../images/yz_a2.jpg) no-repeat left top;width:100%;height: 0%;text-align: center;box-sizing: border-box;background-size: 100% 100%;transition: all 0.5s}
.yz_fr li .yz_w h4{height: 2.8rem;line-height: 2.8rem;font-size:1.5rem;color: #fff;margin-bottom:1.4rem;}
.yz_fr li .yz_w span{font-size:0.9rem;color: #fff;line-height: 1.4rem;width:9.75rem;border:1px solid #e9f3d6;border-width: 1px 0;display: block;margin:0 auto;padding:0.7rem 0;}
.yz_fr li:hover .yz_w{height: 100%;padding-top:9.5rem;}
/*.yz_fr li: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);}
.yz_fr li:hover:before{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}*/

.pro_bj{height: 1131px;background: #f5f5f5;overflow: hidden;box-sizing: border-box;padding-top:95px;}
.pro_bj3 {height: auto;}
.pro{position: relative;}
.pro .titis{margin-bottom:50px;}
.pro:after{content: "";display: block;width:164px;height: 152px;background:url(../images/pro_a1.png) no-repeat left top;position: absolute;left:-46px;top:128px;}
.pro_fl{width:632px;height:765px;border:1px solid #e5e5e5;background:#fff;box-sizing: border-box;padding-top:101px;position: relative;z-index: 2}
.pro_t li{text-align: center;}
.pro_t li i{font-size:0;line-height: 0;display: block;width:630px;}
.pro_t li i img{width:630px;height: 504px;object-fit: contain;}
.pro_t h4{display: block;height: 43px;line-height: 43px;font-size:24px;color: #4c4c4c;margin-top:-16px;position: relative;z-index: 2;font-weight: normal;margin-top: 20px;}
.pro_t p{font-size:16px;color: #999999;line-height: 28px;padding:8px 120px 0;}
.pro_j{position: absolute;left:34px;top:29px;}
.pro_j img:first-child{margin-right:120px;}
.pageState{position: absolute;left:48px;top:22px;font-size:18px;color: #0357d4;line-height: 36px;width:120px;text-align: center;}
.pageState span{font-size:36px;font-weight: bold;line-height: 36px}
.pro_fr{width:590px;}
.pro_fr .tit{height: 318px;}
.pro_fr .tit h4{height: 92px;line-height: 92px;}
.pro_fr .tit h4 a{font-size:36px;color: #333333;font-weight:normal;}
.pro_fr .tit img{vertical-align: top;margin-right:20px;}
.pro_fr .tit p{font-size:16px;color: #666666;line-height: 30px;padding-top:22px;height: 94px;}
.pro_fr .tit em{display: block;}
.pro_fr .tit em a{display: inline-block;width:141px;height: 44px;line-height: 44px;border:1px solid #0357d4;text-align: center;font-size:18px;color: #0357d4;border-radius: 22px;margin:0 17px 0 0;transition: all 0.5s}
.pro_fr .tit em a:last-child{background: #0357d4;color: #fff;}
.pro_fr .tit em a:hover{background: #0357d4;color: #fff;}
.pro_n li{float:left;width:285px;margin:0 15px 37px 0;border: 1px solid #e5e5e5;}
.pro_n li i{display: block;font-size:0;line-height: 0;width:285px;overflow: hidden;}
.pro_n li i img{width:285px;height: 160px;transition: all 0.5s;object-fit: contain;padding: 10px;}
.pro_n li span{display: block;width:100%;text-align: center;height:45px;line-height:45px;font-size:16px;color: #4c4c4c;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;background: #e2f3f8}
.pro_n li:nth-child(2n){margin:0 0 20px 0;}
.pro_n li:hover i img{transform: scale(1.1);}

.pro_a2{height: 866px;position: relative;padding-top:100px;}
.pro_a2:after{content: "";display: block;width:164px;height: 152px;background:url(../images/pro_a1.png) no-repeat left top;position: absolute;right:-46px;top:57px;}
.pro_fl2{width:632px;height:765px;border:1px solid #e5e5e5;background:#fff;box-sizing: border-box;padding-top:101px;position: relative;z-index: 2}
.pro_t2 li{text-align: center;}
.pro_t2 li i{font-size:0;line-height: 0;display: block;width:630px;}
.pro_t2 li i img{width:630px;height: 504px;object-fit: contain;}
.pro_t2 h4{display: block;height: 43px;line-height: 43px;font-size:24px;color: #4c4c4c;margin-top:-16px;position: relative;z-index: 2;font-weight: normal;margin-top: 20px;}
.pro_t2 p{font-size:16px;color: #999999;line-height: 28px;padding:8px 120px 0;}
.pro_j{position: absolute;left:34px;top:29px;}
.pro_j img:first-child{margin-right:120px;}
.pageState{position: absolute;left:48px;top:22px;font-size:18px;color: #0357d4;line-height: 36px;width:120px;text-align: center;}
.pageState span{font-size:36px;font-weight: bold;line-height: 36px}
.pro_fr2{width:590px;}
.pro_fr2 .tit{height: 318px;}
.pro_fr2 .tit h4{height: 92px;line-height: 92px;}
.pro_fr2 .tit h4 a{font-size:36px;color: #333333;font-weight:normal;}
.pro_fr2 .tit img{vertical-align: top;margin-right:20px;}
.pro_fr2 .tit p{font-size:16px;color: #666666;line-height: 30px;padding-top:22px;height: 94px;}
.pro_fr2 .tit em{display: block;}
.pro_fr2 .tit em a{display: inline-block;width:141px;height: 44px;line-height: 44px;border:1px solid #0357d4;text-align: center;font-size:18px;color: #0357d4;border-radius: 22px;margin:0 17px 0 0;transition: all 0.5s}
.pro_fr2 .tit em a:last-child{background: #0357d4;color: #fff;}
.pro_fr2 .tit em a:hover{background: #0357d4;color: #fff;}


.tx_bj{height: 944px;padding-top:95px;box-sizing: border-box;background: url(../images/tx_bj.jpg) no-repeat center top;}
.tx_c .titis{margin-bottom:50px;}
.tx_fl{float:left;width:;width:308px;position: relative;height: 575px;}
.tx_qh{height: 545px;}
.tx_qh li{padding-top:39px;height: 85px;margin-bottom:31px;position: relative;}
.tx_qh li i{float:left;width:73px;height: 85px;overflow: hidden;font-size:0;line-height: 0;}
.tx_qh li i img{display: block;}
.tx_qh li p{float:right;width:212px;padding-top:15px;}
.tx_qh li p span{display: block;height: 36px;line-height: 36px;font-size:30px;color: #333333;transition: all 0.5s}
.tx_qh li p em{display: block;height:21px;line-height: 21px;font:12px arial;color: #999999;transition: all 0.5s}
.tx_qh li:after{content: "";display: block;width:0;height:3px;background: #0357d4;position: absolute;left:0;top:0;transition: all 0.5s}
.tx_qh li.on i img{margin-top:-85px;animation-duration:3s;animation-name:flipInY;}
.tx_qh li.on p span{color: #0357d4;font-weight: bold;}
.tx_qh li.on p em{color: #0357d4}
.tx_qh li.on:after{width:100%;}
.tx_d{padding:7px 0 0 93px;width:80px;position: relative;z-index: 9}

.tx_d li{float:left;width:11px;height:11px;background: #48494b;border-radius: 50%;margin:4px 12px 0 0;}
.tx_d li.cur{border:3px solid #0357d4;background: #fff;vertical-align: top;margin:0 12px 0 0;}
.tx_j{position: absolute;bottom:0;left:0;}
.tx_j img:first-child{margin-right:215px;}
.tx_nr{float: right;width:956px;position: relative;}
.tx_nr:after{content: "";display: block;width:164px;height: 152px;background:url(../images/pro_a1.png) no-repeat left top;position: absolute;right:-46px;top:-43px;}
.tx_nr dl{position: relative;height: 576px;z-index: 2}
.tx_nr dt{float: right;font-size:0;line-height: 0;width:874px;height: 576px;}
.tx_nr dd{position: absolute;width:866px;background: #fff;height: 214px;left:0;bottom:24px;}
.tx_nr dd span{float:left;display: block;width:163px;height: 214px;background: url(../images/tx_a1.jpg) no-repeat left top;text-align: center;box-sizing: border-box;padding-top:45px;}
.tx_nr dd span em{display: block;font-size:30px;color: #fff;height: 81px;line-height: 81px;text-transform: uppercase;}
.tx_nr dd span i{font-size:90px;font-weight: bold;}
.tx_nr dd span strong{display: block;font-size:24px;color: #fff;font-weight: bold;height: 52px;line-height: 52px;}
.tx_nr dd p{float:left;width:645px;padding:25px 0 0 30px;}
.tx_nr dd p em,.tx_nr dd p{display: block;font-size:16px;color: #666666;line-height: 28px;padding-left:18px;}



.anl{padding:96px 0 0px;overflow: hidden;}
.al_qh{height:191px;text-align: center;width:1280px;margin:22px auto 0;position: relative;}
.al_qh li{float:left;margin-right:91px;text-align: center;z-index:99;position: relative;}
.al_qh li i{display: block;font-size:0;line-height: 0;width:88px;height: 88px;border:1px solid #e2e2e2;border-radius: 50%;overflow: hidden;background:#fff;margin:0 auto;}
.al_qh li i img{border-radius: 50%}
.al_qh li span{display: block;font-size:20px;color: #333333;margin-top:16px;}
.al_qh:after{content:"";display: block;width:100%;border-top:1px dashed #e2e2e2;position: absolute;left:0;top:50px;}
.al_qh li:hover i,.al_qh li.cur i{background: #90c431;border-color: #90c431;animation-duration:3s;animation-name:flipInY;}
.al_qh li:hover i img,.al_qh li.cur i img{margin-top:-88px;}
.al_qh li:last-child{margin:0;}
.al_nr{/*background: url(../images/al_bj.jpg) no-repeat center top;background-size: 100% 19.1rem;padding:0 8.33%;*/height:460px;}
.al_nr .tempWrap{overflow:visible!important;margin-left:-160px;}
.al_nr li{float:left;width:510px;margin-right:34px;height:460px;}
.al_nr li i{display: block;font-size:0;line-height: 0;overflow: hidden;position: relative;width:510px;}
.al_nr li i img{width:510px;transition: all 0.5s;height:382px;}
.al_nr li h4{display: block;height: 82px;line-height: 82px;font-size:18px;color: #333333;font-weight: bold;}
.al_nr li:last-child{margin-right:0}
.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:99;}
.al_nr li:hover i:before{left:100%; -moz-transition:0.8s; -o-transition:0.8s; -webkit-transition:0.8s; transition:0.8s;}
.al_nr li:hover i img{transform: scale(1.1);}
.al_nr li.active,.al_nr li.cur{opacity:0.2;}


.hz_c{height:auto;padding-top:116px;}
.hz_c .tit{height: 122px;text-align: center;}
.hz_c .tit h2 a{display:block;height: 52px;line-height: 52px;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:199px;overflow: hidden;border:1px solid #d5d5d5;margin-right:14px;}
.hz_nr li img{width:200px;height:100px;object-fit: contain;}
.hz_nr li:last-child{margin:0;}


.ys_bj{background: url(../images/ys_bj.jpg) no-repeat center top;height: 878px}
.yous{position: relative;height: 878px;}
.ys_tt{float:left;padding-top:120px;height: 459px;width:630px;}
.ys_tt h2{font-size:48px;color: #fff;line-height: 62px;height: 169px;position: relative;}
.ys_tt h2:after{content: "";display: block;width:135px;height: 3px;background: #fff;position: absolute;left:-76px;bottom:0;}
.ys_tt p{font-size:28px;line-height: 42px;color: #fff;padding-top:48px;}
.ys_nr{float: right;width:960px;margin-right:-320px;position: relative;z-index: 9}
.ys_nr p{font-size:0;line-height: 0;width:960px;overflow: hidden;position: relative;}
.ys_nr p img{width:960px;height: 740px;}
.ys_nr p: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);}
.ys_nr p:hover:before{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.ys_qh{height: 299px;background: #fff;box-shadow: 0 10px 20px rgba(0,0,0,0.1);position: absolute;z-index: 9;left:0;bottom:0;width:100%;}
.ys_qh li{float:left;width:178px;overflow: hidden;height: 299px;border-right:1px solid #e5e5e5;transition: all 0.5s}
.ys_qh li dl{width:740px;}
.ys_qh li dt{float:left;width:178px;text-align: center;padding-top:73px;height: 299px;box-sizing: border-box;transition: all 0.5s;background: #fff}
.ys_qh li dt i{display: block;height: 50px;overflow: hidden;width:52px;margin:0 auto;}
.ys_qh li dt i img{display: block;}
.ys_qh li dt h4{height: 39px;line-height: 39px;margin-top:52px;font-size:28px;color: #2a2a2f;}
.ys_qh li dt em{display: block;height:23px;font:12px arial;color: #979798;text-transform: uppercase;line-height: 23px;}
.ys_qh li dd{width:486px;padding:70px 0 0 55px;float:left;}
.ys_qh li dd h4 {height:40px;line-height: 40px;font-size:24px;color: #333333;}
.ys_qh li dd p{font-size:16px;color: #333333;line-height: 30px;padding-top:16px;}
.ys_qh li.on{width:740px;}
.ys_qh li.on dt{background: url(../images/ys_a1.jpg) no-repeat left top;}
.ys_qh li.on dt i img{margin-top:-50px;animation-duration:3s;animation-name:flipInY;}
.ys_qh li.on dt h4{color: #fff;}
.ys_qh li.on dt em{color:rgba(255,255,255,0.6);}
.ys_qh li:last-child{border:0;}


.news{ position: relative; padding:95px 0 0;height: 875px}
.news .titis{margin-bottom:40px;}
.news_l{width: 588px;float: left;position: relative;}
.news h3{height: 48px;margin-top: 20px;}
.news h3 em{ display: block;float: right;width: 70px;height:17px; font-size: 12px;color: #0357d4;text-align: center;font-weight: normal;font-family: Arial;text-transform: uppercase;border:1px solid #0357d4;border-radius: 8px;line-height:17px;}
.news h3 a{ display: block;font-size:24px;color: #333333;line-height: 24px;text-transform: uppercase; font-weight: normal;}

.news_l dt{width: 588px;height: 331px;line-height: 0;overflow: hidden;}
.news_l dt img{width: 588px;height: 331px;display:block;transition: all 0.5s}

.news_l dd{width: 588px;padding: 30px 46px 0 40px;height: 216px;box-sizing: border-box;background: #f2f2f2;}
.news_l dd h4 a{font-size: 20px;color: #333;display: block;line-height: 20px;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_l dd p{font-size: 16px;color: #666666;padding: 25px 0 0;line-height: 30px;}
.news_l dd h4 span{font-size: 16px;color: #333333;padding: 0 0 6px;line-height: 16px;font-family: "DIN Medium";display: block;font-weight: bold;}
.news_hd {z-index: 1;position: absolute;cursor: pointer;right: 46px;bottom: 32px;}
.news_hd li {width: 14px;height: 14px;background: #ccc;display: inline-block;margin: 0 0 0 10px;border-radius: 13px;vertical-align: middle;}
.news_hd li.on {background:#0357d4;}
.news_r{width: 632px;float: right;}


.wt_qh{height: 48px;margin-top:20px;}
.wt_qh li{float:left;margin-right:18px;padding-right:23px;background: url(../images/ns_ico1.jpg) no-repeat right;}
.wt_qh li a{font-size:24px;color: #333333;line-height: 24px;font-weight: normal;}
.wt_qh li:last-child{padding:0;margin: 0;background: none;}
.wt_qh em a{display: block;float: right;width: 70px;height:17px; font-size: 12px;color: #0357d4;text-align: center;font-weight: normal;font-family: Arial;text-transform: uppercase;border:1px solid #0357d4;border-radius: 8px;line-height:17px;}
.wt_qh li.on a{color: #0357d4;font-weight: bold;}
.news_r dl{padding-bottom: 44px;position: relative;}
.news_r dt{width: 211px;height: 119px;line-height: 0;overflow: hidden;float: left;float: right;}
.news_r dt img{width: 211px;height: 119px;display:block;transition:all 0.5s;}
.news_r dl:hover dt img,.news_l dl:hover dt img{ transform:scale(1.05);}
.news_r dd{width: 378px;float: left;}
.news_r dd h4 a{font-size: 20px;color: #333;display: block;line-height: 20px;padding-top: 10px;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_r dd p{font-size: 16px;color: #787878;padding: 18px 0 0;line-height: 26px;}
.news_r dd span{font-size: 14px;color: #333333;padding: 8px 0 6px;line-height: 14px;font-family: "Arial";display: block;}
.news_s ul{ border-top: 1px solid #e5e5e5;box-sizing: border-box; padding-top: 20px;}
.news_s li a{display:block;font-size: 16px;line-height: 38px;color: #333333;padding-left: 24px;background: url(../images/news_ic.png) no-repeat 0 19px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_s li em{float: right;font-size: 14px;color: #999999;line-height: 38px;font-family: Arial;}
.news_s dl:hover dd h4 a,.news_l dl:hover dd h4 a,.news_s li a:hover,.news_r dl:hover h4 a{ color: #0357d4; }

.ab_bj{background: url(../images/ab_bj.jpg) no-repeat center top;height: 780px;box-sizing: border-box;padding-top:96px;}
.about .tit{height: 141px;text-align: center;}
.about .tit h2 a{display: block;height:59px;line-height:59px;font-size:48px;color: #ffffff;}
.about .tit p{font-size:22px;color: #ffffff;line-height: 30px;height: 30px;}
.ab_w{text-align: center;font-size:16px;color: #ffffff;line-height: 30px;height:90px;padding:0 91px;}
.about em a{display: block;width:166px;height: 44px;line-height: 44px;text-align: center;background: #0357d4;font-size:18px;color: #fff;margin:0 auto;transition: all 0.5s;border-radius: 22px;}
.about em a:hover{width:176px;}

.zt_c{width:1280px;margin:44px auto 0;height:389px;position: relative;z-index: 2}
.zt_qh{height:60px;}
.zt_qh li{float:left;margin-right:35px;height: 42px;line-height: 42px;}
.zt_qh li span{font-size:24px;color: #333333;}
.zt_qh li i{vertical-align:top;height: 26px;overflow: hidden;display:inline-block;margin:9px 10px 0 0;}
.zt_qh li i img{display: block;transition: all 0.5s}
.zt_qh li.on span{font-weight:bold;color: #0357d4}
.zt_qh li.on i img{margin-top:-26px;}

.zt_nr li{float:left;width:306px;margin-right:18px;margin-bottom: 20px;position: relative;}
.zt_nr li i{display: block;font-size:0;line-height: 0;width:306px;overflow: hidden;}
.zt_nr li i img{width:306px;height: 230px;transition: all 0.5s;object-fit: contain;background-color: #e8e8e8;}
.zt_nr li span{display: block;height:230px;line-height:230px;font-size:20px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center;transition: all 0.5s;width:100%;background:url(../images/fc_a1.png) no-repeat;position: absolute;left:0;top:0;transform: scale(0);transition: all 0.5s}
.zt_nr li:hover i img{transform: scale(1.1);}
.zt_nr li:hover span{transform: scale(1);}
.zt_nr li:last-child{margin:0;}
.zt_a{position: relative;}
.zt_j{position: absolute;right:0;top:-50px;}
.zt_j img{margin-left:9px;}

.idxyyfa {margin-top: 50px;}


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