
/* ÇÐ»»Ð§¹û*/
.mt14{margin-top:14px;}
.mr_t1 { background: url(images/mr_1px.jpg) repeat-x left bottom; height: 40px; padding-right: 16px; }
.mr_t1name { font: bold 16px/40px "微软雅黑"; color: #FFF; background: #2257A2 url(images/mr_t1bg.jpg) no-repeat right top; height: 40px; width: 120px; padding-left: 21px; float: left; }
.mr_t1name img { float: left;display: inline; }
.mr_frbox { width:1100px;}
.mr_frBtnL { float: left; margin: 40px 30px 0px 0px; cursor: pointer; display: inline;}
.mr_frUl { float: left; width: 993px; overflow: hidden;height: 140px;}
.mr_frBtnR { float: right;  cursor: pointer;margin-top:40px; }
.mr_frUl ul li{ float: left;  width:225px; overflow: hidden;height: 140px;margin-right: 31px;}
.mr_frUl ul li a{display: block;width: 223px;height: 138px;border: 1px solid #ff9900;position: relative;}
.mr_frUl ul li a img {height: 138px;width:223px;vertical-align: bottom;position: absolute;z-index: 2;transform: rotateY(0deg);
transition: all 0.5s ease 0s;
backface-visibility: hidden;}
.mr_frUl ul li a span{position: absolute;width: 213px;height: 138px;overflow: hidden;
background: #FFF none repeat scroll 0% 0%;
line-height: 138px;
text-align: center;
transform: rotateY(-180deg);
transition: all 0.5s ease 0s;
backface-visibility: hidden;
color: #222;
font-size: 14px;
padding: 0px 5px;}
.mr_frUl ul li a:hover{border: 1px solid #66cc00;}
.mr_frUl ul li a:hover img{transform: rotateY(180deg);}
.mr_frUl ul li a:hover span{transform: rotateY(0deg);}

/* ÇÐ»»Ð§¹ûend*/



