.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;
  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;
  margin-top: 9px;
  margin-right: 6px;
  display: inline;
}
.mr_frbox {
  height: 435px;
  position: relative;
}
.mr_frBtnL {
  left: -80px;
  cursor: pointer;
  display: inline;
  position: absolute;
  top: 40%;
}
.mr_frUl {
  float: left;
  height: 435px;
  width: 1050px;
}
.mr_frBtnR {
  right: -80px;
  cursor: pointer;
  position: absolute;
  top: 40%;
}
.mr_frUl ul.carousel > li {
  float: left;
  width: 1050px;
  height: auto;
}
.mr_frUl ul.carousel li img {
  max-width: 100%;
}
.mr_frBtnL img,
.mr_frBtnR img {
  opacity: 0.7;
}
.mr_frBtnL img:hover,
.mr_frBtnR img:hover {
  opacity: 1;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .mr_frUl {
    width: 88%;
    overflow: hidden;
  }
  .mr_frBtnR {
    right: 0;
  }
  .mr_frBtnL {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .mr_frUl,
  .mr_frUl ul.carousel>li {
    width: 355px !important;
    height: auto;
  }
  .mr_frBtnL,
  .mr_frBtnR {
    position: absolute;
    z-index: 999;
  }
  .mr_frBtnL {
    left: 0;
    top: 60%;
  }
  .mr_frBtnR {
    right: 0;
    top: 60%;
  }
}