@charset 'utf-8';
body { font-family: 'Microsoft Yahei', Arial; background: #fff }
.scale_img dt img, .scale_img li img { -o-transition: all 1s linear 0s; transition: all 0.65s linear 0s }
.scale_img dl:hover dt img, .scale_img li:hover img { -webkit-transform: scale(1.08) rotate(0deg) translateY(0); -ms-transform: scale(1.08) rotate(0deg) translateY(0); transform: scale(1.08) rotate(0deg) translateY(0) }
/**/
.fullSlide { position: relative; z-index: 1; clear: both; width: 100% ;}
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden }
.fullSlide .bd .con { width: 100% !important; height: auto !important; display: block }
.fullSlide .bd .li { width: 100% !important; overflow: hidden; text-align: center; background: no-repeat center top; z-index: 0 }
.fullSlide .bd .li img { display: block; height: auto !important; width: 100% }
.fullSlide .hd { position: absolute; width: 100%; height: 12px; left: 0; bottom: 45px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; background: #fff; margin: 0 12px; border-radius: 50%; opacity: .6; -o-transition: all .3s ease; transition: all .3s ease ; box-sizing: border-box; border: 1px solid #c70b2e;}
.fullSlide .hd li.on { width: 36px; height: 12px; opacity: 1; border-radius: 5px; background: #c70b2e;}
.fullSlide p { display: none; position: absolute; top: 50%; width: 80px; height: 80px; z-index: 99; opacity: 1; text-align: center; margin-top: -40px }
.fullSlide .prev2 { left: 3% }
.fullSlide .next2 { right: 3% ; }
/**/
h2{ text-align: center; height: 110px;font-weight: normal; color: #333333; font-size: 28px; line-height: 100%;background: url(../images/h2.png) no-repeat center 0;}
h2 i{ display: block; font-weight: bold; line-height: 100%; padding-bottom: 11px; font-size: 46px;}
h2 span{ display: block; line-height: 100%;}
.diri{ overflow: hidden;background: url(../images/tils.jpg) no-repeat center 0; height: 688px; margin-bottom: 100px; box-sizing: border-box;padding-top: 100px;}
.diri ul li b{ display:block;  height: 92px; width: 130px; padding:33px 0 4px; ; border-radius: 122px; margin: 0 auto; background: url(../images/di_k.png) no-repeat  center #17449a;}
.diri p{ height: 138px; text-align: center; font-size: 15px; color: #333333; line-height: 29px; font-size: 15px; color: #333333;}
.diri ul{ overflow: hidden;}
.diri ul li{ float: left; width: 240px; text-align: center;}
.diri ul li i{ display: block; line-height: 100%; font-size: 24px; color: #333333; padding: 30px 0 13px 0;}
.diri ul li em{ display: block; margin: 0 29px; font-size: 16px; color: #777777; line-height: 23px;}
.diri ul li:hover b{background: url(../images/di_k.png) no-repeat  center #c70b2e;  animation-duration: 2s;
    animation-name: flipInY;}
/*pro*/
.pro{padding: 100px 0 80px;}
.pro h2{background:url(../images/p_h.png) no-repeat center 0; height: 126px; padding-left:12px;}
.pro h2 span{ font-size: 18px;}
.pro h2 i{ padding-bottom: 13px;}

.pro_l{float: left;width: 230px;    border-radius: 30px 0px 0px 0px;overflow: hidden;}
.pro_l h3{height: 65px;line-height: 65px;text-align: center;font-size: 18px;color: #fff;background: #1c4591; border-bottom:1px solid #ffffff;}
.pro_l h3 a{color: #fff;}
.pro_l .pro_t{background: #1c4591;}
.pro_erji{background: #f7f7f7;padding: 14px 24px;border: 1px solid #eee;}
.pro_erji a{display: block;height: 44px;line-height: 44px;font-size: 14px;color: #333;border-bottom: 1px dashed #e7e7e7;padding-left: 20px;}
.pro_erji a:last-child{border: 0;font-weight: bold;}
.pro_erji a:hover{color: #0058ce;}
.pro_r{float: right;width: 918px;}
.pro_r dl{height: 372px;position: relative;overflow: hidden;}
.pro_r dd{position: absolute;width: 450px;right: 50px;top: 66px;}
.pro_r dd h3{font-weight: normal;text-align: center;margin-bottom: 28px;transition: all 0.5s;}
.pro_r dd h3 b{display: block;font-size: 26px;color: #333;line-height: 26px;background: url(../images/pro_line.png) no-repeat center;}
.pro_r dd h3 i{display: block;font-size: 14px;color: #333;opacity: 0.5;text-transform: uppercase;line-height: 14px;padding-top: 13px;}
.pro_r dd li{float: left;width: 150px;text-align: center;height: 92px;transition: all 0.5s;}
.pro_r dd li img{display: block;height: 30px;margin: 0 auto;}
.pro_r dd li p{font-size: 16px;color: #333;line-height: 44px;}
.pro_r dd li:hover img{animation: flipInY 1s;}
.pro_r dd li:hover,.pro_r dd h3:hover{transform: translateY(-8px);}
.pro_list{margin-top: 22px;}
.pro_list li{float: left;width: 276px;height: 207px;position: relative;margin-right: 30px;overflow: hidden;margin-bottom:30px;}
.pro_list li img{width: 276px;height: 207px;transition: all 0.5s;}
.pro_list li h4{position: absolute;left: 0;bottom: 0;width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 14px;color: #333;font-weight: normal;z-index: 10;}
.pro_list li h4 span{display: inline-block;height: 50px;padding-right: 28px;background: url(../images/pro_jt1.png) no-repeat right center;max-width: 90%;box-sizing: border-box;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all 0.3s;}
.pro_list li:hover img{transform: scale(1.05);}
.pro_list li:after{position: absolute;width: 100%;height: 2px;background: #c4d6ed;content: "";left: 0;bottom: 0;    transition: all 0.3s;}
.pro_list li:hover:after{height: 50px;background: #0058ce;border-radius: 20px 20px 0px 0px;}
.pro_list li:hover h4 span{color: #fff;background: url(../images/pro_jt2.png) no-repeat right center;}
.pro_list .tempWrap{width: 100% !important;}

.tit{text-align: center;font-weight: normal;}
.tit b{display: block;font-size: 42px;color: #333;line-height: 42px;}
.tit i{display: block;font-size: 18px;color: #333;line-height: 18px;padding-top: 20px;}
/*新联系left*/
.region-hotline { padding: 40px 0 30px; text-align: center; background: #e7e7e7; box-shadow: 0 0 10px rgba(0,0,0,0.37); }
.region-hotline h3 { font-size: 18px; color: #fff;  background: #333;}
.region-hotline span { margin: 10px 0; display: block; color: #ccc; }
.region-hotline p { font-size: 16px; color: #000; line-height: 30px; }
.region-hotline img { margin-top: 15px; }
/*优势*/
    /**/
.yous{ overflow: hidden; height:800px;background:url(../images/yous.jpg) no-repeat center 126px;}
.yous h2{background:url(../images/p_h.png) no-repeat center 0; height: 126px; padding-left:12px;}
.yous h2 span{ font-size: 18px;}.yous h2 i{ padding-bottom: 13px;}

.ys_li ul li{ float: left; width: 300px; line-height: 100%; padding-top:34px; font-size:18px; color: #fff; cursor: pointer; box-sizing: border-box; border-right: 1px solid #e8e8e8; height: 111px;position: relative; padding-left: 25px;text-align: left;}
.ys_li ul li i{ display: inline-block; float: left; width: 213px; color: #333333; font-size: 24px; line-height: 100%;}
.ys_li ul li em{ display: inline-block; float: left; padding-top: 27px; color: #ccc; font-size: 22px;}
.ys_li ul li i strong{ display: block;line-height: 100%; color: #999; padding-top: 8px; font-size:12px; font-family: Arial;font-weight: normal;}
.ys_li ul li.on{background:#17449a;}
.ys_li ul li.on i{ color: #fff; font-weight: bold;}
.ys_li ul li.on i strong{ color: #a7b2d1;}
.ys_li ul li.on em{ color: #fff;}
.ys_li ul li.on:before{ content:""; position:absolute;border-top:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;height: 0;width: 0; left:243px; top:0; }
.ys_li ul li .xla{ display: none; position: absolute; left: 0; top: 111px; background: #fff; padding-left: 25px; padding-bottom: 25px; width: 100%; box-sizing: border-box; z-index: 55!important;;}
.xla a{ display: block; margin-top: 26px; font-size: 16px; color: #333333;}
.xla a span{ width: 18px; display: inline-block;}
.xla a:hover{ color: #17449a; text-decoration: underline;}
.ys_li ul li:hover .xla{ display: block;}
                .n_r ul li em a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.yous1a{ }
.yous1a dt{ float: right;padding-top:95px;  }
.yous1a dd{ float: left; width: 490px; padding-top: 113px;}
.yous1a dd h3 a{ display: inline-block; line-height: 100%; color: #333333; font-size: 36px; position: relative; }
.yous1a dd p{ padding-top: 26px;color: #666666; font-size: 16px; line-height:30px; margin-bottom:18px;}
.yous1a dd h4{ height: 98px; overflow: hidden; font-weight: normal; border-bottom: 1px dotted #a2a2a3; margin-bottom: 30px;}
.yous1a dd h4 a{ display: inline-block; float: left; font-size: 16px; color: #333333; line-height: 29px; padding-left: 21px; width: 155px; position: relative;}
.yous1a dd h4 a:nth-of-type(2n){ width: 270px;}
.yous1a dd h4 a:hover{ color:#17449a;}
.yous1a dd h4 a:before{ position: absolute; content: ""; left: 0; top:11px; width: 5px; height: 5px; border-radius: 5px; border: 2px solid #353536;}
.yous1a dd h5{font-weight: normal; font-size: 16px; color: #333333; line-height: 100%; height: 139px;}
.yous1a dd h5 i{ display: block; line-height: 100%; font-size: 24px; color: #333333; padding-bottom: 12px;}
.yous1a em a{ display: inline-block; float: left; width: 159px; height: 40px; line-height: 40px;   color: #fff; font-size: 16px;transition: all 0.2s; background: #17449a; border-radius: 40px; padding-left: 56px; box-sizing: border-box; text-align: left; position: relative;}
.yous1a em a:before{ content:""; position:absolute;border-left:6px solid #fff;border-bottom:6px solid transparent;border-top:6px solid transparent;height: 0;width: 0; left:38px; top:14px; }
.yous1a em a:last-of-type{ background: #c70b2e;color: #fff; margin-left: 13px;}
.yous1a em a:hover{text-decoration: underline; width: 174px;}
.y_ud{ height: 196px;overflow: hidden;}
.y_uu{  cursor: pointer; z-index: 55; position: absolute; left: -65px; top: 525px;}
.y_dd{ cursor: pointer; z-index: 55;right: -65px; top: 525px; position: absolute;}
.y_uu img,.y_dd img{-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.y_uu:hover img,.y_dd:hover img{-webkit-filter:none;
    -moz-filter:none;
    -ms-filter: none;
    -o-filter:none;
    filter:none;
    filter:none;

}
/**/

    /**/
.anli{ overflow: hidden; padding-top: 98px; height: 1165px;}
.anli h2{background:url(../images/p_h.png) no-repeat center 0; height: 129px;}
.anli h2 span{ font-size: 18px;}.yous h2 i{ padding-bottom: 15px;}
.anli ul{ overflow: hidden; padding-bottom: 22px;}
.anli ul li{ float: left; width: 383px; height: 407px; box-sizing: border-box; margin: 0 24px 28px 0; border: 1px solid #e5e5e5;transition: all 0.2s;}
.anli ul li img{ display: inline-block; width: 100%; box-sizing: border-box; transition: all 0.2s;}
.anli ul li:nth-of-type(3n){ margin-right: 0;}
.anli ul li em{ display: block; margin: 17px 26px 0; height: 57px; line-height: 100%; font-size: 14px; color: #999999;}
.anli ul li em span{ display: block; padding-bottom: 12px; color: #333; font-size: 20px;}
.anli ul li i{ display: block; margin: 0 26px; line-height: 100%; font-size: 14px; color: #999999; border-top: 1px solid #e5e5e5; padding-top: 12px;background:url(../images/al_m1.jpg) no-repeat right 13px;}
.anli ul li:hover i{background:url(../images/al_m2.jpg) no-repeat right 13px; color: #cb1b3c; font-weight: bold;}
.anli ul li:hover{ border: 1px solid #5072b3;}
.anli ul li:hover img{ padding: 9px 9px 0;}
.anli h4{ overflow: hidden; font-weight: normal; margin-left: 435px;}
.anli h4 a{ display: inline-block; float: left; width: 159px; height: 40px; line-height: 40px;   color: #fff; font-size: 16px;transition: all 0.2s; background: #17449a; border-radius: 40px; padding-left: 56px; box-sizing: border-box; text-align: left; position: relative;}
.anli h4 a:before{ content:""; position:absolute;border-left:6px solid #fff;border-bottom:6px solid transparent;border-top:6px solid transparent;height: 0;width: 0; left:38px; top:14px; }
.anli h4 a:last-of-type{ background: #c70b2e;color: #fff; margin-left: 13px;}
.anli h4 a:hover{text-decoration: underline; width: 172px;}
.bagu ul li:hover em img{    animation-duration: 2s;    animation-name: flipInY;}
    /**/

.bagu{ overflow: hidden;background:url(../images/bg_bg.jpg) no-repeat center 0; height: 740px;}
.bagu h3{ text-align: center;background:url(../images/bg_h.png) no-repeat center 0; padding-top: 160px; height: 114px; color: #fff; line-height: 100%; font-size: 36px; letter-spacing: 2px;}
.bagu h3 span{ display: block; line-height: 100%; font-weight: normal; font-size: 18px; padding-top: 13px;}
.bagu ul{ overflow: hidden;background:url(../images/bg_li2.png) no-repeat right top;}
.bagu ul li{ float: left;background:url(../images/bg_li.png) no-repeat; width: 393px;}
.bagu ul li b{ display: inline-block; float: left; font-size: 18px; color: #fff; font-weight: normal; width:45px; box-sizing: border-box; padding:10px 18px 0; height: 488px; margin-right: 20px;}
.bagu ul li em{ display: inline-block; float: left; width: 296px; padding-top: 30px; text-align: center;}
.bagu ul li em i{ display: block; color: #fff; font-size: 24px; font-weight: bold; line-height: 36px; padding-top: 29px; padding-bottom: 19px;}
.bagu ul li em span{ line-height: 29px; font-size: 16px;color: #fff; opacity: 0.85;}
/**/
.news{ overflow: hidden; height: 765px;}
.news h2{background:url(../images/p_h.png) no-repeat center 10px; height: 142px;}
.news h2 span{ font-size: 18px; color: #333333;padding-right: 16px;}.news h2 i{ padding-bottom: 11px; }

.n_r{ width: 550px; float: right;}
.n_r h3{ height: 41px;font-weight: normal;}
.n_r h3 i{ display: inline-block; float: right; padding-top: 11px;}
.n_r h3 i a{ display: inline-block; line-height: 100%; color: #333; font-size: 13px;font-weight: bold;}
.n_r h3 em{ display: inline-block; float: left; line-height: 100%;}
.n_r h3 em a{ display: inline-block; line-height: 100%; color: #333333; font-size: 24px;}
.n_r h3 em span{ display: inline-block; font-family: Arial; font-size: 12px; color: #adadad; padding: 13px 0 0 10px;}
.n_r ul li{ overflow: hidden; margin-bottom: 17px; border: 1px solid #dcdcdc; padding: 12px 0; height: 74px;}
.n_r ul li i{ display: inline-block; float: left; width: 100px; font-size: 14px; color: #333333; text-align: center; border-right: 1px solid #ececec; height: 74px;}
.n_r ul li i span{ display: block; font-size: 44px; line-height: 100%;font-weight: bold; padding-bottom: 3px;}
.n_r ul li em{ display: inline-block; float: right; width: 377px; padding-right: 44px;}
.n_r ul li em a{ display: block; overflow: hidden; line-height: 100%; color: #333333; font-size: 18px;}
.n_r ul li em span{ display: inline-block; color: #999; line-height: 24px; font-size: 14px; padding-top: 9px;}
.n_r ul li:hover{ border-color: #17449a;}
.n_r ul li:hover i,.n_r ul li:hover a{color: #17449a;}

.n_l{ float: left; width: 599px;}
.n_nav{ overflow: hidden; height: 44px;}
.n_nav ul li{ float: left; padding-right: 23px;margin-right: 23px;}
.n_nav ul li:first-of-type{ border-right: 1px solid #535353;}
.n_nav ul li a{ display: inline-block; line-height: 100%; color: #333333; font-size: 24px;}
.n_nav ul li.cur a{ color: #17449a;font-weight: bold;}
.n_nav i{ display: inline-block; float: right;padding-top: 11px;}
.n_nav i a{ display: inline-block; line-height: 100%; color: #333; font-size: 13px;font-weight: bold;}

.n_om1 ul li{ height: 324px; overflow: hidden;position: relative; margin-bottom: 39px;}
.n_om1 ul li img{ width: 599px; transition: all 0.2s;}
.n_om1 ul li:hover img{transform: scale(1.05);}
.n_om1 ul li i{ display: block; position: absolute; left: 0; bottom: 0; height: 56px; box-sizing: border-box; width: 100%; padding-left: 27px; font-size: 18px; color: #fff; line-height: 56px; background: rgba(0,0,0,0.6);}
.n_om1 ul li:hover i{ background: rgba(23,68,154,0.8);}
.n_om2 ul li{ overflow: hidden; line-height: 100%; margin-bottom: 21px;}
.n_om2 ul li span{ display: inline-block; float: right; color: #999999; font-size: 14px; font-family: Arial;}
.n_om2 ul li a{ display: inline-block; float: left; padding-left: 20px; color: #333333; font-size: 15px;background: url(../images/n_ico.jpg) no-repeat 0 6px;}
.n_om2 ul li a:hover{ color: #17449a;}
/**/
/**/


.n_nav{}
/**/
.zouj{background:url(../images/abo.jpg) no-repeat center 0; height:718px; box-sizing: border-box; padding-top:221px;}
.zj{ float: right;background:url(../images/a_bg.png) no-repeat; width: 683px; height: 450px; box-sizing: border-box; padding:65px 78px 0;}
.zj h3 a{ color: #17449a; font-size: 45px; line-height: 100%;}
.zj h3 a span{ display: block; color: #333333; font-size: 18px; font-weight: normal; line-height: 100%; margin: 13px 0 37px 0;}
.zj p{ height: 163px; color: #666666; font-size: 16px; line-height: 30px;}
.zj em a{ display: inline-block; float: left; width: 159px; height: 40px; line-height: 40px;   color: #fff; font-size: 16px;transition: all 0.2s; background: #17449a; border-radius: 40px; padding-left: 56px; box-sizing: border-box; text-align: left; position: relative;}
.zj em a:before{ content:""; position:absolute;border-left:6px solid #fff;border-bottom:6px solid transparent;border-top:6px solid transparent;height: 0;width: 0; left:38px; top:14px; }
.zj em a:last-of-type{ background: #c70b2e;color: #fff;}
.zj em a:hover{ width: 173px; text-decoration: underline;}
    /**/
.fec{ height: 331px; overflow: hidden;}
.fec1{ overflow: hidden; height: 47px;}
.fec1 ul li{ float: left; margin-right: 45px;}
.fec1 ul li a{ display: inline-block; padding-left: 42px; font-size: 22px; color: #333333;background:url(../images/a_li1.jpg) no-repeat 0 1px; height: 26px;}
.fec1 ul li:nth-of-type(2) a{background:url(../images/a_li2.jpg) no-repeat ;}
.fec1 ul li.cur a,.fec1 ul li a:hover{font-weight: bold; color: #114097;}
.fec2 em{ display: inline-block; float: right;}
.fec2 em img{ display: inline-block; margin-left: 6px;}
.fec2{position: relative;}
.fec2 em{ position: absolute; right: 0; top: -40px; z-index: 55!important;}
.fec2 ul li{ float: left; margin-right: 17px; width: 287px; overflow: hidden; height: 215px; position: relative;}
.fec2 ul li i{ display: inline-block; width: 100%; text-align: center; height: 45px; line-height: 45px;  color: #fff; font-size: 16px; background: rgba(0,0,0,0.7); position: absolute; left: 0; bottom: 0;}
    /**/
    /**/
	.xr-video{ background:url(../images/video_bj.jpg) bottom center no-repeat;padding-bottom: 36px;padding-top: 12px; height:700px;}
.xr-video h2{background:url(../images/p_h.png) no-repeat center 0; height: 129px;}
.xr-video h2 span{ font-size: 18px;}.yous h2 i{ padding-bottom: 15px;}
.xr-video .cont{}
.xr-video .cont ul li{width:270px;margin:10px 15px;float:left;text-align:center;}
.xr-video .cont ul li video{width:270px;height:480px; background: #fff;}
.xr-video .cont ul li span{display: block;text-align:center; font-size:16px; background-color:#000; padding:10px 0; color:#c7d8f7;}
    /**/
.links{ height: 90px; margin-top: -90px; z-index: 5; position: relative; background: rgba(35,70,125,0.8); line-height: 90px; overflow: hidden;}
.links  a{ display: inline-block; float: left; font-size: 14px; color: #9198af; margin-right: 60px;}
/**/
.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);-o-transform: translate(0,5px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites: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;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

/**/
.n_r2 ul li a:hover,.n_r1 ul li:hover i,.n_l1 ul li i:hover{ color: #1b91e0;}
.fwzc ul li:hover i a{color: #000;padding-left: 53px;}
.fwzc ul li img{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.fwzc ul li:hover img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.p_lis dl dt em:nth-of-type(1){ animation: move 450ms ease-in-out 100ms infinite alternate;}
.p_lis dl dt em:nth-of-type(2){ animation: move 500ms ease-in-out 100ms infinite alternate;}
.p_lis dl dt em:nth-of-type(3){ animation: move 600ms ease-in-out 100ms infinite alternate;}
.case_con dl dd p span{ display: block; padding-bottom: 15px;}
@keyframes move{
    0%{
        transform: translateY(0px);
    }
    100%{
        transform: translateY(10px);
    }
}


/**/
/**/
/**/

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