@charset 'utf-8';

body{font-family:"微软雅黑",Arial;background:#fff}
.scale_img dl dt img,.scale_img li img{-o-transition:all 0.8s linear 0s;transition:all 0.8s linear 0s}
.scale_img1 dl dt img,.scale_img1 li img{-o-transition:all .5s linear 0s;transition:all .5s linear 0s}
.scale_img dl:hover dt img,.scale_img li:hover img,.scale_img1 dl:hover dt img,.scale_img1 li:hover img{-webkit-transform:scale(1.05) rotate(0) translateY(0);-ms-transform:scale(1.05) rotate(0) translateY(0);transform:scale(1.05) rotate(0) translateY(0)}
.ell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.tran{-o-transition:all .3s ease;transition:all .3s ease}
.tran1{-o-transition:all .5s ease;transition:all .5s ease}
.pac{position:absolute;content:""}
.white{position:relative;overflow:hidden}
.white:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.pic{width:100%;overflow: hidden;}
.pic img{-o-transition:all 1s linear 0s;transition:all 1s linear 0s}
.pic:hover img{-webkit-transform:scale(1.05) rotate(0) translateY(0);-ms-transform:scale(1.05) rotate(0) translateY(0);transform:scale(1.05) rotate(0) translateY(0)}
.flex{display:flex;display:-webkit-flex}
.jcc{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center}
.jcb{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between}
.jca{display:flex;display:-webkit-flex;justify-content:space-around;-webkit-justify-content:space-around}
.aic{align-items:center;-webkit-align-items:center}
.aicon{align-content:center;-webkit-align-content:center}
h2.main_title a{display:block;text-align:center;position:relative;}
h2.main_title strong{display:block;font-size:42px;line-height:100%;color:#333333;font-weight: normal;}
h2.main_title span{display:block;font-size:28px;line-height:100%;color:grey;font-weight:400;margin-top:16px;color: #999999;text-transform: uppercase;font-family: DINPro;}
h2.main_title1 a{text-align:left}
h2.main_title1 a:after{position:absolute;content:"";width:46px;height:4px;background:#626262;left:0;bottom:0;margin-left:0}
h2.main_title1 strong{color:#fff}
h2.main_title1 span{color:#999}
.fullSlide{position:relative;z-index:1;clear:both;width:100%}
.fullSlide .tempWrap{margin:0 auto}
.fullSlide .bd{position:relative;z-index:1;overflow:hidden;margin:0 auto}
.fullSlide .bd .li img{display:block;width:100%;height:auto!important}
.fullSlide .hd{position:absolute;bottom:20px;width:100%;height:2px;cursor:pointer;text-align:center;z-index:9;font-size:0}
.fullSlide .hd li{display:inline-block;width:43px;height:2px;background:#fff;margin:0 4px;opacity:1;-o-transition:all .5s ease;transition:all .5s ease}
.fullSlide .hd li.on{background:#7fb24b;width:54px}
.fullSlide p{position:absolute;top:50%;z-index:99;opacity:1;text-align:center;margin-top:-26px;width:53px;height:53px;background:rgba(27,27,27,.3);cursor:pointer;-o-transition:all .3s ease;transition:all .3s ease}
.fullSlide p:hover{background:#7fb24b}
.fullSlide .prev2{left:0}
.fullSlide .next2{right:0}
.content{width:1400px;margin:0 auto}
@media screen and (max-width:1440px){.content{width:1200px!important;margin:0 auto!important}
}
.intro{padding:75px 0 85px}
.intro dt{width:47.42%;float:left}
.intro dt img{display:block;width:100%}
.intro dd{float:right;width:46%;padding-top: 145px;}
.intro dd h2 span{display:block;font-size:42px;line-height:100%;color:#333;font-weight:700;font-family: DIN;}
.intro dd h2 i{display:block;font-size:24px;line-height:100%;color:#333;font-weight:400;margin-top:16px}
.intro dd p{font-size:15px;color:#666;line-height:28px;margin-top:60px}

.pro1{ padding: 90px 0;background: #f2f2f2; }
.pro_t{ margin-top: 79px;border-top: 1px solid #c9c9c9; }
.pro_t li a{ float: left;width: 23%;margin-right:2.66%;display: block;  height: 69px;border-bottom: 1px solid #c9c9c9;box-sizing: border-box;font-size: 18px;color: #333;background: url(../images/pro_jt.png) no-repeat right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;padding-right:60px;-o-transition:all .3s ease;transition:all .3s ease;position: relative;line-height: 69px;}
.pro_t li:nth-child(4n) a{ margin-right: 0; }
.pro_t li a:hover{ background: url(../images/pro_jth.png) no-repeat right;color: #65af23;border-bottom: 0; }
.pro_t li a:after{position:absolute;content:"";width:0;height:1px;background:#65af23;left:0;bottom:0px;z-index:2;-o-transition:all .6s ease;transition:all .6s ease}
.pro_t li a:hover:after{width:100%;background:#65af23}
.pro_con{ margin-top: 42px; }
.pro_con .pro_l{ float: left;width:49.28%;  }
.pro_con .pro_l dl{ position: relative;overflow: hidden; }
.pro_con .pro_l dt{ display: block;width: 100%;overflow: hidden; }
.pro_con .pro_l dt img{ display: block;width: 100%; }
.pro_con .pro_l dd{ position: absolute;padding-left:48px;padding-top: 75px; width: 100%;height: 100%;box-sizing: border-box;left:0;top:0;}
.pro_con .pro_l dd h4{ display: block;font-size: 30px;color: #ffffff;line-height: 100%;font-weight: bold; }
.pro_con .pro_l dd p{font-size: 15px;color: #ffffff;line-height: 28px;margin-top: 18px;width: 286px;}
.pro_con .pro_l dd i{position: absolute;bottom:48px;left:48px;height: 23px;border-bottom: 1px solid #fff;width: 54px;font-style: italic;color: #fff;font-size: 14px;-o-transition: all .3s ease;transition: all .3s ease;}
.pro_con .pro_l dd i span{ display: inline-block; margin-left: 5px; width: 15px;-o-transition: all .3s ease;transition: all .3s ease;overflow: hidden;height: 7px; }
.pro_con .pro_l dd span img{display: block;width: 15px;height: 7px;}
.pro_con .pro_l dd i:hover span{margin-left: 8px;}
.pro_con .pro_l dd i:hover span img:nth-child(1){ margin-top: -7px; }
.pro_con .pro_l dd i:hover{ transform:translateY(-4px);color: #65af23;border-color: #65af23; }

.pro_con .pro_r{ float: right;width: 48.57%; }
.pro_con .pro_r li{ float: left;width: 47.5%; }
.pro_con .pro_r li i{ display: block;width: 100%;overflow: hidden; }
.pro_con .pro_r li img{ display: block;width: 100%; }
.pro_con .pro_r li:nth-child(2n){ float: right; }
.pro_con .pro_r li h4{ font-size: 18px;font-weight: normal;text-align: center;line-height: 18px;padding-top: 20px;padding-bottom: 32px;color: #4c4c4c;display: block; }

.pro2{ padding-top: 108px;padding-bottom: 50px; }
.pro2 .desc{display: block;text-align: center;padding-top: 50px;font-size: 16px;line-height: 30px;color: #4c4c4c;}
.pro2 .pro_bd{margin-top: 70px;}
.pro2 .pro_bd dl{ float: left;width: 48.57%;float: left; margin-bottom: 48px;}
.pro2 .pro_bd dl dt{ display: block;width: 100%;width: 100%;overflow: hidden; }
.pro2 .pro_bd dl:nth-child(2n){ float: right; }
.pro2 .pro_bd dl dt img{ display: block;width: 100%; }
.pro2 .pro_bd dl dd{ padding-top: 22px;padding-right: 32px;box-sizing: border-box; }
.pro2 .pro_bd dl dd em{ display: block;font-size: 20px;color: #333333;line-height: 100%;float: left; }
.pro2 .pro_bd dl dd b{ display: block;font-size: 20px;color: #999999;line-height: 100%;font-weight: 100;padding-top: 11px; font-family: DINPro;}
.pro2 .pro_bd dl dd i{ float: right; font-size: 14px;line-height: 14px;color: #6f7473;display: block;margin-top: 16px;transition: all 0.3s;font-style: italic;}
.pro2 .pro_bd dd i span{ display: inline-block; margin-left: 5px; width: 15px;-o-transition: all .3s ease;transition: all .3s ease;overflow: hidden;height: 7px; }
.pro2 .pro_bd dd span img{display: block;width: 15px;height: 7px;}
.pro2 .pro_bd dd i:hover span{margin-left: 8px;}
.pro2 .pro_bd dd i:hover span img:nth-child(1){ margin-top: -7px; }
.pro2 .pro_bd i:hover{ transform:translateY(-4px);color: #65af23; }

.dz{ height: 480px;background: url(../images/dz_bg.jpg) no-repeat center;padding-top:90px;box-sizing: border-box;  }
.dz h2{height: 300px;}
.dz h2 b{ display: block;font-size: 42px;color: #333333;line-height: 42px;color: #333333; }
.dz h2 span{ display: block;font-size: 42px;color: #333333;line-height: 50px;color: #65af23;font-family: DIN;text-transform: uppercase;padding-top: 22px; }
.dz ul{ float: left; }
.dz ul li{ padding:0 40px 0 48px;background: url(../images/dz_line.png) no-repeat right top; font-size: 22px;font-weight: bold;line-height: 100%;transition: all .5s;color: #fff;float: left; }
.dz ul li img{ display: block;width: 19px;height: 10px;margin-top: 12px; }
.dz ul li:first-child{padding-left: 0;}
.dz ul li:last-child{padding-right: 0;background: 0}
.dz ul li:hover{ transform: translateY(-5px); }
.dz p{ float: right; }
.dz p span{ display: block;font-size: 18px;color: #ffffff;font-weight: bold;line-height: 100%; }
.dz p span img{ display: inline-block;width: 16px;height: 16px;margin-right: 6px; }
.dz p i{ display: block;font-size: 24px;line-height: 100%;color: #fff;font-weight: bold;padding-top: 6px;font-family: DIN; }

.ys{ padding: 160px 0 ; }
.ys_con{ position: relative; }
.ys_con h2{ width: 400px;position: absolute;left:0;top:0; z-index: 40;}
.ys_con h2 span{display: block;font-size: 48px;line-height: 60px;color: #333;font-weight: bold;  }
.ys_con h2 i{display: block;font-size: 26px;line-height: 36px;color: #808080;font-weight: bold; padding-top: 30px; }
.ys_qie h3{ font-family: DIN; font-size: 64px;line-height: 72px;color: #65af23;text-transform: uppercase;text-align: right;position: absolute;right:0;top:0;z-index: 50;}
.ys_qie dt img{ width: 100%;display: block;position: relative;z-index: 30;}
.ys_qie dd{height: 256px;margin-top: -320px;position: relative;padding-top: 40px;padding-left: 52px;box-sizing: border-box;}
.ys_qie dd h4{ display: block;font-size: 26px;color: #fff;line-height: 26px;position:relative;z-index:80;}
.ys_qie dd p{font-size: 15px;color: #fff;line-height: 28px; width: 560px;padding-top: 20px;position:relative;z-index:80; }
.ys_con .zprev{position:absolute;top:496px;left:-27px;z-index:99;opacity:1;text-align:center;width:37px;height:20px;background:url(../images/sprev.png) no-repeat center;cursor:pointer;-o-transition:all .3s ease;transition:all .3s ease}
.ys_con .znext{position:absolute;top:496px;right:-27px;z-index:99;opacity:1;text-align:center;width:37px;height:20px;background:url(../images/snext.png) no-repeat center;cursor:pointer;-o-transition:all .3s ease;transition:all .3s ease}
.ys_con .zprev:hover{ background:url(../images/sprevh.png) no-repeat center;  }
.ys_con .znext:hover{ background:url(../images/snexth.png) no-repeat center;  }
.ys_t{ position: absolute;right: 50px;bottom:65px;z-index: 50; }
.ys_t li{ font-size: 20px;line-height: 20px;color: #fff;margin-top: 35px; }
.ys_t li em{ display: inline-block;font-size: 15px;color: #fff;margin-right:42px;position: relative; opacity: 0;line-height: 20px; }
.ys_t li em:after{ position: absolute;left:24px;top:11px;width: 24px;height: 1px;background: #fff;content: ""; }
.ys_t li.on em{ opacity: 1; }

 @media screen and (max-width:1440px) {
    .content{width:1200px;margin: 0 auto;}
    .ys_qie dd{ padding-top:60px;}
    .ys_qie dd h4{ display: block;font-size: 24px;color: #fff;line-height: 24px;}
    .ys_qie dd p{ font-size: 14px;width: 440px; }
    .ys_con .zprev,.ys_con .znext{ top:410px; }
}

.coop{ padding-top: 101px;padding-bottom: 128px; background: #E9E9E9; }
.coop .desc{display: block;text-align: center;padding-top: 50px;font-size: 16px;line-height: 30px;color: #4D4D4D;}
.coop_con{margin-top: 70px;padding: 22px 30px 22px 20px;background: rgba(255,255,255,0.7);border-radius: 6px;position: relative; }
.coop_con li{ float: left;width: calc(100%/6); border:1px solid #eeeeee;overflow: hidden;}
.coop_con li img{ display: block;box-sizing: border-box;width: 100%;transition: all 0.5s;filter: grayscale(100%);
    -webkit-filter: grayscale(100%);}
.coop li:hover img{filter: grayscale(0);-webkit-filter: grayscale(0);}
.coop .sprev{position:absolute;top:50%;left:-27px;z-index:99;opacity:1;text-align:center;margin-top:-10px;width:37px;height:20px;background:url(../images/sprev.png) no-repeat center;cursor:pointer;-o-transition:all .3s ease;transition:all .3s ease}
.coop .snext{position:absolute;top:50%;right:-27px;z-index:99;opacity:1;text-align:center;margin-top:-10px;width:37px;height:20px;background:url(../images/snext.png) no-repeat center;cursor:pointer;-o-transition:all .3s ease;transition:all .3s ease}
.coop .sprev:hover{ background:url(../images/sprevh.png) no-repeat center;  }
.coop .snext:hover{ background:url(../images/snexth.png) no-repeat center;  }

.news{padding-top: 96px;padding-bottom: 100px;}
.news_con{ margin-top: 72px; }
.news1{ float: left;width: 419px;margin-right: 51px; }
.news2{ float: left; width: 419px; }
.news_d dt{ display: block;width: 419px;height: 236px;overflow: hidden; }
.news_d dt img{ display: block; width: 419px;height: 236px;}
.news_d dd{height: 179px;border-bottom: 1px solid #999;}
.news_d dd h4 a{ display: block;font-size: 18px;
color: #1A1A1A;line-height: 100%;font-weight: normal;padding-top: 23px;-o-transition:all .3s ease;transition:all .3s ease;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news_d dd h4 a:hover{ color: #65AF23; }
.news_d dd p{font-size: 15px;color: 666;line-height: 28px;margin-top: 13px;}
.news_d dd span{ display: block;font-size: 24px;font-family: DIN;font-weight: 500;color: #65AF23;line-height: 100%;padding-top: 13px;}
.news_d ul{border-bottom:1px solid #999;}
.news_d li a{ display: block;font-size: 18px;
color: #1A1A1A;line-height: 68px;font-weight: normal;height: 68px;border-bottom: 1px solid #e5e5e5;box-sizing: border-box;padding-left: 27px;-o-transition:all .3s ease;transition:all .3s ease;position: relative;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_d li a:before{position:absolute;width: 9px;height: 9px;content:"";left:0;top:30px;background: #999999;border-radius: 50%;-o-transition:all .3s ease;transition:all .3s ease}
.news_d li:last-child a{ border-bottom: 0; }
.news_d li a:hover:before{ background: #65AF23; }
.news_d li a:hover{ color: #65AF23; }
.news3{ width: 420px;float: right; }
.news3 li{margin-bottom:50px}
.news3 li h4{font-size:18px;line-height:18px;color:#1a1a1a;margin-bottom:7px;font-weight:400;padding-left:22px;position:relative;-o-transition:all .3s ease;transition:all .3s ease;background: url(../images/news_yuan.png) no-repeat left;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news3 li p{ font-size: 15px;color: #666666;line-height: 28px; }
.news3 li:hover h4{color: #65AF23; background: url(../images/news_yuanh.png) no-repeat left;}

.news .more{ display: block;  font-size: 14px;color: #6f7473;text-align:center;width: 177px;height: 48px;border: 2px solid #BFBFBF;line-height: 48px;margin: 0 auto;-o-transition: all .3s ease;transition: all .3s ease;}
.news .more i{ display: inline-block; margin-left: 5px; width: 15px;-o-transition: all .3s ease;transition: all .3s ease;overflow: hidden;height: 7px; }
.news .more i img{display: block;width: 15px;height: 7px;}
.news .more:hover i{margin-left: 10px;}
.news .more:hover i img:nth-child(1){ margin-top: -7px; }
.news .more:hover{ transform:translateY(-4px);color: #fff;border-color: #65af23; background: #65af23;}
 @media screen and (max-width:1440px) {
    .content{width:1200px;margin: 0 auto;}
    .news1{ width: 380px;margin-right: 30px; }
    .news2{ width: 380px; }
    .news_d dt{ display: block;width: 380px;height: 213px;overflow: hidden; }
	.news_d dt img{ display: block; width: 380px;height: 213px;}
	.news3{ width: 370px;float: right; }

           }


.abt{ padding-bottom: 100px; }
.abt dl{position: relative;overflow: hidden;}
.abt dt{ display: block;width: 100%;overflow: hidden; }
.abt dt img{display: block;width: 100%;}
.abt dd{position: absolute;left:0;top:90px;width: 100%;text-align:center;}
.abt dd h2 span{ display: block;font-size:60px;line-height:100%;color:#65af23;font-family: DIN;text-transform: uppercase; }
.abt dd h2 i{ display: block;font-size:42px;line-height:100%;color:#fff;text-transform: uppercase;padding-top: 24px; }
.abt dd h2 b{ display: block;font-size:24px;line-height:100%;color:#fff;text-transform: uppercase;padding-top: 22px;font-weight: normal; }
.abt dd h2 em img{ display: block;margin: 20px auto 0;width: 81px;height: 81px; }
.open-video {
          cursor: pointer;
        }

        .video-box {
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%;
          font-size: 0;
          z-index: 9999;
          background: rgba(0, 0, 0, 0.9);
          display: none;
        }
        .video-box .video-wrapper {
          width: 800px;
          height: 580px;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
        }
        .video-box video {
          width: 800px;
          height: 460px;
        }
        .video-box .close-video {
          position: absolute;
          top: calc(54px);
          right: 5%;
          width: 30px;
          height: 30px;
          cursor: pointer;
          color:#fff;
          font-size: 30px;
        }
        

.abt ul{height:153px;text-align:center;margin-top: 55px;}
.abt li{display:inline-block;padding: 0 76px;height: 120px;}
.abt li em{display:block}
.abt li i{display:inline-block;color:#333333;font-weight:400;font-size:48px;line-height:1;font-family: DIN;}
.abt li sup{display:inline-block;margin-left:3px;color:#333333;vertical-align:2px;font-size:16px;line-height:100%;font-weight: 800;}
.abt li span{display:block;margin-top:8px;color:#4c4c4c;text-align:center;font-size:15px;line-height:100%;text-align: center;}
.abt .desc{display: block;text-align: center;font-size: 15px;line-height: 28px;color: #333333;height: 134px;-o-transition: all .3s ease;transition: all .3s ease;overflow: hidden;}
.abt .more{ display: block;  font-size: 14px;color: #6f7473;text-align:center;width: 177px;height: 48px;border: 2px solid #BFBFBF;line-height: 48px;margin: 0 auto;-o-transition: all .3s ease;transition: all .3s ease;}
.abt .more i{ display: inline-block; margin-left: 5px; width: 15px;-o-transition: all .3s ease;transition: all .3s ease;overflow: hidden;height: 7px; }
.abt .more i img{display: block;width: 15px;height: 7px;}
.abt .more:hover i{margin-left: 10px;}
.abt .more:hover i img:nth-child(1){ margin-top: -7px; }
.abt .more:hover{ transform:translateY(-4px);color: #fff;border-color: #65af23; background: #65af23;}

 @media screen and (max-width:1440px) {
    .content{width:1200px;margin: 0 auto;}
    .abt dd{top:56px;}
}

body{position:relative}
.links{width:100%;height:54px;position:absolute;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;left:0;bottom:50px}
.links a,.links em{display:inline-block;font-size:16px;line-height:54px;color:grey;-o-transition:all .3s ease;transition:all .3s ease;margin-right:20px;color: #e4e8e7;}
.links em{font-style:normal;}
.links a:hover{color:rgba(255,255,255,.8)}
@-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(3%,0,0);transform:translate3d(3%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight2{from{-webkit-transform:translate3d(3%,0,0);transform:translate3d(3%,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(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
@keyframes zoomLeft{from{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.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 zoomIn1{0%{opacity:0;-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%{opacity:1}
}
@keyframes zoomIn1{0%{opacity:0;-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%{opacity:1}
}
.zoomIn1{-webkit-animation-name:zoomIn1;animation-name:zoomIn1}
@-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}
@keyframes myfirst{0%{top:0;left:0}
25%{top:10px;left:0}
50%{top:0;left:0}
100%{top:0;left:0}
}
@-moz-keyframes myfirst{0%{top:0;left:0}
25%{top:10px;left:0}
50%{top:0;left:0}
100%{top:0;left:0}
}
@-webkit-keyframes myfirst{0%{top:0;left:0}
25%{top:10px;left:0}
50%{top:0;left:0}
100%{top:0;left:0}
}
@-o-keyframes myfirst{0%{top:0;left:0}
25%{top:10px;left:0}
50%{top:0;left:0}
100%{top:0;left:0}
}