.mt14{margin-top:14px;}
.mr_t1 { background: url(../images/mr_1px.jpg) repeat-x left bottom; height: 40px; padding-right: 16px; }
.mr_t1name {color: #FFF; height: 40px; width: 120px; padding-left: 21px; float: left; }
.mr_t1name img { float: left; margin-top: 9px; margin-right: 6px; display: inline; }
.mr_frbox { height: 200px; width: 1040px; margin: 0 auto;}
.mr_frBtnL { float: left; cursor: pointer; display: inline; margin-top: 80px; margin-left: -10px;}
.mr_frUl { float: left; height: 200px; width: 615px; padding-left: 10px;}
.mr_frBtnR { float: right; cursor: pointer; margin-top: 80px;}
.mr_frUl ul li { display: inline; float: left; height: 215px; width: 195px; overflow: hidden; padding: 0; text-align: center; position: relative;}
.mr_frUl ul a {}
.mr_frUl ul li a{color: #fff;}
.mr_frUl ul li img { margin-bottom: 7px; margin: 0 5px 7px 5px;}
.mr_frUl ul li span{
	position: absolute;
	right: 0; top: 0;
	background: url(../images/abs_pro_topBg_1.png) right top no-repeat;
	width: 183px;
	height: 95px;
	color: #fff;
	padding: 5px 12px 0 0;
	text-align: right;
	text-shadow: 0 0 8px #000;
}
.mr_frUl ul li span.bg{
	background: url(../images/abs_pro_topBg_2.png) right top no-repeat;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.mr_frbox{
	width: 100%;
}
.mr_frUl{
	width: 94%;
	overflow: hidden;
	margin: 0 auto;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.mr_frbox{
	width: 100%;
	position: relative; 
}
.mr_frUl {
	width: 90%;
}
.mr_frUl ul li{
	width: 100%;
	text-align: center;
}
.mr_frUl ul li span{
	right: 10%;
}
.mr_frBtnL, .mr_frBtnR{
	position: absolute;
	z-index: 999;
	background: rgba(255,255,255,0.7);
	padding: 10px;
	top: 50%;
	margin-top: 35px;
}
.mr_frBtnL{
	left: 5px;
}
.mr_frBtnR{
	right: 5px;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
}