@charset 'utf-8';
body { font-family: 'Microsoft Yahei', Arial; background: #fff }
.scale_img  li img, .scale_img li img { -o-transition: all 1s linear 0s; transition: all 0.75s linear 0s }
.scale_img li:hover img, .scale_img li:hover img { -webkit-transform: scale(1.09) rotate(0deg) translateY(0); -ms-transform: scale(1.09) rotate(0deg) translateY(0); transform: scale(1.09) 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:125px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; background: #0095de; margin: 0 10px; border-radius: 50%; opacity: .6; -o-transition: all .3s ease; transition: all .3s ease }
.fullSlide .hd li.on { width: 36px; height: 12px; opacity: 1; border-radius: 5px; background: #00c2bb;}
.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% }
/**/
.tbgh{background: url(../images/tbg.png) no-repeat center 0; height: 559px; margin-top: -117px; z-index: 55;!important;; position: relative; margin-bottom: 0px;}
.tbgh1{ padding-top: 30px; height: 242px; margin-left:-1px; overflow: hidden;}
.tbgh1 ul li{ float: left; width:200px; text-align: center; position: relative;}
.tbgh1 ul li:before{ position: absolute; right: 0; top: 33px; background: #4db5e8; width: 1px; height: 109px; content: "";}
.tbgh1 ul li:last-of-type:before{ display: none;}
.tbgh1 ul li a{ display: block; color: #fff; padding-top: 33px; height: 175px; line-height: 100%; box-sizing: border-box;}
.tbgh1 ul li i{ display: block; font-size: 20px; padding-top: 26px;}
.tbgh1 ul li a:hover{ background: #00c2bb;}

.tbgh2 h3{ float: left; padding-left: 81px;background: url(../images/t_wh.png) no-repeat; height: 65px; height: 97px;}
.tbgh2 h3 span{ display: block; font-weight: normal; font-size: 24px; color: #333333; font-family: Arial; padding-top: 7px;}
.tbgh2 h3 i{ display: block;line-height: 100%; padding-top: 10px;font-weight:bold; font-size: 24px; color: #333333;}
.tbgh2 h4{ float: right; height: 39px; border-bottom: 1px solid #666; width: 400px;}
.tbgh2 h4 input{ display: inline-block; float: left; line-height: 100%; border: none; font-size: 16px; color: #666666; background:none; width: 367px; height: 39px;}
.tbgh2 h4 button{ display: inline-block; float: right;background: url(../images/t_sea.png) no-repeat; width: 30px; height: 29px; border: none; outline: none; cursor: pointer;}
.tbgh2 ul{ clear: both; overflow: hidden;}
.tbgh2 ul li{ float: left; width: 393px; height: 39px; background: #fff; border-radius: 39px; margin-bottom: 12px;}
.tbgh2 ul li:nth-child(2),.tbgh2 ul li:nth-child(5){ margin: 0 10px;}
.tbgh2 ul li a{ display: block; line-height: 39px; padding-left: 24px; color: #333333; font-size: 16px;}
.tbgh2 ul li a span{ padding-right: 11px; font-size: 10px; line-height: 39px; display: inline-block; float: left;}
.tbgh2 ul li a:hover{ color: #0095de; box-shadow: 0 0 9px rgba(0,0,0,0.11); border-radius: 35px;}
    /**/
.tils{ position: relative;height:517px;}
.tils dl{ overflow: hidden; }
.tils dl dt{ float: right; overflow: hidden; height:416px;}
.tils dl dd{ float: left; width:525px;}
.tils dl dd h4 i{ display: block;font-size: 40px; color: #0095de; line-height: 100%;font-weight: normal; padding-bottom: 15px; letter-spacing: 6px;}
.tils dl dd h4 span{display: block; line-height: 100%; font-weight: bold; font-size: 40px; color: #0095de; letter-spacing: 4px; padding-bottom: 38px;}
.tils dl dd p{ font-size: 16px; color: #333333; line-height: 31px; text-align: justify; height: 238px;}
.tils dl dd em{ display: block;}
.tils dl dd em a{ display: inline-block; padding-left: 29px; width: 163px; height: 43px; border: 1px solid #00c2bb; border-radius: 43px; color: #00c2bb; font-size: 18px; line-height: 43px; letter-spacing: 1px;background: url(../images/t_mor.png) no-repeat 113px 13px;}

.jzq{ background: #ecf0f3; padding-top: 100px; height: 968px; margin-bottom: 92px;}
.jzq h2{ margin-bottom: 41px;}
.jzq h3{ overflow: hidden; height: 74px; padding-left: 58px;background: url(../images/jq_h3.png) no-repeat;font-weight: normal;}
.jzq h3 em{ float: right; margin-top: 26px;}
.jzq h3 em a{ display: inline-block; padding-right: 68px; line-height: 100%; color: #666; font-size: 18px;background: url(../images/jq_m0.png) no-repeat right 2px;}
.jzq h3 i a{ display: inline-block; line-height: 100%; font-size: 30px; color: #fa6980;}
.jzq h3 i strong{ display: inline-block; line-height: 100%;}
.jzq h3 i span{ display: block; font-weight: normal; font-size: 12px; font-family: Arial; line-height: 100%; padding-top: 8px;}
.jzq ul li{ float: left; width: 290px; height: 323px; background: #fff; overflow: hidden; position: relative; margin: 0 0 14px 14px;}
.jzq ul li img{ width: 290px;}
.jzq ul li em{ display: block; margin: 17px 20px 0;background: url(../images/jq_m2.png) no-repeat right 0; line-height: 100%; font-size: 20px; color: #000;}
.jzq ul li em span{ display: block;font-family: Arial; font-size: 12px; line-height: 100%; color: #adadad; padding-top: 7px;}
.jzq ul li:first-of-type{ margin-left: 0; width: 590px; height: 660px;}
.jzq ul li:first-of-type img{width: 590px; height: 660px;}
.jzq ul li:first-of-type em{ display: block; position: absolute; left: 25px; top: 46px; height: 96px;background: url(../images/jq_m2.png) no-repeat left bottom; font-size: 24px;}
/**/
.jzq2{ height: 498px; overflow: hidden;}
.jzq2 h3{ overflow: hidden; height: 74px; padding-left: 58px;background: url(../images/jq_h32.png) no-repeat;font-weight: normal;}
.jzq2 h3 em{ float: right; margin-top: 26px;}
.jzq2 h3 em a{ display: inline-block; padding-right: 68px; line-height: 100%; color: #666; font-size: 18px;background: url(../images/jq_m0.png) no-repeat right 2px;}
.jzq2 h3 i a{ display: inline-block; line-height: 100%; font-size: 30px; color: #ffa800; padding-top: 8px;}
.jzq2 h3 i strong{ display: inline-block; line-height: 100%;}
.jzq2 h3 i span{ display: block; font-weight: normal; font-size: 12px; font-family: Arial; line-height: 100%; padding-top: 8px;}
.jzq2 ul li{ float: left; width: 290px; height: 323px; background: #fff; overflow: hidden; position: relative; margin: 0 0 14px 13px; box-sizing: border-box; border: 1px solid #dcdcdc;}
.jzq2 ul li img{ width: 290px;}
.jzq2 ul li em{ display: block; margin: 17px 20px 0;background: url(../images/jq_m2.png) no-repeat right 0; line-height: 100%; font-size: 20px; color: #000;}
.jzq2 ul li em span{ display: block;font-family: Arial; font-size: 12px; line-height: 100%; color: #adadad; padding-top: 7px;}
.jzq2 ul li:first-of-type{ margin-left: 0;}
/**/
.jzq3{ overflow: hidden; padding-top: 80px; height: 835px; margin-bottom: 100px;}
.jzq3 h3{background: url(../images/jq_h33.png) no-repeat  -5px 0; padding-left: 90px;}
.jzq3 h3 i a{ color: #0093dd; padding-top: 4px;}
.jzq3 ul li:first-of-type{ float: right;}
.jzq3 ul li:nth-child(2),.jzq3 ul li:nth-child(4){ margin-left: 0;}
.jzq3 ul li:first-of-type em{ top: 27px;}
/**/
.team{background: url(../images/team.jpg) no-repeat center 0; height: 990px; box-sizing: border-box; padding-top: 100px;}
.team h3{font-weight: normal; font-size: 18px; color: #333; line-height: 30px; margin: 0 155px; text-align: center; padding-top: 20px; height: 104px;}
.t_u{ position: absolute; z-index: 5; cursor: pointer; left: -75px; top: 365px;}
.t_d{ position: absolute; z-index: 5; cursor: pointer; right: -75px; top: 365px;}
.team ul{ overflow: hidden; height: 503px;}
.team ul li{ float: left; width: 285px; overflow: hidden; position: relative; margin-right: 20px; background: #fff; height: 457px;}
.team ul li b{ display: block; font-size: 0; line-height: 0; overflow: hidden;}
.team ul li strong{ display: block; font-weight: normal; margin: 23px 20px 0;}
.team ul li strong em{ display: block; color: #333333; font-size: 24px;}
.team ul li strong em span{color: #6a6a6a; font-size: 16px; padding-left: 8px;}
.team ul li strong i{ display: block; padding-top: 12px; font-size: 14px; color: #666; line-height: 24px; height: 95px;background: url(../images/t_m1.png) no-repeat right bottom;}
.team ul li:hover strong{ display: block;position: absolute; left: 0; top: 0; background: #0095de; width: 285px; height: 457px; z-index: 5; margin: 0; color: #fff;}
.team ul li:hover strong em{ color: #fff; padding-top: 65px; text-align: center;}
.team ul li:hover strong em span{ display: block; color: #fff; padding-top: 9px; padding-bottom: 12px;}
.team ul li:hover strong i{ display: block; margin: 0 33px; color: #fff; font-size: 14px; line-height: 24px; height: 237px;background: url(../images/t_m2.png) no-repeat center bottom;}
.team h4{ text-align: center;}
.team h4 a{ display: inline-block; width: 210px; height: 50px; line-height: 50px; border-radius: 50px; color: #fff; background: #00c2bb; font-size: 20px; font-weight: bold;}
/**/
.news{ overflow: hidden; height: 766px; padding-top: 98px;}
.news h2{ margin-bottom: 40px;}
.n_l{ width: 599px; overflow: hidden;}
.n_l dl{ overflow: hidden; height: 320px; border-bottom: 1px solid #e5e5e5; margin-bottom: 31px;}
.n_l dl dt{ font-size: 0; line-height: 0; overflow: hidden;}
.n_l dl dd{ position: relative; padding-top: 30px;}
.n_l dl dd:before{ content: ""; position: absolute; left: 73px; top: -21px; width: 3px; height: 105px; background: #0095de;}
.n_l dl dd h4{ overflow: hidden;}
.n_l dl dd h4 i{ display: inline-block; text-align: center; float: left; font-size: 14px; color: #333333;font-weight: normal; text-align: center;}
.n_l dl dd h4 i span{ display: block; line-height: 100%; font-weight: bold; font-size: 44px;font-family: arial; letter-spacing: 5px;}
.n_l dl dd h4 em{ display: inline-block; float: right; width: 488px; padding: 0 18px 0 0;}
.n_l dl dd h4 em a{ display: block; font-weight: normal; font-size: 18px; color:#333;}
.n_l dl dd h4 em a:hover{color: #0095de;}
.n_l dl dd h4 em span{ display: block; padding-top: 12px; font-size: 14px; color: #999999; line-height: 23px;font-weight: normal;}
.n_l dl dd h4 em span img{ padding-left:9px;}
.n_l ul li{ line-height: 100%; overflow: hidden; margin-bottom: 20px;}
.n_l ul li span{ display: inline-block; float: right; font-size: 12px; color: #666; letter-spacing:1px;}
.n_l ul li a{ display: inline-block; padding-left: 22px; color: #333333; font-size: 16px;background: url(../images/n_li.jpg) no-repeat 0 6px;}
.n_l ul li a:hover{ color: #0095de;}
.n_r{ width: 525px; overflow: hidden;}
.n_r ul li{ padding: 26px 0; overflow: hidden;}
.n_r ul li i{ display: inline-block; text-align: center; float: left; font-size: 14px; color: #333333;}
.n_r ul li i span{ display: block; line-height: 100%; font-weight: bold; font-size: 44px;font-family: arial; letter-spacing: 5px;}
.n_r ul li em{ display: inline-block; float: right; width: 425px; padding-left: 23px; border-left: 1px solid #ececec;}
.n_r ul li em a{ display: block; font-size: 18px; color: #333; line-height: 100%; overflow: hidden;}
.n_r ul li em span{ display: block; padding-top: 8px; font-size: 14px; color: #999; line-height: 24px;}
.n_r ul li:hover i{ color: #0095de;}
.n_r ul li:hover em a{ color: #0095de;}
.n_r ul li:hover em span{ color: #333;}
.news h3{ height: 43px; line-height: 100%;}
.news h3 em{ display: inline-block; float: right;}
.news h3 em a{ display: inline-block;background: url(../images/n_mot.png) no-repeat; width: 63px; height: 19px; margin-top: 3px;}
.news h3 i a{font-weight: normal; line-height: 100%; display: inline-block; font-size: 24px; color: #333;}
.news h3 i span{ font-family: Arial; font-size: 12px; color: #adadad;font-weight: normal; padding-left: 9px; text-transform: capitalize;}
/**/
.zji{background: url(../images/zji.jpg) no-repeat center 0; height: 635px; overflow: hidden; box-sizing: border-box; padding-top: 90px;}
.zji dl dt{ float: right; font-size: 0; line-height: 0; overflow: hidden;}
.zji dl dd{ width: 382px; float: left; padding: 63px 0 0 50px;}
.zji dl dd h3{font-weight: normal;}
.zji dl dd h3 i{ display: block; line-height: 100%; font-size: 48px; color: #333333; letter-spacing: 5px;}
.zji dl dd h3 span{ display: block; line-height: 100%; padding: 12px 0 31px 0; font-size: 20px; color: #333333; letter-spacing: 1px;}
.zji dl dd p{ height: 170px; font-size: 16px; color: #666666; line-height: 31px;}
.zji dl dd em{ display: block;}
.zji dl dd em a{ display: inline-block; padding-left: 29px; width: 163px; height: 43px; border: 1px solid #00c2bb; border-radius: 43px; color: #00c2bb; font-size: 18px; line-height: 43px; letter-spacing: 1px;background: url(../images/t_mor.png) no-repeat 113px 13px;}
    /**/
/**/
.plan{height:881px;position: relative; overflow: hidden;padding-top:89px;}
.apple-retail {margin: 30px 0;}
.plan .swiper-slide {text-align: center;padding: 0 calc((100vw - 1200px) * .05);width: 1200px;}
.inner figure {width: 100%;position: relative;}
.inner figure img {width: 100%;}
.inner figure h3{line-height: 52px;font-family:'wrjz','Microsoft Yahei';font-size: 36px;color: #3c434e;position: absolute;left:0;bottom: -80px;cursor: pointer;}
.inner figure h3 a{color: #3c434e;display: block;}
.plan .gallery-item-desc {width:500px;height:631px;background: #0093dd;color: #fff;text-align: left;display: inline-block;box-sizing: border-box;padding: 76px 56px 0;float: right;margin-top: -577px;opacity: 0;transition-duration: 1.2s;    margin-right: -40px;}
.plan .init .gallery-item-desc {opacity: 1;}
.plan .swiper-slide-active  figure h3{display: none;}
.plan .gallery-item-desc h3 {line-height: 38px;font-family:'Microsoft Yahei';width: 230px;font-size:26px;font-weight: normal;}
.plan .gallery-item-desc h3 span{ display: block; padding-top: 27px;}
.plan .gallery-item-desc h3 a{color: #fff;}
.plan .gallery-item-desc p {font-size: 16px;line-height: 30px;height: 160px; padding-top: 38px;}
.plan .gallery-item-desc p em{ display: block; padding-top: 40px;}
.plan .gallery-item-desc p em a{ display: inline-block; color: #fff; padding-right: 62px; font-size: 18px;background: url(../images/hjm.png) no-repeat right center; }
.plan .swiper-slide-prev .gallery-item-desc {transform: translateX(-70px);}
.plan .swiper-slide-next .gallery-item-desc {transform: translateX(70px);}
.plan .swiper-slide-active .gallery-item-desc {opacity: 1;transform: translateX(0);cursor: pointer;}
.plan_next,.plan_prev {top: 489px!important;width: 42px!important;height: 42px!important;left: 50%!important;transition: all .5s;outline: none;opacity: 1;cursor: pointer;background: none!important;padding: 13px 6px;}
.mouse-hover .plan_next,.mouse-hover .plan_prev {opacity: 1;}
.plan_next:hover,.plan_prev:hover {background-color: rgba(210, 210, 210, 0);}
.plan_next {background:none!important;margin-left: -480px;}
.plan_prev {background:none!important;margin-left: -534px;}
.swiper-container .plan_next.swiper-button-disabled,.swiper-container .plan_prev.swiper-button-disabled {opacity: 1;}
.plan .swiper-pagination {width: 208px!important;top: 631px!important;left: 50%!important;margin-left: -514px;height: 1px!important;border-bottom: 1px solid #a5adb4;background: none;}
.plan .swiper-pagination-progressbar-fill {height: 2px!important;background: #3266b1!important;}
.apple-pag{position: absolute;width: 286px;top: 620px;line-height: 24px;font-size: 16px;left: 50%;margin-left: -544px;}
.apple-pag em,.apple-pag span{display: inline-block;width: 20px;font-family: 'rubrik';}
.apple-pag em{font-style: normal;float: right;}

@media only screen and (max-width: 1068px) {
    .plan .swiper-slide {
        padding: 0 calc((100vw - 576px) * .05);
        width: 576px;
    }

    .plan .gallery-item-desc {
        padding-top: 41px;
        font-family: 'wrjz';
    }
}

@media only screen and (max-width: 735px) {
    .plan .swiper-slide {
        transform: scale(.9);
        padding: 0;
        width: 95vw;
        margin: 0 0;
        min-width: 272px;
    }
    .plan .swiper-slide-active {
        transform: scale(1);
    }
    .plan .gallery-item-desc {
        padding-top: 26px;
        width: 90%;
    }
}
/**/
h2{ text-align: center;font-weight: normal; position: relative; }
h2 a{ display:block; line-height: 100%; color: #333333; font-size: 48px; letter-spacing:7px;}
h2 span{ display: block; line-height: 100%; padding-top: 11px; font-size: 20px; color: #333333; letter-spacing:2px;background: url(../images/h2.png) no-repeat center bottom; padding-bottom: 35px;}
h2 a:hover{ color: #000;}

.links { height: 100px; overflow: hidden; clear: both; background:#031527; }
.links em { display: inline-block; font-weight:bold;font-size: 18px; line-height: 100px;  color: #878b90;  float: left; padding-left: 44px;background: url(../images/f_links.png) no-repeat 0 37px;}
.links i { display: inline-block;float: right; width:1030px;}
.links a { font-size: 14px; color: #878b90; line-height: 100px; display: inline-block; margin-right: 46px; transition: .3s ease; -o-transition: .3s ease ; }
.links a:hover {text-decoration: underline; color: #fff;}


/**/
.btn,.pro_r ul li em strong,.btn21,.xw_l dl:before{ transition: all 0.3s linear 0s;}
.btn:hover{ text-decoration: underline; color: #fff; background-position: 115px 14px;}
.btn21:hover{background-position: 90% 3px;}
.xw_r ul li:hover .btn21{background-position: 90% 3px;}
.pro_r ul li em strong:hover{ background-position: 75px 5px;}
.zuz .content:before,.hezu .content:before{-webkit-animation:gogogo 0.95s infinite linear ;}
.xw_l dl:hover:before{    height: 121px;}
@-webkit-keyframes gogogo {
    0%{

        -webkit-transform: translateY(0px);

    }
    50%{
        -webkit-transform:translateY(9px);
    }
    100%{
        -webkit-transform:translateY(0px);
    }

}

.p_tex h3 span:before,.p_mal h3 span:before{ transition: all 0.3s linear 0s;}
.p_tex h3:hover span:before,.p_mal h3:hover span:before{ width: 120px;}
.pro_l img{transition: all 0.3s linear 0s;}
.pro_l:hover img{ -webkit-transform: scale(1.09) rotate(0deg) translateY(0); -ms-transform: scale(1.09) rotate(0deg) translateY(0); transform: scale(1.09) rotate(0deg) translateY(0)}
.about h2 a:hover{ color: #fff;}
.about h2 a:hover span{ color: #fff;}
.about h2:hover:before{ background: #fff;}
.about .btn:hover{background-position:76px 2px;;}
.about ul li{transition: all 0.3s linear 0s;}
.about ul li:hover a{animation-duration: 1.5s;animation-name: flipInY;}
.xw h3 a:hover{color: #0a8ae1;}
/**/
.about p i .morr{transition: all 0.3s linear 0s;}
.about p i .morr:hover{ transform: translateX(7px);}

.case-con-r dt{ overflow: hidden; }
.zhus_m ul li img,.case-con-r dt img,.zhus_r ul li img,.zr_vl img{transition: all 0.3s linear 0s;}
.zhus_m ul li img:hover,.case-con-r dt img:hover,.zhus_r ul li img:hover,.zr_vl img:hover{transform: scale(1.03);}

/**/

/**/
/**/

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