@charset "utf-8";
body {
	min-width: 1200px;
	width: 100%;/*background: #f6f6f6;*/
}
/**/
.yin {
	padding: 50px 0 60px;
}
.yin_t {
	font-size: 38px;
	color: #333;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
}
.yin_t b {
	font-weight: bold;
	padding: 0 10px 0 305px;
}
.yin_t span, .yin_t b {
	display: block;
	float: left;
}
.yin_t:hover, .yin ul li:hover b {
	color: #ac0000;
}
.yin ul {
	display: block;/*padding-top: 50px;*/
}
.yin ul li {
	width: 300px;
	float: left;
	text-align: center;
	background: url(../img/yin_line01.gif) no-repeat;
}
.yin ul li em {
	display: block;
	width: 57px;
	margin: 0 auto;
}
.yin ul li em img, .fuw dl dt img, .ys_r dl dt img {
	width: 57px;
	height: 57px;
	display: block;
	transition: all 0.3s ease-in-out 0s;
}
.yin ul li:hover img, .fuw dl:hover dt img, .ys_r dl:hover dt img {
/*transform: rotateY(180deg);*/
}
.yin ul li b {
	display: block;
	font-size: 24px;
	color: #333;
	height: 80px;
	line-height: 80px;
	overflow: hidden;
	background: url(../img/yin_line02.gif) no-repeat center 78px;
}
.yin ul li span {
	display: block;
	font-size: 14px;
	color: #666;
	width: 205px;
	margin: 0 auto;
	/*padding: 14px 0 0;*/
	height: 44px;
	line-height: 22px;
	overflow: hidden;
}
.yin ul li:first-child {
	background: none;
}
/*解决方案*/
.plan {
	background: #f6f6f6;
	padding: 54px 0 40px;
}
.plan_t {
	font-size: 38px;
	color: #333;
	font-weight: normal;
	height: 120px;
	text-align: center;
	background: url(../img/plan_line.png) no-repeat center 62px;
	line-height: 44px;
}
.plan_t a {
	font-size: 38px;
	color: #333;
}
.plan_t span {
	display: block;
	font-size: 16px;
	color: #999;
}
.plan ul li {
	width: 470px;
	height: 480px;
	background: #fff;
	float: left;
	box-shadow: 0 3px 10px 3px #e0e0e0;
	margin-right: 21px;
	margin-bottom: 21px;
}
.plan ul li b {
	display: block;
	font-size: 18px;
	color: #666;
	font-weight: normal;
	height: 66px;
	line-height: 76px;
	overflow: hidden;
	background: url(../img/plan_ico01.gif) no-repeat 30px 29px;
	padding-left: 60px;
}
.plan ul li em {
	width: 470px;
	height: 340px;
	display: block;
	line-height: 0;
	overflow: hidden;
}
.plan ul li em img, .partner_c ul li img, .cp_m ul li img, .wd_pic img {
	width: 470px;
	height: 340px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.plan ul li em img:hover, .partner_c ul li img:hover, .cp_m ul li img:hover, .wd_pic img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.plan ul li span {
	display: inline-block;
	width: 470px;
	border-top: #f6f6f6 1px solid;
	padding: 15px 0 0;
	margin-top: 15px;
}
.plan ul li span a {
	display: block;
	margin: 0 auto;
	font-size: 14px;
	color: #ac0000;
	width: 100px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	border: #e2e2e2 1px solid;
	border-radius: 30px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.plan ul li span a:hover {
	background: #ac0000;
	color: #fff;
	border: #ac0000 1px solid;
	box-shadow: 0 8px 10px 0 #bbb;
	z-index: 2;
	-webkit-transform: translate(0, -2px);
	-webkit-transform: translate(0, -2px)
}
.plan ul li a:hover b {
	font-weight: bold;
}
.plan .nobor {
	margin-right: 0;
}
/*合作客户*/
.partner_bg {
	background: #353431;
	padding: 58px 0px 30px 0px;
	border-bottom: #ac0000 10px solid;
	/*height: 176px;*/
	overflow: hidden;
}
.partner p {
	width: 15px;
	height: 29px;
	position: absolute;
	cursor: pointer;
	top: 44px;
}
.partner p img {
	width: 15px;
	height: 29px;
}
.partner p:hover img {
	-webkit-animation: icon-bounce 0.5s alternate;
	-moz-animation: icon-bounce 0.5s alternate;
	-o-animation: icon-bounce 0.5s alternate;
	animation: icon-bounce 0.5s alternate;
}
.partner_l {
	left: -40px;
}
.partner_r {
	right: -40px;
}
.partner_c {
	width: 1200px;
	overflow: hidden;
}
.partner_c ul li {
	width: 209px;
	float: left;
	padding: 0 36px 0 0;
	line-height: 0;
}
.partner_c ul li em {
	width: 207px;
	height: 115px;
	border: #ac0000 1px solid;
	display: block;
	overflow: hidden;
}
.partner_c ul li img {
	width: 207px;
	height: 115px;
}
.partner_c ul li span {
	width: 209px;
	text-align: center;
	display: block;
	/*height: 25px;*/
	line-height: 25px;
	overflow: hidden;
	padding: 10px 0 0;
	font-size: 16px;
	color: #cecece;
}
/*琅琅核心服务*/
.fuw_bg {
	background: url(../img/fuw_k03.gif) no-repeat center bottom;
	padding: 75px 0 0;
}
.fuw .plan_t, .chanp .plan_t {
	height: 110px;
	background: url(../img/fuw_line.png) no-repeat center 62px;
}
.fuw dl {
	width: 221px;
	float: left;
	text-align: center;
}
.fuw dl dt {
	width: 133px;
	height: 150px;
	margin: 0 auto;
}
.fuw dl dt img {
	width: 133px;
	height: 133px;
}
.fuw dl dd {
	padding: 45px 0 0;
	height: 130px;
	width: 221px;
	background: url(../img/fuw_k01.gif) no-repeat 0 1px;
}
.fuw dl dd h5 {
	font-size: 20px;
	color: #333;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
.fuw dl dd p {
	font-size: 14px;
	color: #757373;
	height: 66px;
	line-height: 22px;
	overflow: hidden;
	padding: 10px 0 0;
}
.fuw dl:hover dd h5 {
	color: #ac0000;
}
.fuw .fuw_dl02 {
	margin: 0 23px;
}
.fuw .fuw_dl02 dt {
	padding: 18px 0 0;
	height: 133px;
}
.fuw .fuw_dl02 dd {
	padding: 15px 0 0;
	height: 160px;
	background: url(../img/fuw_k02.gif) no-repeat 0 bottom;
}
.fuw_tel {
	font-size: 18px;
	color: #ac0000;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	padding: 40px 0 0;
}
.fuw_tel em, .six_tel em {
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	line-height: 0;
	margin: 15px 10px 0 456px;
	animation: msClock 1s linear infinite;
	animation: msClock 1s linear infinite;
}
.fuw_tel b, .six_tel b {
	font-size: 24px;
}
 @keyframes msClock {
 0%, 90%, 100% {
 transform: rotate(0) scale(1);
}
 20%, 40% {
 transform: rotate(-15deg) scale(1);
}
 30%, 50% {
 transform: rotate(15deg) scale(1);
}
}
/*优势*/
.ys_bg {
	background: url(../img/ys_bg.gif) repeat-x;
	height: 765px;
	padding: 52px 0 0;
	overflow: hidden;
}
.ys .plan_t {
	height: 132px;
	background: url(../img/ys_line.png) no-repeat center 62px;
}
.ys_l {
	width: 960px;
	height: 633px;
	position: absolute;
	top: 132px;
	right: 50%;
}
.ys_l img {
	width: 960px;
	height: 633px;
}
.ys_r {
	width: 640px;
	position: relative;
	z-index: 30;
	padding: 60px 0 0;
}
.ys_r dl {
	width: 640px;
	height: 90px;
	overflow: hidden;
	padding: 15px 0 0;
}
.ys_r dl dt {
	width: 100px;
	float: left;
}
.ys_r dl dt img {
	width: 76px;
	height: 76px;
}
.ys_r dl dd {
	width: 540px;
	float: left;
	border-bottom: #494846 1px solid;
	height: 86px;
}
.ys_r dl dd h5 {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	font-size: 22px;
	color: #fff;
	font-weight: normal;
}
.ys_r dl dd p {
	font-size: 14px;
	color: #b2b2b2;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
/*产品中心*/
.chanp {
	padding: 70px 0 40px;
}
.chanp .plan_t {
	height: 133px;
}
.cp_t {
	padding: 0 0 70px;
}
.cp_t ul li {
	width: 300px;
	height: 136px;
	float: left;
	background: url(../img/cp_line.gif) no-repeat right 0;
	padding: 20px 0 0;
	text-align: center;
	overflow: hidden;
	color: #333;
}
.cp_t ul li em {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 0;
	margin: 0 auto;
	overflow: hidden;
}
.cp_t ul li em img {
	width: 50px;
	height: 100px;
}
.cp_t ul li b {
	display: block;
	font-size: 18px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	padding: 10px 0 0;
}
.cp_t ul li i {
	display: block;
	font-size: 12px;
	color: #999;
	text-transform: uppercase;
}
.cp_t ul li:hover, .cp_t ul li.on {
	background: #ac0000 none;
	color: #fff;
}
.cp_t ul li:hover em img, .cp_t ul li.on em img {
	margin-top: -50px;
}
.cp_t ul li:hover i, .cp_t ul li.on i {
	color: #fff;
}
.cp_m dl {
	width: 795px;
	height: 390px;
	background: #ac0000;
	position: absolute;
	top: 0;
	left: 0;
}
.cp_m dl dt {
	width: 440px;
	height: 390px;
	float: left;
	overflow: hidden;
}
.cp_m dl dt img {
	width: 440px;
	height: 390px;
}
.cp_m dl dd {
	width: 210px;
	float: left;
	padding: 100px 0 0 70px;
}
.cp_m dl dd h5 {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}
.cp_m dl dd h5 a {
	font-size: 22px;
	color: #fff;
}
.cp_m .cp_desc {
	font-size: 12px;
	color: #fff;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	padding: 8px 0 0;
}
.cp_m dl dd span {
	width: 160px;
	padding: 20px 0 0;
	display: block;
}
.cp_m dl dd span a {
	display: block;
	font-size: 14px;
	color: #fff;
	width: 160px;
	text-align: center;
	height: 36px;
	line-height: 36px;
	background: #060606;
	overflow: hidden;
	border-radius: 30px;
}
.cp_m dl dd span a:hover {
	animation: shake 1.5s linear;
	-webkit-animation: shake 1.5s linear;
}
.cp_m ul li {
	width: 390px;
	height: 390px;
	position: relative;
	line-height: 0;
	float: left;
	overflow: hidden;
	margin-right: 15px;
	overflow: hidden;
	margin-bottom: 15px;
}
.cp_m ul li img {
	width: 390px;
	height: 390px;
}
.cp_m ul li span {
	width: 390px;
	display: block;
	text-align: center;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	font-size: 18px;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0px;
	background: url(../img/cp_ico01.png) no-repeat 360px center rgba(0,0,0,0.6);
	-webkit-transition: transform .3s;
	transition: transform .3s;
}
.cp_m ul li a:hover span {
/*-webkit-transform: translate(10px, 0);
	transform: translate(10px, 0);*/
}
.cp_m ul li:first-child {
	margin-left: 810px;
	margin-right: 0;
}
.cp_m .nobor {
	margin-right: 0;
}
/*匠心制造*/
.six {
	padding: 60px 0 0px;
}
.six .plan_t {
	height: 100px;
	background: url(../img/six_line.png) no-repeat center 62px;
}
.six_m {
	margin-bottom: 45px;
}
.six_qie {
	width: 1200px;
	height: 322px;
	background: #353431;
	position: relative;
}
.six_qie:before {
	content: "";
	width: 0;
	height: 0;
	border-bottom: 15px solid #353431;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	position: absolute;
	bottom: -15px;
}
.six_m p {
	font-size: 14px;
	color: #c1c1c1;
	line-height: 28px;
	width: 600px;
	text-indent: 2em;
	text-align: left;
	padding: 45px 0 0;
	text-transform: uppercase;
	float: left;
}
.six_m img {
	float: left;
	width: 598px;
}
.six01:before {
	left: 88px;
	top: -15px;
}
.six02:before {
	left: 288px;
	top: -15px;
}
.six03:before {
	left: 488px;
	top: -15px;
}
.six04:before {
	left: 688px;
	top: -15px;
}
.six05:before {
	left: 888px;
	top: -15px;
}
.six06:before {
	left: 1088px;
	top: -15px;
}
.six_bot {
	padding: 0 0 60px;
}
.six_bot ul li {
	border-left: #d2d2d2 1px solid;
	width: 200px;
	height: 120px;
	float: left;
	box-sizing: border-box;
	padding: 10px 0 0;
	text-align: center;
	color: #333;
	overflow: hidden;
}
.six_bot ul li em {
	display: block;
	line-height: 0;
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
}
.six_bot ul li em img {
	width: 50px;
	height: 100px;
}
.six_bot ul li span {
	display: block;
	font-size: 14px;
	line-height: 22px;
	/*padding: 10px 0 0;*/
	padding: 0px 10px;
}
.six_bot ul li i {
	display: block;
	font-size: 12px;
	color: #aaa;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
.six_bot ul li.six_li02 {
	background: #f7f7f7;
}
.six_bot ul li:hover, .six_bot ul li.on {
	background: #ac0000;
	color: #fff;
}
.six_bot ul li:hover em img, .six_bot ul li.on em img {
	margin-top: -50px;
}
.six_bot ul li:hover i, .six_bot ul li.on i {
	color: #fff;
}
.six_bot ul li.on a {
	color: #fff;
}
.six_tel {
	font-size: 18px;
	color: #d3d3d3;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	background: url(../img/six_k.gif) no-repeat;
}
.six_tel b {
	color: #fff;
}
/*常见问答*/
.news_bg {
	background: url(../img/news_bg.gif) repeat-y center 0;
	padding: 0px 0 55px;
}
.news {
	width: 600px;
}
.news-nav {
	height: 95px;
}
.news-nav h3 {
	float: left;
	margin-right: 20px;
}
.news_t {
	height: 95px;
	line-height: 95px;
	overflow: hidden;
	font-weight: normal;
}
.news_t a {
	font-size: 24px;
	color: #333;
}
.news-nav h3.cur a, .news_t a:hover {
	color: #ac0000;
}
.news_t em {
	display: block;
	float: left;
	line-height: 0;
	width: 24px;
	padding: 37px 10px 0 0;
}
.news_t em img {
	width: 24px;
	height: 24px;
}
.news_t i {
	font-size: 20px;
	color: #aaa;
	text-transform: uppercase;
	padding: 0 0 0 10px;
}
.news dl {
	width: 570px;
	height: 110px;
	border: #ebebeb 1px solid;
	overflow: hidden;
	margin-bottom: 10px;
}
.news dl dt {
	font-size: 14px;
	color: #aaa;
	font-family: Arial, Helvetica, sans-serif;
	width: 110px;
	text-align: center;
	height: 110px;
	padding: 18px 0 0;
	float: left;
	background: #ebebeb;
	line-height: 32px;
}
.news dl dt b {
	display: block;
	font-size: 48px;
	color: #333;
	padding: 12px 0 2px;
}
.news dl dd {
	width: 400px;
	float: left;
	padding: 18px 0 0 25px;
}
.news dl dd h5 {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
.news dl dd h5 a {
	font-size: 18px;
	color: #333;
}
.news .wd_desc {
	font-size: 14px;
	color: #666;
	height: 44px;
	line-height: 22px;
	overflow: hidden;
	padding: 8px 0 0;
}
.news dl:hover dt b, .news dl:hover dd h5 a, .wd dt a:hover {
	color: #ac0000;
}
/*琅琅动态*/
.wd {
	width: 500px;
}
.wd_pic {
	width: 500px;
	height: 169px;
	line-height: 0;
	overflow: hidden;
}
.wd_pic img {
	width: 500px;
	height: 169px;
}
.wd_m {
	overflow: hidden;
	padding: 20px 0 0;
}
.wd dl {
	width: 500px;
	padding: 8px 0 0;
	height: 75px;
}
.wd dt {
	background: url(../img/wen.gif) no-repeat 0 7px;
	padding: 0 0 0 40px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
.wd dt a {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	width: 450px;
}
.wd dd {
	padding: 5px 0 0 40px;
	font-size: 14px;
	color: #888;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
/*走进琅琅*/
.about {
	padding: 70px 0 45px;
}
.about .aboutus {
	text-indent: 2em;
	line-height: 35px;
	margin-bottom: 20px;
	display: block;
}
.ab_t {
	width: 240px;
	height: 145px;
	position: absolute;
	top: 100px;
	left: 0;
	background: rgba(230,161,58,0.9);
	text-align: center;
	line-height: 44px;
	padding: 30px 0 0;
	z-index: 50;
}
.ab_t a {
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	display: block;
}
.ab_t i {
	display: block;
	font-size: 30px;
	color: #e9ceaf;
	text-transform: uppercase;
	font-weight: normal;
}
.about dl {
	width: 1200px;
	height: 414px;
	position: relative;
}
.about dl dt {
	width: 600px;
	height: 414px;
	line-height: 0;
	float: left;
}
.about dl dt img {
	width: 600px;
	height: 414px;
}
.about dl dd {
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	background: rgba(0,0,0,0.3);
	height: 414px;
	float: left;
	width: 600px;
}
.ab_l {
	width: 385px;
	padding: 42px 0 0;
}
.ab_l a {
	display: block;
	float: left;
	font-size: 24px;
	color: #333;
	width: 164px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	border: #dfdfdf 1px solid;
	border-radius: 30px;
	-webkit-transition: all .3s;
	transition: all .3s;
	margin-right: 20px;
}
.ab_l a:hover {
	box-shadow: 0 10px 10px 0 #ddd;
	z-index: 2;
	-webkit-transform: translate(0, -2px);
	-webkit-transform: translate(0, -2px)
}
.ibrand-num {
	overflow: hidden;
	margin: 30px 0 0;
}
.ibrand-num li {
	float: left;
	width: 203px;
	height: 75px;
	text-align: center;
	color: #333;
	font-size: 18px;
	background: url(../img/ab_line.gif) no-repeat;
}
.ibrand-num li span {
	font-size: 42px;
	line-height: 48px;
	font-family: Helvetica, sans-serif;
}
.ibrand-num li b {
	display: block;
	font-size: 14px;
	color: #888;
	font-weight: normal;
}
/*荣誉资质*/
.photo {
	padding: 0 0 40px;
}
.photo_l {
	width: 80px;
	height: 166px;
	background: #ac0000;
	overflow: hidden;
}
.photo_l a {
	font-size: 24px;
	color: #fff;
	display: block;
	width: 30px;
	text-align: center;
	margin: 0 auto;
	padding: 22px 0 0;
	line-height: 24px;
}
.photo_r {
	width: 1100px;
	padding-left: 20px;
	overflow: hidden;
}
.photo_r ul li {
	width: 126px;
	float: left;
	line-height: 0;
	padding: 0 40px 0 0;
}
.photo_r ul li img {
	width: 124px;
	height: 166px;
}
.photo_r ul li a {
	width: 124px;
	height: 166px;
	display: block;
	border: #e5e5e5 1px solid;
}
.photo_r ul li a:hover {
	border: #ac0000 1px solid;
}

/**/
@-webkit-keyframes shake {
 from, to {
-webkit-transform:translate3d(0, 0, 0);
}
 20%, 60% {
-webkit-transform:translate3d(-10px, 0, 0);
}
 40%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
}
}
 @keyframes shake {
 from, to {
transform:translate3d(0, 0, 0);
}
 20%, 60% {
transform:translate3d(-10px, 0, 0);
}
 40%, 80% {
transform:translate3d(10px, 0, 0);
}
}

/**/
@keyframes icon-bounce {
 0%, 100% {
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 25% {
 -moz-transform: rotate(15deg);
 -ms-transform: rotate(15deg);
 -webkit-transform: rotate(15deg);
 transform: rotate(15deg);
}
 50% {
 -moz-transform: rotate(-15deg);
 -ms-transform: rotate(-15deg);
 -webkit-transform: rotate(-15deg);
 transform: rotate(-15deg);
}
 75% {
 -moz-transform: rotate(5deg);
 -ms-transform: rotate(5deg);
 -webkit-transform: rotate(5deg);
 transform: rotate(5deg);
}
 85% {
 -moz-transform: rotate(-5deg);
 -ms-transform: rotate(-5deg);
 -webkit-transform: rotate(-5deg);
 transform: rotate(-5deg);
}
}
@-webkit-keyframes icon-bounce {
 0%, 100% {
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 25% {
 -moz-transform: rotate(15deg);
 -ms-transform: rotate(15deg);
 -webkit-transform: rotate(15deg);
 transform: rotate(15deg);
}
 50% {
 -moz-transform: rotate(-15deg);
 -ms-transform: rotate(-15deg);
 -webkit-transform: rotate(-15deg);
 transform: rotate(-15deg);
}
 75% {
 -moz-transform: rotate(5deg);
 -ms-transform: rotate(5deg);
 -webkit-transform: rotate(5deg);
 transform: rotate(5deg);
}
 85% {
 -moz-transform: rotate(-5deg);
 -ms-transform: rotate(-5deg);
 -webkit-transform: rotate(-5deg);
 transform: rotate(-5deg);
}
}
@-moz-keyframes icon-bounce {
 0%, 100% {
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 25% {
 -moz-transform: rotate(15deg);
 -ms-transform: rotate(15deg);
 -webkit-transform: rotate(15deg);
 transform: rotate(15deg);
}
 50% {
 -moz-transform: rotate(-15deg);
 -ms-transform: rotate(-15deg);
 -webkit-transform: rotate(-15deg);
 transform: rotate(-15deg);
}
 75% {
 -moz-transform: rotate(5deg);
 -ms-transform: rotate(5deg);
 -webkit-transform: rotate(5deg);
 transform: rotate(5deg);
}
 85% {
 -moz-transform: rotate(-5deg);
 -ms-transform: rotate(-5deg);
 -webkit-transform: rotate(-5deg);
 transform: rotate(-5deg);
}
}
@-o-keyframes icon-bounce {
 0%, 100% {
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 25% {
 -moz-transform: rotate(15deg);
 -ms-transform: rotate(15deg);
 -webkit-transform: rotate(15deg);
 transform: rotate(15deg);
}
 50% {
 -moz-transform: rotate(-15deg);
 -ms-transform: rotate(-15deg);
 -webkit-transform: rotate(-15deg);
 transform: rotate(-15deg);
}
 75% {
 -moz-transform: rotate(5deg);
 -ms-transform: rotate(5deg);
 -webkit-transform: rotate(5deg);
 transform: rotate(5deg);
}
 85% {
 -moz-transform: rotate(-5deg);
 -ms-transform: rotate(-5deg);
 -webkit-transform: rotate(-5deg);
 transform: rotate(-5deg);
}
}