#banner{ position:relative; overflow:hidden;  max-width:100%; height: 100%; left:50%; margin-left:-50%;}
.focus{width:100%; height: 100%; position:relative;float:left;overflow:hidden;left:50%; top:0; margin-left:-50%;}
.f426x240 li{position:absolute; left:0;top:0;}
.rslides{width:100%; position:relative;list-style:none;padding:0; height: 100%;}
.rslides li{ width:100% !important; height: 100%; background-size: 100% 100% !important;}
.rslides_nav{ height:35px; width:35px; position:absolute; text-indent:-9999px; overflow:hidden; left:8%; top:50%; z-index:9999; display:block; background:url(../images/img/lft1.png) no-repeat;
 transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);}
.rslides_nav:hover{ background:url(../images/img/lft3.png) no-repeat;}
/*.rslides_nav:active{ background:url(../images/l2.png) no-repeat;}*/
.rslides_nav.next{ left:90%; background:url(../images/img/lft2.png) no-repeat;}
/*.rslides_nav.next:active{background:url(../images/r2.png) no-repeat;}*/
.rslides_nav.next:hover{ background:url(../images/img/lft4.png) no-repeat;}
.rslides_tabs{clear:both; text-align:center; position:absolute; bottom:8%; left:0px; z-index:999; width:100%; height:14px; text-align:center; display: none;}
.rslides_tabs li{ display:inline-block; margin:0 5px;}
.rslides_tabs a{ text-indent:-9999px; overflow:hidden; width:8px; height:8px; border-radius:5px; display:inline-block; background-color:#fff; background-color:rgba(255,255,255,0.5);}
.rslides_tabs .rslides_here a{ background-color:#2BB0E0; background-color:rgba(255,255,255,1);}
.rslides li article{ width: 978px; height: 212px; position: absolute; left: 50%; margin-left: -489px; top: 50%; margin-top: -106px;}
.rslides li article p{ font-size: 15px; color: #fff; text-transform: uppercase; position: relative;}
.rslides li article p:before{ width:100%; position: absolute; left: 0; top: 0; content: ''; border-top: 1px solid #fff; border-top: 1px solid rgba(255,255,255,0.5);}
.rslides li:nth-of-type(1) div img{ 
transform: scale(0.5) translateY(-300px); -webkit-transform: scale(0.5) translateY(-300px); -moz-transform: scale(0.5) translateY(-300px); -o-transform: scale(0.5) translateY(-300px);
transition: all .85s ease-in-out 0s; -webkit-transition: all .85s ease-in-out 0s; -moz-transition: all .85s ease-in-out 0s; -o-transition: all .85s ease-in-out 0s;
opacity: 0;}
.rslides li:nth-of-type(1) p{ margin-top: 20px; padding-top: 100px;
 transform: translateY(100px); -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px);
 transition: all 1s ease-in-out .8s; -webkit-transition: all 1s ease-in-out .8s; -moz-transition: all 1s ease-in-out .8s; -o-transition: all 1s ease-in-out .8s;
 opacity: 0;}
.rslides li:nth-of-type(1) span{ display: block; width: 47px; height: 46px; overflow: hidden;}
.rslides li:nth-of-type(1) span.sp1{ position: absolute; left: -30px; top: -30px; background: url(../images/img/tp1.png) no-repeat center center;
 transform: translateX(-150px); -webkit-transform: translateX(-150px); -moz-transform: translateX(-150px); -o-transform: translateX(-150px);
 transition: all .85s ease 1.5s; -webkit-transition: all .85s ease 1.5s; -moz-transition: all .85s ease 1.5s; -o-transition: all .85s ease 1.5s;
 opacity: 0;}
.rslides li:nth-of-type(1) span.sp2{ position: absolute; right: -30px; bottom: 30px; background: url(../images/img/tp2.png) no-repeat center center;
 transform: translateX(150px); -webkit-transform: translateX(150px); -moz-transform: translateX(150px); -o-transform: translateX(150px);
 transition: all .85s ease 1.5s; -webkit-transition: all .85s ease 1.5s; -moz-transition: all .85s ease 1.5s; -o-transition: all .85s ease 1.5s;
 opacity: 0;}
.rslides li:nth-of-type(1).rslides1_on div img{
 transform: scale(1.0) translateY(0px); -webkit-transform: scale(1.0) translateY(0px); -moz-transform: scale(1.0) translateY(0px); -o-transform: scale(1.0) translateY(0px);
 opacity: 1}
.rslides li:nth-of-type(1).rslides1_on p{
 padding-top: 20px;
 transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px);
 opacity: 1;}
.rslides li:nth-of-type(1).rslides1_on span.sp1,
.rslides li:nth-of-type(1).rslides1_on span.sp2{
 transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px);
 opacity: 1;}
.rslides li:nth-of-type(2) div{ margin-top: 23px;
 transform: translateX(-300px); -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px); -o-transform: translateX(-300px);
 transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s;
 opacity: 0;}
