/* Wei Style Main */
/* TOP */
.wtop-r { margin-top:20px;text-align:right; }
.wtop-r a{ color: #292929; font-size: 12px; background-repeat:no-repeat;text-align:center; width:36px; height:36px;border-radius: 36px;-webkit-border-radius: 36px; background-color: #e6e6e6; display:inline-block; vertical-align:top; margin-left:10px;position:relative; line-height: 36px;}
.wtop-r a:hover,.wtop-r a.act {color: #fff;background-color: #a41e1e;}
.top-tel {background-image:url(../../images/tel.png);} 
.top-mal {background-image:url(../../images/mal.png)} 
.top-ewm {background-image: url(../../images/ewm.png)} 
.search { width:350px; margin-left:1em; background-color:#FFF; display: inline-block; height:36px; position:relative;border-radius: 36px;-webkit-border-radius: 36px;-moz-border-radius: 36px;}
.search .seinp { border: 1px #898989 solid; margin-left:20px;padding:10px 10px;height:36px;width:300px; border-radius: 36px;-webkit-border-radius: 36px; background-color:#fff; font-size:14px; position:relative; z-index:2; outline:none;}
.search .sesub { position: absolute; width:36px; right:5px;z-index:3; border:none;height:36px;cursor:pointer;-webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s; background:url(../../images/sesc.jpg) center center no-repeat;}
.search .sesub:hover { right:7px;}
.w-pad { padding:0 40px;}
.am-topbar-brand img {max-width: 100%;height: auto;}

/* MENU */
.mopen { margin-top:30px;}
.am-menu-offcanvas1 .am-menu-nav > li.wnav-home a{ border-bottom:1px #a41e1e solid; height:141px; line-height:141px;}
.mclose { position:absolute; right:20px; top:50px; border:none; background:none;outline:none;}

.w-bnav { float:right; margin-top:40px;}
.w-bnav .am-nav > li > a {  padding: .3em .8em; font-size:16px; font-weight:500; color: #292929;}
.w-tcnav {position: absolute;top: 100%;width: 130px;height: auto;margin-left: -65px;margin-top: 0;list-style: none;padding: 0;left: 50%;z-index: 999;opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.3s;transition: opacity 0.3s, transform 0.3s;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);visibility: hidden;}
.w-bnav .am-nav > li > ul.w-tcnav li {border-bottom: rgba(0,0,0,.6) 1px solid}
.w-bnav .am-nav > li > ul.w-tcnav li a {padding:10px 20px;display: block;color: #ffffff;font-size: 14px; text-align:center;-webkit-transition:  all ease-out .2s;-moz-transition:  all ease-out .2s;transition:  all ease-out .2s;background:url(../../images/tcnavx.png) bottom center no-repeat rgba(0,0,0,.6);}
.w-bnav .am-nav > li > ul.w-tcnav li:last-child a { background-image:none;}
.w-bnav .am-nav > li:hover > ul.w-tcnav {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);visibility: visible;}
.w-bnav .am-nav > li:hover > ul.w-tcnav li a:hover {background-color:#a41e1e;background-image:none; bcolor: #fff}
.am-menu-offcanvas1 .am-menu-nav > li.b-act > a{ color:#fff;}

/* CENTER */
.site-cen {width: 100%; margin: 0 auto; padding:50px 0;}
.ctit { border-left: 3px #a41e1e solid; color: #444444; font-size: 32px; line-height: 34px; padding-left: 10px; padding-bottom: 2px; margin: 10px 0 30px;}
.abo-p { color: #808080; line-height: 28px;} 
.abomore { color: #292929; text-transform: uppercase;border-bottom: 3px #a41e1e solid; background-color: #eee; padding: 12px 50px;margin-top: 20px; display: inline-block;-webkit-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.abomore:hover {background-color: #a41e1e;color: #fff;}
.indabo { overflow: hidden}
.indabo img{ max-width:100%; height:auto;-webkit-transition:  all ease-out .5s;-moz-transition:  all ease-out .5s;transition:  all ease-out .5s;}
.indabo a:hover img{transform:scale(1.03);-webkit-transform:scale(1.03);}

.site-vid {width: 100%; margin: 0 auto; padding:50px 0; background-color: #eeeeee;}
.site-vid .vid-tit { background: url(../../images/vtitbg.png) no-repeat center bottom; padding-bottom: 10px;text-align: center; font-size: 3rem; color: #454545; font-weight: normal; margin-bottom: 30px; display: none}
.site-vid .vid a{ display: block; overflow: hidden;position: relative;}
.site-vid .vid a span {position: absolute;bottom: 20px;left: 6%;width: 88%;}
.site-vid .vid span h3 { font-size:4.5rem; color:#fff; font-weight:normal; overflow:hidden; position: relative;-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
.site-vid .vid span p { font-size:14px; color:#fff;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;opacity:0;filter: alpha(opacity=0);-webkit-transform: translate3d(0,50px,0);transform: translate3d(0,50px,0);-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;}
.site-vid .vid img { max-width:100%; height:auto;-webkit-transition:  all ease-out .5s;-moz-transition:  all ease-out .5s;transition:  all ease-out .5s;}
.site-vid .vid a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.site-vid .vid a:hover h3{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.vidii {position: absolute;left: 0;top: 0;}
.site-vid .vid a:hover span p {opacity:1;filter: alpha(opacity=100);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-webkit-transition-duration: 0.35s;transition-duration: 0.35s;}

.vidmain {position: relative; margin-top: 30px; overflow: hidden;}
.vidmain span {position: absolute; width: 100%; text-align: center; top:50%; left: 0; font-size: 30px; color: #fff; padding-bottom: 80px; background: url(../../images/vplay.png ) no-repeat center bottom; margin-top: -64px;}
.vidmain a img {-webkit-transition:  all ease-out .5s;transition:  all ease-out .5s;}
.vidmain a:hover img {transform:scale(1.05);-webkit-transform:scale(1.05);}

.site-team {width: 100%; margin: 0 auto; padding:50px 0 100px;color:#eee;background-color: #1e2127;text-align:center;}
.site-team .team-title{font-size: 4rem; padding:10px;font-weight: normal;margin: 0;}
.site-team .team-p {max-width: 800px; padding:0 20px; display: inline-block;}

.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;}
.team-swiper {margin-top: 50px;}
.team-swiper .teamimg {overflow: hidden;}
.team-swiper .teamimg img {max-width: 100%; height: auto; -webkit-transition:  all ease-out .5s;transition:  all ease-out .5s;}
.team-swiper .teamimg  a:hover img {transform:scale(1.02);-webkit-transform:scale(1.02);}
.team-swiper h3 { text-transform: uppercase; font-size: 2.5rem; text-align: left; font-weight: normal; margin: 20px 0 10px;}
.team-swiper p {text-align: left;color: #767d89;font-size: 1.4rem; margin-top: 0; padding-bottom: 40px; background: url(../../images/teamtt.jpg) no-repeat left bottom;}
.team-swiper p.tt2{background: url(../../images/teamtt2.jpg) no-repeat left bottom;}

/* FOOT */
.footer { background: #0e0f12; width: 100%; margin: 0; padding:20px 0 30px;}
.footer .f-link {margin-left: -10px;}
.footer .f-link a{ font-size: 1.4rem; color: #fff; display:inline-block; margin-left: 10px; line-height: 26px;}
.footer .f-link a:hover {text-decoration: underline;}
.footer .f-ewm {text-align: center; padding-top: 20px;}
.footer .f-ewm span{display: inline-block; padding: 6px; background-color: #434955;}

.w-banq {text-align: right;}
.w-banq .tel {font-family: Arial; display: inline-block; padding-left: 40px; background: url(../../images/tel.png) no-repeat left center; font-size: 3rem; color: #fff; font-weight: normal; margin:20px 0 0;}
.w-banq .banq {font-size: 1.4rem; color: #c8c8c8; background: url(../../images/telx.jpg) no-repeat top right; padding-top: 10px;margin:5px 0;}

/* LIST */
.nyban {width: 100%; overflow: hidden; margin: 0 auto;}
.listnav { padding: 40px 0;}
.list-tit { border-bottom: 1px #c1c1c1 solid;}
.list-tit h3{font-size: 4rem; line-height: 30px; color: #6e6e6e; font-weight: normal;float: left;}
.list-tit span {float: right; font-size: 1.4rem; color: #ababab; padding-top: 20px;}
.list-tit span a {color: #ababab;}
.list-tit span a:hover {color: #ababab;}
.listnav .linav { margin-left: 175px;}
.listnav .linav ul{list-style: none;padding: 0;margin: 0;}
.listnav .linav li {margin: 0 35px; float: left;border-top: 4px #fff solid;}
.listnav .linav li.act {border-top: 4px #a41e1e solid;}
.listnav .linav li a{ color: #444; padding: 10px 0; display: block; -webkit-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.listnav .linav li a:hover,.listnav .linav li.act a {color: #a41e1e;}

.list-cen {width: 100%; margin: 0 auto; padding:0 0 50px;}
.listnr { line-height: 30px;}
.listnr img {max-width: 100%; height: auto;}
.ntit {text-align: center; font-size: 2.2rem;}
.nftit {text-align: center;font-size: 1.4rem; color: #888;margin-bottom: 20px;}

.img-lb {margin:0 -1rem;}
.img-lb li {padding: 1rem;}
.img-lb li a {display: block;overflow: hidden;position: relative;}
.img-lb li a h3 {position: absolute;bottom: 10px;left: 10%;width: 80%;font-size: 3rem;color: #fff;font-weight: normal;}
.img-lb li a img { max-width:100%; height:auto;-webkit-transition:  all ease-out .5s;-moz-transition:  all ease-out .5s;transition:  all ease-out .5s;}
.img-lb li a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.img-lb li a p {color: #666; background-color: #fff; font-weight: normal; text-align: center; margin: 0; padding: 10px 0; position: relative;z-index: 3;}
.img-lb li a:hover p {color: #a41e1e;}

.img-sb li {margin: 1rem 0; padding: 1rem;}
.img-sb li a {display: block;overflow: hidden;position: relative;}
.img-sb li a h3{color: #666;font-weight: normal; text-align: center; margin-top: 1rem;-webkit-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.img-sb li span { display: block; overflow: hidden;border: 1px #d0d0d0 solid;-webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.img-sb li a img { max-width:100%; height:auto;  margin: 0 auto;-webkit-transition:  all ease-out .5s;-moz-transition:  all ease-out .5s;transition:  all ease-out .5s;}
.img-sb li a:hover span{border: 1px #a41e1e solid;}
.img-sb li a:hover img{transform:scale(1.03);-webkit-transform:scale(1.03);}
.img-sb li a:hover  h3 { color: #a41e1e;}

.list-page { margin-top:50px; text-align:right;}
.list-page a {color:#fff; display:inline-block;background-color: #b5b5b5; padding: 4px 14px; vertical-align:top;-webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s; text-align:center; margin:5px;}
.list-page span {color:#fff;margin:5px;background-color: #cc4242; display:inline-block;padding: 4px 14px; vertical-align:top;text-align:center;}
.list-page a:hover {  background-color: #cc4242;}

.list-news ul{list-style:none; padding:0; margin:0;}
.list-news li { margin:10px 0; float:left;width: 100%; border: 1px #e8e8e8 solid; padding: 13px;}
.list-news li a { display:block;}
.list-news li .list-new-img { width:26%; float:left}
.list-news li .list-new-img img { max-width:100%; height:auto;-webkit-transition:  all ease-out .5s;-moz-transition:  all ease-out .5s;transition:  all ease-out .5s;}
.list-news li .list-new-nr { float:right; width:70%; position:relative}
.list-news li .list-new-nr a{ font-size:22px; color:#666666;padding-bottom:6px;webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.list-news li .list-new-nr p { color:#9f9f9f;line-height:26px; margin:12px 0 0;overflow : hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.list-news li .list-new-nr span {color:#9f9f9f;font-size:18px; display: block;  padding-bottom: 10px; background: url(../../images/newxt.jpg) no-repeat left bottom}
.list-news li .list-new-nr a:hover {color:#a41e1e;}
.list-news li a:hover img{transform:scale(1.02);-webkit-transform:scale(1.02);}

.fanhui span  {display: inline-block; background-color: #fff; color: #636363; font-size: 22px; padding-right: 10px;}
.fanhui span a{ font-size: 14px; background-color: #a41e1e; padding: 6px 16px; color: #fff; margin-right: 10px;}

.protit {background: url(../../images/lisbgt.jpg) repeat-x center; margin: 30px 0 20px;}
.protit span  {display: inline-block; background-color: #fff; color: #666; font-size: 26px; padding-right: 10px;}
.procp img {max-width: 100%; height: auto;}
.pronr {line-height: 30px;}
.proyy ul{list-style: none;padding: 0;margin: 0;}
.proyy ul li {width: 33.333%; float: left; padding:5px 10px;}

.img-lm {margin:0 -1rem;}
.img-lm li {margin: 1rem 0; padding: 0 1rem;}
.img-lm li a {display: block;overflow: hidden;position: relative;background-color: #000;}
.img-lm li a img{width: 100%;height:auto;-webkit-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.img-lm li a i {background: url(../../images/yanj.png); width: 64px; height: 40px; position: absolute;left: 50%;top: 34%; margin: -20px 0 0 -32px;opacity:0;filter: alpha(opacity=0);-webkit-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.img-lm li .prolm {background-color: #f0f0f0;padding: 10px;border-bottom: 6px #fff solid;-webkit-transition:  all ease-out .3s;transition:  all ease-out .3s;position: relative;
z-index: 2;}
.img-lm li .prolm h3{color: #474747;font-size: 2rem;  font-weight: normal;  margin: .4rem 0;}
.img-lm li .prolm p { font-size: 14px;color: #666666; margin: 0 0 1rem}
.img-lm li a:hover .prolm{border-bottom: 6px #a41e1e solid;}
.img-lm li a:hover img {opacity:0.5;filter: alpha(opacity=50);transform:scale(1.03);-webkit-transform:scale(1.03);}
.img-lm li a:hover  i {opacity:1;filter: alpha(opacity=100);}

.team2-swiper {margin-top: 50px; padding: 50px 0 22px;border-top: 1px #e1e1e1 solid;}
.team2-swiper .teamimg {overflow: hidden;}
.team2-swiper .teamimg img {max-width: 100%; height: auto; -webkit-transition:  all ease-out .5s;transition:  all ease-out .5s;}
.team2-swiper .teamimg  a:hover img {transform:scale(1.02);-webkit-transform:scale(1.02);}
.team2-swiper h3 { text-transform: uppercase; font-size: 2rem; color: #444; text-align: left; font-weight: normal; margin: 20px 0 10px;}
.team2-swiper p {text-align: left;color: #767d89;font-size: 1.4rem; margin-top: 0; height: 44px; overflow: hidden;}
.team2-swiper .team2p,.team2-swiper .team2n {position: absolute;top:auto;bottom:0;width: 95px;height: 43px;opacity: 1; margin-top: 0;border-bottom: 1px #e1e1e1 solid;border-top: 1px #e1e1e1 solid;-webkit-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.team2-swiper .team2p {background:url(../../images/banl2.png) #fff no-repeat center center; right: 50%; left: auto;border-left: 1px #e1e1e1 solid}
.team2-swiper .team2n {background:url(../../images/banr2.png) #fff no-repeat center center; left: 50%;right: auto;border-right: 1px #e1e1e1 solid}
.team2-swiper .team2p:hover,.team2-swiper .team2n:hover {background-color: #e1e1e1;}
.team2x {margin: 30px 0 0;}

.teampic h4{ font-size: 26px; color: #666; font-weight: normal; margin: 0;}
.teampic p {color: #666; line-height: 30px;margin: 0;}
.team-zuo li{padding: 1rem;}

.list-news2 ul{list-style:none; padding:0; margin:0;}
.list-news2 li { margin:10px 0; width: 100%; float:left; background-color: #f1f1f1; overflow: hidden;}
.list-news2 li a { display:block;}
.list-news2 li .list-new-img { width:18%; float:left}
.list-news2 li .list-new-img img { max-width:100%; height:auto;-webkit-transition:  all ease-out .5s;-moz-transition:  all ease-out .5s;transition:  all ease-out .5s;}
.list-news2 li .list-new-nr { float:right; width:79%; position:relative}
.list-news2 li .list-new-nr a{ font-size:26px; color:#666666;padding-bottom:6px;webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.list-news2 li .list-new-nr p { color:#9f9f9f;line-height:26px; margin:12px 0 0;overflow : hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; height: 52px;}
.list-news2 li .list-new-nr time {color:#666; display: block;}
.list-news2 li .list-new-nr a:hover {color:#a41e1e;}
.list-news2 li a:hover img{transform:scale(1.02);-webkit-transform:scale(1.02);}

.newtd img{max-width: 100%; height: auto;}
.newtd .tit{ font-size: 26px; color: #666;}
.newtd .tit:hover{ color: #a41e1e;}
.newtd time { display: block; color: #666;}
.newtd p {color: #666; height: 100px; overflow: hidden;}
.newtd .newii{ padding-right: 26px; overflow: hidden}
.newtd .newii img {width: 100%;-webkit-transition:  all ease-out .5s;-moz-transition:  all ease-out .5s;transition:  all ease-out .5s;}
.newtd .newii a:hover img{transform:scale(1.02);-webkit-transform:scale(1.02);}

.w-louy {max-width: 600px; margin: 0 auto}
.w-louy .liuyanbut { background-color: #a41e1e; color: #fff;padding: 0.8em 1.6em;}
.w-louy .am-form-label{padding-top: 0.2em;}
.w-louy .am-form-group {margin-bottom: 2rem;}

.abo-us {margin: 30px auto;}
.abo-us h3{ color: #6e6e6e; font-size: 30px; background: url(../../images/icon.jpg) no-repeat left center; padding-left: 50px; font-weight: normal;}
.abo-us p{ color: #515151; font-size: 18px; }
.abo-us .us-img img{ width: 100%; height: auto;-webkit-transition:  all ease-out .5s;-moz-transition:  all ease-out .5s;transition:  all ease-out .5s;}
.abo-us .us-img:hover img{ width: 100%; height: auto;transform:scale(1.02);-webkit-transform:scale(1.02); }

.car {height: 184px; padding-top: 50px; width: 100%; overflow: hidden; margin: 30px 0; text-align: center;}
.car span {display: inline-block; text-transform: uppercase; margin: 0 20px; font-size: 30px; color: #6e6e6e;}

.flo {position: fixed; right: 6px; top: 50%; width: 60px;}
.flo a { display: block; width: 60px; height: 60px; text-align: center; line-height: 60px; border-radius:6px;-webkit-border-radius:6px; margin-top: 3px; background-color: #6e6e6e;-webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.flo a:hover {background-color: #a41e1e;}

.sbnav { margin:0 0 20px;}
.sbnav a { display: inline-block; background-color: #e1e1e1; padding: 6px 10px; color: #666;-webkit-transition:  all ease-out .3s;-moz-transition:  all ease-out .3s;transition:  all ease-out .3s; margin:0 1rem;}
.sbnav a:hover,.sbnav a.act{ background-color: #a41e1e; color: #fff;}

.wapbot { display: none; z-index: 1050; background-color: #1a1c22; position: fixed; left: 0; bottom: 0; height: 72px; overflow: hidden; width: 100%;}
.wapbot a { float: left; width: 25%; text-align: center; padding-top: 10px;}
.wapbot a img { max-width: 100%; height: 30px;}
.wapbot a p { color: #fff; font-size: 14px;margin:5px 0;}

@media only screen and (max-width: 1024px){
	.w-bnav,.search {display: none;}
	.am-topbar-brand {height: 118px;line-height: 118px;}
	.wtop-r {margin-top: 40px;margin-right: 20px;}

}
@media only screen and (min-width: 641px) {
	.teamp,.teamn { display: none;}	
}
@media only screen and (max-width: 640px) {
	.am-topbar-brand {width:50%;padding: 0;}
	.wtop-r { float: right;}
	.am-slider-default .am-direction-nav a {height: 50px;margin: -25px 0 0;}
	.am-slider-default .am-direction-nav a:before {line-height: 50px!important;height: 50px;}
	.site-cen {padding: 20px 0;}
	.abomore {margin-bottom: 30px;}
	.site-vid {padding: 20px 0 0}
	.site-vid .vid-tit { display: block}
	.site-vid .vid a { margin-bottom: 20px;}
	.vidmain {margin: 0 -1rem;}
	.vidmain a { height: 268px;display: block;}
	.vidmain a img {display: none}
	.site-team .team-title {font-size: 3rem; background: url(../../images/vtitbg.png) no-repeat center bottom;}
	.w-banq {text-align: left;}
	.w-banq .banq {background-position: left top}
	.list-tit h3 {font-size: 3rem;float: none;margin-bottom: 10px;}
	.list-tit span {float: none;}
	.listnav .linav {margin-left: 0;}
	.listnav .linav li {margin:5px 0;float: left;border-top:none; width: 50%;}
	.listnav .linav li.act {border-top:none;}
	.listnav .linav li a{padding: 6px 16px;}
	.listnav .linav li.act a { background-color: #a41e1e;color: #fff;}
	.listnav .linav li a:hover {background-color: #a41e1e; color: #fff;}
	.list-page {text-align: center;}
	.list-news li .list-new-img ,.list-news2 li .list-new-img {width: 100%;}
	.list-news li .list-new-nr,.list-news2 li .list-new-nr {width: 100%; margin-top: 20px;}
	.list-news li .list-new-img img,.list-news2 li .list-new-img img {width: 100%;}
	.abo-us .us-img  {margin-bottom: 10px;}
	.proyy ul li { width: 100%;}
	.footer  { margin-bottom: 72px;}
	.wapbot { display: block;}
	.flo {display: none; }
}
@media only screen and (max-width: 400px) {
	.mopen {margin-top: 40px;}
	.mopen img {width: 36px;}
	.wtop-r {margin-right: 10px;}
	.wtop-r a {margin-left: 5px;}
}


/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

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

  100% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
}

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

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

  100% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
}

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .2s, 1.5s;
  animation-duration: .2s, 1.5s;
  -webkit-animation-delay: 0s, .2s;
  animation-delay: 0s, .2s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}