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


/*关于start*/
.globalabout{width:100%;height:auto;margin: 0 auto;padding-top:2%;overflow: hidden;position:relative;background:url("../images/bg1.jpg") #f5f5f5 no-repeat;background-size:100%;}
.globalabout .about_t{height:auto;margin: 0 auto;overflow: hidden;position:relative;}
.globalabout .about_t .cont_info{width: 60%;float: left;background:#fff;margin-top:15px;padding-top:17px;padding-right:40px;box-sizing: border-box;}
.globalabout .about_t .cont_info .name{width:100%;height:auto;margin: 0 auto;overflow: hidden;position:relative;}
.globalabout .about_t .cont_info .name .en{font-size: 25px;color:#333;font-weight: 600;}
.globalabout .about_t .cont_info .name .cn{font-size: 30px;color:#096b52;font-weight: 600;display: inline-block;line-height: 25px;}
.globalabout .about_t .cont_info .name .cn i{display: inline-block;width: 20px;height:3px;background:#096b52;vertical-align: middle;margin-left: 5px;}
.globalabout .about_t .cont_info .content{width:100%;height:auto;margin: 0 auto;overflow: hidden;position:relative;text-align: center;}
.globalabout .about_t .cont_info .content .text{height:250px;overflow: hidden;position:relative;padding:5% 0;}
.globalabout .about_t .cont_info .content .more{display:inline-block;border:1px solid #333;padding:1% 6%; margin-top:8%;}
.globalabout .about_t .cont_info .content .more a{color:#333;font-size: 15px;}
.globalabout .about_t .cont_info .content .more:hover{background: #096b52;border: 1px solid #096b52;transition: all 1s;}
.globalabout .about_t .cont_info .content .more:hover a{color: #fff;}
.globalabout .about_t .cont_info .content p{color:#666666;font-size: 16px;text-indent: 2em;line-height: 35px;text-align:Justify;}
.globalabout .about_t .cont_info .list{width:100%;height:auto;margin: 0 auto;overflow: hidden;position:relative;padding:8% 0;}
.globalabout .about_t .cont_info .list ul li{float: left;width: 33%;text-align: center;}
.globalabout .about_t .cont_info .list ul li.zw-x{width: 5px;height: 100%;background:#ccc;}
.globalabout .about_t .cont_info .list ul li p{line-height: 35px;font-size: 16px; color:#333;font-weight: 600;}
.globalabout .about_t .cont_info .list ul li i{}
.globalabout .about_t .cont_pic{width: 40%;float: left;margin-top: 25px;}
.globalabout .about_b{width:100%;height:auto;margin: 0 auto;padding: 3% 0px;overflow: hidden;position:relative;color:#fff;background: url(../images/bg2.jpg) no-repeat;background-size:100% 100%;}



/*yz*/
.yz{height: 260px;padding-top: 95px;box-sizing: border-box;background: #111111;}
.yz_sz{height: 76px;}
.yz_sz li{float: left;width: 20%;height: 76px;border-right: 1px solid rgba(255, 255, 255, 0.2);box-sizing: border-box;text-align: center;transition: all 0.5s;}
.yz_sz li:last-child{border: 0;}
.yz_sz li span{display: block;height: 48px;line-height: 48px;font-size: 54px;color: #fff;font-weight: bold;}
.yz_sz li span i{font-family: Arial;}
.yz_sz li span em{display: inline-block;width: 25px;height: 25px;line-height: 25px;text-align: center;font-size: 20px;color: #fff;border-radius: 50%;    background: linear-gradient(122deg, #096b52, #096b52);vertical-align: top;font-weight: normal;margin-left: 4px;}
.yz_sz li p{font-size: 16px;color: #fff;line-height: 32px;}
.yz_sz li:nth-child(3) span em,.yz_sz li:nth-child(4) span em{font-size: 18px;}
.yz_sz li:hover{transform: translateY(-10px);}




.yz_bj{background:url(../images/yz_bj.jpg) no-repeat center top;height:424px;box-shadow: border}
.yz_c{position:relative;padding-top:84px;}
.yz_c dd{float:left;width:710px;}
.yz_c dd h4{font-size:0;line-height: 0;height: 109px;background: url(../images/yz_ico1.png) no-repeat left bottom;}
.yz_c dd p{font-size:16px;color: #595959;line-height: 32px;padding-top:29px;}
.yz_c dt{float: right;font-size:0;line-height: 0;overflow: hidden;width:436px;padding-top:5px;}
.yz_c dt img{width:436px;height: 254px;}



/*产品展示*/
.tab3{width: 1500px; margin-top:20px; margin-bottom:50px;}
.tab3 .tit{text-align: center;}
.tab3 .tit h2 {height: 85px;line-height: 85px;font-size:38px;color: #333; font-weight:bold;}
.tab3 .tit h2 a{color: #333;}
.tab3 .tit p{height: 59px;line-height: 59px;font-size:16px;color: #333333}
.tab3 .tit p a{color: #fff;margin-right: 24px;padding:8px 30px; background:#1c3faf;}
.tab3 .tit p a:hover{color: #fff;margin-right: 24px; padding:8px 30px; background:#107810;}
.sec2_ul{width: 1500px; margin: 0 auto;overflow: hidden;}
.sec2_ul ul{width:1500px;}
.sec2_ul li{float: left; width: 280px; border:1px solid #ccc; display: block; margin-right: 25px; text-align: left; overflow: hidden; margin:5px;}
.sec2_ul li a{width: 280px; height: 325px; background: #eee; position: relative;}
.sec2_ul li a img{width: 280px; height:300px; transition: .9s;  line-height: 1em; overflow: hidden;}
.sec2_ul li .p{padding:0 15px;position: relative;width: 280px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:0px solid #ccc;}
.sec2_ul li .p a:hover{padding:0 15px;position: relative;width: 203px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:1px solid #ccc; color:FF9B09;}
.sec2_ul li img{width: 280px; height: 225px; overflow: hidden;display:block;}
.sec2_ul li a:hover img{transform: scale(1.2);  z-index: 1;}
.sec2_ul li a:hover{background: #0042ae; width: 280px; height: 300px; overflow: hidden;}
.sec2_ul ul .sec2_ul_r{width: 280px; border:1px solid #ccc; display: block;text-align: left; overflow: hidden;}
.p{font-size: 16px;color: #333333; line-height: 34px; height: 32px; margin-top:5px; text-align:center;}
.w1500 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}
/*产品展示*/
/* 解决方案 */
.titis{height: 90px;text-align: left;background:url(../images/fline.png) no-repeat left bottom; margin-bottom:30px;}
.titis h2 {height: 50px;line-height: 50px;font-size:38px;color: #333;font-weight: bold;}
.titis h2 a{color: #212325;}
.titis p{font-size:18px;color: #096b52;height: 35px;line-height: 35px;}
	/*产品展示*/	
.w14 { width:1400px; margin:0 auto; font-family:"Microsoft Yahei";}
.w13 { width:1300px; margin:0 auto; font-family:"Microsoft Yahei";}

h2.main_title a {  display: block;  text-align: center;  position: relative; height:160px;}
h2.main_title i {  display: block;  font-size: 85px;  font-family: Impact;  font-weight: 400;  color: rgba(51, 51, 51, 0.1);  text-transform: uppercase;  letter-spacing: 1px;  line-height: 1;}
h2.main_title strong {  display: block;  font-size: 52px;  line-height: 100%;  color: #000;  letter-spacing: 1px;  padding-bottom: 5px;   margin-top: -58px;}
h2.main_title em { font-size: 52px; color: #e62129; }
h2.main_title span {  display: block;  font-size: 18px;  line-height: 100%;  color: #333;  font-weight: normal;  margin-top: 15px;  background: url(../images/tits.png) no-repeat center bottom;  padding-bottom: 20px;}

/*案例*/


.anl{padding-top:50px;height:650px; background-color:#fff;}
.anl .titis{height: 100px; color:#000;}
.anl .titis h2 {height: 50px;line-height: 50px;font-size:38px;color: #000;font-weight: bold;}
.anl .titis h2 a{color: #000;}
.anl .titis p{background:url(../images/al_tt.png) no-repeat center; color:#096b52;}

.al_nr{margin-top:27px;position: relative;}
.al_nr li{position: relative;overflow: hidden;background: #ecfffa;height: 453px;padding:0px 0 0 0px;}
.al_nr dt{font-size:0;line-height: 0;overflow: hidden;float:left;width:690px;position: relative;}
.al_nr dt img{width:690px;height: 400;transition: all 0.5s}
.al_nr dd{float:left;width:450px;padding:95px 0 0 54px;}
.al_nr dd h4 a{display: block;height: 43px;line-height: 43px;font-size:34px;color: #2e2e2e;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.al_nr dd span{height: 42px;line-height: 42px;font-size:18px;color: #343434;}
.al_nr dd em{font-weight: bold;}
.al_nr dd p{font-size:16px;color: #343434;line-height: 26px;padding-top:10px;height: 118px;}
.al_nr dd i a{display: block;width:146px;height: 38px;border:2px solid #096b52; background: #096b52; text-align: center;line-height: 38px;border-radius: 19px;font-size:16px;color: #fff;transition: all 0.5s}
.al_nr dd i a:hover{background: #333;color: #fff;}
.al_nr li dt:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.al_nr li:hover dt:before{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.al_nr li:hover dt img{transform:scale(1.1);}

.al_j1,.al_j2{position: absolute;top:217px;}
.al_j1{left:-75px;}
.al_j2{right:-75px;}



/**/


/**/
.al00_bj{background: #efefef;height: 580px;padding-top:40px;}
.anl00{height: 550px}
.anl00 .titis{height: 100px}
.anl00 .titis p{background:url(../images/al_tt.png) no-repeat center;}
.al00_nr{position: relative;}
.al00_nr li{float:left;width:310px;margin-right:18px;height: 372px;position: relative;transition: all 0.8s;margin-bottom:30px;}
.al00_nr li i{display: block;font-size:0;line-height: 0;overflow: hidden;width:310px;}
.al00_nr li i img{width:310px;height: 250px;transition: all 0.5s}
.al00_nr li .al00_w{position: absolute;left:0;bottom:0;height: 178px;box-sizing: border-box;border:1px solid #d8d8d8;border-top:0;background: #fff;padding:16px 27px 0 23px;transition: all 0.5s;overflow: hidden;width:100%;}
.al00_nr li .al00_w h4 a{display: block;height: 40px;line-height: 40px;font-size:22px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;transition: all 0.8s}
.al00_nr li .al00_w span{display: block;height:24px;padding-top:10px;line-height: 24px;color: #808080;font-size:15px;}
.al00_nr li .al00_w span strong{color: #333333}
.al00_nr li .al00_w p{line-height: 24px;color: #808080;font-size:15px;height: 80px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;}
.al00_nr li .al00_w em{opacity: 0;transition: all 0.8s}
.al00_nr li .al00_w em a{width:100px;height: 42px;box-sizing: border-box;border:1px solid #096b52;text-align: center;line-height: 40px;border-radius: 21px;font-size:16px;color: #096b52;float:left;transition: all 0.5s}
.al00_nr li .al00_w em a:first-child{background:url(../images/al_btn1.png) no-repeat;color: #fff;margin-right:10px;border:0;}
.al00_nr li em a:hover{margin-top:-8px;}
.al00_nr li:hover .al00_w{height: 276px;border:0;padding-top:27px;}
.al00_nr li:hover .al00_w em{opacity: 1;}
.al00_nr li:hover .al00_w h4 a{font-weight: bold;}
.al00_nr li:hover .al00_w p{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 2;-moz-box-orient: vertical;overflow-wrap: break-word;word-break: break-all;white-space: normal;overflow: hidden;height: 50px;margin-bottom:20px;}
.al00_nr li:hover i img{transform: scale(1.1);}
.al00_nr li:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.1)}
.al00_nr li:last-child{margin:0;}
.al00_j1,.al00_j2{position: absolute;top:165px;}
.al00_j1{left:-41px;}
.al00_j2{right:-31px;}




.news{height: 821px;padding-top:72px;width:1280px;margin:0 auto;}
.news .titis{height: 119px}
.news .titis p{background:url(../images/ns_tt.png) no-repeat center;}
.dongt{width: 413px;padding:32px 35px 0;background:#f5f5f5 url(../images/ns_a1.jpg) no-repeat center top;float:left;position: relative;height:590px;}
.dongt .tit{height: 90px;overflow: hidden;}
.dongt .tit h3 a{display: block;height: 39px;line-height: 39px;font-size:28px;color: #fff;font-weight: normal;}
.dongt .tit h3 em{display: block;font:14px arial;color: #fff;}
/*.dongt .tit i{display: block;width:38px;height: 38px;background:#3d4250;margin-top:8px;float: right;border-radius: 50%;text-align: center;overflow: hidden;}*/
.dongt .tit i a{font-size:30px;font-weight: bold;color: #fff;display: block;width:38px;height: 38px;background:#3d4250;margin-top:8px;float: right;border-radius: 50%;text-align: center;overflow: hidden;transition: all 0.5s;}
.dongt .tit i img{display: block;transition: all 0.5s;}
.dongt .tit i:hover img{margin-left:-38px;}
.dongt .tit i:hover a{background: #096b52}
.dt_nr li i{display: block;font-size:0;line-height: 0;}
.dt_nr li i img{width:413px;height: 232px}
.dt_nr li .dt_w{padding-top:39px;}
.dt_nr li .dt_w em{float:left;width:86px;height: 193px;border-right:1px solid #bebebe;font-size:32px;color: #333333;font-weight: bold;}
.dt_nr li .dt_w p{float: right;width:298px;}
.dt_nr li .dt_w p a{display: block;font-size:20px;color: #333333;line-height: 28px;}
.dt_nr li .dt_w span{display: block;font-size:14px;color: #a0a0a0;line-height: 26px;padding-top:11px;}
.dt_qh{position: absolute;right:35px;top:571px;}
.dt_qh li{float:left;width:12px;height: 12px;border-radius: 50%;background: #cccccc;margin-left:11px;}
.dt_qh li.on{background: #096b52}
.dt_nr li .dt_w p a:hover,.wt_nr li h4 a:hover,.ns_b li h4 a:hover{color:#096b52;}

.ns_fr{float: right;width:776px;}
.went{height: 301px;background: #f5f5f5;padding:32px 34px 0 41px;margin-bottom:19px;box-sizing: border-box;}
.went .tit{height: 90px;overflow: hidden;}
.went .tit h3 a{display: block;height: 39px;line-height: 39px;font-size:28px;color: #went;font-weight: normal;}
.went .tit h3 em{display: block;font:14px arial;color: #999999;}
.went .tit i a{font-size:30px;font-weight: bold;color: #fff;display: block;width:38px;height: 38px;background:#3d4250;margin-top:8px;float: right;border-radius: 50%;text-align: center;overflow: hidden;transition: all 0.5s;}
.went .tit i img{display: block;transition: all 0.5s;}
.went .tit i:hover img{margin-left:-38px;}
.went .tit i:hover a{background: #096b52}
.wt_nr li{float:left;width:310px;padding-right:70px;}
.wt_nr li h4 a{display: block;height:30px;line-height: 30px;font-size:18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.wt_nr li p{font-size:14px;color: #999999;line-height: 26px;padding-top:3px;height: 82px;overflow: hidden;}
.wt_nr li em{display: block;height: 25px;line-height: 25px;font-size:18px;color: #999999;position: relative;text-align: right;}
.wt_nr li em:after{content: "";display: block;width:71px;height: 1px;background: #cfcfcf;position: absolute;left:0;top:13px;}
.wt_nr li:last-child{padding:0;}

.ns_b{background: #f5f5f5;height: 301px;padding:5px 36px 0 40px;box-sizing: border-box;}
.ns_b li{padding-top:19px;height:126px;border-bottom:1px solid #cfcfcf;float:left;margin-right:65px;width:317px;}
.ns_b li span{display: block;height: 23px;line-height: 23px;font-size:12px;color: #666666;}
.ns_b li span em{padding-right:10px;margin-right:10px;font-size:18px;color: #333333;font-weight: bold;background: url(../images/ns_a2.png) no-repeat right;line-height: 23px;}
.ns_b li h4 a{display: block;height: 27px;line-height: 27px;font-size:18px;color: #333333;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ns_b li p{font-size:14px;color: #999999;line-height: 26px;padding-top:10px;}
.ns_b li:nth-child(2n){margin:0;}
.ns_b li:nth-child(3),.ns_b li:nth-child(4){border:0;}

.ab_bj{background:#f5f5f5 url(../images/jjbj.jpg) no-repeat center top;height: 500px;box-sizing: border-box;padding-top:60px;}

.zs_c{width:1200px;background: #fff;padding:0 20px;height: 371px;box-shadow: 0 10px 20px rgba(0,0,0,0.05);margin:0 auto;}
.zs_c .tit{height:57px;padding-top:28px;}
.zs_c .tit h3 a{font-size:24px;color: #096b52;padding-left:70px;background: url(../images/ab_ico1.png) no-repeat left;height:48px;line-height: 48px;display: block;}
.zs_c .tit em {float: right;width:101px;height: 29px;border:2px solid #313131;line-height: 25px;box-sizing: border-box;text-align: center;font-size:16px;color: #181818;position: relative;}
.zs_c .tit em a{padding-right:21px;background: url(../images/ab_ico2.png) no-repeat right;display: inline-block;position: relative;z-index: 2}
.zs_c .tit em:after{content: "";display: block;width:0;height:100%;background: #096b52;position: absolute;left:0;top:0;transition: all 0.5s}
.zs_c .tit em:hover:after{width:100%;}
.zs_c .tit em:hover a{color: #fff;background: url(../images/ab_ico2_hv.png) no-repeat right;}
.zs_nr li{float:left;width:291px;margin-right:12px;text-align: center;}
.zs_nr li i{display: block;font-size:0;line-height: 0;overflow: hidden;width:291px;}
.zs_nr li i img{width:291px;height: 218px;}
.zs_nr li span{display: block;height:49px;line-height: 49px;font-size:16px;color: #333333;}
.zs_nr li:last-child{margin:0;}


.abt{ height: 300px;background: #fff;padding-top: 98px; font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden;}

.abt dl{width: 390px; float: left; height: 185px;background: #f5f5f5; margin-right: 15px; }
.abt dt{width: 140px; height: 140px; margin:-70px auto 20px;}
.abt dt img{width: 140px; display: block;}
.abt dl:hover img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.abt dd{ text-align: center; }
.abt dd h3{ font-size: 24px; color: #333333; height: 42px; line-height: 42px;  }
.abt dd  p{height: 35px; line-height: 35px; text-align: center; color: #333333; font-size: 16px;}
.abt dl:nth-child(3){margin-right: 0;}
.abt dl a{text-decoration: none;}




.link_bj{min-height:60px; overflow: hidden;background: #272727; }
.link{width:1200px; margin: 0 auto; height:auto; overflow: hidden;font-family:"Microsoft Yahei";}
.link h2{font-size:24px ;font-weight:bold; text-transform: uppercase; width: 250px; float: left;height: 60px; line-height: 60px;color: #ffffff;opacity: 0.5;}
.link h2 b{font-size: 18px;  font-weight: normal;background: url(../images/linkico.png) no-repeat right center;padding-right: 35px;}
.link p{  width: 950px; float: left; font-size: 16px;overflow: hidden; line-height: 60px; color:#acacac;}
.link p a{ color: #fff; font-size: 14px;opacity: 0.5; padding: 0 35px; text-align: left; }

@media screen and (max-width:1440px) and (min-width:1280px) {
    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 }