.rslides li:nth-of-type(2) p{ width: 608px; margin-left: 184px; font-size: 20px; line-height: 1.5; margin-top: 20px; padding-top: 13px;
 transform: translateX(300px); -webkit-transform: translateX(300px); -moz-transform: translateX(300px); -o-transform: translateX(300px);
 transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s;
 opacity: 0;}
.rslides li:nth-of-type(2) span{ display: block; width: 157px; height: 262px; background: url(../images/img/ban4.png) no-repeat center center; position: absolute; left: 0; top: 0;
 transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -o-transform: scale(0.6);
 opacity: 0;
 transition:  all .8s ease-out 1s; -webkit-transition:  all .8s ease-out 1s; -moz-transition:  all .8s ease-out 1s;   -o-transition:  all .8s ease-out 1s;   }
.rslides li:nth-of-type(2).rslides1_on div{
transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px);
opacity: 1;}
.rslides li:nth-of-type(2).rslides1_on p{
 transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px);
 opacity: 1;}
.rslides li:nth-of-type(2).rslides1_on span{
 transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0);
 opacity: 1;}
.rslides li:nth-of-type(3) div{
transform: translateY(-200px); -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px);
transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s;
opacity: 0;}
.rslides li:nth-of-type(3) p{ width: 480px; position: absolute; right: 210px; top: 0;
 transform: translateY(200px); -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -o-transform: translateY(200px);
 transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;  -moz-transition: all 1s ease 0s;  -o-transition: all 1s ease 0s; 
 opacity: 0;}
.rslides li:nth-of-type(3) p:before{ bottom:-28px; top: auto; padding-bottom: 20px;}
.rslides li:nth-of-type(3).rslides1_on div{
transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px);
opacity: 1;	}
.rslides li:nth-of-type(3).rslides1_on p{
transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px);
opacity: 1;	}

