@charset "utf-8";

/* CSS Document */

/* ========= 公共样式 ========= */

*{ margin:0; padding:0}

body{ font-family:"Microsoft YaHei"; font-size:12px;margin:0;padding:0;color:#666; background:#fff;}

div,h1,h2,h3,h4,h5,p,ul,ol,li,dl,dd,dt,img,form{margin:0;padding:0;border:0;}

ul,ol,li{list-style:none;}

form,tr,th,td,input,select{font-size:13px;}

input{font-family: arial;}/*text and password*/

table{border-collapse:collapse;}/*边线重叠*/

/*link*/

a{text-decoration:none;color:#666;}

a:hover{text-decoration:none; color:#35a76c;}

.clear {zoom:1;}

.clear:after {content:'';display:block;clear:both;height:0px;}



/*解决超链接点击出现虚框问题*/

a{text-decoration:none;outline:none;}

a:active{star:expression(this.onFocus=this.blur());}

.left{display:inline;float:left}.right{display:inline;float:right}

.mt5{ margin-top:5px!important;}

.mt10{ margin-top:10px!important;}

.mt15{ margin-top:15px!important;}

.mt20{ margin-top:20px!important;}

.mt25{ margin-top:25px!important;}

.mt30{ margin-top:30px!important;}

.mt35{ margin-top:35px!important;}

.mt40{ margin-top:40px!important;}

.mt45{ margin-top:45px!important;}

.mt50{ margin-top:50px!important;}

.blank5{ clear:both; height:5px; line-height:5px;}

.blank10{ clear:both; height:10px; line-height:10px;}

.blank15{ clear:both; height:15px; line-height:15px;}

.blank20{ clear:both; height:20px; line-height:20px;}

.blank25{ clear:both; height:25px; line-height:25px;}

.blank30{ clear:both; height:30px; line-height:30px;}





/*---------------    首页样式 ----------------*/

.top{ background:#2b2c31; width:100%; height:36px; color:#82868e;}

.topcon{ width:1030px; height:36px; line-height:36px; margin:0 auto;}

.top_txt span{ padding-left:40px;}

.top_txt span img{ vertical-align:middle;}

.top_tb a{ display:inline-block; margin:10px 0 0 15px;}



.menubox{ background:#fff; width:100%; height:100px;}

.menucon{ width:1030px; height:100px; margin:0 auto; overflow:hidden;}

.nav li{ float:left; height:40px; line-height:40px; font-size:16px; margin-left:45px;}

.nav .li_on a{ color:#35a76c;}



.banner{ background:url(../images/banner.jpg) center center no-repeat; width:100%; height:552px;}

.bancon{ width:1030px; height:552px; margin:0 auto;}

.btn_xz{position:relative;top:160px;border:2px solid #fff;color:#fff;font-weight:100; margin-left:130px;width:206px;height:52px;font-size:24px;line-height:52px;border-radius:40px;text-align:center; display:inline-block}

.btn_xz:hover,.newreader:hover{ color:#fff;}

.btn_xz .download_icon{ position:relative; top:4px;display:inline-block;width:21px;height:24px;background:url(../images/xz.png) 0 center no-repeat;}

.newreader{width:105px;height:30px;line-height:30px;border:1px solid #fff;border-radius:40px;font-size:16px;font-weight:200;text-align:center;color:#fff;position:relative;left:380px;top:260px;cursor:pointer; display:inline-block;}







.xygg{width:100%;background:#fafafa;border-bottom:#e3e3e3 1px solid; padding:15px 0;}

.ggcon{ width:1030px; height:40px; margin:0 auto;}

.ggtb{width:50px;height:40px;background:url(../images/gg.png) left center no-repeat;}

#scrolllayer{height:40px;width:800px; display:block;overflow:hidden;}

#scrollmessage{float:left;text-align:left;width:100%;font-size:16px;}

#scrollmessage li{line-height:40px;color:#FF0000;}

.xyxq a{ width:110px; height:33px; line-height:33px; border:1px solid #35a76c; display:block; text-align:center; border-radius:20px; font-size:16px;}





.hxgn{ width:100%; height:auto; background:#fff; border-bottom:1px solid #efefef;}

.gn_tit{ background:url(../images/hxgn_tit.png) center no-repeat; height:215px; width:100%;}

.gncon{ width:1030px; height:auto; margin:0 auto; padding:120px 0 0 0;}

.slideBox{ width:1030px; height:auto; position:relative;}

.slideBox .hd{ height:46px; overflow:hidden; position:absolute; right:5px; top:-80px; z-index:1;}

.slideBox .hd ul{ overflow:hidden; zoom:1; clear:both;}

.slideBox .hd ul li{ float:left; margin-right:12px;  width:154px; height:44px; line-height:44px; text-align:center; background:#fff; cursor:pointer; border:1px solid #b3b3b3; border-radius:5px; font-size:20px;}

.slideBox .hd ul li.on{ background:#35a76c; color:#fff; border:1px solid #35a76c;}

.slideBox .bd{ position:relative; width:800px; margin:0 auto; height:100%; z-index:0;}

.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%;}

.gn_xw{ width:420px; height:auto; overflow:hidden;}

.gn_xw dl{ min-height:250px; padding-top:80px;}

.gn_xw dt{ height:45px; line-height:45px; font-size:16px; font-weight:600; text-indent:50px; margin-bottom:20px; overflow:hidden;}

.gn_xw dt a{ color:#929292;}.gn_xw dt a:hover{ color:#35a76c;}

.li1{ background:url(../images/xjtb1.png) 0 center no-repeat;}

.li2{ background:url(../images/xjtb2.png) 0 center no-repeat;}

.gn_more{ padding-left:20px;}

.gn_more a{ width:110px; height:33px; line-height:33px; border:1px solid #35a76c; color:#35a76c; font-size:16px; font-weight:600; border-radius:20px; display:block; text-align:center;}

.gn_img{ width:320px; height:auto;  text-align:center}

.slideBox .bd img{ width:305px; height:479px; display:block;}

/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev{ position:absolute; right:3%; top:50%; margin-top:-25px; display:block; width:31px; height:72px; background:url(../images/right_btn.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;}

.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:31px; height:72px; background:url(../images/left_btn.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;}

.slideBox .prev:hover,

.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}

.slideBox .prevStop{ display:none;}

.slideBox .nextStop{ display:none;}







.gzs,.xzxy{ width:100%; height:auto; background:#f8f8f8;}

.gzs{ padding-top:50px;}

.gzs_tit{ background:url(../images/gzs_tit.png) center no-repeat; height:118px; width:100%;}

.gzscon{ width:1030px; height:auto; margin:0 auto;}

.gzscon ul{ padding-top:40px;}

.gzscon li{ width:248px; float:left; display:inline; margin-right:12px; cursor:pointer;}

.gzscon li .arts{ width:226px; border:1px solid #e6e5e5; padding:15px 10px 40px 10px; text-align:center; background:#fff;}

.gzscon li:hover .arts{ border:1px solid #35a76c;}

.zcxm{ font-size:17px; color:#36a86f; font-weight:600; line-height:30px;}

.xqjs{ background:url(../images/jj_txt.jpg) no-repeat; width:217px; height:73px;font-size:14px; margin:0 auto;}

.xqjs p{ padding:15px 30px; text-align:left;}

.ckgd{ position:relative; text-align:center; top:-32px;}

.hdgg{ width:1030px; height:auto; margin:0 auto;}

.hdgg_tit{ background:url(../images/hdgg_tit.png) center no-repeat; height:74px;}

.gg_mroe{ float:right; font-size:16px; margin:25px 5px 0 0;}

.gg_mroe a{ width:105px; height:33px; line-height:33px; border:1px solid #35a76c; color:#35a76c; display:block; text-align:center; border-radius:20px; font-weight:600;}





/*焦点图*/

.hdggcon{ padding:30px 0 40px 0; overflow:hidden;}

.focus{ position:relative; width:1000px;height:367px; background:#000; margin:0 auto;}  

.focus img{ width:1000px; height:367px;} 

.focus .shadow .title{width:260px; height:65px;padding-left:30px;padding-top:20px;}

.focus .shadow .title a{ color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }

.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 

.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;text-align:center; outline:0; float:left; background:#D9D9D9; }  

.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  

.focus .fPic{ position:absolute; left:0px; top:0px; }  

.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;}  

.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:36px; line-height:36px; background:rgba(0,0,0,0.6);    

filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  

.focus .shadow a{ text-decoration:none; color:#fff; overflow:hidden; margin-left:12px; font-size:14px;}  

.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000;}  

.focus .fcon img{ display:block; }  

.focus .fbg{bottom:15px; right:12px; position:absolute; height:20px; text-align:center; z-index:200;}  

.focus .fbg div{margin:14px auto 0;overflow:hidden;zoom:1;height:14px}    

.focus .D1fBt a{position:relative; display:inline; width:10px; height:10px; border-radius:7px; margin:0 5px;color:#B0B0B0;text-align:center; outline:0; float:left; background:#736568; text-indent:9999px;}    

.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fff;}    



.wdzy{ background:url(../images/zy_bg.png) center no-repeat; height:579px; width:100%;}

.zycon{ width:1030px; height:; margin:0 auto; position:relative;}

.zycon li {position:absolute;left:50%;}

.zycon li a p{display:block;color:#222;font-size:26px;transition:font-size 1s;-moz-transition:font-size 1s;-webkit-transition:font-size 1s;-o-transition:font-size 1s;}

.zycon li a:hover p{display:block;color:#222;font-size:32px;}



.syzn,.hzhb{ width:100%; height:auto; background:#fff;}

.syzn_tit{ background:url(../images/xjzn_tit.png) center no-repeat; height:216px; width:100%;}

.zncon,.xzcon,.hbbox{ width:1030px; height:auto; margin:0 auto; padding:40px 0;}

.zncon li{ float:left; margin-right:8.5px; display:inline;}





.xzxy{ border-bottom:1px solid #f0f0f0;}

.xzxy_tit{ background:url(../images/xzxy_tit.png) center no-repeat; height:137px; width:100%;}

.xzcon li,.xzxq li{ float:left; width:240px; text-align:center; display:inline; margin:0 50px;}

.xzcon li h3,.xzxq li h3{ font-size:22px; font-weight:normal; color:#1a2133; padding-bottom:30px;}

.xzcon li p,.xzxq li p{ font-size:17px; color:#9f9f9f; padding-top:20px;}

.ljxz{ width:140px; height:40px; line-height:40px; text-align:center; border:1px solid #35a76c; border-radius:20px; display:block; margin:0 auto; font-size:20px;

-webkit-transition:background .5s linear;

-moz-transition:background .5s linear;

transition:background .5s linear;}

.ljxz:hover{background:#35a76c;-webkit-transition: background .5s linear;-moz-transition: background .5s linear;transition: background .5s linear; color:#fff;}



.hzhb_tit{ background:url(../images/hzhb_tit.png) center no-repeat; height:218px; width:100%;}

#customer_ul{ border-top:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2;}

.hbbox li{ width:256px; height:109px; float:left; border-right:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; text-align:center; position:relative; overflow:hidden; background:#f5f5f5;}

.hbbox li a{ width:256px; height:109px; display:block; text-align:center;}

.hbbox li img{ display:inline-block; margin:0 auto; vertical-align:middle }

.hbbox li span{ height:100%; width:0; display:inline-block; vertical-align:middle }

.hbbox li div{ width:239px; height:109px; position:absolute; left: 0; bottom: 0; background: #f5f5f5 }

.cus_more a{color:#303030;width:246px;height:50px;display:block;line-height:50px;color:#303030;font-size:18px;border:#b2b2b2 solid 1px;border-radius:4px; text-align:center; margin:0 auto;

-webkit-transition:background .5s linear;

-moz-transition:background .5s linear;

transition:background .5s linear;}

.cus_more a:hover{color:#FFF;background:#b2b2b2;-webkit-transition: background .5s linear;-moz-transition: background .5s linear;transition: background .5s linear;}







.footer{ background:url(../images/foot_bg.png) center center no-repeat; width:100%; min-height:287px; color:#888888;}

.footcon{ width:1030px; height:auto; margin:0 auto; line-height:30px; padding-top:70px;  font-size:14px;}

.f_nav b{ font-style:normal; margin:0 15px;}

.f_tel{ font-size:35px; color:#c1c1c1; line-height:50px; padding:10px 0;}









/*------- 内页样式 --------*/

.ny_navbox{ width:100%; border-bottom:1px solid #d9d9d9;height:90px; box-shadow:0 2px 2px #d9d9d9; background:#fafafa;}

.ny_nav{ width:1030px; height:90px; margin:0 auto;}

.ny_nav  h2{color:#333;font-size:33px;line-height:90px;font-weight:normal;}

.ny_nav .place{ background:url(../images/home.png) 0 center no-repeat; height:25px; line-height:25px; float:right; margin:55px 5px 0 0; text-indent:20px;}

.menu li{ text-align:center; width:110px; line-height:35px; padding:35px 10px 0px 0px; float:left; display:inline;}

.menu li a{ display:block; height:35px; font-size:13px; background:#e3e3e3; border-radius:5px;}

.menu li a:hover,.menu li a.on{background:#35a76c; color:#fff; text-decoration:none;}



.conbox{ width:1030px; height:auto; margin:0 auto; padding:30px 0;}

.ny_tit{height:65px; background:url(../images/pic02.jpg) bottom no-repeat;}

.titcon{ border-left:5px solid #35a76c; height:50px; padding-left:12px; font-size:20px; line-height:24px;}

.ny_tit span{ display:block; font-size:18px; color:#35a76c;}

.jjbox{ line-height:28px; padding-top:20px; font-size:13px;}

.jjbox h1{text-align:center; font-size:16px; color:#555; line-height:50px;}

.info{ display:block; height:35px; line-height:35px; text-align:center; border:1px solid #e7e7e7; border-right:none;border-left:none; margin-bottom:10px;}





.pro_list li{width:320px;height:300px;position:relative;overflow:hidden;background:#f3f3f3;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;cursor:pointer; margin:5px 0 15px 18px; display:inline-block;float:left;z-index:0;}

.pro_list li .shade{width:320px;height:180px;background:url(../images/qu6_25.png) center center no-repeat rgba(0,0,0,0.5);position:absolute;top:-180px;left:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}

.pro_list li .bg{width:320px;height:123px;background:#35a76c;position:absolute;bottom:-123px;left:0;z-index:1;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}

.pro_list li:hover .shade,.pro_list li:hover .shipin{top:0;}

.pro_list li:hover .bg{bottom:0;}

.pro_list li:hover p{color:#fff;}

.pro_list li:hover p strong{color:#fff;}

.pro_list li:hover img{}

.pro_list li img{width:320px;height:180px;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;}

.pro_list li p{color:#999;line-height:2.1em;margin:10px 20px;position:relative;z-index:2;}

.pro_list li p strong{color:#35a76c;font-size:16px;}

.pro_list li .shipin{width:320px;height:180px;background:url(../images/sp_25.png) center center no-repeat rgba(0,0,0,0.5);position:absolute;top:-180px;left:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}





.new_list{ padding-bottom:10px;}

.new_list li{ width:100%; border: 1px #eaeaea solid; margin:5px auto 20px auto;}

.xw_img img{ width:280px; height:180px; overflow:hidden;}

.xw_txt{ width:710px; height:auto; padding:10px 15px 10px 0;}

.xw_txt h3{ font-size:15px;}

.xw_txt p{ color:#999;}

.new_list li:hover .xw_img img {-webkit-transform: scale(0.98,0.98);}

.new_list li:hover{ background:#fafefc;}

.new_list li:hover .xw_txt h3 a{ color:#35a76c;}

.new_list a.ckqb{font-size:14px;height:32px;line-height:32px;display:block;width:100px;text-align:center;color:#666;background:#eee;margin-top:0.8em;border-radius:0 0 3px 3px;position:relative;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}

.new_list a.ckqb:after{position:absolute;top:0;left:100%;width:32px;height:32px;display:block;content:'s';line-height:999px;overflow:hidden;background:#35a76c url(../images/news_more.png) center center no-repeat;border-top-right-radius:3px;border-bottom-right-radius:3px;}

.new_list li:hover .ckqb{color:#35a76c;padding:0 5px;}

.time{font-size:12px; color:#999; display:block; background:url(../images/shijzong.gif) left center no-repeat; height:28px; line-height:28px; text-indent:20px;}

.xqcon{ padding-top:10px;}

.sxpz{ padding-top:20px; color:#999; font-size:12px;}





.gzs_list li{ width:320px; float:left; display:inline; cursor:pointer;margin:5px 0 15px 18px;}

.imgbox{width:320px; height:230px; margin:0 auto; position:relative; overflow:hidden;}

.imgbox img{ width:320px; height:230px;}

.text{width:320px; height:auto; background:#000; FILTER:alpha(opacity=60); opacity:0.7; -moz-opacity:0.7; position:absolute; left:0px; bottom:0px;}

.imgtext{ width:300px; height:auto; text-align:left; padding:10px; color:#fff; font-size:13px; line-height:200%;}

.imgtext .msxq{ display:block; width:100px; height:28px; line-height:28px; margin:0 auto; border:1px solid #fff; text-align:center; color:#fff; margin-top:5px; border-radius:5px;}



.lx_left{ width:420px; height:auto; overflow:hidden;}

.lx_right{ width:590px; height:auto; overflow:hidden;}





.page{ text-align:center; margin:20px 0}

.page a{border:1px solid #ddd;padding:5px 20px; color:#aaa; margin:0 2px;}

.page a:hover{border:1px solid #a0a0a0; color:#35a76c;}

.cur{border:1px solid #e0e0e0;padding:5px 20px; margin:0 2px; color:#aaa;background:#f0f0f0;}







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

@-webkit-keyframes flipInY {

0% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in;

opacity:0

}

40% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in

}

60% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

opacity:1

}

80% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);

transform:perspective(400px) rotate3d(0, 1, 0, -5deg)

}

100% {

-webkit-transform:perspective(400px);

transform:perspective(400px)

}

}

@keyframes flipInY {

0% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

-ms-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

transform:perspective(400px) rotate3d(0, 1, 0, 90deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in;

opacity:0

}

40% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

-ms-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

transform:perspective(400px) rotate3d(0, 1, 0, -20deg);

-webkit-transition-timing-function:ease-in;

transition-timing-function:ease-in

}

60% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

-ms-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

transform:perspective(400px) rotate3d(0, 1, 0, 10deg);

opacity:1

}

80% {

-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);

-ms-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);

transform:perspective(400px) rotate3d(0, 1, 0, -5deg)

}

100% {

-webkit-transform:perspective(400px);

-ms-transform:perspective(400px);

transform:perspective(400px)

}

}

.flipInY { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY }

@-webkit-keyframes scaleSmall {

0% {

-webkit-transform:scale(0.8);

opacity:0

}

100% {

-webkit-transform:scale(1);

opacity:1

}

}

@-moz-keyframes scaleSmall {

0% {

-moz-transform:scale(0.8);

opacity:0

}

100% {

-moz-transform:scale(1);

opacity:1

}

}

@-o-keyframes scaleSmall {

0% {

-o-transform:scale(0.8);

opacity:0

}

100% {

-o-transform:scale(1);

opacity:1

}

}

@keyframes scaleSmall {

0% {

transform:scale(0.8);

opacity:0

}

100% {

transform:scale(1);

opacity:1

}

}

.scaleSmall { -webkit-animation-name: scaleSmall; -moz-animation-name: scaleSmall; -o-animation-name: scaleSmall; animation-name: scaleSmall }

@-webkit-keyframes bounceInLeft {

0%, 60%, 75%, 90%, 100% {

-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);

transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)

}

0% {

opacity:0;

-webkit-transform:translate3d(-3000px, 0, 0);

transform:translate3d(-3000px, 0, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(25px, 0, 0);

transform:translate3d(25px, 0, 0)

}

75% {

-webkit-transform:translate3d(-10px, 0, 0);

transform:translate3d(-10px, 0, 0)

}

90% {

-webkit-transform:translate3d(5px, 0, 0);

transform:translate3d(5px, 0, 0)

}

100% {

-webkit-transform:none;

transform:none

}

}

@keyframes bounceInLeft {

0%, 60%, 75%, 90%, 100% {

-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);

transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)

}

0% {

opacity:0;

-webkit-transform:translate3d(-3000px, 0, 0);

-ms-transform:translate3d(-3000px, 0, 0);

transform:translate3d(-3000px, 0, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(25px, 0, 0);

-ms-transform:translate3d(25px, 0, 0);

transform:translate3d(25px, 0, 0)

}

75% {

-webkit-transform:translate3d(-10px, 0, 0);

-ms-transform:translate3d(-10px, 0, 0);

transform:translate3d(-10px, 0, 0)

}

90% {

-webkit-transform:translate3d(5px, 0, 0);

-ms-transform:translate3d(5px, 0, 0);

transform:translate3d(5px, 0, 0)

}

100% {

-webkit-transform:none;

-ms-transform:none;

transform:none

}

}

.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft }

@-webkit-keyframes bounceInRight {

0%, 60%, 75%, 90%, 100% {

-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);

transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)

}

0% {

opacity:0;

-webkit-transform:translate3d(3000px, 0, 0);

transform:translate3d(3000px, 0, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(-25px, 0, 0);

transform:translate3d(-25px, 0, 0)

}

75% {

-webkit-transform:translate3d(10px, 0, 0);

transform:translate3d(10px, 0, 0)

}

90% {

-webkit-transform:translate3d(-5px, 0, 0);

transform:translate3d(-5px, 0, 0)

}

100% {

-webkit-transform:none;

transform:none

}

}

@keyframes bounceInRight {

0%, 60%, 75%, 90%, 100% {

-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);

transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000)

}

0% {

opacity:0;

-webkit-transform:translate3d(3000px, 0, 0);

-ms-transform:translate3d(3000px, 0, 0);

transform:translate3d(3000px, 0, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(-25px, 0, 0);

-ms-transform:translate3d(-25px, 0, 0);

transform:translate3d(-25px, 0, 0)

}

75% {

-webkit-transform:translate3d(10px, 0, 0);

-ms-transform:translate3d(10px, 0, 0);

transform:translate3d(10px, 0, 0)

}

90% {

-webkit-transform:translate3d(-5px, 0, 0);

-ms-transform:translate3d(-5px, 0, 0);

transform:translate3d(-5px, 0, 0)

}

100% {

-webkit-transform:none;

-ms-transform:none;

transform:none

}

}