body{font-family:"Microsoft Yahei";overflow-x:hidden;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}
.yz_c{height:682px;padding-top:57px;}
.yz_c .tit{text-align: center;height: 178px;}
.yz_c .tit h2{font-size:48px;color: #1a1a1a;height: 104px;line-height: 50px}
.yz_c .tit h2 img{vertical-align:bottom;}
.yz_c .tit h2 span{padding-right:77px;background: url(../image/yz_a1.png) no-repeat right bottom;}
.yz_c .tit p{font-size:18px;color: #333333;height: 32px;line-height: 32px;}
.yz_nr dl{float:left;width:225px;margin-right:18px;height: 406px;position: relative;}
.yz_nr dt{font-size:0;line-height: 0;overflow: hidden;width:286px;}
.yz_nr dt em img{width:223px;height: 195px;transition: all 0.5s}
.yz_nr dd{height: 211px;border:1px solid #eaebeb;border-top:0;position: absolute;left:0;bottom:0;text-align: center;transition: all 0.5s;background: #fff;width:100%;overflow: hidden;box-sizing: border-box;}
.yz_nr dt i{position: absolute;left:102px;top:145px;z-index: 9;transition:1s}
.yz_nr dd h4{padding-top:77px;height: 133px;background: url(../image/yz_a2.png) no-repeat center bottom;}
.yz_nr dd h4 span{display: block;height: 42px;line-height: 42px;font-size:32px;color: #1a1a1a;font-weight: bold;}
.yz_nr dd h4 em{display: block;font-size:15px;color: #1a1a1a;height: 27px;line-height: 20px;font-weight:normal;}
.yz_nr dl:hover dd{text-align: left;padding-left:22px;height: 338px}
.yz_nr dl:hover dd h4{padding-top:35px;height:30px;min-height:95px;background-position: left bottom;}
.yz_nr dl:hover dt i{opacity: 0;transition: 0.2s}
.yz_nr dl:hover dd p{display: block;}
.yz_nr dl:hover dt em img{transform: scale(1.1)}
.yz_nr dl dd p{font-size:12px;color: #6e6e6e;padding-top:15px;width:180px;display: none;overflow:hidden; line-height:25px;}
.yz_nr dl:last-child{margin:0;}


.titis{overflow: hidden;text-align: center;height:144px;}
.titis h2 {height:67px;line-height:67px;font-size:48px;color: #333333;}
.titis h2 a{color: #333333}
.titis p {display:block;font-size:20px;color:#5e5e5f;line-height:34px;height:34px;}

.pro_n1{background: url(../img/ys_bj.jpg) center top;height: 993px;box-sizing: border-box;padding-top:26px;}
.pro_n1 .content{position: relative;height: 417px}
.pro_n1 dt{font-size:0;line-height: 0;float:left;width:38%;}
.pro_n1 dt img{width:100%;}
.pro_n1 dd{float: right;width:60%;padding-top:30px;}
.pro_n1 dd h4 a{display: block;height: 64px;line-height: 64px;font-size:48px;color: #2b2b2b;}
.pro_n1 dd em{display: block;height: 38px;line-height: 38px;font-size:20px;color: #333333;}
.pro_n1 dd p{font-size:16px;color: #666666;line-height: 28px;padding-top:34px;height: 210px;}
.pro_n1 dd span a{display: inline-block;width:216px;height: 48px;background: #21499b;text-align: center;line-height: 48px;font-size:14px;color: #fff;margin-right:5px;}
.pro_n1 dd span a:last-child{background: #ed1c22;margin:0;}
.pro_n1_l{position: absolute;top:540px;bottom:0px;}
.pro_n1_l li{float:left;font-size:0;line-height: 0;width:278px;height: 306px;margin-right:16px;background: #fff;transition: all 0.5s;position: relative;overflow: hidden;border:1px solid #f3f3f3;}
.
.pro_n1_l li i{display: block;font-size:0;line-height: 0;width:366px;overflow: hidden;}
.pro_n1_l li i img{width:366px;height: 228px;transition: all 0.5s}
.pro_n1_l li span{margin:16px 32px 0 30px;padding-right:34px;background: url(../img/pro_ico1.png) no-repeat right;height: 41px;line-height: 41px;font-size:20px;color: #333333;display: block;transition: all 0.5s}
.pro_n1_l li:last-child{margin:0;}
.pro_n1_l li:after{display: block;content: "";width:0%;height: 1px;background:#16397b;position: absolute;left:0;top:0;transition: all 0.5s;z-index:9}
.pro_n1_l li:before{display: block;content: "";width:1px;height: 0%;background:#16397b;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.pro_n1_l li a:after{display: block;content: "";width:0%;height: 1px;background:#16397b;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.pro_n1_l li a:before{display: block;content: "";width:1px;height:0%;background:#16397b;position: absolute;left:0;top:0px;transition: all 0.5s;z-index:9}
.pro_n1_l li:hover:after,.pro_n1_l li:hover a:after{width:100%;}
.pro_n1_l li:hover:before,.pro_n1_l li:hover a:before{height:100%;}
/*.pro_n1_l li:hover{border-color: #16397b}*/
.pro_n1_l li:hover i img{transform: scale(1.1)}
.pro_n1_l li:hover{border-color: #16397b}
.pro_n1_l li:hover span{background: url(../img/pro_ico1_hv.png) no-repeat right;}
.pro_n1_j1,.pro_n1_j2{position: absolute;top:124px;}
.pro_n1_j1 {left:-79px;}
.pro_n1_j2 {right:-79px;}


.pro_n2{height:818px;padding-top:82px;}
.pro_n2 .content{position: relative;height: 717px}
.pro_n2 dt{font-size:0;line-height: 0;margin-right:-360px;float:right;width:960px;}
.pro_n2 dt img{width:960px;height: 717px}
.pro_n2 dd{float:left;width:524px;padding-top:30px;}
.pro_n2 dd h4 a{display: block;height: 64px;line-height: 64px;font-size:48px;color: #2b2b2b;}
.pro_n2 dd em{display: block;height: 38px;line-height: 38px;font-size:20px;color: #333333;}
.pro_n2 dd p{font-size:16px;color: #666666;line-height: 28px;padding-top:34px;height: 120px;}
.pro_n2 dd span a{display: inline-block;width:216px;height: 48px;background: #21499b;text-align: center;line-height: 48px;font-size:14px;color: #fff;margin-right:5px;}
.pro_n2 dd span a:last-child{background: #ed1c22;margin:0;}
.pro_n2_l{position: absolute;left:0;bottom:0px;}
.pro_n2_l li{float:left;width:406px;border:1px solid #f3f3f3;height: 304px;margin-right:16px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);transition: all 0.5s;position: relative;}
.pro_n2_l li i{display: block;font-size:0;line-height: 0;width:406px;overflow: hidden;}
.pro_n2_l li i img{width:406px;height: 228px;transition: all 0.5s}
.pro_n2_l li span{margin:16px 32px 0 30px;padding-right:34px;background: url(../image/pro_ico1.png) no-repeat right;height: 41px;line-height: 41px;font-size:20px;color: #333333;display: block;transition: all 0.5s}
.pro_n2_l li:last-child{margin:0;}
.pro_n2_l li:after{display: block;content: "";width:0%;height: 1px;background:#16397b;position: absolute;left:0;top:0;transition: all 0.5s;z-index:9}
.pro_n2_l li:before{display: block;content: "";width:1px;height: 0%;background:#16397b;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.pro_n2_l li a:after{display: block;content: "";width:0%;height: 1px;background:#16397b;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.pro_n2_l li a:before{display: block;content: "";width:1px;height:0%;background:#16397b;position: absolute;left:0;top:0px;transition: all 0.5s;z-index:9}
.pro_n2_l li:hover:after,.pro_n2_l li:hover a:after{width:100%;}
.pro_n2_l li:hover:before,.pro_n2_l li:hover a:before{height:100%;}
.pro_n2_l li:hover{border-color: #16397b}
.pro_n2_l li:hover i img{transform: scale(1.1)}
.pro_n2_l li:hover span{background: url(../image/pro_ico1_hv.png) no-repeat right;}
.pro_n2_j1,.pro_n2_j2{position: absolute;top:124px;}
.pro_n2_j1 {left:-79px;}
.pro_n2_j2 {right:-79px;}


.pro_n3{background: url(../image/pro_bj2.jpg) no-repeat center top;height: 1398px;padding-top:65px;box-sizing: border-box;}
.pro_qh{height: 144px;width:1180px;}
.pro_qh li{    
    float: left;
    width: 19%;
    /* background: url(../image/pro_ico3.png) no-repeat right; */
    height: 72px;
    line-height: 72px;
    text-align: center;
    position: relative;
    background: #21499b;
    margin-left: 1%;
    margin-bottom: 10px;}
.pro_qh li a{font-size:24px;color: #fff;position: relative;z-index: 2;display: block;}
.pro_qh li img{vertical-align: middle;margin-right:8px;}
.pro_qh li:after{content:"";display: block;width:100%;height: 0;position: absolute;left:0;bottom:0;transition: all 0.5s}



.pro_nr{margin-top:27px;position: relative;}
.pro_nr .tempWrap{width:1205px!important;}
.pro_nr li{float:left;width:362px;height: 290px;border:1px solid #f3f3f3;background: #fff;margin-right:16px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);transition: all 0.5s;position: relative;margin-bottom: 20px;}
.pro_nr li i{display: block;font-size:0;line-height: 0;width:387px;overflow: hidden;}
.pro_nr li i img{width:347px;height: 218px;transition: all 0.5s}
.pro_nr li:last-child{margin:0;}
.pro_nr li span{margin:16px 32px 0 30px;padding-right:34px;background: url(../image/pro_ico1.png) no-repeat right;height: 41px;line-height: 41px;font-size:20px;color: #333333;display: block;transition: all 0.5s}
.pro_nr li:hover span{background: url(../image/pro_ico1_hv.png) no-repeat right;}
.pro_nr li:after{display: block;content: "";width:0%;height: 1px;background:;position: absolute;left:0;top:0;transition: all 0.5s;z-index:9}
.pro_nr li:before{display: block;content: "";width:1px;height: 0%;background:#16397b;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.pro_nr li a:after{display: block;content: "";width:0%;height: 1px;background:#16397b;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.pro_nr li a:before{display: block;content: "";width:1px;height:0%;background:#16397b;position: absolute;left:0;top:0px;transition: all 0.5s;z-index:9}
.pro_nr li:hover:after,.pro_nr li:hover a:after{width:100%;}
.pro_nr li:hover:before,.pro_nr li:hover a:before{height:100%;}
.pro_nr li:hover i img{transform: scale(1.1)}
.pro_n3_j1,.pro_n3_j2{position: absolute;top:124px;}
.pro_n3_j1{left:-99px;}
.pro_n3_j2{right:-99px;}


.min_t1{background: url(../image/tu1.jpg) no-repeat center top;height: 330px;box-sizing: border-box;padding-top:237px;}
.tu1 p{padding-left:58px;background: url(../image/ico1.png) no-repeat left 6px;font-size:16px;color:#fff;}
.tu1 p span{display: block;font-size:36px;font-weight: bold;line-height: 38px;}
.tu1 em{float: right;margin-top:15px;position:relative;z-index:9;}
.tu1 em a{display: inline-block;width:216px;height: 48px;background: #21499b;text-align: center;line-height: 48px;font-size:14px;color: #fff;margin-left:7px;}
.tu1 em a:last-child{background: #ed1c22}



.al_bj{background: url(../image/al_bj.jpg) no-repeat center bottom;height: 1297px;margin-top:84px;}
.anl .titis{height: 141px;overflow: hidden;}
.al_qh{height: 95px;background: #0455a6;}
.al_qh li{float:left;width:20%;text-align: center;height: 90px;line-height: 90px;position: relative;}
.al_qh li:after{content: "";display: block;width:100%;height:0px;background: url(../image/al_hv.jpg) no-repeat center top;position: absolute;left:0;top:0;transition: all 0.5s}
.al_qh li a{font-size:24px;color: #fff;position: relative;z-index: 2}
.al_qh li i{vertical-align:middle;display: inline-block;margin-right:10px;}
.al_qh li i img{vertical-align:text-bottom;}
.al_qh li.on:after,.al_qh li:hover:after{height: 100%}
.al_qh li.on a,.al_qh li:hover a{font-weight: bold;}
.al_nr{height: 800px;position: relative;margin-top:26px;}
.al_nr .tempWrap{overflow: visible!important;}
.al_nr li{float:left;width:1200px;position: relative;overflow: hidden;}
.al_nr li .al_y{width:100%;height: 675px;position: absolute;left:0;top:0;background: rgba(0,0,0,0.5);}
.al_nr li i{display: block;font-size:0;line-height: 0;width:1200px;overflow: hidden;}
.al_nr li i img{width:1200px;height: 675px;transition: all 0.5s}
.al_nr li .al_w{width:1129px;margin:-128px auto 0;height: 196px;background: #fff;position: relative;z-index: 2;box-sizing: border-box;padding:42px 34px 0 44px;box-shadow: 0 0 20px rgba(0,0,0,0.1);display: none;margin-bottom:20px;}
.al_nr li .al_w h4 a{display:block;height: 42px;line-height: 42px;font-size:26px;color: #000000;width:820px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.al_nr li .al_w p{font-size:16px;color: #4c4c4c;line-height: 26px;padding-top:10px;width:726px;}
.al_nr li .al_w em a{display: block;width:181px;height: 52px;background: #ed1c22;text-align: center;line-height: 52px;font-size:16px;color: #fff;position: absolute;right:43px;top:72px;}
.al_nr li.active{opacity:1;}
.al_nr li.active .al_w{display:block;}
.al_nr li.active .al_y{display: none}
.al_nr li i: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 i:before{left:150%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.al_nr li:hover i img{transform: scale(1.1);}
.al_j1,.al_j2{position: absolute;top:309px;}
.al_j1{left:-100px}
.al_j2{right:-100px}

.hz_c{position: relative;height: 200px;}
.hz_c .tempWrap{width:1200px!important;}
.hz_c li{float:left;width:210px;margin-right:37px;text-align: center;}
.hz_c li i{display: block;font-size:0;line-height: 0;width:208px;overflow: hidden;border:1px solid #c1c1c1;}
.hz_c li i img{width:208px;height: 117px;transition: all 0.5s}
.hz_c li span{display: block;font-size:16px;color: #000000;margin-top:6px;}
.hz_c li:last-child{margin:0;}
.hz_c li:hover i img{transform: scale(1.1);}
.hz_j1,.hz_j2{position: absolute;top:34px;}
.hz_j1{left:-41px;}
.hz_j2{right:-41px;}





.news{padding-top:63px;height:808px;}
.news .tit{height: 67px;line-height: 67px;position: relative;}
.news .tit span a{font-size:24px;color: #004cab;font-weight: bold;}
.news .tit i{font:12px arial;color: #999999;text-transform: uppercase;line-height: 42px;padding-left:10px;}
.news .tit:after{content: "";display: block;width:393px;height: 1px;background: #cccccc;position: absolute;left:112px;top:38px;}
.news .tit em a{float:right;font-size:14px;color: #666666;line-height:67px;box-sizing: border-box;padding-top:4px;text-transform: uppercase;}
.news .tit em a:hover{color:#004cab;}
.dongt{float:left;width:45%;}

.dt_a1 dl{height: 404px;}
.dt_a1 dt{font-size:0;line-height: 0;}
.dt_a1 dt img {width:100%;height: 267px;}
.dt_a1 dd{padding-top:14px;}
.dt_a1 dd h4 a{display: block;height: 33px;line-height: 33px;font-size:22px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.dt_a1 dd p{font-size:14px;color: #808080;line-height: 24px;padding-top:9px;}
.dt_a1 dd p a{color: #808080;}
.dt_a1 dl:hover dd h4 a{color: #21499b}
.dt_a1 li{height: 36px;line-height: 36px;}
.dt_a1 li a{font-size:14px;color: #333333;display:block;height:30px;}
.dt_a1 li span {float:right;font-size:14px;color: #333333}
.dt_a1 li a:hover{color: #004cab}

.went{float:right;width:720px;}
.wt_mo{font-size:0;line-height: 0;}
.wt_mo span {float:right;width:172px;height: 157px;background:#21499b;text-align: center;box-sizing: border-box;display: block;}
.wt_mo span a{font-size:18px;color: #fff;padding-bottom: 34px;display:block;background: url(../image/ns_ico4.png) no-repeat center bottom;margin-top:50px;line-height: 30px;transition: all 0.5s}
.wt_mo span a:hover{margin-top:45px;}


.ab_bj{background: url(../image/ab_bj.jpg) no-repeat center top;height: 958px;box-sizing: border-box;padding-top:160px;}
.ab_c dl{height: 554px;overflow: hidden;}
.ab_c dd{float:left;width:410px;}
.ab_c dd h2 a{display: block;height: 73px;line-height: 73px;font-size:48px;color: #000000;}
.ab_c dd em{display: block;font-size:16px;color: #000000;height: 28px;line-height: 28px;margin-top:12px;font-weight: bold;}
.ab_c dd p{font-size:16px;color: #818181;line-height: 28px;padding-top:138px;height: 182px;}
.ab_c dd i a{display: block;width:216px;height: 48px;line-height: 48px;background: #ed1c22;text-align: center;font-size:14px;color: #fff;transition: all 0.5s}
.ab_c dd i a:hover{margin-top:-8px;}
.ab_c dt{font-size:0;line-height: 0;float: right;width:700px;overflow: hidden;position: relative;margin-top:52px;}
.ab_c dt img{width:700px;height: 411px;transition: all 0.5s}
.ab_c dl:hover dt img{transform: scale(1.1)}
.ab_c dl 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}
.ab_c dl:hover dt:before{left:150%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.ab_c li{float:left;padding-top:56px;position: relative;margin-right:196px;}
.ab_c li p{height: 69px;line-height: 69px;overflow: hidden;position: relative;padding-right:10px;}
.ab_c li p em{font-size:72px;color: #21499b;font-weight: bold;letter-spacing: -1px}
.ab_c li p i{width:28px;height: 28px;background: #ed1c22;text-align: center;line-height: 28px;font-size:16px;color: #fff;font-weight: bold;position: absolute;right:0;top:0;border-radius: 50%;}
.ab_c li span{display: block;font-size:18px;color: #21499b;margin-top:8px;}
.ab_c li:after{content: "";display: block;width:0;height: 4px;background: #21499b;position: absolute;left:0;top:0;transition: all 0.5s}
.ab_c li:hover:after{width:125px;}
.ab_c li:last-child{margin:0;}


@media screen and (max-width:1440px) and (min-width:1366px) {
    html {font-size:20px;}
   

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