div.Ntsx{ position: absolute; width: 100%; bottom: 4%; text-align: center;}
div.Ntsx a{ font-size: 30px; color: #fff; display:inline-block; width: 60px; height: 60px; border-radius: 50%;  text-align: center; line-height: 60px; position: relative;
 
}
div.Ntsx a:before{ position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #fff;
transform: scale(0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-o-transform: scale(0.5);
 opacity: 0;
 transition:  all .4s ease-out 0s;-webkit-transition:  all .4s ease-out 0s; -moz-transition:  all .4s ease-out 0s; -o-transition:  all .4s ease-out 0s;  }
div.Ntsx a:hover:before{
 opacity: 1;
 transform: scale(1.0);-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-o-transform: scale(1.0);
 background-color: rgba(255,255,255,0.2);
}

article.waperTit{ width: 100%; text-align: center;}
article.waperTit h3{ font-size: 37px; color:#fff; text-transform: uppercase; font-family: arial;}
article.waperTit h4{ font-size: 29px; color: #fff; font-weight: bold;}
article.waperTit h4 i{ display: inline-block; width: 160px; border-top: 1px solid #fff; border-top: 1px solid rgba(255,255,255,0.6); margin: 0 20px; 
vertical-align: middle; 
vertical-align: super;}
article.waperTit2 h3{ color: #363636;}
article.waperTit2 h4{ color: #10492D;}
article.waperTit2 h4 i{ border-color: #363636; border-color:rgba(153,153,153,0.8);}

div.more{ width: 100%; text-align: center; float:left;}
div.more a{ display: inline-block; width: 136px; height: 30px; text-align: center; line-height: 30px; font-size: 15px; background-color: #fff; border-radius: 15px; color: #165738; vertical-align: middle;}
div.more a span{ font-size: 17px; display: inline-block;; margin-left: 20px;     line-height: 22px;
    font-weight: bold; vertical-align: middle;}
div.more a:hover{ background-color: #165738; color: #fff;}
div.more2{ margin-top: 0; text-align: left;}
div.more2 a{ background-color: #165738 !important; color: #fff;}
div.more2 a:hover{ background-color: #17B261 !important;}
section.page2{ width: 1204px; height: 558px; position: absolute; left: 50%; margin-left: -602px; top: 50%; margin-top: -279px;}
section.page2 .greenCause{ width: 100%; margin-top: 220px;}
section.page2 .greenCause ul{ width: 110%;}
section.page2 .greenCause ul li{ float: left; width: 274px; height: 290px; margin-right: 40px; text-align: center;
 transform: rotateZ(-60deg) translateX(-200px); -webkit-transform: rotateZ(-60deg) translateX(-200px); -moz-transform: rotateZ(-60deg) translateX(-200px) -o-transform: rotateZ(-60deg) translateX(-200px)
 transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%;
 opacity: 0;
}
section.page2 .greenCause ul li h5{ position: relative; font-size: 20px; color: #fff; font-weight: bold; padding: 5px 25px; border-radius: 4px; background-color: #165738; display: table; margin: -15px auto 0; z-index: 9;
transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -o-transition: all .4s ease 0s;}
section.page2 .greenCause ul li div.img{ width: 269px; height: 269px; border-radius: 50%; border: 1px solid #fff;}
section.page2 .greenCause ul li div.img img{
 width: 100%; 
 height: 100%;
 transform-origin: center center;
 -webkit-transform-origin: center center; 
 -moz-animation: transform-origin: center center; 
 -o-transform-origin: center center; 
 
 transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7);
 transition: all .7s ease 0s; -webkit-transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; -o-transition: all .7s ease 0s;}
section.page2 .greenCause ul li:hover div.img img{
transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0);}
section.page2 .greenCause ul li:hover h5{ background-color: #17B261;}

section.page2 .greenCause ul li.gd1{
	transition: all .7s cubic-bezier(0.605,0.55,0.55,1) 0.75s; -webkit-transition: all .7s cubic-bezier(0.605,0.55,0.55,1) 0.75s; 
	-moz-transition: all .7s cubic-bezier(0.605,0.55,0.55,1) 0.75s;-o-transition: all .7s cubic-bezier(0.605,0.55,0.55,1) 0.75s;
}
section.page2 .greenCause ul li.gd2{
	transition: all .7s cubic-bezier(0.605,0.55,0.55,1) 0.50s;- webkit-transition: all .7s cubic-bezier(0.605,0.55,0.55,1) 0.50s;
	-moz-transition: all .7s cubic-bezier(0.605,0.55,0.55,1) 0.50s; -o-transition: all .7s cubic-bezier(0.605,0.55,0.55,1) 0.50s;
}
section.page2 .greenCause ul li.gd3{
	transition: all .7s cubic-bezier(0.605,0.55,0.55,1) 0.25s; -webkit-transition: all .7s cubic-bezier(0.605,0.55,0.55,1) 0.25s;
	-moz-transition: all .7s cubic-bezier(0.605,0.55,0.55,1) 0.25s; -o-transition: all .7s cubic-bezier(0.605,0.55,0.55,1) 0.25s;
}
section.page2 .greenCause ul li.gd4{
	transition: all .7s cubic-bezier(0.605,0.55,0.55,1) 0s; -webkit-transition: all .7s cubic-bezier(0.605,0.55,0.55,1) 0s;
	-moz-transition: all .7s cubic-bezier(0.605,0.55,0.55,1) 0s; -o-transition: all .7s cubic-bezier(0.605,0.55,0.55,1) 0s;
}
section.page2 .greenCause ul li.active{
	transform: rotateZ(0deg) translateX(0px); -webkit-transform: rotateZ(0deg) translateX(0px); -moz-transform: rotateZ(0deg) translateX(0px); -o-transform: rotateZ(0deg) translateX(0px);
	opacity: 1;
}

section.page3{ width: 1200px; height: 598px; position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -299px;}
section.page3 .newsDmos{ width: 100%; margin-top: 60px;}
section.page3 .newsDmos .contWaper{ float: left; width: 550px;
 opacity: 0;
 transform: translateX(-300px) scale(0.5); -webkit-transform: translateX(-300px) scale(0.5); -moz-transform: translateX(-300px) scale(0.5); -o-transform: translateX(-300px) scale(0.5);
 transition: all .8s ease-in-out 0s; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s;
}
section.page3 .newsDmos .contWaper2{
	opacity: 0; 
	transform: translateX(300px) scale(0.5); -webkit-transform: translateX(300px) scale(0.5); -moz-transform: translateX(300px) scale(0.5); -o-transform: translateX(300px) scale(0.5);
	transition: all .8s ease-in-out 0s; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s;
}
section.page3 .newsDmos .contWaper.active,
section.page3 .newsDmos .contWaper2.active{
 opacity: 1;
 transform: translateX(0px) scale(1.0); -webkit-transform: translateX(0px) scale(1.0); -moz-transform: translateX(0px) scale(1.0); -o-transform: translateX(0px) scale(1.0);}

section.page3 .newsDmos .contWaper:nth-child(2n){ float: right;}
section.page3 .newsDmos .contWaper .titMors{ width: 100%; display: table; border-bottom: 1px solid #D2D0CF; padding-bottom: 12px;}
section.page3 .newsDmos .contWaper .titMors strong,
section.page3 .newsDmos .contWaper .titMors span,
section.page3 .newsDmos .contWaper .titMors a{ display: inline-block;}
section.page3 .newsDmos .contWaper .titMors strong{ font-size: 16px; font-weight: bold; color: #10492D;}
section.page3 .newsDmos .contWaper .titMors span{ font-size: 12px; font-family: 'arial'; text-transform: uppercase; color: #898989; margin-left: 8px;}
section.page3 .newsDmos .contWaper .titMors a{ float: right; font-size: 14px; color: #000000;}
section.page3 .newsDmos .contWaper .titMors a:hover{ color: #10492D;}
section.page3 .newsDmos .contWaper .newImg{ width: 100%; border-bottom: 1px solid #E2E2E2; margin-top: 18px;}
section.page3 .newsDmos .contWaper .newImg dl{ width: 100%; display: table;}
section.page3 .newsDmos .contWaper .newImg dt{ float: left;}
section.page3 .newsDmos .contWaper .newImg dd{ float: left; width: 174px; height: 260px; background-color: #10492D;  padding: 100px 0 0 54px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;}
section.page3 .newsDmos .contWaper .newImg dd h3{ font-size: 30px; font-family: 'arial'; color: #fff; display: block;}
section.page3 .newsDmos .contWaper .newImg dd small{ font-size: 14px; color: #fff; display: block;}
section.page3 .newsDmos .contWaper .newImg dd i{ display: block; width: 30px; border-top: 1px solid #fff; margin-top: 10px;}
section.page3 .newsDmos .contWaper .newImg h6{ margin: 23px 0; width: 100%; display: table;}
section.page3 .newsDmos .contWaper .newImg h6 a{ font-size: 13px; color: #363636;}
section.page3 .newsDmos .contWaper .newImg h6 a:hover{ color: #10492D;}
section.page3 .newsDmos .contWaper .newImg h6 font{ float: right; font-size: 15px; color: #666666; font-family: 'arial'; padding-top: 7px;}
section.page3 .newsDmos .contWaper ul.newsList{ width: 100%; display: table;}
section.page3 .newsDmos .contWaper ul.newsList li{ width: 100%; display: table; margin-top: 15px;}
section.page3 .newsDmos .contWaper ul.newsList li a{ float: left; font-size: 13px; color: #363636;}
section.page3 .newsDmos .contWaper ul.newsList li a:hover{ color: #10492D;}
section.page3 .newsDmos .contWaper ul.newsList li font{ float: right; font-size: 14px; font-family: arial; color: #666666;}

section.page4{ width: 1220px; position:absolute; left: 50%; margin-left: -610px; height: 558px; top: 50%; margin-top: -279px;}
section.page4 .aboutUs{ width: 100%; margin-top: 72px;}
section.page4 .aboutUs .lftImg{ float: left; width: 604px;
 opacity: 0;
 transform: translateX(-200px); -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -o-transform: translateX(-200px);
 transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;  -moz-transition: all 1s ease 0s;  -o-transition: all 1s ease 0s; 
}
section.page4 .aboutUs .lftImg.active{
	opacity: 1;
	transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px);
}
section.page4 .aboutUs .lftImg h3{ font-size: 30px; color: #fff;}
section.page4 .aboutUs .lftImg dl{ width: 100%; display: table; border-top: 1px solid #fff; margin-top: 32px; padding-top: 28px;}
section.page4 .aboutUs .lftImg dl dt{ float: left;}
section.page4 .aboutUs .lftImg dl dd{ float: left; width: 366px; margin-left: 30px;}
section.page4 .aboutUs .lftImg dl dd p{ font-size: 13px; color: #fff; line-height: 1.7; margin-bottom: 3px;}

section.page4 .aboutUs .ritImg{ float: right; width: 484px; height: 394px; margin-top: 22px; text-align: center; background-color: #fff; background-color: rgba(255,255,255,0.1); position: relative; z-index: 1;
 transform: translate3d(70px,70px,0); -webkit-transform: translate3d(70px,70px,0); -moz-transform: translate3d(70px,70px,0); -o-transform: translate3d(70px,70px,0);
 transition: all .9s ease 0s; -webkit-transition: all .9s ease 0s; -moz-transition: all .9s ease 0s; -o-transition: all .9s ease 0s;
 opacity: 0;}
section.page4 .aboutUs .ritImg:before{ position: absolute; left: -15px; top: -15px; content: ''; width: 100%; height: 100%;background-color: #fff; background-color: rgba(255,255,255,0.1); z-index: -1;
 transform: translate3d(-70px,-70px,0); -webkit-transform: translate3d(-70px,-70px,0); -moz-transform: translate3d(-70px,-70px,0); -o-transform: translate3d(-70px,-70px,0);
 transition: all .9s ease 0s; -webkit-transition: all .9s ease 0s; -moz-transition: all .9s ease 0s; -o-transition: all .9s ease 0s;
 opacity: 0;}
section.page4 .aboutUs .ritImg a{ display: inline-block; font-size: 16px; color: #fff; margin: 60px 43px 0 30px; opacity: 0;}
section.page4 .aboutUs .ritImg.active,
section.page4 .aboutUs .ritImg.active:before{ 
 transform: translate3d(0px,0px,0); -webkit-transform: translate3d(0px,0px,0); -moz-transform: translate3d(0px,0px,0); -o-transform: translate3d(0px,0px,0);
 opacity: 1;}

section.page4 .aboutUs .ritImg a.active{ opacity: 1;}
section.page4 .aboutUs .ritImg a i{ display: block; font-size: 50px; margin-bottom: 25px;}
section.page4 .aboutUs .ritImg a font{ display: block;}
section.page4 .aboutUs .ritImg a:hover{ color: #17B261;}

section.page5{ width: 1200px; height: 620px; position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -310px;}
section.page5 .techlohs{ width: 100%; margin-top: 75px;}
section.page5 .techlohs .topTit{ width: 100%; display: table; border-bottom: 1px solid #B7BDC1; padding-bottom: 15px;}
section.page5 .techlohs .topTit h4{ float: left; font-size: 30px; color: #10492D;}
section.page5 .techlohs .topTit div.more3{ float: right; width: auto; margin-top: 10px;}
section.page5 .techlohs .thePeople{ width: 100%; display: table;}
section.page5 .techlohs .thePeople p{ font-size: 13px; color: #363636; line-height: 1.6; color: #000; margin-top: 20px; text-indent: 2em;}
section.page5 .techlohs .thePeople .peoples{ width: 100%; margin-top: 60px;}
section.page5 .techlohs .thePeople .peoples li{ float: left; width: 150px; height: 200px; margin:0 40px; position: relative;}
section.page5 .techlohs .thePeople .peoples li a span{ display: block; width: 100%; padding: 3px 0; text-align: center; position: absolute; left: 0; bottom: 0; color: #fff;font-size: 15px;
background-color: #10492D; 
background-color: rgba(16,73,45,0.8);}
section.page5 .techlohs .thePeople .peoples li img{ width: 100%; height: 100%;}

.mobban{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none;}
.mobban img{ width: 100%; height: 100%; position: absolute; left: 0%; top: 0;}


.waper-slide { width: 40px; height: 40px; position: absolute; left: 50%; margin-left: -20px; bottom: 5%; z-index: 99; 
	-webkit-transition: all .4s linear 0s; 
	-moz-transition: all .4s linear 0s; 
	-ms-transition: all .4s linear 0s; 
	transition: all .4s linear 0s; 
}
.waper-slide:hover { 
	transform: scale(1.08, 1.08); 
	-webkit-transform: scale(1.08, 1.08); 
	-moz-transform: scale(1.08, 1.08); 
	-o-transform: scale(1.08, 1.08);
 }
.gun-slide { position: absolute; height: 48px; left: 40px; bottom: 40px; z-index: 9; 
 animation: ante 1s cubic-bezier(0.435, 0.225, 0.335, 0.435) 0s infinite alternate; 
-webkit-animation: ante 1s cubic-bezier(0.435, 0.225, 0.335, 0.435) 0s infinite alternate; 
}
.gun-slide font{ display: inline-block; vertical-align: middle; color: #fff; font-size: 14px; margin-left: 10px;}


 @keyframes ante {  from, 20%, 40%, 60%, 80%, to {
   animation-timing-function: cubic-bezier(0.325, 0.225, 0.335, 1.000);
}
 50% {
	 transform: translateY(-10px);
	 -webkit-transform: translateY(-10px);
}
to { 
	transform: translateY(0px); 
	-webkit-transform: translateY(0px); 
}
}
 @-webkit-keyframes ante {  from, 20%, 40%, 60%, 80%, to {
 	animation-timing-function: cubic-bezier(0.325, 0.225, 0.335, 1.000);
}
 50% {
	 transform: translateY(-10px);
	 -webkit-transform: translateY(-10px);
}
to { 
	transform: translateY(0px); 
	-webkit-transform: translateY(0px); 
 }
}