@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;}
.titis{height:106px;overflow: hidden;text-align: center;background:url(../images/dians.png) no-repeat center bottom;}
.titis h2 {height:62px;line-height:62px;font-size:48px;color:#333333;font-weight:bold;}
.titis h2 a{color: #333333;}
.titis em{color:#3051a9;}
.titis p{font-size:20px;color: #333333;height:32px;line-height:32px;}

.yz_bj{height:705px; border-bottom: 3px dashed #dfdfdf;}
.yz_c{position:relative;padding-top:74px;}
.yz_c dt{float:right;font-size:0;line-height: 0;padding-top:6px;}
.yz_c dt img{width:599px;height: 549px}
.yz_c dd{float:left;width:636px;}
.yz_c dd h4{height: 120px;position: relative;font-size:48px;color: #2e2e2e;line-height: 48px;}
.yz_c dd h4 em{color: #3051a9; font-size:32px;}
.yz_c dd h4:after{content: "";display: block;width:263px;height: 10px;background: url(../images/dians.png) no-repeat left;position: absolute;bottom:0;left:-0px;}
.yz_c dd p{font-size:16px;color: #6e6e6f;line-height: 30px;padding-top:24px;}
.yz_b{position:absolute;left:-35px;top:455px;}
.yz_b ul.yz_a1{float:left;width:636px;background: #fff;height: 155px;}
.yz_b li{float:left;padding:36px 27px 0;}
.yz_b li p{height: 64px;}
.yz_b li p em{line-height: 64px;font-size:60px;color: #333333;font-weight:bold;display: inline-block;}
.yz_b li p i{width:27px;height: 27px;border-radius: 50%;background: #eb0101;text-align: center;line-height: 27px;font-size:18px;color: #fff;font-weight: bold;display: inline-block;vertical-align: top;margin-left:-10px;}
.yz_b li span{font-size:18px;color: #666666;height: 27px;line-height: 27px;display: block;}
.yz_b li:nth-child(2) p i,.yz_b li:nth-child(3) p i{width:55px;border-radius: 13px}
.yz_b ul.yz_a2{float:left;width:287px;box-sizing: border-box;background: rgba(255,255,255,0.99);height: 155px;}
.yz_b ul.yz_a2 li{padding:36px 0 0 54px;}

.pro{padding-top:60px;height: 601px; background: url(../images/abrands.png) no-repeat center bottom;}
.pro_qh{height: 72px;}
.pro_qh h3{padding-left:0px;height: 68px;line-height: 68px;font-size:22px;color: #333333;font-weight: bold;}
.pro_qh em a{float: right;font-size:16px;color: #3051a9;font-weight: bold;line-height: 72px}
.pro_qh p{float: right;line-height: 72px;}
.pro_qh p a{padding-left:18px;color: #333333;font-size: 20px;background: url(../images/p-gd01.png) no-repeat left;margin-right: 40px;}
.pro_qh p a:hover{color: #3051a9}
.pro_nr{position: relative;}
.pro_nr li{float:left;width:300px;height: 320px;overflow: hidden;margin-right:12px;position: relative;}
.pro_nr li i{display: block;font-size:0;line-height: 0;overflow: hidden;width:300px;}
.pro_nr li i img{width:300px;height: 270px;transition: all 0.5s}
.pro_nr li .pro_w{position: absolute;left:0;bottom:0;height: 55px;text-align: center;background: #efefef;transition: all 0.5s}
.pro_nr li .pro_w h4 a{height: 55px;line-height: 55px;font-size:18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;display: block;}
.pro_nr li .pro_w p{font-size:16px;color: #fff;line-height: 30px;padding:8px 42px 0;height: 132px;}
.pro_nr li .pro_w span a{width:300px;height: 42px;box-sizing: border-box;border:2px solid #fff;border-radius: 21px;line-height: 38px;text-align: center;font-size:16px;color: #fff;font-weight: bold;display: inline-block;margin:0 0px;transition: all 0.5s;position: relative;top:0;}
.pro_nr li .pro_w span a:last-child{background: #fff;color: #333333;font-size:18px;font-weight: normal;}
.pro_nr li:hover .pro_w{height: 100%;background: rgba(48,81,169,0.85);box-sizing: border-box;padding-top:48px;}
.pro_nr li:hover .pro_w h4 a{color: #fff;height: 56px;background: url(../images/pro_ico3.png) no-repeat center bottom;font-weight: bold;}
.pro_nr li:hover i img{transform: scale(1.1);}
.pro_nr li .pro_w span a:hover{top:-5px;}
.pro_nr li:last-child{margin:0;}
.pro_j1,.pro_j2{position: absolute;top:129px;}
.pro_j1{left:-59px;}
.pro_j2{right:-89px;}

/*产品中心*/

.casess{ height:840px; overflow:hidden; background:url(../images/ry_bj.jpg) no-repeat center bottom; }
.casess .content13{ position:relative;}
.casess .w15{ position:relative;}

.caset{ height:160px; overflow:hidden; width:1260px; position:absolute; left:10px;  background:#e7e7e7;}
.caset li{ width:230px; height:100px; float:left; overflow:hidden; font:18px "Microsoft YaHei"; font-weight:700; line-height:100px; display:inline; margin:30px 0 16px 16px;  border-radius:0px;}
.caset li a{ display:block; background:#f1f1f1; color:#333;}
.caset li span{ display:block; width:70px; height:70px; overflow:hidden; position:relative; float:left; margin:15px 10px 0 2px;}
.caset li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.caset li i{line-height:40px; color:#000;}
.caset li img{display:block; width:70px; height:70px;}
.caset li a:hover,.caset .cur a{ background:#4064c4; color:#fff;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.caset li:hover em,.caset .cur em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.caset li:hover i,.caset .cur i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}

.case1{ height:460px; overflow:hidden; top:80px;}
.case1 dl{ height:460px; overflow:hidden;}
.case1 dt{ width:572px; height:460px;  float:right; overflow:hidden;}
.case1 dt img{ display:block;width:572px; height:460px;}
.case1 dd{ width:610px; overflow:hidden; float:left; margin-top:30px; padding-right:20px;}
.case1 dd h3 a{ display:block; height:58px; font:36px "Microsoft YaHei"; font-weight:800; line-height:58px; overflow:hidden;  color:#000; border-bottom: 1px solid #d9d9d9; background:url(../images/dian.png) no-repeat left center; padding-left:15px;}
.case1 dd p{ font:18px "Microsoft YaHei"; line-height:32px; color:#000; max-height:178px; overflow:hidden; padding:20px 0px;}
.case1 dd span{ display:block; height:42px; margin-top:20px;}
.case1 dd span a{ display:inline-block; width:180px; height:40px; border-radius:0px; text-align:center; font:18px "Microsoft YaHei"; line-height:40px; color:#fff; background:#cc0000;}
.case1 dd span a:hover{ background:#3f5086;}
.case1 dd span a.a2{ margin-left:135px; background:#3f5086;}

/**/
/*产品*/
.w15 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}

.product{	margin: 28px auto 42px auto;}
.pro-center{	margin-top: 42px; margin-bottom:30px;}

a.current{	text-decoration: none;}


.pro-show-center{	float: left;	width: 1500px;}
.pro-show-center ul{ margin-left:-20px}
.marqueetop{	height:1050px;	overflow:hidden;}
.pro-show li{	float: left;	width: 280px;	border-bottom: solid 1px #dcdcdc; margin-left:15px; margin-bottom:20px}
.pro-show li img{ width:100%}
.pro-text{	line-height: 68px;}
.pro-text span{	float: left;	color: #666666;	font-size: 18px;}
.pro-text a{	float: right;	display: inline-block;	background: #356fc8;	width: 98px;	line-height: 30px;	color: white;	font-size: 14px;	border-radius: 0px;	margin-top: 17px;	text-align: center;}
.pro-more{	background: #e62129;	width: 522px;	line-height: 58px;	border-radius: 0px;	padding: 4px 0 4px 6px;	margin: 16px auto 0 auto;}
.pro-more div:first-child{	background: white;	border-radius: 0px;}
.pro-more a{	color: #262626;	font-size: 16px;	text-align: center;	display: block;}
.pro-more p{	color: white;	font-size: 18px;}
.pro-more span{	font-size: 30px;	font-weight: bold;	font-family: arial;}
/*产品中心*/


.tu1{background: url(../images/tu1.jpg) no-repeat center top;height: 308px}
.bd_c{padding:82px 0 0 674px;}
.bd_c li{margin-bottom:12px;height: 46px;}
.bd_c li em{margin-right:11px;float:left;position: relative;}
.bd_c li em i{position: absolute;right:20px;font-size:16px;color: #ffb400;line-height: 44px;top:0;height: 44px;}
.bd_c li em:nth-child(2n){margin:0;}
.bd_c li input[type="text"],.bd_c li textarea{width:257px;border:1px solid #fff;border-radius:4px;line-height:44px;height: 46px;background: none;color: #fff;box-sizing: border-box;padding:0 32px 0 14px;font-size:15px;}
.bd_c li input[type="button"]{height: 46px;background: url(../images/bd_btn1.png) no-repeat;width:257px;border:0;font-size:16px;color: #333333;padding-right:36px;font-weight: bold;line-height: 46px;padding-top:4px;box-sizing: border-box;}
.bd_c li input::-webkit-input-placeholder { color: #fff;}
.bd_c li input::-moz-placeholder { color: #fff;}
.bd_c li input:-ms-input-placeholder {color: #fff;}
.bd_c li textarea::-webkit-input-placeholder { color: #fff;}
.bd_c li textarea::-moz-placeholder { color: #fff;}
.bd_c li textarea:-ms-input-placeholder {color: #fff;}
.bd_c li em b{display:block;}
.bd_c p{padding-left:57px;margin-top:7px;background: url(../images/bd_tel.png) no-repeat left 3px;font-size:14px;color: #fff;}
.bd_c p span{font-size:28px;color: #fff;display: block;}


.js_bj{background: url(../images/js_bj.jpg) no-repeat center top;height: 821px;box-sizing: border-box;box-sizing: border-box;padding-top:75px;}
.js_nr{margin-top:26px;}
.js_nr li{float:left;height: 534px;width:391px;margin-right:12px;background: #fff;box-sizing: border-box;padding:8px;position: relative;box-shadow: 0 0 15px rgba(0,0,0,0.1);border-radius: 8px}
.js_nr dt{font-size:0;line-height: 0;position: relative;}
.js_nr dt i img{width:375px;height: 274px;}
.js_nr dt em{position: absolute;left:0;bottom:0;width:100%;display: block;text-align: center;}
.js_nr dd{padding:16px 37px 0;text-align: center;}
.js_nr dd h4 {display:block;height: 51px;line-height: 50px;font-size:24px;color: #262626;font-weight: bold;background: url(../images/js_ico3.png) no-repeat center bottom;}
.js_nr dd p{font-size:16px;color: #6c6c6c;line-height: 30px;padding-top:8px;}
.js_nr dd i{margin-top:18px;display: block;}
.js_nr li .js_w{position: absolute;left:0;top:0;background: url(../images/js_ico6.png) no-repeat center top;width:100%;height: 100%;box-sizing: border-box;text-align: center;padding:83px 60px 0;opacity: 0;transition: all 0.5s}
.js_nr li .js_w i{width:115px;margin:0 auto;display: block;}
.js_nr li .js_w h4{height: 51px;line-height: 50px;font-size:24px;color: #fff;margin-top:17px;background: url(../images/js_ico4.png) no-repeat center bottom;}
.js_nr li .js_w p{font-size:16px;color: #fff;line-height: 30px;padding-top:15px;}
.js_nr li:hover .js_w{opacity: 1}
.js_nr li:last-child{margin:0;}


.anl{padding-top:77px;height:1160px;  background: url(../images/ge03.png) no-repeat center bottom;}
.al_qh{height: 77px;margin-top:25px; background:#3051a9;}
.al_qh li{float:left;position: relative;width:169px; line-height: 30px;text-align: center;border-right:1px solid #528bff;box-sizing: border-box;margin-right:2px; margin-top:25px;}
.al_qh li:after{content: "";display: block;width:14px;height: 14px;position: absolute;right:-9px;top:18px;background: url(../images/al_ico1.png) no-repeat;z-index: 9}
.al_qh li a{font-size: 20px;color: #fff;display: block; font-weight:700;}
.al_qh li:hover{background: #3051a9;border-color: #3051a9}
.al_qh li:hover a{color: #fff;font-weight: bold;}
.al_qh li:last-child{font-weight: bold;}
.al_qh li:last-child:after{display: none}
.al_nr{margin-top:27px;position: relative;}
.al_nr li{position: relative;overflow: hidden;background: #f5f5f5;height: 453px;padding:27px 0 0 28px;}
.al_nr dt{font-size:0;line-height: 0;overflow: hidden;float:left;width:645px;position: relative;}
.al_nr dt img{width:645px;height: 424;transition: all 0.5s}
.al_nr dd{float:left;width:475px;padding:6px 0 0 64px;}
.al_nr dd h4 a{display: block;height: 43px;line-height: 43px;font-size:30px;color: #2e2e2e;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.al_nr dd span{height: 42px;line-height: 42px;font-size:16px;color: #343434;}
.al_nr dd em{font-weight: bold;}
.al_nr dd p{font-size:16px;color: #343434;line-height: 26px;padding-top:0px;height: 118px;}
.al_nr dd i a{display: block;width:146px;height: 38px;border:0px solid #3051a9;text-align: center;line-height: 38px;border-radius: 0px;font-size:16px;color: #fff;transition: all 0.5s; background: #cc0000;}
.al_nr dd i a:hover{background: #3051a9;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_nr li .al_l{position:absolute;right:95px;bottom:28px;}
.al_nr li .al_l i{display: block;font-size:0;line-height: 0;float:left;margin-right:12px;width:212px;overflow: hidden;}
.al_nr li .al_l i img{width:212px;height: 159px;transition: all 0.5s}
.al_nr li .al_l i:hover img{transform:scale(1.1);}
.al_j1,.al_j2{position: absolute;top:217px;}
.al_j1{left:-55px;}
.al_j2{right:-55px;}
.hz_c{margin-top:40px;height: 242px;overflow: hidden;}
.hz_c li{float:left;border:1px solid #d7d7d7;width:260px;margin-right:4px;font-size:0;line-height: 0;}
.hz_c li:last-child{margin:0;}
.hz_c li img{width:260px;height: 194px;}
.al_tel{text-align: center;}
.al_tel p{display: inline-block;padding-left:65px;background: url(../images/top_tels.png) no-repeat left top;height: 41px;}
.al_tel em{font-size:20px;line-height: 20px;display: inline-block;padding-top:10px; font-weight:bold;}
.al_tel span{font-size:32px;color: #333333;font-weight: bold;margin-left:10px;display:inline-block;line-height:34px;vertical-align:top;text-align:left;margin-top:0px;}
.al_tel a{width:187px;height: 42px;line-height: 42px;text-align: center;font-size:18px;color: #fff;font-weight: bold;display: inline-block;background: #e70101;vertical-align: top;border-radius: 0px;margin-left: 22px;}
.al_tel a i{padding-right:28px;background: url(../images/al_ico3.png) no-repeat right;}

.ys_bj{padding-top:27px;height: 978px;box-sizing: border-box;}
.ys_nr{height: 765px;margin-top:20px;position: relative;}
.ys_nd p{height: 765px;}
.ys_nr:after{content: "";display: block;width:100%;height: 1px;background:rgba(255,255,255,0.5);position: absolute;left:0;bottom:174px;}
.ys_n{height: 765px;position: relative;position:absolute;left:50%;margin-left:-600px;top:0;}
.ys_n li{float:left;width:33.33%;text-align: center;background: url(../images/ys_a3.png) no-repeat right bottom;position: relative;padding-top:622px;height: 143px;z-index: 99}
.ys_n li h3 i{display: block;font-size:0;line-height: 0;}
.ys_n li h3 span{display: block;font-size:26px;color: #fff;margin-top:12px;line-height: 26px;font-weight: normal;}
.ys_n li .ys_w{position: absolute;left:0;bottom:0;width:100%;height: 0%;background:rgba(48,81,169,0.81) ;overflow: hidden;transition: all 0.5s}
.ys_n li .ys_w i{display: block;font-size:0;line-height: 0;position: relative;width:115px;margin:103px auto 0;}
.ys_n li .ys_w i img{position:relative;z-index:99}
.ys_n li .ys_w h4{height:85px;margin-top:43px;background: url(../images/ys_a5.png) no-repeat center bottom;font-weight: normal;}
.ys_n li .ys_w h4 span{height: 38px;line-height: 38px;font-size:28px;display: block;font-weight: bold;color: #fff;}
.ys_n li .ys_w h4 em{font-size:14px;height: 22px;line-height: 22px;display: block;text-transform: uppercase;color: #fff;}
.ys_n li .ys_w p{text-align:center;color: #fff;font-size:16px;color: #fff;line-height: 32px;padding:24px 48px 0;}
.ys_n li .ys_w strong{position: absolute;width:100%;left:0;bottom:0;text-align: center;}
.ys_n li.on .ys_w{height: 100%}
.ys_n li.on h3{opacity: 0}
.ys_n li.on .ys_w i:after{transform:rotate(360deg);}


.news{padding-top:54px;height: 753px;}
.news .tit{height: 58px;line-height: 58px;}
.news .tit span a{font-size:22px;color: #333333;font-weight: bold;margin-right:10px;}
.news .tit em{font:12px arial;color: #999999;}
.news .tit i a{width:69px;height:18px;border:1px solid #919191;border-radius:9px;text-align:center;float:right;margin-top:23px;line-height:18px;}
.dongt{float:left;width:564px;margin-top:12px;}
.dongt dl{height: 335px;border-bottom:1px solid #e8e8e8;margin-bottom:13px;}
.dongt dt{font-size:0;line-height: 0;}
.dongt dt img{width:564px;height: 189px;}
.dongt dd{padding-top:16px;}
.dongt dd h4 a{display: block;height: 33px;line-height: 33px;font-size:18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: 700;}
.dongt dd p{font-size:14px;color: #999999;line-height: 24px;padding-top:6px;}
.dongt dd em{display: block;color: #333333;margin-top:6px;font-size:14px;}
.dongt li{height: 36px;line-height: 36px;padding-left:20px;background: url(../images/n_ico.png) no-repeat left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal; border-bottom: 1px dashed #dfdfdf;}
.dongt li a{font-size:16px;color: #333333;}
.dongt li em{float: right;font:16px arial;color: #999999;line-height: 36px;}

.went{float: right;width:646px;margin-top:12px;}
.wt_nr li{margin-bottom:44px;overflow: hidden;height: 120px;overflow: hidden; border-bottom: 1px dashed #dfdfdf; padding-bottom:15px;}
.wt_nr li .wt_w{float:left;width:462px;}
.wt_nr li .wt_w h4 a{display: block;height: 39px;line-height: 39px;font-size:18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: 700;}
.wt_nr li .wt_w p{font-size:14px;color: #999999;line-height: 24px;padding-top:6px;}
.wt_nr li .wt_w em{display: block;font-size:14px;color: #333333;margin-top:10px;}
.wt_nr li i{float: right;font-size:0;line-height: 0;width:160px;}
.wt_nr li i img{width:160px;height: 120px;}
.dongt dl:hover dd h4 a,.dongt li:hover a,.wt_nr li:hover .wt_w h4 a{color:#3051a9;}

.ab_bj{background: url(../images/ab_bj.jpg) no-repeat center top;height: 755px;}
.ab_n{width:763px;height: 755px;background: rgba(48,81,169,.8);float: right;margin-right:-360px;box-sizing: border-box;padding:100px 0 0 107px;}
.ab_n h4{font-size:48px;color: #fff;font-weight: bold;line-height: 67px;width:392px;padding-top:27px;background: url(../images/dians.png) no-repeat left top;}
.ab_n h4 em{display: block;background: url(../images/ab_a3.png) no-repeat right;}
.ab_n h4 em i{color: #ff6380}
.ab_n h4 a{color:#fff;}
.ab_n span{display: block;height: 41px;line-height: 41px;font-size:18px;color: #fff;}
.ab_n p{width:408px;font-size:16px;line-height: 32px;padding-top:10px;color: #fff;height: 185px}
.ab_n p a{color: #fff;}
.ab_n li{float:left;width:84px;margin-right:42px;text-align: center;}
.ab_n li i{width:84px;height: 84px;background: url(../images/ab_a1.png) no-repeat;display: block;text-align: center;}
.ab_n li span{display: block;font-size:20px;color: #fff;font-weight: bold;height: 36px;line-height: 36px;}
.ab_n li:hover i{background: url(../images/ab_a1_hv.png) no-repeat;animation-duration:3s;animation-name:flipInY;}



@media screen and (max-width:1440px) and (min-width:1280px) {
    html {font-size:14px;}
  .ab_n{padding-left:60px;}
   
}
@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 }