@charset "utf-8";

/*banner*/
.banner{position: relative; height:auto;clear: both;}
.banner img {display: block;width: 100%;margin:0 auto;}
.slick-dots {position: absolute;left: 0; font-size:0;bottom:10%;width: 100%;text-align: center;outline: none;}
.slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 20px;height: 20px;border-radius: 12px;margin-right:8px; display: inline-block;background: #fff;outline: none;
}
.slick-dots .slick-active button {width: 50px;background:#006cc8;}
.banner .slick-arrow{width:36px;height:49px;cursor: pointer;z-index: 22;top:44.5%;outline: none;position:absolute;border:0;overflow: hidden;text-align: center;transition:.8s;opacity: 0;text-indent: 100px;}
.banner .slick-arrow.slick-prev{background:url(../images/ban_prev.png) no-repeat 0 0;left: 3%; opacity: 0;}
.banner .slick-arrow.slick-next{background:url(../images/ban_next.png) no-repeat 0 0;right: 3%; opacity: 0;}
.banner:hover .slick-prev{ left: 6%; opacity: 0.8;}
.banner:hover .slick-next{ right: 6%; opacity: 0.8;}
.banner .slick-arrow:hover{opacity: 1;}


.til01{text-align: center;color: #333;font-size:44px;line-height:58px;font-family: "Microsoft Yahei";clear: both;display: block;white-space: nowrap;padding: 0 0 20px;}
.til01 p{display: block;font-size:20px;line-height:20px;font-weight: normal;color: #666;}
.til01 a{color: #333;}
.til02,.til02 a,.til02 p{color: #fff;}

/*搜索*/
.seabox{height:50px;line-height:34px;font-family: "Microsoft Yahei";position: relative;background: #f5f5f5;padding: 14px 0 0;}
.keyword{width:830px;color: #666;}
.keyword a{color:#666;display: inline-block;padding: 0 27px 0 0;}
.keyword a:hover{color: #006cc8;}
.sea_inp{width:290px;height:34px;position: relative;z-index: 1;overflow: hidden;background: #f5f5f5;border-bottom: 1px solid #b5b5b5;}
.sea_inp .serach{width:254px;height:34px;border:0;background:none;line-height:34px;color:#666;float:left;outline: none;display: block;}
.sea_inp .sub{ width:36px; height:34px;float:left;cursor: pointer;display: block;background:url(../images/sea_ico.png) no-repeat right 0;border: 0;text-indent: 190px;}

/*引子*/
.webox{font-size:16px;color: #666;font-family:"Microsoft Yahei";line-height:25px;position: relative;overflow: hidden;padding:68px 0 0;height: 480px;}
.webox_c{height: 358px;overflow: hidden;}
.webox_p,.webox_p img{width:609px;height:326px;overflow: hidden;}
.webox_w{width:520px;}
.webox_w h3{height:115px;font-size:30px;color: #333;line-height:45px;position: relative;white-space: nowrap;margin-bottom: 20px;}
.webox_w h3 span{display: block;font-weight: normal;font-size: 20px;line-height: 40px;}
.webox_w h3:before{content: "";position: absolute;width:117px;height:4px;bottom:0;background: #006cc8;left: 0;}
.webox_w P{height:132px;}
.webox_w span a{background:#006cc8;display: block;height:46px;line-height: 46px;text-align: center;width: 157px;background: #006cc8;color: #fff;}
.webox_l{height: 100px;font-size:20px;line-height:30px;color: #666;background: #fff;position: relative;}
.webox_l li{float: left;position: relative;padding: 0 108px;text-align: center;}
.webox_l li:before{content: "";position: absolute;width:1px;height:92px;top:0;left:0;background:#cec9b6;}
.webox_l li:last-child{padding-right: 0;}
.webox_l li:first-child{padding-left: 0;}
.webox_l li:first-child:before{width: 0;height: 0;}
.webox_l li span{display: block;height:58px;color: #333;}
.webox_l li span b{line-height:62px;font-family:Arial , Times New Roman;font-size: 60px;}
.webox_l li:hover,.webox_l li:hover span{color: #006cc8;}

/*定制范围*/
.cust{clear: both;padding:50px 0 0;line-height:25px;font-family:"Microsoft Yahei";position: relative;font-size: 16px;z-index: 1;background:url(../images/custbg.jpg) no-repeat center 0;text-align: center;height: 650px;overflow: hidden;}
.cust_c dl{background: #fff;width: 400px;float: left;}
.cust_c dt,.cust_c dt img{width: 400px;height: 230px;display: block;overflow: hidden;}
.cust_c dd{position: relative;box-sizing:border-box;height: 230px;padding:32px 42px 0;}
.cust_c dd:before{content: "";position: absolute;width:39px;height:39px;bottom:-20px;background:url(../images/ico02.png) no-repeat center;left:50%;margin-left: -20px;z-index: 2;}
.cust_c dl:nth-child(2) dd:before{top:-20px;background:url(../images/ico03.png) no-repeat center;}
.cust_c dd h4{font-size: 30px;line-height: 55px;}
.cust_c dd h4 a{color: #333;}
.cust_c dl:hover dd h4 a,.cust_c dd h4 b{color: #006cc8;}
.cust_c dd p{height:70px;}
.cust_c dd span a{display: inline-block;width: 139px;line-height: 38px;border: solid 1px #999;color: #666;}
.cust_c dl:hover dd span a{border-color: #006cc8;color: #006cc8;}

/*产品中心*/
.probox{clear: both;padding:50px 0;line-height:26px;font-family:"Microsoft Yahei";position: relative;font-size: 16px;z-index: 1;}
.pro_nav{height:59px;font-size: 18px;line-height: 59px;font-size: 18px;background: #ff9d2c;color: #fff;border-bottom: 1px solid #fff;}
.pro_nav a,.pro_pho span a{display: inline-block;color: #fff;}
.pro_nav h3{float: left;width: 182px;text-align: center;background: #080404;font-size: 26px;}
.pro_nav p{width: 860px;float: left;padding: 0 0 0 15px;}
.pro_nav p a{padding: 0 0 0 30px;}
.pro_nav p a:hover{font-weight: bold;}
.pro_more{display: block;width: 124px;}
.prod1{height: 500px;/*background:#f0f0f2;*/margin-bottom: 20px;overflow: hidden;}
.prod1 li{width: 300px;height: 250px;float: left;/*background:url(../images/prod_pbg2.jpg) no-repeat center;*/box-sizing:border-box;overflow: hidden;position: relative;}
.prod1 li img{width: 300px;height: 250px;}
.prod1 li h4{position: absolute;top: 32px;left: 30px;font-size: 20px;line-height: 29px;height: 39px;color: #333;}
.prod1 li h4:before{content: "";position: absolute;width:25px;height:2px;bottom:0;background: #333;left: 0;}
.prod1 li:nth-child(2) h4:before{content: "";position: absolute;width:25px;height:2px;bottom:-0px;background: #333;left: 0;}


.prod1 li h4 span{display: block;font-weight: normal;font-size: 14px;line-height: 20px;opacity: 0.8;}
.prod1 li h4 a{display: block;color: #333;}
.prod1 li:nth-child(1),.prod1 li:nth-child(3),.prod1 li:nth-child(6),.prod1 li:nth-child(8){/*background:url(../images/prod_pbg1.jpg) no-repeat center;*/width: 300px;}
.prod1 li:nth-child(1) img,.prod1 li:nth-child(5) img{float: right;}
.prod1 li:nth-child(2) h4:before,.prod1 li:nth-child(4) h4:before,.prod1 li:nth-child(5) h4:before,.prod1 li:nth-child(7) h4:before{background: #333;}
.prod1 li:nth-child(2) h4,.prod1 li:nth-child(4) h4,.prod1 li:nth-child(5) h4,.prod1 li:nth-child(7) h4,.prod1 li:nth-child(2) h4 a,.prod1 li:nth-child(4) h4 a,.prod1 li:nth-child(5) h4 a,.prod1 li:nth-child(7) h4 a,.prod1 li p a{color: #333;display: block;}
.prod1 li:nth-child(3){/*background:url(../images/prod_pbg3.jpg) no-repeat center;*/}
.prod1 li p{text-align: center;padding:72px 0 0;}
.prod1 li p b{display: block;font-size: 20px;line-height: 54px;}
.prod1 li p em,.prod1 li:hover .pro_more em{display: block;font-size: 14px;line-height: 34px;text-transform: uppercase;width: 110px;border: solid 1px #fff;margin:0 auto;}

.pro_more{display: none;width:100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 108, 200 , 0.8);text-align: center;line-height:60px;font-size: 20px;}
.pro_more a{display: block;color: #fff;padding: 60px 0 0;}
.prod1 li:hover .pro_more{display: block;}

.prod2{height: 310px;}
.prod2 h3{font-size: 24px;line-height: 47px;height: 47px;}
.prod2 h3 a{color: #333;}
.pro_cl{overflow: hidden;}
.prev1,.next1,.prev5,.next5{width:32px;height:32px;cursor: pointer;z-index: 11;top:149px;right: -48px;}
.prev5,.next5{top: 126px;}
.prev1,.prev5{left:-48px;}
.pro_cl li{display: block;background: #fff;border: solid 1px #e5e5e5;width: 234px;height: 224px;float: left;margin: 0 5px 0 0;padding: 10px 0 0;overflow: hidden;}
.pro_cl li p,.pro_cl li p img{width: 234px;height: 176px;display: block;overflow: hidden;}
.pro_cl li a{display: block;color: #333;line-height: 48px;text-align: center;}
.pro_cl li:hover{border-color: #006cc8;}
.pro_cl li:hover a{color: #006cc8;}

.pro_pho{text-align: center;line-height: 48px;width: 420px;margin: 0 auto;}
.pro_pho span{display: inline-block;background: #006cc8;border: solid 1px #006cc8;color: #fff;width: 155px;}
.pro_pho b{display: inline-block;background:url(../images/c_pho.gif) no-repeat 15px center #fff;border: solid 1px #006cc8;color: #006cc8;padding-left: 33px;width: 228px;font-family:Times New Roman;font-size: 28px;float: left;}

/* 细节品质 */
.chara{background:url(../images/charabg.jpg) no-repeat center 0;font-family:"Microsoft Yahei";font-size: 14px;line-height: 24px;color: #fff;padding:50px 0 0;height:580px;overflow: hidden;}
.chara_p{top: 112px;left:366px;z-index: 2;}
.chara_c{position: relative;height: 634px;padding: 15px 0 0;}
.chara_c li{float: left;position: relative;width: 290px;height: 125px;z-index: 1;margin-bottom: 28px;}
.chara_c li:before{content: "";position: absolute;width:393px;height:1px;bottom:0;background: #008dd9;left: 0;z-index: -2;}
.chara_c li span{display: block;font-size: 30px;height: 48px;line-height: 30px;overflow: hidden;}
.chara_c li span em{display: block;width: 36px;height: 40px;float: left;margin: 0 14px 0 0;}
.chara_c li span em img{-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.chara_c li p{opacity: 0.8;}
.chara_c li:nth-child(2n){float: right;}
.chara_c li:nth-child(2n):before{right: 0;left: auto;}
.chara_c li:nth-child(5):before,.chara_c li:nth-child(6):before{background: none;}
.chara_c li:nth-child(2n-1){clear: both;}
.chara_c li:hover:before{width:336px;height:150px;top:-23px;background: url(../images/charalbg.png) no-repeat;left: -33px;}
.chara_c li:hover span em img{margin-top: -50px;}

/*解决方案*/
.plan{font-family:"Microsoft Yahei";font-size: 16px;line-height:26px;color: #444;padding: 50px 0 30px;overflow: hidden;}
.prev2,.next2{width:14px;height:20px;cursor: pointer;z-index: 11;top:93px;right: 30px;background: #efefef;}
.prev2{right:82px;}
.plan_l{width: 335px;}
.plan_l li,.plan_more{position: relative;font-size:18px;line-height:20px;height:88px;box-sizing:border-box;padding:21px 0 0 15px;z-index: 1;color: #333;background: #efefef;border-bottom: 1px solid #c9c9c9;}
.plan_more a{color: #333;}
.plan_l li span,.plan_more span{width:43px;float: left;display: block;overflow: hidden;}
.plan_l li span img,.plan_more span img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.plan_l li p,.plan_more p{float: left;width: 200px;font-weight: bold;white-space: nowrap;padding-left: 24px;}
.plan_l li p em,.plan_more p em{display: block;font-size: 14px;line-height:23px;opacity: 0.6;}
.plan_l li.cur,.plan_more:hover{color: #fff;z-index: 2;border-color: #006cc8;}
.plan_more:hover a{color: #fff;}
.plan_l li.cur span img,.plan_more:hover span img{margin-left: -60px;}
.plan_l li:after,.plan_more:after{content: "";position: absolute;width:0;height:100%;top:0;background: #006cc8;left: 0;z-index: -1;}
.plan_l li.cur:after,.plan_more:hover:after{width:100%;}
.plan_r{width: 845px;}
.plan_r dl{border-bottom: 1px solid #ccc;height: 609px;}
.plan_r dt,.plan_r dt img{width:845px;height: 475px;display: block;overflow: hidden;}
.plan_r dd{padding: 10px 172px 0 19px;position: relative;}
.plan_r dd h4{font-size:30px;line-height: 57px;color: #333;}
.plan_r dd h4 a{color: #333;}
.plan_pn{position: absolute;top:629px;right: 0;width: 129px;background: #efefef;text-align: center;height: 134px;z-index:9;}
.plan_pn span a{display: block;color: #fff;line-height: 67px;background: #006cc8;}

/*优势*/
.edge{font-family:"Microsoft Yahei";font-size: 14px;line-height:30px;color: #fff;padding: 50px 0 0;background:url(../images/edgebg.gif) no-repeat center 0 #f3f3f3;overflow: hidden;width: 100%;margin: 0 auto;max-width: 1920px;}
.prev3,.next3{width:104px;height:104px;cursor: pointer;z-index: 11;top:478px;left: 50%;margin-left: 552px;}
.prev3{margin-left: -680px;}
.edge .pageState{width:180px;height: 200px;line-height: 200px;background: #006cc8;color: #fff;bottom: 0;left: 50%;margin-left:420px;position: absolute;text-align: center;font-size: 58px;}
.edge .pageState span{font-size: 38px;}
.edge_t{height: 99px;text-align: center;font-size: 26px;line-height: 32px;}
.edge_t li{width: 299px;float: left;margin: 0 1px 0 0;height: 68px;padding: 22px 0 0;background: #005399;}
.edge_t li.cur{background: #006cc8;}
.edge_t li span{display: inline-block;padding-left:52px;text-align: left;font-weight: bold;}
.edge_t li span em{font-weight: normal;font-size: 12px;line-height: 18px;opacity: 0.6;display: block;}
.edge_p,.edge_p img{width: 100%;display: block;}
.edge_w{width: 1200px;background: rgba(0, 108, 200 , 0.89);left: 50%;margin-left: -600px;bottom: 0;height: 200px;box-sizing:border-box;padding:24px 284px 0 87px;}
.edge_w h4{font-size: 28px;line-height: 76px;}

/* 案例 */
.case{font-family:"Microsoft Yahei";clear: both;line-height: 28px;font-size:16px;position: relative;padding: 50px 0 0;}
.case_t{height: 72px;line-height: 72px;margin-bottom:4px;border-bottom: 1px solid #dde8f1;font-size: 18px;font-weight: bold;text-align: center;}
.case_t li{padding: 0 49px;float: left;border-right: solid 1px #568cba;position: relative;background: #005399;}
.case_t li:last-child{border: 0;}
.case_t li span{display: inline-block;padding-left: 40px;color: #fff;}
.case_t li a{color: #fff;}
.case_t li.cur,.case_t li:hover{background: #006cc8;}

.case_c{overflow: hidden;height: 467px;margin-bottom:16px;}
.case_c dl{height: 467px;background: #f1f1f1;}
.case_c dt,.case_c dt img{width:828px;height: 466px;display: block;overflow: hidden;float: left;}
.case_c dd{width: 276px;float: left;padding: 37px 0 0 48px;}
.case_c dd h4{font-size: 32px;height: 89px;line-height: 89px;position: relative;margin-bottom: 22px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.case_c dd h4 a{display: block;color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.case_c dd h4:before{content: "";position: absolute;width:74px;height:4px;bottom:0;background: #006cc8;left: 0;}
.case_cw{height: 168px;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:6;  overflow: hidden; text-overflow: ellipsis;margin-bottom: 30px;}
.case_more{display: block;width: 157px;line-height: 46px;text-align: center;background: #006cc8;text-align: center;color: #fff;}
.case_more a{display: block;color: #fff;}
.case_ct{width:828px;height: 44px;text-align: center;left: 0;bottom: 0;z-index: 2;}
.case_ct em{width: 12px;height: 12px;border-radius: 12px;background: #fff;display: inline-block;margin-left: 7px;}
.case_ct em.cur{background: #0068b7;}

.part{height: 178px;text-align: center;line-height:40px;}
.prev4,.next4{width:12px;height:14px;cursor: pointer;z-index: 11;top:58px;right: -30px;}
.prev4{left: -30px;}
.part_l li{width: 230px;float: left;margin:0 13px 0 0;}
.part_l li p{border: solid 1px #e5e5e5;}
.part_l li p,.part_l li p img{width: 228px;height:128px;display: block;overflow: hidden;}
.part_l li span a{color: #666;}
.part_l li:hover img{-webkit-animation:swing 1s .2s ease both;-moz-animation:swing 1s .2s ease both;}

/*资讯*/
.newbox{padding:52px 0 0;height:635px;color: #666;font-size: 14px;line-height: 20px;background:url(../images/edgebg.gif) no-repeat center 0 #f3f3f3;overflow: hidden;}
.faqs{width: 352px;height: 500px;overflow: hidden;}
.news{width:752px;}
.new_t{height:53px;font-size: 22px;line-height:50px;overflow: hidden;background:url(../images/new_line.png) repeat-x 0 bottom;margin-bottom: 21px;}
.more01{float: right;}
.more01 a{width: 24px;height: 50px;display: block;background:url(../images/ico01.png) no-repeat center;}
.new_t li{float: left;color: #313131;white-space: nowrap;padding-right:15px;}
.new_t a{color: #313131;float: left;}
.new_t li.cur a,.faqs .new_t a:hover{color: #006cc8;display: block;font-weight: bold;border-bottom: 3px solid #006cc8;}
.new_c1 dl{position: relative;height:192px;background: #fff;margin-bottom: 25px;}
.new_c1 dt{float: left;position: relative;}
.new_c1 dt,.new_c1 dt img{width:325px;height:192px;overflow: hidden;display: block;}
.new_c1 dt b{display: block;position: absolute;left: 0;top: 0;width: 100px;line-height: 45px;text-align: center;background: #006cc8;color: #fff;font-size: 26px;}
.new_c1 dd{width: 376px;float: left;padding: 15px 0 0 29px;line-height: 27px;}
.new_c1 dd h4 a{display: block;color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new_c1 dd h4{height: 40px;font-size: 16px;line-height: 40px;}
.new_c1 dd p{height: 92px;overflow: hidden;}
.new_c1 dd span a{display: block;color: #006cc8;text-transform: uppercase;text-decoration: underline;}
.new_c1 li{height:49px;border-bottom: 1px dashed #d7d7d7;line-height:49px;overflow: hidden;}
.new_c1 li span{float: right;color: #999;}
.new_c1 li p{width: 590px;float: left;overflow: hidden;}
.new_c1 li p a{color: #333;}
.new_c1 li:hover p a{color: #006cc8;}
.faqs_c{overflow: hidden;}
.faqs_c dl{border-bottom: 1px dashed #d7d7d7;margin-bottom:22px;height:88px;}
.new_c1 li:first-child{border-top: 1px dashed #d7d7d7;}
.faqs_c dt{height:30px;color: #3b3f4e;line-height:22px;padding-left: 36px;position: relative;background:url(../images/faq_q.gif) no-repeat 0 0;font-weight: bold;font-size: 16px;}
.faqs_c dt a{display: block;color: #000;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.faqs_c dl:hover dt a{font-weight: bold;color: #006cc8;}
.faqs_c dd{padding: 0 0 0 36px;position: relative;background:url(../images/faq_a.gif) no-repeat 0 0;}

/*关于*/
.aboutbox{font-family:"Microsoft Yahei";line-height:36px;position: relative;z-index: 1;color: #666;font-size: 16px;overflow: hidden;}
.about_p,.about_p img{width: 100%;display: block;}
.about{height:155px;position: relative;z-index: 1;}
.about h2{font-size:24px;line-height:34px;height:248px;width:305px;background: #006cc8;color: #fff;float: left;position: absolute;padding: ;left: 0;top: -129px;}
.about h2 b{padding:17px 75px 0;display: block;height: 102px;background: #fff;position: relative;}
.about h2 b img{width: 150px;}
.about h2 b:before{content: "";position: absolute;width:0;height:0;bottom:-10px;left:20px;z-index: 2;border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #fff;}
.about h2 span{padding: 30px 0 0 30px;display: block;}
.about h2 span em{display: block;font-weight: normal;font-size: 20px;line-height: 30px;}
.about h2 a{color: #fff;}
.about p{width:842px;padding: 36px 10px 0 0;float: right;}


/* 风采展示 */
.show{clear: both;height:426px;}
.show_t{height:60px;font-size:24px;line-height:34px;text-align: center;font-weight: bold;}
.show_t span{color: #000;padding: 0 32px;display: inline-block;position: relative;}
.show_t span a{color: #000;display: inline-block;padding-left: 44px;background-position: 0 0;}
.show_t span.cur a{color: #006cc8;background-position: 0 -50px!important;}

.show_cl{overflow: hidden;}
.show_cl li{width: 294px;float: left;margin:10px 8px 0 0;position: relative;}
.show_cl li:last-child{margin: 0;}
.show_cl li p,.show_cl li p img{width: 294px;height:220px;display: block;overflow: hidden;}
.show_cl1 li{float: left;width: 222px;margin:0 20px 0 0;}
.show_cl1 li p{background:url(../images/honlbg.jpg) no-repeat 0 0;padding:18px;}
.show_cl1 li p,.show_cl1 li p img{width: 186px;height:248px;display: block;overflow: hidden;}
.show_c li span{height:48px;line-height: 48px;text-align: center;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.show_c li span a{display: block;color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.show_c li:hover span a,.show_c li span a:hover{color: #006cc8;}

/*友情链接*/
.link{height:0;line-height:50px;position: relative;z-index: 9;font-size: 14px;color: #a7a9ad;width: 1200px;margin: 0 auto;text-align: right;}
.link_c{position: absolute;width:720px;right: 0;top: -50px;z-index: 2;}
.link a{display: inline-block;color: #a7a9ad;padding: 0 20px;}


.cust_c dt img, .pro_cl li p img, .plan_r dt img,.case_c dt img, .new_c1 dt img, .show_c1 li p img,.prod1 li img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.cust_c dl:hover dt img, .pro_cl li:hover p img, .plan_r dl:hover dt img,.case_c dl:hover dt img, .new_c1 dl:hover dt img, .show_c1 li:hover p img,.prod1 li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}


@-webkit-keyframes swing{
    20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
    20%{-webkit-transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes swing{
    20%,40%,60%,80%,100%{-moz-transform-origin:top center}
    20%{-moz-transform:rotate(15deg)}
    40%{-moz-transform:rotate(-10deg)}
    60%{-moz-transform:rotate(5deg)}
    80%{-moz-transform:rotate(-5deg)}
    100%{-moz-transform:rotate(0deg)}
}