/*



overflow:hidden;text-overflow:ellipsis;white-space:nowrap;



-webkit-transition:all .7s;transition:all .7s;



transition: all 1s;



outline: 1px dashed #fff;outline-offset: -5px;



transform:rotate(360deg);



text-transform: Uppercase;font-family:Arial;



*/



/* 公用标题 */

@keyframes msClock {

	0%,70%,100% {transform: rotate(0) scale(1);}

	

	10%,30% {transform: rotate(-15deg) scale(1);}

	

	20%,40% {transform: rotate(15deg) scale(1);}

}





/* 产品中心 */

.box_01{width:100%;height:auto;padding-bottom:50px;overflow:hidden;}



.box_01 .top{width:1280px;height:252px;margin:0 auto;}



.box_01 .top .h_title{width:185px;height:252px; background:url(../img/bt_pro.png);float:left;}



.box_01 .top .fl_list{width:1010px;height:auto;margin-top: 97px;float:right;overflow:hidden;}



.box_01 .top .fl_list li{width: 214px;height:55px;background:#f4f4f4;border-radius:25px 2px 25px 2px;float:left;margin:0 27px 17px 0;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .fl_list li.active{background:#7bbc2f;-webkit-transition:all .7s;transition:all .7s;}




.box_01 .top .fl_list li a{display:block;width: 218px;padding: 0 5px 0 15px;font-size:16px;color:#333;line-height:55px;background: url(../img/pro_jt_01.png) 177px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}


.box_01 .top .fl_list li.active a{color:#fff;background:url(../img/pro_jt_02.png) 140px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list{width:1280px;height:auto;margin:50px auto 0 auto;overflow:hidden;}



.box_01 .pro_list li{width:270px;height:280px;padding:10px 10px 0 10px;background:#f4f4f4;border-radius:2px;overflow:hidden;float:left;margin:0 40px 30px 0;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li.active{background:#7bbc2f;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li:nth-of-type(4n){margin-right:0;}



.box_01 .pro_list li a{display:block;}



.box_01 .pro_list li .img{width:270px;height:230px;overflow:hidden;border-radius:2px;}



.box_01 .pro_list li .img img{display:block;width:270px;height:230px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_01 .pro_list li:hover .img img{transform: scale(1.05);}



.box_01 .pro_list li .name{width:200px;padding:0 45px 0 25px;height:50px;line-height:50px;font-size:16px;color:#333;background:url(../img/dian01.png) right center no-repeat;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li.active .name{color:#fff;background:url(../img/dian02.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li .name::before{content:'. .';font-size:16px;color:#333;line-height:40px;position:absolute;top:0;left:5px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li.active .name::before{content:'. .';font-size:16px;color:#fff;line-height:40px;position:absolute;top:0;left:5px;-webkit-transition:all .7s;transition:all .7s;}











/* 案例展示 */

.box_02{width:100%;height:auto;background:url(../img/case_back.jpg) center bottom no-repeat;overflow:hidden;}



.box_02 .top{width:1280px;height:252px;margin:0 auto; display: none;}



.box_02 .top .h_title{width:185px;height:252px; background:url(../img/bt_case.png);float:left;}



.box_02 .top .fl_list{width:950px;height:54px;margin-top:154px;float:right;overflow:hidden;display:flex;justify-content: space-between;}



.box_02 .top .fl_list li{width:223px;height:54px;background:url(../img/case_bk01.png);float:left;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .top .fl_list li.active{background:url(../img/case_bk02.png);-webkit-transition:all .7s;transition:all .7s;}



.box_02 .top .fl_list li a{display:block;width:140px;padding:0 13px 0 80px;font-size:18px;color:#333;line-height:54px;background:url(../img/case_icon.png) 17px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .center{width:1280px;height:355px;margin:125px auto 0 auto;position:relative;}



.box_02 .center::after{content:'cases';font-size:34px;color:#3253bd;font-weight:bold;font-family: 'Times New Roman';line-height:24px;text-transform: Uppercase;writing-mode: tb-rl;position:absolute;top:140px;right:-65px;}



.box_02 .center .left{width:100%;height:355px;float:left;display:flex;justify-content: space-between;}



.box_02 .center .left li:nth-child(4n) {
    margin-right: 0;
}
.box_02 .center .left li {
    width: 25%;
    height: 355px;
    float: left;
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin-right: 1%;
}


.box_02 .center .left li::after{content:'';width:340px;height:245px;background:#f4f4f4;position:absolute;bottom:0;left:0;z-index:-1;border-radius:2px;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .center .left li:hover::after{content:'';width:340px;height:245px;background:#7bbc2f;position:absolute;bottom:0;left:0;z-index:-1;border-radius:2px;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .center .left li::before{content:'';width:55px;height:50px;background:url(../img/more01.png);position:absolute;bottom:10px;right:10px;opacity:0;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .center .left li:hover::before{content:'';width:55px;height:50px;background:url(../img/more01.png);position:absolute;bottom:0;right:0;opacity:1;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .center .left li a{display:block;}



.box_02 .center .left li .img {
    width: 100%;
    height: 253px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 2px;
}


.box_02 .center .left li .img img {
    display: block;
    width: 100%;
    height: 100%;
    vertical-align: top;
    transition: all 1s;
    object-fit: cover;
}


.box_02 .center .left li:hover .img img{transform: scale(1.05);}



.box_02 .center .left li .name{width:260px;height:26px;padding-left:40px;margin:20px auto 0 auto;font-size:16px;color:#333;line-height:26px;background:url(../img/dian03.png) left center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .center .left li:hover .name{color:#fff;background:url(../img/dian04.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .center .left li p{width:240px;height:50px;margin:15px 0 0 60px;font-size:14px;color:#999;line-height:25px;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .center .left li:hover  p{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .center .bx{width:455px;height:355px;float:right;overflow:hidden;position:relative;}



.box_02 .center .bx::after{content:'';width:26px;height:50px;background:url(../img/dian05.png) center center no-repeat;position:absolute;bottom:0;left:20px;}



.box_02 .center .bx a{display:block;}



.box_02 .center .bx .img{width:445px;height:295px;border:solid 5px #eee;margin:0 auto;overflow:hidden;border-radius:2px;}



.box_02 .center .bx .img img{display:block;width:445px;height:295px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_02 .center .bx:hover .img img{transform: scale(1.05);}



.box_02 .center .bx .name{width:auto;max-width:220px;font-size:16px;color:#333;line-height:50px;position:absolute;bottom:0;right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .center .bx:hover  .name{color:#3253bd;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list{width:1280px;height:202px;margin:125px auto 0 auto;background:url(../img/lc_line.png) center 5px no-repeat;display:flex;justify-content: space-between;}



.box_02 .lc_list li{width:152px;height:152px;float:left;position:relative;z-index:2;cursor:pointer;}



.box_02 .lc_list li:nth-of-type(2n){margin-top:50px;}



.box_02 .lc_list li::after{content:'';width:152px;height:152px;background:#3253bd;border-radius:50%;position:absolute;top:5px;left:0;z-index:-1;}



.box_02 .lc_list li:nth-of-type(2n)::after{content:'';width:152px;height:152px;background:#3253bd;border-radius:50%;position:absolute;top:-5px;left:0;z-index:-1;}



.box_02 .lc_list li .bx{width:152px;height:152px;background:url(../img/lc_yu01.png);float:left;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li.active .bx,.box_02 .lc_list li:hover .bx{background:url(../img/lc_yu02.png);-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li .bx i{display:block;width:38px;height:38px;margin:35px auto 0 auto;}



.box_02 .lc_list li.active .bx i,.box_02 .lc_list li:hover .bx i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;}



.box_02 .lc_list li:nth-of-type(1) .bx i{background:url(../img/lc_icon_01.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(2) .bx i{background:url(../img/lc_icon_03.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(3) .bx i{background:url(../img/lc_icon_05.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(4) .bx i{background:url(../img/lc_icon_07.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(5) .bx i{background:url(../img/lc_icon_11.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(1).active .bx i,.box_02 .lc_list li:nth-of-type(1):hover .bx i{background:url(../img/lc_icon_02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(2):hover .bx i{background:url(../img/lc_icon_04.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(3):hover .bx i{background:url(../img/lc_icon_06.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(4):hover .bx i{background:url(../img/lc_icon_08.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li:nth-of-type(5):hover .bx i{background:url(../img/lc_icon_10.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li .bx span{display:block;width:1px;height:10px;background:#333;margin:10px auto 0 auto;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li.active .bx span,.box_02 .lc_list li:hover .bx span{background:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li .bx p{font-size:16px;color:#333;line-height:16px;text-align:center;margin-top:10px;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .lc_list li.active .bx p,.box_02 .lc_list li:hover .bx p{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .bt{width:170px;height:96px;background:url(../img/bt_lc.png);margin:40px auto 0 auto;position:relative;}



.box_02 .bt::before{content:'';width:42px;height:34px;background:url(../img/lc_dh.png);position:absolute;top:20px;left:-60px;}









/* 关于我们 */

.box_03{width:100%;height:923px;background:url(../img/ab_back.jpg) center bottom no-repeat;overflow:hidden;}



.box_03 .top{width:1280px;height:210px;margin:0 auto;position:relative;}



.box_03 .top .wz{padding-left:108px;height:148px; background:url(../img/ab_line.png) left top no-repeat;position:absolute;left:0;top:0;}



.box_03 .top .wz p:nth-of-type(1){font-size:18px;color:#333;line-height:18px; letter-spacing:3px;margin-top:98px;}



.box_03 .top .wz p:nth-of-type(2){font-size:14px;color:#ccc;line-height:16px;font-family: 'Times New Roman';letter-spacing:3px;margin-top:15px;}



.box_03 .top .h_title{width:185px;height:252px;background:url(../img/bt_ab.png);position:absolute;top:0;right:0;z-index:3;}



.box_03 .center{width:1280px;height:475px;margin:0 auto;position:relative;}



.box_03 .center .img{width:815px;height:465px;border:solid 5px #f8f8f8;position:relative;overflow:hidden;float:left;}



.box_03 .center .img img{display:block;width:815px;height:465px; vertical-align:top;}



.box_03 .center .img .zm{font-size:44px;color:rgba(255,255,255,0.2);font-weight:bold;font-family: 'Times New Roman';line-height:30px;text-transform: Uppercase;writing-mode: tb-rl; letter-spacing:8px;position:absolute;top:60px;right:35px;}



.box_03 .center .txt{width:355px;height:350px;padding:0 50px;margin-top:125px;background:#3253bd;position:relative;overflow:hidden;float:right;}



.box_03 .center .txt h3{font-size:22px;color:#fff;line-height:22px;margin-top:80px;}



.box_03 .center .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;line-height:35px;height:140px;font-size:16px;color:#fff;margin-top:35px;}



.box_03 .center .txt .more{display:block;width:55px;height:50px;background:url(../img/more02.png);position:absolute;bottom:0;right:0;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .center:hover .txt .more{background:url(../img/more01.png);-webkit-transition:all .7s;transition:all .7s;}



.box_03 .bottom{width:1280px;height:118px;margin:85px auto 0 auto;position:relative;}



.box_03 .bottom .pos{width:195px;height:118px;position:absolute;top:0;right:-20px;background:url(../img/ab_pos.png);}



.box_03 .bottom .left{width:210px;height:118px;float:left;position:relative;margin-right:120px;}



.box_03 .bottom .left::after{content:'';width:30px;height:1px;background:#999;position:absolute;top:40px;right:0;}



.box_03 .bottom .left p:nth-of-type(1) {
    font-size: 38px;
    color: #333;
    font-weight: bold;
    font-family: 'Times New Roman';
    line-height: 46px;
    position: absolute;
    top: 0;
    left: 14px;
}


.box_03 .bottom .left p:nth-of-type(2){font-size:30px;color:#333;line-height:30px;position:absolute;top:0;right:25px;}



.box_03 .bottom .left p:nth-of-type(3){font-size:18px;color:#333;line-height:18px;position:absolute;top:58px;right:25px;}



.box_03 .bottom .list{width:745px;height:118px;float:left;display:flex;justify-content: space-between;}



.box_03 .bottom .list li{width:auto;height:118px;float:left;position:relative;}



.box_03 .bottom .list li::after{content:'';width:60px;height:1px;background:#3253bd;position:absolute;top:43px;right:0;}



.box_03 .bottom .list li p{font-size:24px;color:#333;line-height:24px;}



.box_03 .bottom .list li .num{width:34px;height:34px; background:#3253bd;border-radius:2px;margin-top:20px;font-size:24px;color:#fff;line-height:34px;text-align:center;font-weight:bold;font-family: 'Times New Roman';}









/* 新闻资讯 */

.box_04{width:100%;height:auto;padding-bottom:60px;background:url(../img/news_back.jpg) center top no-repeat;overflow:hidden;}



.box_04 .top{width:1280px;height:345px;margin:0 auto;position:relative;}



.box_04 .top::after{content:'';width:47px;height:152px;background:url(../img/tel02.png);position:absolute;top:0;right:285px;}



.box_04 .top .left{padding:110px 0 0 88px; background:url(../img/news.png) left top no-repeat;float:left;margin-top:85px;}



.box_04 .top .left p:nth-of-type(1){font-size:18px;color:#fff;line-height:18px;letter-spacing:11px;}



.box_04 .top .left p:nth-of-type(2){font-size:12px;color:#b2c3f8;line-height:15px;font-family: 'Times New Roman';letter-spacing:5px;margin-top:30px;}



.box_04 .top .h_title{width:185px;height:252px;background:url(../img/bt_news.png);float:right;margin-top:50px;}



.box_04 .news_center{width:1280px;height:auto;margin:0 auto;position:relative;}



.box_04 .news_center .hd{width:1280px;height:148px;}



.box_04 .news_center .hd .wz{padding-left:108px;height:148px;background:url(../img/news_line.png) left top no-repeat;position:relative;float:left;}



.box_04 .news_center .hd .wz p:nth-of-type(1){font-size:18px;color:#333;line-height:18px; letter-spacing:3px;margin-top:98px;}



.box_04 .news_center .hd .wz p:nth-of-type(2){font-size:14px;color:#ccc;line-height:16px;font-family: 'Times New Roman';letter-spacing:3px;margin-top:15px;}



.box_04 .news_center .hd ul{width:auto;height:54px;overflow:hidden;float:right;margin-top:90px;display:flex;justify-content: space-between;}



.box_04 .news_center .hd ul li{width:196px;height:54px;    margin-left: 20px;background:url(../img/nbk01.png);overflow:hidden;float:left;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .news_center .hd ul li:first-child{background:url(../img/nbk02.png);-webkit-transition:all .7s;transition:all .7s;}



.box_04 .news_center .hd ul li a{display:block;width:116px;padding-left:80px;line-height:54px;font-size:18px;color:#333;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .news_center .hd ul li:first-child a{font-weight:bold;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .news_center .hd ul li:nth-of-type(1) a{background:url(../img/n_icon_01.png) 17px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .news_center .hd ul li:nth-of-type(2) a{background:url(../img/n_icon_03.png) 17px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .news_center .hd ul li:nth-of-type(3) a{background:url(../img/n_icon_05.png) 17px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .news_center .hd ul li:first-child a{background:url(../img/n_icon_02.png) 17px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .news_center .hd ul li:nth-of-type(2).on a{background:url(../img/n_icon_04.png) 17px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .news_center .hd ul li:nth-of-type(3).on a{background:url(../img/n_icon_06.png) 17px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .news_center .bd{width:1280px;height:405px;margin:55px auto 0 auto;position:relative;}



.box_04 .news_center .bd .main{width:1280px;height:405px;position:relative;}



.box_04 .news_center .bd .main .bx{width:345px;height:405px;border-radius:2px;padding:0 25px;float:left;overflow:hidden; background:#f4f4f4;}



.box_04 .news_center .bd .main .bx a{display:block;}



.box_04 .news_center .bd .main .bx .img{width:345px;height:235px;margin:25px auto 0 auto;overflow:hidden;}



.box_04 .news_center .bd .main .bx .img img{display:block;width:345px;height:235px;object-fit:cover;vertical-align:top;transition: all 1s;}



.box_04 .news_center .bd .main .bx:hover .img img{transform: scale(1.1);}



.box_04 .news_center .bd .main .bx .txt{width:305px;height:auto;padding-top:28px;margin:0 auto;position:relative;}



.box_04 .news_center .bd .main .bx .txt .date{width:60px;height:85px; background:#3253bd;border-radius:2px;position:absolute;top:-45px;right:0;z-index:2;font-size:34px;color:#fff;font-weight:bold;font-family: 'Times New Roman';line-height:70px;text-align:center;}



.box_04 .news_center .bd .main .bx .txt .date::before{content:'';width:20px;height:2px;background:#fff;position:absolute;bottom:20px;left:20px;;}



.box_04 .news_center .bd .main .bx .txt span{display:block;font-size:18px;color:#999;line-height:13px;font-family: 'Times New Roman';}



.box_04 .news_center .bd .main .bx .txt .name{font-size:16px;color:#333;line-height:20px;margin-top:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .news_center .bd .main .bx:hover .txt .name{color:#3253bd;margin-left:5px;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .news_center .bd .main .bx .txt .more{width:305px;height:19px; background:url(../img/jia.png) right center no-repeat;margin-top:20px;}



.box_04 .news_center .bd .main .list{width:840px;height:388px;overflow:hidden;margin-top:13px;overflow:hidden;float:right;background:url(../img/nline.png) center center no-repeat;}



.box_04 .news_center .bd .main .list li{width:400px;height:97px;line-height:97px;float:left;position:relative;}



.box_04 .news_center .bd .main .list li:nth-of-type(2n){float:right;}



.box_04 .news_center .bd .main .list li:nth-of-type(1)::before,

.box_04 .news_center .bd .main .list li:nth-of-type(5)::before{content:'';width:2px;height:17px;background:#e5e5e5;position:absolute;top:40px;right:-20px;}



.box_04 .news_center .bd .main .list li:nth-of-type(3)::before,

.box_04 .news_center .bd .main .list li:nth-of-type(7)::before{content:'';width:2px;height:17px;background:#e5e5e5;position:absolute;top:40px;left:305px;}



.box_04 .news_center .bd .main .list li a {
    display: block;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}



.box_04 .news_center .bd .main .list li .name{width:260px;font-size:16px;color:#666;padding-left:25px;background:url(../img/dian06.png) left center no-repeat;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .news_center .bd .main .list li:hover .name{color:#3253bd;background:url(../img/dian07.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .news_center .bd .main .list li span{display:block;width:55px;font-size:16px;color:#999;font-family: 'Times New Roman';float:right;}













/* 友情链接 */

.box_05{width:100%;height:32px;padding-bottom:60px;overflow:hidden;}



.box_05 .links{width:1280px;height:32px;margin:0 auto;overflow:hidden;position:relative;z-index:2;}



.box_05 .links .lk{width:135px;height:32px;float:left;background:url(../img/links.png) center center no-repeat;position:relative;}



.box_05 .links .lk p{font-size:17px;color:#000;line-height:30px;position:absolute;top:0;right:0;}



.box_05 .links .link{width:1100px;overflow:hidden;position:relative;float:right;height:54px;}



.box_05 .links .link a{display:block;float:left;width:auto;margin-right:30px;font-size:14px;line-height:32px;color:#999;position:relative;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .links .link a:hover{color:#3253bd;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .links .link a:last-child{margin-right:0;}















/* animated home */

.animated { -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite}

.animated.hinge {  -webkit-animation-duration: 2s; animation-duration: 2s }



@-webkit-keyframes fadeInUp {

    0% {

        opacity:0;

        -webkit-transform:translate3d(0, 100%, 0);

        transform:translate3d(0, 100%, 0)

    }

    100% {

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@keyframes fadeInUp {

    0% {

        opacity:0;

        -webkit-transform:translate3d(0, 100%, 0);

        transform:translate3d(0, 100%, 0)

    }

    100% {

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.animated_1 { animation-delay:0.3s; }

.animated_2 { animation-delay:0.6s; }

.animated_3 { animation-delay:0.9s; }

.animated_4 { animation-delay:1.2s; }

.animated_5 { animation-delay:1.7s; }

.animated_6 { animation-delay:1.8s; }

.animated_7 { animation-delay:2.1s; }

.animated_8 { animation-delay:2.4s; }

.animated_9 { animation-delay:2.7s; }

.animated_10 { animation-delay:3s; }

.animated_11 { animation-delay:3.3s; }

.animated_12 { animation-delay:3.6s; }



/* animated end */









@keyframes jello {

  from,

  11.1%,

  to {

    -webkit-transform: none;

    -moz-transform: none;

    transform: none;

  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg);

  }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    -moz-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg);

  }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg);

  }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg);

  }

  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg);

  }

  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg);

  }

  88.8% {

    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

  }

}