.nrtitle{
background: #F1F1F1;
border-bottom: 1px solid #D9D9D9; padding-top:20px;}
.nrtitle .nameen { width:210px; height:95px; overflow:hidden; margin:0 auto; text-align:center; color:#222c50; font-size:70px; font-weight:bold; font-family:"Times New Roman", Times, serif; text-transform:uppercase; background:url(../images/bg/bgp.png) no-repeat; }
.nrtitle .nameen span { display:inline-block; background:#f1f1f1; padding:0 10px; }
.nrtitle .ititle { text-align:center; padding:0 0 30px 0; }
.nrtitle .ititle p { text-transform:uppercase; color:#222c50; font:16px/20px 'arial'; }
.nrtitle .ititle span { margin:0px auto 0; width:137px; line-height:40px; color:#da0c0c; display:block; text-align:center; font-size:24px; font-family:'Microsoft Yahei'; font-weight:bold; }
.nrtitle .ititle em { font-style:normal; color:#222c50; font-size:14px; font-family:'Microsoft Yahei'; }

.pro_title{}
.pro_title{ overflow:hidden; text-align: center; }
.pro_title ul { display: inline-block; }
.pro_title  li{ color: #222C50; line-height:30px; background: #EAEAEA none repeat scroll 0% 0%; padding: 1px 8px; border-radius: 5px; display: inline-block; cursor:pointer; }
.pro_title  a { color:#22c50; }
.pro_title  li:hover a{ color:#FFF; display:block; }
.pro_title li.on{ color:#fff; background:#006ab6; }
.pro_title li.on a{ color:#fff; }
.pro_title li:hover { color:#fff; background:#006ab6; }

.products{ padding:20px 0px 30px 0px;}

.commend { margin:10px 0px; text-align:center; padding:10px; }
.commend img { max-width:100%; }
.commend img:hover { -webkit-animation:tada 1s .2s ease both;
-moz-animation:tada 1s .2s ease both;
}
table tr td{
	border:1px #333 solid;
	padding:3px;
	}
@-webkit-keyframes tada { 0% {
-webkit-transform:scale(1);
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform:scale(1) rotate(0);
}
}
@-moz-keyframes tada { 0% {
-moz-transform:scale(1);
}
10%, 20% {
-moz-transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-moz-transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-moz-transform:scale(1.1) rotate(-3deg);
}
100% {
-moz-transform:scale(1) rotate(0);
}
}
.commend a { display:block; }
.commend p { color:#FFF; background:#006ab6; height:32px; line-height:32px; }
.commend a:hover p { color:#FFF; background:#da0c0c; }

.size-1of4 { width: 25%; }
.size-1of3 { width: 33.333%; }
.size-1of2 { width: 50%; }
.size-1of1 { width: 100%; }
@media screen and (max-width: 450px) {
	.column {}
 #grid[data-columns]::before {
 content: '1 .column';
}
}
 @media screen and (min-width: 451px) and (max-width: 700px) {
	 .column { float:left;}
 #grid[data-columns]::before {
 content: '2 .column.size-1of2';
}
}
 @media screen and (min-width: 701px) and (max-width: 850px) {
	 .column { float:left;}
 #grid[data-columns]::before {
 content: '3 .column.size-1of3';
}
}
@media screen and (min-width: 991px) {
	.column { float:left;}
 #grid[data-columns]::before {
 content: '4 .column.size-1of4';
}
}